Add 'sleep' status to Production model and update related components

- Introduced a new 'sleep' boolean field in the Production model to indicate if production is suspended.
- Updated FalukantService to include 'sleep' in the production attributes.
- Enhanced MessagesDialog and ProductionSection components to display the production status and handle branch names.
- Added corresponding translations for 'status', 'sleep', and 'active' in both German and English locale files.

frontend/src/components/falukant/MessagesDialog.vue

@@ -50,18 +50,32 @@ export default {
       page: 1,
       size: 10,
       total: 0,
-  pageInput: 1,
+      pageInput: 1,
+      branches: [], // Cache für Branch-Namen
     };
   },
   methods: {
     async open() {
       this.page = 1;
-  this.pageInput = 1;
+      this.pageInput = 1;
+      await this.loadBranches(); // Branches laden für Branch-Namen
       await this.load();
       this.$refs.dlg.open();
       // mark unread as shown
       try { await apiClient.post('/api/falukant/notifications/mark-shown'); } catch {}
     },
+    async loadBranches() {
+      try {
+        const result = await apiClient.get('/api/falukant/branches');
+        this.branches = result.data.map(branch => ({
+          id: branch.id,
+          cityName: branch.region.name,
+        }));
+      } catch (error) {
+        console.error('Error loading branches:', error);
+        this.branches = [];
+      }
+    },
     async markAll() {
       try {
         await apiClient.post('/api/falukant/notifications/mark-shown');
@@ -268,9 +282,14 @@ export default {
         formatted.value = Number(params.value);
       }
       
-      // Filiale-Information
+      // Filiale-Information mit Branch-Namen
       if (params.branch_id !== undefined && params.branch_id !== null) {
-        formatted.branch_info = ` (Filiale #${params.branch_id})`;
+        const branch = this.branches.find(b => b.id === params.branch_id);
+        if (branch && branch.cityName) {
+          formatted.branch_info = ` (${branch.cityName})`;
+        } else {
+          formatted.branch_info = ` (Filiale #${params.branch_id})`;
+        }
       } else {
         formatted.branch_info = '';
       }

frontend/src/components/falukant/ProductionSection.vue

@@ -9,6 +9,7 @@
               <th>{{ $t('falukant.branch.production.quantity') }}</th>
               <th>{{ $t('falukant.branch.production.ending') }}</th>
               <th>{{ $t('falukant.branch.production.remainingTime') }}</th>
+              <th>{{ $t('falukant.branch.production.status') }}</th>
             </tr>
           </thead>
           <tbody>
@@ -16,7 +17,11 @@
               <td>{{ $t(`falukant.product.${production.productType.labelTr}`) }}</td>
               <td>{{ production.quantity }}</td>
               <td>{{ calculateEndDateTime(production.startTimestamp, production.productType.productionTime) }}</td>
-              <td>{{ calculateRemainingTime(production.startTimestamp, production.productType.productionTime) }} s</td>
+              <td>{{ production.sleep ? '-' : calculateRemainingTime(production.startTimestamp, production.productType.productionTime) + ' s' }}</td>
+              <td>
+                <span v-if="production.sleep" class="production-sleep">{{ $t('falukant.branch.production.sleep') }}</span>
+                <span v-else>{{ $t('falukant.branch.production.active') }}</span>
+              </td>
             </tr>
           </tbody>
         </table>