From 8886d5111aa4ae75f54f46c93f09fa7548979969 Mon Sep 17 00:00:00 2001 From: Minteck <46352972+Minteck@users.noreply.github.com> Date: Fri, 9 Jul 2021 00:37:48 +0200 Subject: Fixes --- views/common/load-new.ttf | Bin 0 -> 50172 bytes views/load.html | 44 +++++-------- views/loader.svg | 128 ++++++++++++++++++++++++++++++++++++++ views/menu.css | 10 ++- views/script/core_notification.js | 13 ++++ views/script/loader_global.js | 2 +- 6 files changed, 164 insertions(+), 33 deletions(-) create mode 100644 views/common/load-new.ttf create mode 100644 views/loader.svg create mode 100644 views/script/core_notification.js (limited to 'views') diff --git a/views/common/load-new.ttf b/views/common/load-new.ttf new file mode 100644 index 0000000..d2a94dc Binary files /dev/null and b/views/common/load-new.ttf differ diff --git a/views/load.html b/views/load.html index c6e45bf..473c1ac 100644 --- a/views/load.html +++ b/views/load.html @@ -21,6 +21,11 @@ font-weight: normal; } + @font-face { + font-family: "HomepageBaukasten-Bold"; + src: url("./common/load-new.ttf"); + } + - -
- - - - + var ipcRenderer = require('electron').ipcRenderer; + ipcRenderer.on('progress', function (event, progress) { + document.getElementById("bar").style.width = progress + "%"; + }); + +
+
+
diff --git a/views/loader.svg b/views/loader.svg new file mode 100644 index 0000000..77a496e --- /dev/null +++ b/views/loader.svg @@ -0,0 +1,128 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Kartik +%version% + + + + + + + diff --git a/views/menu.css b/views/menu.css index d6fc60e..2c2b94f 100644 --- a/views/menu.css +++ b/views/menu.css @@ -37,8 +37,12 @@ } .services:not(.services-settings) li.selected .item { - border-color: #00ff99; + background-color: rgba(0, 255, 153, 0.25); + backdrop-filter: blur(10px); + border-radius: 10px; animation-direction: alternate-reverse; + position: relative; + z-index: 9999999999; animation-duration: 3s; animation-name: border-overlay; animation-fill-mode: both; @@ -59,10 +63,10 @@ @keyframes border-overlay { 0% { - border-color: #00ff66; + background-color: rgba(0, 255, 102, 0.25); } 100% { - border-color: #00ccff; + background-color: rgba(0, 204, 255, 0.25); } } diff --git a/views/script/core_notification.js b/views/script/core_notification.js new file mode 100644 index 0000000..118d19d --- /dev/null +++ b/views/script/core_notification.js @@ -0,0 +1,13 @@ +var ipcRenderer = require('electron').ipcRenderer; +ipcRenderer.on('notification', function (event, data) { + document.getElementById("notification-title").innerText = data.title; + document.getElementById("notification-message").innerText = data.message; + document.getElementById("notification").style.right = "20px"; + document.getElementById("notification").style.opacity = "1"; + new Audio("./sfx/notification.mp3").play(); + + setTimeout(() => { + document.getElementById("notification").style.right = "-300px"; + document.getElementById("notification").style.opacity = "0"; + }, 5000) +}); \ No newline at end of file diff --git a/views/script/loader_global.js b/views/script/loader_global.js index 6bde06c..7c89d0f 100644 --- a/views/script/loader_global.js +++ b/views/script/loader_global.js @@ -19,7 +19,7 @@ window.addEventListener('load', () => { document.getElementById('updates').style.backgroundColor = "lightgreen"; document.getElementById('updates').innerText = lang.updates.ok; } else { - document.getElementById('warning').style.opacity = "1"; + require('@electron/remote').getCurrentWindow().webContents.send("notification", {title: lang.updates.warn[0], message: lang.updates.warn[1]}); document.getElementById('updates').style.backgroundColor = "lightyellow"; document.getElementById('updates').innerText = lang.updates.available; } -- cgit