upfdated to ptint plugin

2025-09-20 13:56:57 +03:00
parent c4d82e36f2
commit beeaa02c35
14 changed files with 1062 additions and 0 deletions
--- a/py_app/chrome_extension/popup.html
+++ b/py_app/chrome_extension/popup.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title>Quality Recticel Print Helper</title>
+  <style>
+    body {
+      width: 300px;
+      padding: 15px;
+      font-family: Arial, sans-serif;
+      margin: 0;
+    }
+    
+    .header {
+      text-align: center;
+      margin-bottom: 15px;
+    }
+    
+    .logo {
+      font-size: 24px;
+      margin-bottom: 5px;
+    }
+    
+    .title {
+      font-weight: bold;
+      font-size: 14px;
+      margin-bottom: 3px;
+    }
+    
+    .version {
+      font-size: 11px;
+      color: #666;
+    }
+    
+    .status {
+      background: #e8f5e8;
+      border: 1px solid #28a745;
+      color: #28a745;
+      padding: 8px;
+      border-radius: 4px;
+      font-size: 12px;
+      text-align: center;
+      margin: 10px 0;
+    }
+    
+    .info {
+      font-size: 12px;
+      line-height: 1.4;
+      color: #555;
+      margin: 10px 0;
+    }
+    
+    .button {
+      width: 100%;
+      padding: 8px;
+      background: #007bff;
+      color: white;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      margin: 5px 0;
+      font-size: 12px;
+    }
+    
+    .button:hover {
+      background: #0056b3;
+    }
+    
+    .button.secondary {
+      background: #6c757d;
+    }
+    
+    .button.secondary:hover {
+      background: #545b62;
+    }
+  </style>
+</head>
+<body>
+  <div class="header">
+    <div class="logo">🖨️</div>
+    <div class="title">Quality Recticel Print Helper</div>
+    <div class="version">Version 1.0</div>
+  </div>
+  
+  <div class="status">
+    ✅ Extension Active
+  </div>
+  
+  <div class="info">
+    This extension enables direct printing from the Quality Recticel label system to your default printer without browser dialogs.
+  </div>
+  
+  <button class="button" id="test-print">Test Print Connection</button>
+  <button class="button secondary" id="open-settings">Printer Settings</button>
+  
+  <div class="info">
+    <strong>Usage:</strong> Navigate to the Print Module page and use the enhanced print button for direct printing.
+  </div>
+  
+  <script src="popup.js"></script>
+</body>
+</html>