3D-Forge-Frontend/settings.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
<!DOCTYPE html>
<html lang="ko">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3차원 대장간 | Settings</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>
                    <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 class="active">
                    <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>

            <div style="padding-left: 20px; margin-bottom: 20px;">
                <label style="display: block; margin-bottom: 10px;">
                    <strong>사용자 이름:</strong><br>
                    <input type="text" id="user-name" value="Terry" readonly
                        style="padding: 8px; width: 300px; border: 1px solid #ddd; border-radius: 6px; margin-top: 5px;">
                </label>

                <label style="display: block; margin-bottom: 10px;">
                    <strong>사용자 이메일:</strong><br>
                    <input type="text" id="user-email" value="test@gmail.com" readonly
                        style="padding: 8px; width: 300px; border: 1px solid #ddd; border-radius: 6px; margin-top: 5px;">
                </label>

                <label style="display: block; margin-bottom: 20px;">
                    <strong>선택된 하드웨어 이름:</strong><br>
                    <input type="text" id="hardware-name" value="pi-lab-101"
                        style="padding: 8px; width: 300px; border: 1px solid #ddd; border-radius: 6px; margin-top: 5px;">
                </label>

                <button class="btn-action" id="save-settings" style="padding: 8px 20px;">저장</button>
            </div>

            <hr style="margin: 25px 0; border: 0; height: 1px; background: #eee;">

            <div style="padding-left: 20px;">
                <button class="btn-action btn-cancel" onclick="localStorage.setItem('token', null)" id="logout-btn" style="padding: 8px 20px; background: #dc3545;">
                    로그아웃
                </button>
            </div>
        </div>
    </main>

    <script src="/src/confirm-login.js"></script>

    <script>
        // 저장 버튼
        document.getElementById("save-settings").addEventListener("click", () => {
            const hwName = document.getElementById("hardware-name").value;
            alert("하드웨어 이름이 저장되었습니다: " + hwName);
        });

        // 로그아웃
        document.getElementById("logout-btn").addEventListener("click", () => {
            localStorage.removeItem("authToken");
            window.location.href = "/login.html";
        });
    </script>

</body>

</html>