3D-Forge-Frontend/history.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
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="ko">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3차원 대장간 | History</title>
    <link rel="stylesheet" href="/style/style.css">
    <style>
        .operating {
            background-color: rgb(255, 140, 0);
        }

        .upload {
            background-color: rgb(70, 129, 240);
        }
    </style>
</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>
                    <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 class="active">
                    <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>시간</th>
                        <th>이벤트</th>
                        <th>IP 주소</th>
                        <th>내용</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Ender 3 Pro</td>
                        <td>2023-11-25 14:30:05</td>
                        <td><span class="status-badge connected">연결됨</span></td>
                        <td>192.168.1.101</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>CR-10 Max</td>
                        <td>2023-11-25 09:15:22</td>
                        <td><span class="status-badge disconnected">연결 해제</span></td>
                        <td>192.168.1.102</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Prusa i3 MK3S+</td>
                        <td>2023-11-24 18:45:00</td>
                        <td><span class="status-badge connected">연결됨</span></td>
                        <td>192.168.1.103</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Ender 3 Pro</td>
                        <td>2023-11-24 10:20:11</td>
                        <td><span class="status-badge disconnected">연결 해제</span></td>
                        <td>192.168.1.101</td>
                        <td></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </main>
    <script src="/src/confirm-login.js"></script>
    <script src="/src/history.js"></script>
</body>

</html>