터치 패널 상태등 UI와 자동 실행 추가

touch_panel/control-touch-panel.desktop

@@ -0,0 +1,8 @@
+[Desktop Entry]
+Type=Application
+Name=Control Touch Panel
+Comment=Control Qt touch panel
+Exec=/usr/bin/python3 /var/www/control/touch_panel/panel.py
+Path=/var/www/control
+Terminal=false
+X-GNOME-Autostart-enabled=true

touch_panel/panel.py

@@ -52,26 +52,24 @@ class StatusDot(QWidget):
         self.setFixedSize(34, 34)
 
     def set_state(self, active, warning=False):
-        changed = self.active != active or self.warning != warning
         self.active = active
         self.warning = warning
-        if active and changed:
-            self.pulse = 6
+        self.pulse = 4 if active else 0
         self.update()
 
     def tick(self):
-        if self.active:
-            self.pulse = 6 if self.pulse <= 0 else self.pulse - 1
+        if self.pulse > 0:
+            self.pulse -= 1
             self.update()
 
     def paintEvent(self, event):
         del event
         painter = QPainter(self)
         painter.setRenderHint(QPainter.Antialiasing)
-        base = QColor("#22c55e") if self.active else QColor("#64748b")
+        base = QColor("#8fa0aa")
         if self.warning:
             base = QColor("#f59e0b")
-        if self.pulse > 0 and self.active and not self.warning:
+        if self.pulse > 0 and self.active:
             base = QColor("#86efac") if self.pulse % 2 == 0 else QColor("#16a34a")
         painter.setBrush(base)
         painter.setPen(Qt.NoPen)
@@ -80,7 +78,7 @@ class StatusDot(QWidget):
         painter.drawEllipse(10, 8, 8, 8)
 
 
-class StatusRow(QFrame):
+class StatusTile(QFrame):
     def __init__(self, title):
         super().__init__()
         self.dot = StatusDot()
@@ -90,18 +88,17 @@ class StatusRow(QFrame):
         self.detail.setObjectName("statusDetail")
         self.detail.setWordWrap(True)
 
-        texts = QVBoxLayout()
-        texts.setContentsMargins(0, 0, 0, 0)
-        texts.setSpacing(2)
-        texts.addWidget(self.title)
-        texts.addWidget(self.detail)
+        self.detail.setAlignment(Qt.AlignCenter)
 
-        layout = QHBoxLayout(self)
-        layout.setContentsMargins(12, 9, 12, 9)
-        layout.setSpacing(10)
-        layout.addWidget(self.dot)
-        layout.addLayout(texts, 1)
-        self.setObjectName("statusRow")
+        layout = QVBoxLayout(self)
+        layout.setContentsMargins(8, 7, 8, 8)
+        layout.setSpacing(4)
+        layout.addWidget(self.title, 0, Qt.AlignLeft)
+        layout.addStretch(1)
+        layout.addWidget(self.dot, 0, Qt.AlignCenter)
+        layout.addStretch(1)
+        layout.addWidget(self.detail)
+        self.setObjectName("statusTile")
 
     def update_state(self, active, detail, warning=False):
         self.dot.set_state(active, warning)
@@ -152,21 +149,26 @@ class TouchPanel(QMainWindow):
         left.setObjectName("panel")
         left_layout = QVBoxLayout(left)
         left_layout.setContentsMargins(14, 14, 14, 14)
-        left_layout.setSpacing(10)
+        left_layout.setSpacing(8)
 
         title = QLabel("상태")
         title.setObjectName("sectionTitle")
         left_layout.addWidget(title)
-        for key, label in [
+
+        status_grid = QGridLayout()
+        status_grid.setHorizontalSpacing(8)
+        status_grid.setVerticalSpacing(8)
+        for index, (key, label) in enumerate([
             ("io", "IO"),
             ("wan", "WAN"),
             ("lan", "LAN"),
             ("wifi24", "2.4G"),
             ("wifi5", "5G"),
-        ]:
-            row = StatusRow(label)
+        ]):
+            row = StatusTile(label)
             self.rows[key] = row
-            left_layout.addWidget(row)
+            status_grid.addWidget(row, index // 2, index % 2)
+        left_layout.addLayout(status_grid, 1)
         left_layout.addStretch(1)
 
         right = QFrame()
@@ -336,9 +338,9 @@ def main():
         QWidget { background: #0b1220; color: #e5edf7; font-family: "Noto Sans CJK KR", "Noto Sans KR", sans-serif; }
         #panel { background: #111a2e; border: 1px solid #27364f; border-radius: 18px; }
         #sectionTitle { font-size: 24px; font-weight: 700; }
-        #statusRow { background: #18243a; border: 1px solid #263650; border-radius: 16px; }
-        #statusTitle { font-size: 18px; font-weight: 700; color: #f8fafc; }
-        #statusDetail { font-size: 13px; color: #9fb0c8; }
+        #statusTile { background: #d7d9dc; border: 2px groove #f4f4f4; border-radius: 2px; }
+        #statusTitle { font-size: 15px; font-weight: 700; color: #111827; background: transparent; }
+        #statusDetail { font-size: 11px; color: #475569; background: transparent; }
         #bigValue { font-size: 56px; font-weight: 800; color: #f8fafc; }
         #subValue { font-size: 22px; color: #b8c5d8; }
         #clock { font-size: 18px; color: #8fb3ff; font-weight: 700; }