IEEE-Hackathon/indexsettings.html at main · Prathamesh-2005/IEEE-Hackathon · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Settings Page</title>
    <link rel="stylesheet" href="stylesettings.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
</head>
<body>
    <button id="goBackButton">
        <span class="material-symbols-outlined">
            arrow_back
            </span>
        back</button>
    <div class="container">
        <div class="settings-card">
            <h3>Dashboard Settings</h3>
            <form id="settings-form">
                <label for="theme">Theme:</label>
                <select id="theme" name="theme" required>
                    <option value="light">Light</option>
                    <option value="dark">Dark</option>
                </select>

                <label for="currency">Default Currency:</label>
                <select id="currency" name="currency" required>
                    <option value="usd">USD</option>
                    <option value="eur">EUR</option>
                    <option value="gbp">GBP</option>
                </select>

                <label for="notifications">Enable Notifications:</label>
                <input type="checkbox" id="notifications" name="notifications">

                <label for="email-reports">Email Reports:</label>
                <input type="checkbox" id="email-reports" name="email-reports">

                <label for="password">Change Password:</label>
                <input type="password" id="password" name="password" placeholder="New Password">

                <label for="profile-visibility">Profile Visibility:</label>
                <select id="profile-visibility" name="profile-visibility" required>
                    <option value="public">Public</option>
                    <option value="private">Private</option>
                </select>

                <label for="refresh-rate">Data Refresh Rate:</label>
                <select id="refresh-rate" name="refresh-rate" required>
                    <option value="5min">Every 5 Minutes</option>
                    <option value="15min">Every 15 Minutes</option>
                    <option value="30min">Every 30 Minutes</option>
                    <option value="1hr">Every 1 Hour</option>
                </select>

                <div class="buttons">
                    <button type="submit">Save Settings</button>
                    <button type="button" id="reset-button">Reset to Default</button>
                </div>
            </form>
            <div id="confirmation" class="hidden">Settings saved successfully!</div>
        </div>
    </div>

    <script src="scriptsettings.js"></script>
    <script src="scriptbackbutton.js"></script>
</body>
</html>