3D-Forge-Frontend/printers.html at master · Creative-Engineering-Design-Soft/3D-Forge-Frontend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="ko">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3차원 대장간 | Printers</title>
    <link rel="stylesheet" href="/style/style.css">
</head>

<body>
    <header class="header">
        <img src="/public/logo.png" alt="3차원 대장간" class="header-logo" />
        <a href="/login.html"><button class="login-btn">Log In</button></a>
    </header>

    <aside class="sidebar">
        <nav class="sidebar-nav">
            <ul>
                <li>
                    <a href="dashboard.html"
                        style="color: inherit; text-decoration: none; display: flex; align-items: center; width: 100%;">
                        <span class="icon">🟧</span> Dashboard
                    </a>
                </li>
                <li class="active">
                    <a href="printers.html"
                        style="color: inherit; text-decoration: none; display: flex; align-items: center; width: 100%;">
                        <span class="icon">🖨️</span> Printers
                    </a>
                </li>
                <li>
                    <a href="models.html"
                        style="color: inherit; text-decoration: none; display: flex; align-items: center; width: 100%;">
                        <span class="icon">🧊</span> Models
                    </a>
                </li>
                <li>
                    <a href="history.html"
                        style="color: inherit; text-decoration: none; display: flex; align-items: center; width: 100%;">
                        <span class="icon">📜</span> History
                    </a>
                </li>
                <li>
                    <a href="settings.html"
                        style="color: inherit; text-decoration: none; display: flex; align-items: center; width: 100%;">
                        <span class="icon">⚙️</span> Settings
                    </a>
                </li>
            </ul>
        </nav>
    </aside>

    <main class="main-content">
        <div class="card full-width">
            <h3>프린터 목록</h3>
            <table class="printer-table">
                <thead>
                    <tr>
                        <th>프린터 이름</th>
                        <th>IP 주소</th>
                        <th>하드웨어 ID</th>
                        <th>연결 상태</th>
                        <th>사용 상태</th>
                        <th>진행 상태</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Ender 3 Pro</td>
                        <td>192.168.1.101</td>
                        <td>XYZ-123456</td>
                        <td><span class="status-badge connected">연결됨</span></td>
                        <td><span class="status-badge printing">출력중</span></td>
                        <td><span class="status-badge waiting">대기중</span></td>
                    </tr>
                    <tr>
                        <td>CR-10 Max</td>
                        <td>192.168.1.102</td>
                        <td>ABC-789012</td>
                        <td><span class="status-badge disconnected">연결 끊김</span></td>
                        <td><span class="status-badge waiting">대기중</span></td>
                        <td><span class="status-badge printing">정지</span></td>
                    </tr>
                    <tr>
                        <td>Prusa i3 MK3S+</td>
                        <td>192.168.1.103</td>
                        <td>DEF-345678</td>
                        <td><span class="status-badge connected">연결됨</span></td>
                        <td><span class="status-badge waiting">대기중</span></td>
                        <td><span class="status-badge printing">정지</span></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </main>
    <script src="/src/printers.js"></script>
    <script src="/src/confirm-login.js"></script>
</body>

</html>