u

src/components/settings/PrinterAgentSettingsPanel.jsx

@@ -120,7 +120,14 @@ class AgentQrCode extends PureComponent {
 }
 
 function renderPrinterDiagnostics(printer, live) {
-  if (!live) {
+  const isOnline = printer?.online ?? (live ? !live.unreachable && live.status !== 'offline' : false);
+  const isOpen = printer?.open ?? (live?.errors?.headOpen || live?.headOpen || false);
+  const isPaused = printer?.pause ?? (live?.errors?.pause || live?.pause || false);
+  const isError = printer?.error ?? (live?.errors?.other || live?.error || false);
+  const isUnreachable = !isOnline || (live?.errors?.unreachable || false);
+  const labelLength = printer?.labelLength ?? live?.labelLength;
+
+  if (!isOnline) {
     return (
       <Chip
         label="Offline"
@@ -132,9 +139,8 @@ function renderPrinterDiagnostics(printer, live) {
     );
   }
 
-  const errors = live.errors || {};
   const errorChips = [];
-  if (errors.headOpen) {
+  if (isOpen) {
     errorChips.push(
       <Chip
         key="headOpen"
@@ -145,7 +151,7 @@ function renderPrinterDiagnostics(printer, live) {
       />,
     );
   }
-  if (errors.pause) {
+  if (isPaused) {
     errorChips.push(
       <Chip
         key="pause"
@@ -156,7 +162,7 @@ function renderPrinterDiagnostics(printer, live) {
       />,
     );
   }
-  if (errors.unreachable) {
+  if (isUnreachable) {
     errorChips.push(
       <Chip
         key="unreachable"
@@ -167,7 +173,7 @@ function renderPrinterDiagnostics(printer, live) {
       />,
     );
   }
-  if (errors.other) {
+  if (isError) {
     errorChips.push(
       <Chip
         key="other"
@@ -192,9 +198,9 @@ function renderPrinterDiagnostics(printer, live) {
         variant="outlined"
         sx={{ fontSize: '0.7rem', height: 20, fontWeight: 600 }}
       />
-      {live.labelLength != null ? (
+      {labelLength != null ? (
         <Chip
-          label={`Etikett: ${live.labelLength} px`}
+          label={`Etikett: ${labelLength} px`}
           size="small"
           variant="outlined"
           sx={{ fontSize: '0.7rem', height: 20 }}
@@ -227,6 +233,7 @@ export default class PrinterAgentSettingsPanel extends PureComponent {
       editingId: null,
       editNameDraft: '',
       sortDrafts: {},
+      testingPrinterId: null,
     };
     this.handleRetry = this.handleRetry.bind(this);
     this.handleCreateAgent = this.handleCreateAgent.bind(this);
@@ -241,6 +248,7 @@ export default class PrinterAgentSettingsPanel extends PureComponent {
     this.handleTogglePrinterEnabled = this.handleTogglePrinterEnabled.bind(this);
     this.handleMovePrinter = this.handleMovePrinter.bind(this);
     this.handleDeletePrinter = this.handleDeletePrinter.bind(this);
+    this.handleTestPrint = this.handleTestPrint.bind(this);
   }
 
   componentDidMount() {
@@ -467,6 +475,24 @@ export default class PrinterAgentSettingsPanel extends PureComponent {
     }
   }
 
+  async handleTestPrint(printer) {
+    if (!printer?.id) return;
+    this.setState({ testingPrinterId: printer.id });
+    try {
+      await companyAutomat.actions.sendTestPrint(printer.id, {
+        model: printer.model || printer.type || 'Zebra',
+      });
+      enqueueSnackbar(
+        `Testdruck für ${printer.model || 'Drucker'} (#${printer.id}) an Drucker-Warteschlange gesendet.`,
+        { variant: 'success' },
+      );
+    } catch (err) {
+      notifyError(err);
+    } finally {
+      this.setState({ testingPrinterId: null });
+    }
+  }
+
   render() {
     const {
       error,
@@ -479,6 +505,7 @@ export default class PrinterAgentSettingsPanel extends PureComponent {
       patchingAgentId,
       editingId,
       editNameDraft,
+      testingPrinterId,
     } = this.state;
 
     if (error && printeragents.length === 0) {
@@ -564,8 +591,6 @@ export default class PrinterAgentSettingsPanel extends PureComponent {
               const isEditing = editingId === agent.id;
               const isPaired = agent.pairedAt != null;
               const isEnabled = agent.enabled !== false;
-              const clientState = agent.clientstate;
-              const isOnline = clientState === 'online';
               const pairedDateText = formatDateTime(agent.pairedAt);
               const lastseenText = formatDateTime(agent.lastseenAt) ?? 'Nie';
               const updatedText = formatDateTime(agent.updatedAt) ?? '—';
@@ -700,17 +725,6 @@ export default class PrinterAgentSettingsPanel extends PureComponent {
                         />
                       )}
 
-                      {/* Live connection state */}
-                      {clientState ? (
-                        <Chip
-                          label={isOnline ? 'Online' : 'Offline'}
-                          size="small"
-                          variant="outlined"
-                          color={isOnline ? 'success' : 'default'}
-                          sx={{ fontSize: '0.75rem', fontWeight: 600 }}
-                        />
-                      ) : null}
-
                       {/* Agent version */}
                       {agent.agentversion ? (
                         <Tooltip title="Agent Software-Version">
@@ -931,6 +945,30 @@ export default class PrinterAgentSettingsPanel extends PureComponent {
                                   </Box>
 
                                   <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
+                                    {/* Test print button */}
+                                    <Tooltip title="Test-Etikett an Drucker senden (ZPL)">
+                                      <span>
+                                        <Button
+                                          size="small"
+                                          variant="outlined"
+                                          color="primary"
+                                          startIcon={<PrintOutlinedIcon sx={{ fontSize: 15 }} />}
+                                          disabled={testingPrinterId === p.id}
+                                          onClick={() => void this.handleTestPrint(p)}
+                                          sx={{
+                                            textTransform: 'none',
+                                            fontSize: '0.75rem',
+                                            py: 0.25,
+                                            px: 1,
+                                            minHeight: 26,
+                                            fontWeight: 600,
+                                          }}
+                                        >
+                                          {testingPrinterId === p.id ? 'Druckt…' : 'Testdruck'}
+                                        </Button>
+                                      </span>
+                                    </Tooltip>
+
                                     {/* Enabled toggle switch */}
                                     <FormControlLabel
                                       control={