diff options
| author | 0neGal <mail@0negal.com> | 2022-02-20 20:31:50 +0100 |
|---|---|---|
| committer | 0neGal <mail@0negal.com> | 2022-02-20 20:31:50 +0100 |
| commit | 3a2f9fac72d141f6a5e2e56133a5ae77d6972680 (patch) | |
| tree | d90e97a79ac2895db2acade1cc1a8a21834a41ec /src/app/index.html | |
| parent | 002d14d8094e950caa72d612e8ddac881c1ea7ff (diff) | |
| download | Viper-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.html | 50 |
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> |