mirror of
https://github.com/JustusPlays78/SectorFileUpdater.git
synced 2025-04-29 19:24:24 +00:00
First things
This commit is contained in:
parent
7b69f5806c
commit
fe38c25865
26547
updater/src/css/boot.css
Normal file
26547
updater/src/css/boot.css
Normal file
File diff suppressed because it is too large
Load Diff
12
updater/src/footer.html
Normal file
12
updater/src/footer.html
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
<footer class="footer pt-3 pb-4">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row align-items-center justify-content-lg-between">
|
||||||
|
<div class="col-lg-6 mb-lg-0 mb-4">
|
||||||
|
<div class="copyright text-center text-sm text-white text-lg-start">
|
||||||
|
© 2023,
|
||||||
|
Developed by PaBr, JulSch
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
36
updater/src/header.html
Normal file
36
updater/src/header.html
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
<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="./index.css">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<title>Euroscope SectorfileUpdater</title>
|
||||||
|
<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="./index.css">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<h1 class="navbar-brand text-white text-center">
|
||||||
|
Euroscope Sectorfile Updater
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
</head>
|
||||||
|
<nav class="navbar navbar-main navbar-expand-lg px-0 mx-4 mt-3 shadow-none border-radius-xl bg-transparent" id="navbarTop">
|
||||||
|
<ul class="navbar-nav navbar-nav-hover ms-auto">
|
||||||
|
<div class="border-radius-lg d-flex me-6">
|
||||||
|
<div class="col-4 text-end">
|
||||||
|
<a href=".\index.html" class="btn ecsu-btn-light btn-sm mb-0 mx-2">Home</a>
|
||||||
|
</div>
|
||||||
|
<div class="border-radius-lg d-flex me-2">
|
||||||
|
<div class="col-4 text-end">
|
||||||
|
<a href=".\syncing.html" class="btn ecsu-btn-light btn-sm mb-0">Syncing</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="border-radius-lg d-flex me-4">
|
||||||
|
<div class="col-4 text-end">
|
||||||
|
<a href=".\settings.html" class="btn ecsu-btn-light btn-sm mb-0">Credentials</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</nav>
|
@ -1,17 +1,218 @@
|
|||||||
body {
|
body {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
|
||||||
|
Arial, sans-serif;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
max-width: 38rem;
|
max-width: 38rem;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tooltip {
|
/* Loopple Alert */
|
||||||
|
.loopple-alert {
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
padding: 16px 24px;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
border-radius: 6px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loopple-alert.loopple-alert-gradient-dark {
|
||||||
|
color: #fff;
|
||||||
|
border-color: #45484b;
|
||||||
|
background: linear-gradient(87deg, #212529 0, #212229 100%) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loopple-alert.loopple-alert-dismissible .close {
|
||||||
|
top: 50%;
|
||||||
|
right: 24px;
|
||||||
|
padding: 0;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
opacity: 1;
|
||||||
|
position: absolute;
|
||||||
|
color: inherit;
|
||||||
|
border: 0;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loopple-alert.loopple-alert-dismissible .close span {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loopple-fade {
|
||||||
|
transition: opacity 0.15s linear;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Loopple Button */
|
||||||
|
.loopple-btn {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
cursor: pointer;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
border-radius: 4px;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
position: relative;
|
||||||
|
transition: all 0.15s ease;
|
||||||
|
padding: 10px 20px;
|
||||||
|
letter-spacing: 0.3px;
|
||||||
|
text-transform: none;
|
||||||
|
will-change: transform;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loopple-btn.loopple-btn-white {
|
||||||
|
color: #212529;
|
||||||
|
border-color: #fff;
|
||||||
|
background-color: #fff;
|
||||||
|
box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.loopple-btn.loopple-btn-white:hover {
|
||||||
|
color: #212529;
|
||||||
|
border-color: #fff;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loopple-btn.loopple-btn-white:focus,
|
||||||
|
.loopple-btn.loopple-btn-white.focus {
|
||||||
|
box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(255, 255, 255, 0.5) l;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loopple-btn.loopple-btn-white:not(:disabled):not(.disabled):active,
|
||||||
|
.loopple-btn.loopple-btn-white:not(:disabled):not(.disabled).active {
|
||||||
|
color: #212529;
|
||||||
|
border-color: #fff;
|
||||||
|
background-color: #e6e6e6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Loopple Utilities */
|
||||||
|
.loopple-position-absolute {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loopple-position-sticky {
|
||||||
|
position: sticky;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loopple-position-fixed {
|
||||||
|
position: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loopple-z-index-9999 {
|
||||||
|
z-index: 9999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loopple-bottom-2 {
|
||||||
|
bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loopple-mx-auto {
|
||||||
|
margin-left: auto !important;
|
||||||
|
margin-right: auto !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loopple-text-center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loopple-right-0 {
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loopple-left-0 {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loopple-w-50 {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loopple-ml-2,
|
||||||
|
.loopple-mx-2 {
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loopple-opacity-0 {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ecsu-bg-dark-out {
|
||||||
|
background: #212529;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ecsu-bg-dark-light-out {
|
||||||
|
background: #343a40;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.ecsu-bg-light-out {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ecsu-bg-dark-light-2-out {
|
||||||
|
background: #495057;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ecsu-btn-primary {
|
||||||
|
--bs-btn-color: #fff;
|
||||||
|
--bs-btn-bg: #070752;
|
||||||
|
--bs-btn-border-color: #cb0c9f;
|
||||||
|
--bs-btn-hover-color: #fff;
|
||||||
|
--bs-btn-hover-bg: #2020a1;
|
||||||
|
--bs-btn-hover-border-color: #a20a7f;
|
||||||
|
--bs-btn-focus-shadow-rgb: 211, 48, 173;
|
||||||
|
--bs-btn-active-color: #fff;
|
||||||
|
--bs-btn-active-bg: #a20a7f;
|
||||||
|
--bs-btn-active-border-color: #980977;
|
||||||
|
--bs-btn-active-shadow: none;
|
||||||
|
--bs-btn-disabled-color: #fff;
|
||||||
|
--bs-btn-disabled-bg: #cb0c9f;
|
||||||
|
--bs-btn-disabled-border-color: #cb0c9f
|
||||||
|
}
|
||||||
|
|
||||||
|
.ecsu-btn-dark {
|
||||||
|
--bs-btn-color: #fff;
|
||||||
|
--bs-btn-bg: #344767;
|
||||||
|
--bs-btn-border-color: #344767;
|
||||||
|
--bs-btn-hover-color: #fff;
|
||||||
|
--bs-btn-hover-bg: #4a5c7c;
|
||||||
|
--bs-btn-hover-border-color: #2a3952;
|
||||||
|
--bs-btn-focus-shadow-rgb: 82, 99, 126;
|
||||||
|
--bs-btn-active-color: #fff;
|
||||||
|
--bs-btn-active-bg: #2a3952;
|
||||||
|
--bs-btn-active-border-color: #27354d;
|
||||||
|
--bs-btn-active-shadow: none;
|
||||||
|
--bs-btn-disabled-color: #fff;
|
||||||
|
--bs-btn-disabled-bg: #344767;
|
||||||
|
--bs-btn-disabled-border-color: #344767
|
||||||
|
}
|
||||||
|
|
||||||
|
.ecsu-btn-light {
|
||||||
|
--bs-btn-color: #000;
|
||||||
|
--bs-btn-bg: #e9ecef;
|
||||||
|
--bs-btn-border-color: #e9ecef;
|
||||||
|
--bs-btn-hover-color: #000;
|
||||||
|
--bs-btn-hover-bg: #9ea3a7;
|
||||||
|
--bs-btn-hover-border-color: #ebeef1;
|
||||||
|
--bs-btn-focus-shadow-rgb: 198, 201, 203;
|
||||||
|
--bs-btn-active-color: #000;
|
||||||
|
--bs-btn-active-bg: #edf0f2;
|
||||||
|
--bs-btn-active-border-color: #ebeef1;
|
||||||
|
--bs-btn-active-shadow: none;
|
||||||
|
--bs-btn-disabled-color: #000;
|
||||||
|
--bs-btn-disabled-bg: #e9ecef;
|
||||||
|
--bs-btn-disabled-border-color: #e9ecef
|
||||||
|
}
|
||||||
|
|
||||||
|
.escu-bg-gradient-primary {
|
||||||
|
background-color: #4a5c7c;
|
||||||
|
}
|
||||||
|
.tooltip {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border-bottom: 1px dotted black;
|
border-bottom: 1px dotted black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tooltip .tooltiptext {
|
.tooltip .tooltiptext {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
width: 450px;
|
width: 450px;
|
||||||
background-color: black;
|
background-color: black;
|
||||||
@ -22,8 +223,8 @@ body {
|
|||||||
/* Position the tooltip */
|
/* Position the tooltip */
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tooltip:hover .tooltiptext {
|
.tooltip:hover .tooltiptext {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
}
|
}
|
@ -1,15 +1,25 @@
|
|||||||
|
<link rel="stylesheet" href="./css/boot.css">
|
||||||
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700">
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html class="ecsu-bg-dark-light-out">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="utf-8">
|
||||||
<title>Sectorfile Updater</title>
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
<link rel="stylesheet" href="index.css" />
|
<title>AIRAC Updater</title>
|
||||||
</head>
|
<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="./index.css">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<h1 class="navbar-brand text-white text-center">
|
||||||
|
AIRAC Updater
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
</head>
|
||||||
|
|
||||||
<body>
|
<body class="">
|
||||||
<button id="select-dir">Select Directory</button>
|
<button id="select-dir">Select Directory</button>
|
||||||
<input type="text" id="dirBox" name="name" size="80" readonly />
|
<input type="text" id="dirBox" name="name" size="50" readonly />
|
||||||
<progress id="progressbar" max="100" value="0"></progress>
|
<progress id="progressbar" max="100" value="0"></progress>
|
||||||
<p id="progressbarText"></p>
|
<p id="progressbarText"></p>
|
||||||
<br>
|
<br>
|
||||||
@ -23,7 +33,7 @@
|
|||||||
|
|
||||||
<div id="login">
|
<div id="login">
|
||||||
<select id="rating">
|
<select id="rating">
|
||||||
<option id="0">obs</option>
|
<option id="0">OBS</option>
|
||||||
<option id="1">s1</option>
|
<option id="1">s1</option>
|
||||||
<option id="2">s2</option>
|
<option id="2">s2</option>
|
||||||
<option id="3">s3</option>
|
<option id="3">s3</option>
|
||||||
@ -35,6 +45,8 @@
|
|||||||
<option id="11">adm</option>
|
<option id="11">adm</option>
|
||||||
</select>
|
</select>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<form>
|
<form>
|
||||||
Realname: <input type="text" id="realname" />
|
Realname: <input type="text" id="realname" />
|
||||||
<input type="checkbox" id="saverealname" />
|
<input type="checkbox" id="saverealname" />
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
const { app, BrowserWindow, dialog, ipcMain } = 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
|
||||||
@ -11,8 +12,8 @@ if (require('electron-squirrel-startup')) {
|
|||||||
const createWindow = () => {
|
const createWindow = () => {
|
||||||
// Create the browser window.
|
// Create the browser window.
|
||||||
const mainWindow = new BrowserWindow({
|
const mainWindow = new BrowserWindow({
|
||||||
width: 1920,
|
width: 1000,
|
||||||
height: 1080,
|
height: 800,
|
||||||
webPreferences: {
|
webPreferences: {
|
||||||
nodeIntegration: true,
|
nodeIntegration: true,
|
||||||
contextIsolation: false,
|
contextIsolation: false,
|
||||||
|
91
updater/src/index1.html
Normal file
91
updater/src/index1.html
Normal file
@ -0,0 +1,91 @@
|
|||||||
|
<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
|
||||||
|
crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script src=".\js\loople.js"></script>
|
||||||
|
<script>
|
||||||
|
$(function () {
|
||||||
|
$("#header").load("header.html");
|
||||||
|
$("#footer").load("footer.html");
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<body class="bg-dark">
|
||||||
|
<div class="main-content" id="panel">
|
||||||
|
|
||||||
|
<!--Header-->
|
||||||
|
<div id="header"></div>
|
||||||
|
|
||||||
|
|
||||||
|
<!--CONTENT-->
|
||||||
|
<div class="card mb-4 ecsu-bg-dark-light-out">
|
||||||
|
<div class="card-body">
|
||||||
|
<form>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-8 ">
|
||||||
|
<h6 class="mb-0 text-white">Home</h6>
|
||||||
|
</div>
|
||||||
|
<div class="col-4"><button class="btn btn-sm ecsu-btn-dark" id="download">Sync</button></div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="form-group">
|
||||||
|
<label class="form-control-label text-white" for="input-last-name">Select Sectorfilefolder</label>
|
||||||
|
<input type="file" id="sctfolder" class="form-control" webkitdirectory directory />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h6 class="text-white">Sectorfile AIRAC: 2209</h6>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h6 class="text-uppercase text-xs font-weight-bolder text-white">Logins</h6>
|
||||||
|
<div class="progress-wrapper mb-4">
|
||||||
|
<div class="progress-info">
|
||||||
|
<div class="progress-percentage">
|
||||||
|
<span class="text-sm font-weight-bold">60%</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="progress">
|
||||||
|
<div class="progress-bar escu-bg-gradient-primary " role="progressbar" aria-valuenow="60"
|
||||||
|
aria-valuemin="0" aria-valuemax="100" style="width: 60%;" id="progessb" id="dirBox"></div>
|
||||||
|
</div>
|
||||||
|
</div><button class="btn ecsu-btn-dark mb-4">Button</button>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--CONTENT PRIMARY DROPDOWN BUTTON
|
||||||
|
<div class="container-fluid pt-3 ">
|
||||||
|
<div class="col-12 col-xl-4 mb-4">
|
||||||
|
<div class="dropdown mb-4">
|
||||||
|
<button class="btn bg-gradient-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
|
||||||
|
Primary
|
||||||
|
</button>
|
||||||
|
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
||||||
|
<li><a class="dropdown-item" href="#">Action</a></li>
|
||||||
|
<li><a class="dropdown-item" href="#">Another action</a></li>
|
||||||
|
<li><a class="dropdown-item" href="#">Something else here</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
-->
|
||||||
|
<!--Footer-->
|
||||||
|
<div id="footer"></div>
|
||||||
|
</div>
|
||||||
|
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/core/popper.min.js"></script>
|
||||||
|
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/core/bootstrap.min.js"></script>
|
||||||
|
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/plugins/chartjs.min.js"></script>
|
||||||
|
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/plugins/Chart.extension.js"></script>
|
||||||
|
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/soft-ui-dashboard.min.js?v=1.0.2"></script>
|
||||||
|
<script src="./js/loopple.js"></script>
|
||||||
|
<script>
|
||||||
|
$(function () {
|
||||||
|
$("#header").load(".\html\header.html");
|
||||||
|
$("#footer").load(".\html\footer.html");
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
function kackc(){
|
||||||
|
var dragonHealth = document.getElementById("progressb").value;
|
||||||
|
dragonHealth.value = 25;
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
15
updater/src/js/loople.js
Normal file
15
updater/src/js/loople.js
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
// Alert dismissible function
|
||||||
|
document.querySelector('.loopple-alert.loopple-alert-dismissible .close').onclick = function() {
|
||||||
|
document.querySelector('.loopple-alert').classList.add('loopple-opacity-0');
|
||||||
|
setTimeout(function(){
|
||||||
|
document.querySelector('.loopple-alert').remove();
|
||||||
|
}, 1000);}
|
||||||
|
|
||||||
|
document.getElementById('download').addEventListener('click', () => {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
|
278
updater/src/settings.html
Normal file
278
updater/src/settings.html
Normal file
@ -0,0 +1,278 @@
|
|||||||
|
<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
|
||||||
|
crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
$(function () {
|
||||||
|
$("#header").load("header.html");
|
||||||
|
$("#footer").load("footer.html");
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<body class="g-sidenav-show bg-dark">
|
||||||
|
<div class="main-content" id="panel">
|
||||||
|
|
||||||
|
<!--Header-->
|
||||||
|
<div id="header"></div>
|
||||||
|
|
||||||
|
<!--CONTENT-->
|
||||||
|
<div class="card mb-4 ecsu-bg-dark-light-out" id="login">
|
||||||
|
<div class="card-body">
|
||||||
|
<form>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-8 ">
|
||||||
|
<h6 class="mb-0 text-white">Credentials</h6>
|
||||||
|
</div>
|
||||||
|
<div class="col-4"><button class="btn btn-sm ecsu-btn-dark " id="savecred">Save your Credentials</button></div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="form-group form-switch ps-0">
|
||||||
|
<label class="form-control-label text-white" for="input-username">Name</label><input class="form-check-input ms-auto" type="checkbox" id="saverealname">
|
||||||
|
<input type="text" id="input-username" class="form-control" placeholder="Name" id="realname">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="form-group form-switch ps-0">
|
||||||
|
<label class="form-control-label text-white" for="input-email">CID</label><input class="form-check-input ms-auto" type="checkbox" id="saveuser" >
|
||||||
|
<input type="email" id="input-email" class="form-control" placeholder="1234567" id="username">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="form-group form-switch ps-0">
|
||||||
|
<label class="form-control-label text-white" for="input-first-name">Password</label><input class="form-check-input ms-auto" type="checkbox" id="savepw" >
|
||||||
|
<input type="password" id="input-first-name" class="form-control" placeholder="password" id="password">
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<div class="form-group form-switch ps-0">
|
||||||
|
<label class="form-control-label text-white" for="input-last-name">CPDLC HoppieCode</label><input class="form-check-input ms-auto" type="checkbox" id="savepwhoppie" >
|
||||||
|
<input type="password" id="input-last-name" class="form-control" placeholder="CPDLC Code" id="passwordhoppie">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<label class="form-control-label text-white" for="input-last-name">Select Your Rating</label>
|
||||||
|
<select id="rating">
|
||||||
|
<option id="0">obs</option>
|
||||||
|
<option id="1">s1</option>
|
||||||
|
<option id="2">s2</option>
|
||||||
|
<option id="3">s3</option>
|
||||||
|
<option id="4">c1</option>
|
||||||
|
<option id="6">c3</option>
|
||||||
|
<option id="7">i1</option>
|
||||||
|
<option id="9">i3</option>
|
||||||
|
<option id="10">sup</option>
|
||||||
|
<option id="11">adm</option>
|
||||||
|
</select>
|
||||||
|
<div class="form-group form-switch ps-0">
|
||||||
|
<label class="form-control-label text-white" for="input-last-name">If you want Eurosounds, please check the box below and click the download button. </label>
|
||||||
|
<input class="form-check-input ms-auto" type="checkbox" id="download-checkbox" onclick="toggleDownloadButton()">
|
||||||
|
<br>
|
||||||
|
<a href="https://cdn.ganderoceanic.ca/resources/files/eurosounds/eurosounds-8apr20.zip" id="download-link" style="display:none">Download Sounds</a>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
function toggleDownloadButton() {
|
||||||
|
const downloadLink = document.getElementById("download-link");
|
||||||
|
if (document.getElementById("download-checkbox").checked) {
|
||||||
|
downloadLink.style.display = "block";
|
||||||
|
} else {
|
||||||
|
downloadLink.style.display = "none";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!--Footer-->
|
||||||
|
<div id="footer"></div>
|
||||||
|
</div>
|
||||||
|
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/core/popper.min.js"></script>
|
||||||
|
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/core/bootstrap.min.js"></script>
|
||||||
|
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/plugins/chartjs.min.js"></script>
|
||||||
|
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/plugins/Chart.extension.js"></script>
|
||||||
|
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/soft-ui-dashboard.min.js?v=1.0.2"></script>
|
||||||
|
<script src="./js/html_elements.js"></script>
|
||||||
|
<script src="./js/renderer.js"></script>
|
||||||
|
<script src="./js/startup.js"></script>
|
||||||
|
<script src="./js/save.js"></script>
|
||||||
|
<script src="./js/getFiles.js"></script>
|
||||||
|
<script src="./js/data_structure.js"></script>
|
||||||
|
<script src="./js/download.js"></script>
|
||||||
|
<script src="./js/git_ops.js"></script>
|
||||||
|
<script src="./js/append_to_file.js"></script>
|
||||||
|
<script>
|
||||||
|
if (document.querySelector("#chart-bars")) {
|
||||||
|
var ctx = document.getElementById("chart-bars").getContext("2d");
|
||||||
|
new Chart(ctx, {
|
||||||
|
type: "bar",
|
||||||
|
data: {
|
||||||
|
labels: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
|
||||||
|
datasets: [{
|
||||||
|
label: "Sales",
|
||||||
|
tension: 0.4,
|
||||||
|
borderWidth: 0,
|
||||||
|
borderRadius: 4,
|
||||||
|
borderSkipped: false,
|
||||||
|
backgroundColor: "#fff",
|
||||||
|
data: [450, 200, 100, 220, 500, 100, 400, 230, 500],
|
||||||
|
maxBarThickness: 6
|
||||||
|
},],
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
responsive: true,
|
||||||
|
maintainAspectRatio: false,
|
||||||
|
plugins: {
|
||||||
|
legend: {
|
||||||
|
display: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
interaction: {
|
||||||
|
intersect: false,
|
||||||
|
mode: 'index',
|
||||||
|
},
|
||||||
|
scales: {
|
||||||
|
y: {
|
||||||
|
grid: {
|
||||||
|
drawBorder: false,
|
||||||
|
display: false,
|
||||||
|
drawOnChartArea: false,
|
||||||
|
drawTicks: false,
|
||||||
|
},
|
||||||
|
ticks: {
|
||||||
|
suggestedMin: 0,
|
||||||
|
suggestedMax: 500,
|
||||||
|
beginAtZero: true,
|
||||||
|
padding: 15,
|
||||||
|
font: {
|
||||||
|
size: 14,
|
||||||
|
family: "Open Sans",
|
||||||
|
style: 'normal',
|
||||||
|
lineHeight: 2
|
||||||
|
},
|
||||||
|
color: "#fff"
|
||||||
|
},
|
||||||
|
},
|
||||||
|
x: {
|
||||||
|
grid: {
|
||||||
|
drawBorder: false,
|
||||||
|
display: false,
|
||||||
|
drawOnChartArea: false,
|
||||||
|
drawTicks: false
|
||||||
|
},
|
||||||
|
ticks: {
|
||||||
|
display: false
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
};
|
||||||
|
if (document.querySelector("#chart-line")) {
|
||||||
|
var ctx2 = document.getElementById("chart-line").getContext("2d");
|
||||||
|
var gradientStroke1 = ctx2.createLinearGradient(0, 230, 0, 50);
|
||||||
|
gradientStroke1.addColorStop(1, "rgba(203,12,159,0.2)");
|
||||||
|
gradientStroke1.addColorStop(0.2, "rgba(72,72,176,0.0)");
|
||||||
|
gradientStroke1.addColorStop(0, "rgba(203,12,159,0)");
|
||||||
|
var gradientStroke2 = ctx2.createLinearGradient(0, 230, 0, 50);
|
||||||
|
gradientStroke2.addColorStop(1, "rgba(20,23,39,0.2)");
|
||||||
|
gradientStroke2.addColorStop(0.2, "rgba(72,72,176,0.0)");
|
||||||
|
gradientStroke2.addColorStop(0, "rgba(20,23,39,0)");
|
||||||
|
new Chart(ctx2, {
|
||||||
|
type: "line",
|
||||||
|
data: {
|
||||||
|
labels: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
|
||||||
|
datasets: [{
|
||||||
|
label: "Mobile apps",
|
||||||
|
tension: 0.4,
|
||||||
|
borderWidth: 0,
|
||||||
|
pointRadius: 0,
|
||||||
|
borderColor: "#cb0c9f",
|
||||||
|
borderWidth: 3,
|
||||||
|
backgroundColor: gradientStroke1,
|
||||||
|
fill: true,
|
||||||
|
data: [50, 40, 300, 220, 500, 250, 400, 230, 500],
|
||||||
|
maxBarThickness: 6
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "Websites",
|
||||||
|
tension: 0.4,
|
||||||
|
borderWidth: 0,
|
||||||
|
pointRadius: 0,
|
||||||
|
borderColor: "#3A416F",
|
||||||
|
borderWidth: 3,
|
||||||
|
backgroundColor: gradientStroke2,
|
||||||
|
fill: true,
|
||||||
|
data: [30, 90, 40, 140, 290, 290, 340, 230, 400],
|
||||||
|
maxBarThickness: 6
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
responsive: true,
|
||||||
|
maintainAspectRatio: false,
|
||||||
|
plugins: {
|
||||||
|
legend: {
|
||||||
|
display: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
interaction: {
|
||||||
|
intersect: false,
|
||||||
|
mode: 'index',
|
||||||
|
},
|
||||||
|
scales: {
|
||||||
|
y: {
|
||||||
|
grid: {
|
||||||
|
drawBorder: false,
|
||||||
|
display: true,
|
||||||
|
drawOnChartArea: true,
|
||||||
|
drawTicks: false,
|
||||||
|
borderDash: [5, 5]
|
||||||
|
},
|
||||||
|
ticks: {
|
||||||
|
display: true,
|
||||||
|
padding: 10,
|
||||||
|
color: '#b2b9bf',
|
||||||
|
font: {
|
||||||
|
size: 11,
|
||||||
|
family: "Open Sans",
|
||||||
|
style: 'normal',
|
||||||
|
lineHeight: 2
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
x: {
|
||||||
|
grid: {
|
||||||
|
drawBorder: false,
|
||||||
|
display: false,
|
||||||
|
drawOnChartArea: false,
|
||||||
|
drawTicks: false,
|
||||||
|
borderDash: [5, 5]
|
||||||
|
},
|
||||||
|
ticks: {
|
||||||
|
display: true,
|
||||||
|
color: '#b2b9bf',
|
||||||
|
padding: 20,
|
||||||
|
font: {
|
||||||
|
size: 11,
|
||||||
|
family: "Open Sans",
|
||||||
|
style: 'normal',
|
||||||
|
lineHeight: 2
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<script src="./js/loopple.js"></script>
|
||||||
|
</script>
|
||||||
|
</body>
|
@ -1,6 +1,6 @@
|
|||||||
let systemsettings = "systemfile.json";
|
let systemsettings = "systemfile.json";
|
||||||
let settings = "settings.json";
|
let settings = "settings.json";
|
||||||
var filePath = "F:\\02 Benutzer\\Chef\\Dokumente\\00 Git\\sectorfileupdater\\updater"; // Set to exe path ex: app.getPath('exe') + '\\' + systemsettings;
|
var filePath = "C:\\Users\\Julian\\Desktop\\SECTORFILES\\LEeeres"; // Set to exe path ex: app.getPath('exe') + '\\' + systemsettings;
|
||||||
|
|
||||||
async function firstStart() {
|
async function firstStart() {
|
||||||
// Get the file path
|
// Get the file path
|
||||||
|
265
updater/src/syncing.html
Normal file
265
updater/src/syncing.html
Normal file
@ -0,0 +1,265 @@
|
|||||||
|
<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
|
||||||
|
crossorigin="anonymous">
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
$(function () {
|
||||||
|
$("#header").load("header.html");
|
||||||
|
$("#footer").load("footer.html");
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<body class="g-sidenav-show bg-dark">
|
||||||
|
<div class="main-content" id="panel">
|
||||||
|
|
||||||
|
<!--Header-->
|
||||||
|
<div id="header"></div>
|
||||||
|
|
||||||
|
<!--CONTENT-->
|
||||||
|
<div class="card mb-4 ecsu-bg-dark-light-out">
|
||||||
|
<div class="card-body">
|
||||||
|
<form>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-8 ">
|
||||||
|
<h6 class="mb-0 text-white">Syncing</h6>
|
||||||
|
</div>
|
||||||
|
<div class="col-4"><button class="btn btn-sm ecsu-btn-dark ">Save (WIP)</button></div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h6 class="text-uppercase text-xs font-weight-bolder text-white">Apply to Update</h6>
|
||||||
|
<ul class="list-group ">
|
||||||
|
<li class="list-group-item border-0 px-0 ecsu-bg-dark-light-out">
|
||||||
|
<div class="form-check form-switch ps-0">
|
||||||
|
<input class="form-check-input ms-auto" type="checkbox" id="applyToPrf" checked="">
|
||||||
|
<label class="form-check-label text-white ms-3 text-truncate w-80 mb-0"
|
||||||
|
for="flexSwitchCheckDefault">Credentials into Profiles</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="list-group-item border-0 px-0 ecsu-bg-dark-light-out">
|
||||||
|
<div class="form-check form-switch ps-0">
|
||||||
|
<input class="form-check-input ms-auto" type="checkbox" id="applyHoppie">
|
||||||
|
<label class="form-check-label text-white ms-3 text-truncate w-80 mb-0"
|
||||||
|
for="flexSwitchCheckDefault1">Hoppie Code into Txt File</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- <li class="list-group-item border-0 px-0 ecsu-bg-dark-light-out">
|
||||||
|
<div class="form-check form-switch ps-0">
|
||||||
|
<input class="form-check-input ms-auto" type="checkbox" id="flexSwitchCheckDefault2" checked="">
|
||||||
|
<label class="form-check-label text-white ms-3 text-truncate w-80 mb-0"
|
||||||
|
for="flexSwitchCheckDefault2">OBS</label>
|
||||||
|
</div>
|
||||||
|
</li> -->
|
||||||
|
</ul>
|
||||||
|
<!-- <h6 class="text-uppercase text-white text-xs font-weight-bolder mt-4">Application</h6>
|
||||||
|
<ul class="list-group">
|
||||||
|
<li class="list-group-item border-0 px-0 ecsu-bg-dark-light-out">
|
||||||
|
<div class="form-check form-switch ps-0">
|
||||||
|
<input class="form-check-input ms-auto" type="checkbox" id="flexSwitchCheckDefault3">
|
||||||
|
<label class="form-check-label text-white ms-3 text-truncate w-80 mb-0"
|
||||||
|
for="flexSwitchCheckDefault3">New launches and projects</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="list-group-item border-0 px-0 ecsu-bg-dark-light-out">
|
||||||
|
<div class="form-check form-switch ps-0">
|
||||||
|
<input class="form-check-input ms-auto" type="checkbox" id="flexSwitchCheckDefault4" checked="">
|
||||||
|
<label class="form-check-label text-white ms-3 text-truncate w-80 mb-0"
|
||||||
|
for="flexSwitchCheckDefault4">Monthly product updates</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="list-group-item border-0 px-0 pb-0 ecsu-bg-dark-light-out">
|
||||||
|
<div class="form-check form-switch ps-0">
|
||||||
|
<input class="form-check-input ms-auto" type="checkbox" id="flexSwitchCheckDefault5">
|
||||||
|
<label class="form-check-label text-white ms-3 text-truncate w-80 mb-0"
|
||||||
|
for="flexSwitchCheckDefault5">Subscribe to newsletter</label>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!--Footer-->
|
||||||
|
<div id="footer"></div>
|
||||||
|
</div>
|
||||||
|
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/core/popper.min.js"></script>
|
||||||
|
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/core/bootstrap.min.js"></script>
|
||||||
|
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/plugins/chartjs.min.js"></script>
|
||||||
|
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/plugins/Chart.extension.js"></script>
|
||||||
|
<script src="https://demos.creative-tim.com/soft-ui-dashboard/assets/js/soft-ui-dashboard.min.js?v=1.0.2"></script>
|
||||||
|
<script>
|
||||||
|
if (document.querySelector("#chart-bars")) {
|
||||||
|
var ctx = document.getElementById("chart-bars").getContext("2d");
|
||||||
|
new Chart(ctx, {
|
||||||
|
type: "bar",
|
||||||
|
data: {
|
||||||
|
labels: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
|
||||||
|
datasets: [{
|
||||||
|
label: "Sales",
|
||||||
|
tension: 0.4,
|
||||||
|
borderWidth: 0,
|
||||||
|
borderRadius: 4,
|
||||||
|
borderSkipped: false,
|
||||||
|
backgroundColor: "#fff",
|
||||||
|
data: [450, 200, 100, 220, 500, 100, 400, 230, 500],
|
||||||
|
maxBarThickness: 6
|
||||||
|
},],
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
responsive: true,
|
||||||
|
maintainAspectRatio: false,
|
||||||
|
plugins: {
|
||||||
|
legend: {
|
||||||
|
display: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
interaction: {
|
||||||
|
intersect: false,
|
||||||
|
mode: 'index',
|
||||||
|
},
|
||||||
|
scales: {
|
||||||
|
y: {
|
||||||
|
grid: {
|
||||||
|
drawBorder: false,
|
||||||
|
display: false,
|
||||||
|
drawOnChartArea: false,
|
||||||
|
drawTicks: false,
|
||||||
|
},
|
||||||
|
ticks: {
|
||||||
|
suggestedMin: 0,
|
||||||
|
suggestedMax: 500,
|
||||||
|
beginAtZero: true,
|
||||||
|
padding: 15,
|
||||||
|
font: {
|
||||||
|
size: 14,
|
||||||
|
family: "Open Sans",
|
||||||
|
style: 'normal',
|
||||||
|
lineHeight: 2
|
||||||
|
},
|
||||||
|
color: "#fff"
|
||||||
|
},
|
||||||
|
},
|
||||||
|
x: {
|
||||||
|
grid: {
|
||||||
|
drawBorder: false,
|
||||||
|
display: false,
|
||||||
|
drawOnChartArea: false,
|
||||||
|
drawTicks: false
|
||||||
|
},
|
||||||
|
ticks: {
|
||||||
|
display: false
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
};
|
||||||
|
if (document.querySelector("#chart-line")) {
|
||||||
|
var ctx2 = document.getElementById("chart-line").getContext("2d");
|
||||||
|
var gradientStroke1 = ctx2.createLinearGradient(0, 230, 0, 50);
|
||||||
|
gradientStroke1.addColorStop(1, "rgba(203,12,159,0.2)");
|
||||||
|
gradientStroke1.addColorStop(0.2, "rgba(72,72,176,0.0)");
|
||||||
|
gradientStroke1.addColorStop(0, "rgba(203,12,159,0)");
|
||||||
|
var gradientStroke2 = ctx2.createLinearGradient(0, 230, 0, 50);
|
||||||
|
gradientStroke2.addColorStop(1, "rgba(20,23,39,0.2)");
|
||||||
|
gradientStroke2.addColorStop(0.2, "rgba(72,72,176,0.0)");
|
||||||
|
gradientStroke2.addColorStop(0, "rgba(20,23,39,0)");
|
||||||
|
new Chart(ctx2, {
|
||||||
|
type: "line",
|
||||||
|
data: {
|
||||||
|
labels: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
|
||||||
|
datasets: [{
|
||||||
|
label: "Mobile apps",
|
||||||
|
tension: 0.4,
|
||||||
|
borderWidth: 0,
|
||||||
|
pointRadius: 0,
|
||||||
|
borderColor: "#cb0c9f",
|
||||||
|
borderWidth: 3,
|
||||||
|
backgroundColor: gradientStroke1,
|
||||||
|
fill: true,
|
||||||
|
data: [50, 40, 300, 220, 500, 250, 400, 230, 500],
|
||||||
|
maxBarThickness: 6
|
||||||
|
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "Websites",
|
||||||
|
tension: 0.4,
|
||||||
|
borderWidth: 0,
|
||||||
|
pointRadius: 0,
|
||||||
|
borderColor: "#3A416F",
|
||||||
|
borderWidth: 3,
|
||||||
|
backgroundColor: gradientStroke2,
|
||||||
|
fill: true,
|
||||||
|
data: [30, 90, 40, 140, 290, 290, 340, 230, 400],
|
||||||
|
maxBarThickness: 6
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
responsive: true,
|
||||||
|
maintainAspectRatio: false,
|
||||||
|
plugins: {
|
||||||
|
legend: {
|
||||||
|
display: false,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
interaction: {
|
||||||
|
intersect: false,
|
||||||
|
mode: 'index',
|
||||||
|
},
|
||||||
|
scales: {
|
||||||
|
y: {
|
||||||
|
grid: {
|
||||||
|
drawBorder: false,
|
||||||
|
display: true,
|
||||||
|
drawOnChartArea: true,
|
||||||
|
drawTicks: false,
|
||||||
|
borderDash: [5, 5]
|
||||||
|
},
|
||||||
|
ticks: {
|
||||||
|
display: true,
|
||||||
|
padding: 10,
|
||||||
|
color: '#b2b9bf',
|
||||||
|
font: {
|
||||||
|
size: 11,
|
||||||
|
family: "Open Sans",
|
||||||
|
style: 'normal',
|
||||||
|
lineHeight: 2
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
x: {
|
||||||
|
grid: {
|
||||||
|
drawBorder: false,
|
||||||
|
display: false,
|
||||||
|
drawOnChartArea: false,
|
||||||
|
drawTicks: false,
|
||||||
|
borderDash: [5, 5]
|
||||||
|
},
|
||||||
|
ticks: {
|
||||||
|
display: true,
|
||||||
|
color: '#b2b9bf',
|
||||||
|
padding: 20,
|
||||||
|
font: {
|
||||||
|
size: 11,
|
||||||
|
family: "Open Sans",
|
||||||
|
style: 'normal',
|
||||||
|
lineHeight: 2
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<script src="./js/loopple.js"></script>
|
||||||
|
<script>
|
||||||
|
$(function () {
|
||||||
|
$("#header").load(".\html\header.html");
|
||||||
|
$("#footer").load(".\html\footer.html");
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
5695
updater/yarn.lock
5695
updater/yarn.lock
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user