-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsettings.html
152 lines (148 loc) · 6.37 KB
/
settings.html
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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Settings | STiBaRC</title>
<link rel="manifest" href="/manifest.json" />
<meta name="viewport" content="initial-scale=1, maximum-scale=5, user-scalable=yes, width=device-width">
<link rel="icon" type="image/png" href="/img/icon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300;400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/themes/default.css" id="theme">
<link rel="stylesheet" href="/css/global.css">
<link rel="stylesheet" href="/css/settings.css">
<script src="/js/API.js"></script>
<script src="/js/global.js"></script>
<script type="module" src="/components/LoginModal.js"></script>
<script type="module" src="/components/RegisterModal.js"></script>
<script type="module" src="/components/Header.js"></script>
<script type="module" src="/components/Footer.js"></script>
<script src="/components/Icon.js"></script>
<script src="/components/SessionBlock.js"></script>
<script src="/js/settings.js"></script>
</head>
<body>
<stibarc-header></stibarc-header>
<stibarc-login-modal></stibarc-login-modal>
<stibarc-register-modal></stibarc-register-modal>
<main class="flexcontainer flexcolumn">
<span class="verticalspacer"></span>
<span class="contentWithSidebar block">
<span>
<button class="button smallBtn hidden" id="backBtn">Back</button>
</span>
<span class="sidebar" id="sidebarTabs">
<h2>Settings</h2>
<ul class="sidebarItems">
<li class="" id="tab-security"><span>Security</span></li>
<li class="" id="tab-sessions"><span>Sessions</span></li>
<li class="" id="tab-display"><span>Display</span></li>
<li class="" id="tab-experiments"><span>Experiments</span></li>
</ul>
</span>
<span class="sideContent" id="sideContentLoading">
<span> </span>
<span class="loader dark"></span>
<span> </span>
</span>
<span class="sideContent hidden" id="sideContent">
<span class="flexcontainer marginbottom">
<span class="tabContent hidden" id="tabContent-security">
<h2 class="flexcontainer width100 marginbottom">Security</h2>
<button id="changepasswordbutton" class="button">Change Password</button>
<button id="tfabutton" class="button">Enable 2FA</button>
</span>
<span class="tabContent hidden" id="tabContent-sessions">
<h2 class="flexcontainer width100 marginbottom">Sessions</h2>
<div id="sessions"></div>
</span>
<span class="tabContent hidden" id="tabContent-display">
<h2 class="flexcontainer width100 marginbottom">Display</h2>
<h3 class="marginbottom">Theme</h3>
<select id="changeThemeSelector" class="input">
<option value="lightTheme">Default (Light)</option>
<option value="darkTheme">Dark Theme</option>
</select>
</span>
<span class="tabContent hidden" id="tabContent-experiments">
<h2 class="flexcontainer width100 marginbottom">Experiments</h2>
<span class="flexcontainer">😉</span>
</span>
</span>
</span>
</span>
</main>
<stibarc-footer></stibarc-footer>
<span id="overlay" class="hidden">
<span id="overlaybg"></span>
<span id="changepasswordformcontainer" class="hidden flexcontainer flexcolumn formcontainer">
<span id="changepasswordform" class="block modal">
<div class="flexcontainer flexcolumn">
<h2>Change Password</h2>
<span id="changepassworderrorcontainer" class="flexcontainer flexcolumn hidden">
<span id="changepassworderror" class="red"></span>
<span> </span>
</span>
<input type="password" id="oldpasswordinput" placeholder="Old Password" autocomplete="current-password">
<span> </span>
<input type="password" id="newpasswordinput" placeholder="New Password" autocomplete="new-password">
<span> </span>
<input type="password" id="newpasswordinput2" placeholder="New Password again" autocomplete="new-password">
<span> </span>
<span>
<input type="checkbox" id="logoutothers">
<label for="logoutothers">Logout other devices</label>
</span>
<span> </span>
<span class="flexcontainer">
<button id="changepasswordsubmitbutton" class="button primary">Change Password</button>
<button id="changepasswordcancel" class="button">Cancel</button>
</span>
</div>
</span>
</span>
<span id="enabletfaformcontainer" class="hidden flexcontainer flexcolumn formcontainer">
<span id="enabletfaform" class="block modal">
<div class="flexcontainer flexcolumn">
<h2>Enable 2FA</h2>
<span id="pleaseWait" class="loader dark"></span>
<span id="enabletfaerrorcontainer" class="flexcontainer flexcolumn hidden">
<span id="enabletfaerror" class="red"></span>
<span> </span>
</span>
<img id="enabletfaqr" src="">
<span> </span>
<span id="tfakey"></span>
<span> </span>
<span>Enter the generated verification code below.</span>
<span> </span>
<input id="enabletfainput" placeholder="000 000" maxlength="7" autocomplete="one-time-code" name="one-time-code" type="text" autocapitalize="none" autocorrect="off" inputmode="numeric" spellcheck="false">
<span> </span>
<span class="flexcontainer">
<button id="enabletfasubmitbutton" class="button primary">Enable 2FA</button>
<button id="enabletfacancel" class="button">Cancel</button>
</span>
</div>
</span>
</span>
<span id="disabletfaformcontainer" class="hidden flexcontainer flexcolumn formcontainer">
<span id="disabletfaform" class="block modal">
<div class="flexcontainer flexcolumn">
<h2>Disable 2FA</h2>
<span id="disabletfaerrorcontainer" class="flexcontainer flexcolumn hidden">
<span id="disabletfaerror" class="red"></span>
<span> </span>
</span>
<input id="disabletfainput" placeholder="000 000" maxlength="7" autocomplete="one-time-code" name="one-time-code" type="text" autocapitalize="none" autocorrect="off" inputmode="numeric" spellcheck="false">
<span> </span>
<span class="flexcontainer">
<button id="disabletfasubmitbutton" class="button primary">Disable 2FA</button>
<button id="disabletfacancel" class="button">Cancel</button>
</span>
</div>
</span>
</span>
</span>
</body>
</html>