First UI Mix. But the old HTML Buttons, etc. to be done in the future

This commit is contained in:
Julian 2023-02-13 18:20:37 +01:00
parent fe38c25865
commit 3be036e965
3 changed files with 54 additions and 33 deletions

View File

@ -171,7 +171,7 @@ body {
.ecsu-btn-dark { .ecsu-btn-dark {
--bs-btn-color: #fff; --bs-btn-color: #fff;
--bs-btn-bg: #344767; --bs-btn-bg: #2b303a;
--bs-btn-border-color: #344767; --bs-btn-border-color: #344767;
--bs-btn-hover-color: #fff; --bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #4a5c7c; --bs-btn-hover-bg: #4a5c7c;

View File

@ -1,7 +1,7 @@
<link rel="stylesheet" href="./css/boot.css"> <link rel="stylesheet" href="./css/boot.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700">
<!DOCTYPE html> <!DOCTYPE html>
<html class="ecsu-bg-dark-light-out"> <html class="bg-dark">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
@ -11,48 +11,69 @@
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700">
<link rel="stylesheet" href="./index.css"> <link rel="stylesheet" href="./index.css">
<div class="container-fluid"> <div class="container-fluid">
<h1 class="navbar-brand text-white text-center"> <h1 class="text-white text-center">
AIRAC Updater AIRAC Updater
</h1> </h1>
</div> </div>
</head> </head>
<body class="">
<button id="select-dir">Select Directory</button>
<input type="text" id="dirBox" name="name" size="50" readonly />
<progress id="progressbar" max="100" value="0"></progress>
<p id="progressbarText"></p>
<br>
<select id="gng"></select>
<select id="files"></select>
<button id="download" style="display:block">Download Update</button> <body class="bg-dark text-white">
<!-- <button id="download" style="display:none">Download Update</button> -->
<br> Apply to profile: <input type="checkbox" id="applyToPrf" /> Apply Hoppie Creds: <input type="checkbox" id="applyHoppie" />
<div>
<h3 class="text-white">Settings</h3>
<button id="select-dir">Select Directory</button>
<input type="text" id="dirBox" name="name" size="50" readonly />
<progress id="progressbar" max="100" value="0"></progress>
<p id="progressbarText"></p>
<br>
</div>
<br>
<div>
<h3 class="text-white">Updatesettings</h3>
Insert Credentials to Profilefiles <input type="checkbox" id="applyToPrf" />
<br>
Insert Hoppie Code: <input type="checkbox" id="applyHoppie" />
<div id="login"> <div id="login">
<select id="rating"> <body class="text-white">Select Rating</body>
<option id="0">OBS</option> <select id="rating">
<option id="1">s1</option> <option id="0">OBS</option>
<option id="2">s2</option> <option id="1">S1</option>
<option id="3">s3</option> <option id="2">S2</option>
<option id="4">c1</option> <option id="3">S3</option>
<option id="6">c3</option> <option id="4">C1</option>
<option id="7">i1</option> <option id="6">C3</option>
<option id="9">i3</option> <option id="7">I1</option>
<option id="10">sup</option> <option id="9">I3</option>
<option id="11">adm</option> <option id="10">SUP</option>
</select> <option id="11">ADM</option>
</select>
<br>
<br>
<h6 class="text-white">Select Package</h6>
<select id="gng"></select>
<select id="files"></select>
<button id="download" style="display:block">Download Update</button>
</div>
<br>
<div>
<h3 class="text-white">Credentials save</h3>
<form> <form>
Realname: <input type="text" id="realname" /> Realname: <input type="text" id="realname" />
<input type="checkbox" id="saverealname" /> <input type="checkbox" id="saverealname" />
<br> Username: <input type="text" id="username" /> <br> Username: <input type="text" id="username" />
<input type="checkbox" id="saveuser" /> <input type="checkbox" id="saveuser" />
<div class="tooltip"> <br> Password: <input type="password" id="password" />
<input type="checkbox" id="savepw" />
<br>Hoppie Code: <input type="password" id="passwordhoppie" />
<input type="checkbox" id="savepwhoppie" />
<!--<div class="tooltip">
<br> Password: <input type="password" id="password" /> <br> Password: <input type="password" id="password" />
<input type="checkbox" id="savepw" /> <input type="checkbox" id="savepw" />
<span class="tooltiptext">Please be aware that the password you enter will be stored in plain <span class="tooltiptext">Please be aware that the password you enter will be stored in plain
@ -62,8 +83,8 @@
banking. Please use caution when entering your password and consider banking. Please use caution when entering your password and consider
using a unique and strong password specifically for this using a unique and strong password specifically for this
account.</span> account.</span>
</div> </div>-->
<div class="tooltip"> <!--<div class="tooltip">
<br>Password Hoppie: <input type="password" id="passwordhoppie" /> <br>Password Hoppie: <input type="password" id="passwordhoppie" />
<input type="checkbox" id="savepwhoppie" /> <input type="checkbox" id="savepwhoppie" />
<span class="tooltiptext">Please be aware that the password you enter will be stored in plain <span class="tooltiptext">Please be aware that the password you enter will be stored in plain
@ -73,7 +94,8 @@
banking. Please use caution when entering your password and consider banking. Please use caution when entering your password and consider
using a unique and strong password specifically for this using a unique and strong password specifically for this
account.</span> account.</span>
</div> </div>-->
<br>
<button id="savecred">Save your Credentials</button> <button id="savecred">Save your Credentials</button>
</form> </form>
</div> </div>
@ -94,7 +116,7 @@
} }
} }
</script> </script>
</div>
<script src="./html_elements.js"></script> <script src="./html_elements.js"></script>

View File

@ -1,7 +1,6 @@
const { app, BrowserWindow, dialog, ipcMain, Menu } = require('electron'); const { app, BrowserWindow, dialog, ipcMain, Menu } = require('electron');
const path = require('path'); const path = require('path');
//Menu.setApplicationMenu(false); // Top Bar removal //Menu.setApplicationMenu(false); // Top Bar removal
Menu.setApplicationMenu(false);
// Handle creating/removing shortcuts on Windows when installing/uninstalling. // Handle creating/removing shortcuts on Windows when installing/uninstalling.
// eslint-disable-next-line global-require // eslint-disable-next-line global-require