aboutsummaryrefslogtreecommitdiff
path: root/src/app/index.html
diff options
context:
space:
mode:
author0neGal <mail@0negal.com>2022-02-20 20:31:50 +0100
committer0neGal <mail@0negal.com>2022-02-20 20:31:50 +0100
commit3a2f9fac72d141f6a5e2e56133a5ae77d6972680 (patch)
treed90e97a79ac2895db2acade1cc1a8a21834a41ec /src/app/index.html
parent002d14d8094e950caa72d612e8ddac881c1ea7ff (diff)
downloadViper-3a2f9fac72d141f6a5e2e56133a5ae77d6972680.tar.gz
Viper-3a2f9fac72d141f6a5e2e56133a5ae77d6972680.zip
initial work on settings page
This only has the actual UI for the settings page in place, no actual functionality has been implemented yet. I made several changes not directly related to the settings page, such as changes the CSS color variables to use RGB, as to easily add an alpha channel to colors. I also changed the way the Browser is toggled in some respects and many other changes that makes it easy to re-use the browser code to create the settings UI
Diffstat (limited to 'src/app/index.html')
-rw-r--r--src/app/index.html50
1 files changed, 47 insertions, 3 deletions
diff --git a/src/app/index.html b/src/app/index.html
index b5fc8cb..5ca9306 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -10,6 +10,7 @@
<div id="toasts"></div>
<div id="winbtns">
+ <div id="settings" onclick="Settings.toggle(true)"></div>
<div id="minimize" onclick="ipcRenderer.send('minimize')"></div>
<div id="close" onclick="ipcRenderer.send('exit')"></div>
</div>
@@ -21,9 +22,51 @@
</div>
</div>
- <div id="overlay" onclick="Browser.toggle(false)"></div>
- <div id="browser">
- <div id="misc">
+ <div id="overlay" onclick="Browser.toggle(false);Settings.toggle(false)"></div>
+ <div class="popup" id="options">
+ <div class="misc">
+ <div style="width:100%"></div>
+ <button id="apply" onclick="Settings.apply()">
+ <img src="icons/apply.png">
+ Save
+ </button>
+ <button id="close" onclick="Settings.toggle(false)">
+ <img src="icons/close.png">
+ Discard
+ </button>
+ </div>
+ <div class="options">
+ <h2>Northstar</h2>
+ <div class="option">
+ <div class="text">
+ Launch options
+ </div>
+ <div class="actions">
+ <input>
+ </div>
+ </div>
+ <h2>Updates</h2>
+ <div class="option">
+ <div class="text">
+ Northstar Auto-Updates
+ </div>
+ <div class="actions">
+ <button class="switch on"></button>
+ </div>
+ </div>
+ <div class="option">
+ <div class="text">
+ Viper Auto-Updates
+ </div>
+ <div class="actions">
+ <button class="switch on"></button>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="popup" id="browser">
+ <div class="misc">
<input id="search" placeholder="%%gui.browser.search%%">
<button id="close" onclick="Browser.toggle(false)">
<img src="icons/close.png">
@@ -126,6 +169,7 @@
<script src="main.js"></script>
<script src="toast.js"></script>
<script src="browser.js"></script>
+ <script src="settings.js"></script>
<script src="launcher.js"></script>
</body>
</html>