diff options
Diffstat (limited to 'core/status/index.html')
-rw-r--r-- | core/status/index.html | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/core/status/index.html b/core/status/index.html index aa9774c..c17c694 100644 --- a/core/status/index.html +++ b/core/status/index.html @@ -3,7 +3,7 @@ <head> <script>window.require = window.parent.require;</script> <meta charset="UTF-8"> - <title>mangoos-status</title> + <title>kirinos-status</title> <style> * { font-family: "Inter", sans-serif; @@ -54,31 +54,31 @@ <div id="bg"></div> <div id="status-bar" style="padding: 0 20px;"> <div id="bar-left" style="display: inline-block; height: 100%;"> - <a onclick="parent.statusUpdate({ action: 'clickOn', item: 'menu' });" id="mango-menu" class="status-bar-clickable" style="height: 31px; display: inline-flex; align-items: center; justify-content: center; width: 31px;"> + <a onclick="parent.statusUpdate({ action: 'clickOn', item: 'menu' });" id="kirin-menu" class="status-bar-clickable" style="height: 31px; display: inline-flex; align-items: center; justify-content: center; width: 31px;"> <img src="../../logo-symbolic.svg" style="width: 24px; pointer-events: none;"> </a> <span id="tasks-bar"></span> </div> <div id="bar-right" style="margin-left: auto; display: inline-block; width: max-content; float: right; height: 100%;"> <a onclick="parent.statusUpdate({ action: 'clickOn', item: 'volume' });" id="item-volume" class="status-bar-clickable" style="height: 31px; display: inline-flex; align-items: center; justify-content: center; width: 31px; vertical-align: middle;"> - <img id="item-volume-icon" src="" style="width: 24px; pointer-events: none; vertical-align: middle;"> + <img alt="" id="item-volume-icon" src="" style="width: 24px; pointer-events: none; vertical-align: middle;"> </a><a onclick="parent.statusUpdate({ action: 'clickOn', item: 'network' });" id="item-network" class="status-bar-clickable" style="height: 31px; display: inline-flex; align-items: center; justify-content: center; width: 31px; vertical-align: middle;"> - <img id="item-network-icon" src="" style="width: 24px; pointer-events: none; vertical-align: middle;"> + <img alt="" id="item-network-icon" src="" style="width: 24px; pointer-events: none; vertical-align: middle;"> </a><a onclick="parent.statusUpdate({ action: 'clickOn', item: 'battery' });" id="item-battery" class="status-bar-clickable" style="height: 31px; display: inline-flex; align-items: center; justify-content: center; width: 31px; vertical-align: middle;"> - <img id="item-battery-icon" src="" style="width: 24px; pointer-events: none; vertical-align: middle;"> + <img alt="" id="item-battery-icon" src="" style="width: 24px; pointer-events: none; vertical-align: middle;"> </a><a onclick="parent.statusUpdate({ action: 'clickOn', item: 'clock' });" id="item-clock" class="status-bar-clickable" style="height: 31px; display: inline-flex; align-items: center; justify-content: center; width: max-content; vertical-align: middle;"> <span id="item-clock-week"></span> <span id="item-clock-day" class="n"></span> <span id="item-clock-month"></span> <span id="item-clock-hour" class="n"></span>:<span id="item-clock-minute" class="n"></span></a> </div> </div> <script> - const libmangoaudio = require('../../lib/libmangoaudio'); + const libkirinaudio = require('../../lib/libkirinaudio'); const si = require('systeminformation'); const wifi = require('node-wifi'); function setMenuActive(active) { if (active) { - document.getElementById("mango-menu").classList.add("active"); + document.getElementById("kirin-menu").classList.add("active"); } else { - document.getElementById("mango-menu").classList.remove("active"); + document.getElementById("kirin-menu").classList.remove("active"); } } @@ -137,7 +137,7 @@ document.getElementById("item-clock-hour").innerText = timeParts[0]; document.getElementById("item-clock-minute").innerText = timeParts[1]; - let level = (await libmangoaudio.getDefaultOutput())['volume']['level']; + let level = (await libkirinaudio.getDefaultOutput())['volume']['level']; if (typeof level === "number") { if (level === 0) { @@ -194,7 +194,7 @@ console.log(parent.wm.getTaskbarItems()); document.getElementById("tasks-bar").innerHTML = parent.wm.getTaskbarItems().map(i => ` <a onclick="parent.wm.taskbarAction('${i.id}');" id="item-${i.id}" class="status-bar-clickable" style="height: 30px; display: inline-flex; align-items: center; justify-content: center; width: 31px; vertical-align: middle;${i.focused ? 'border-bottom: 1px solid rgba(0, 0, 0, .25);' : 'padding-bottom: 1px;'}"> - <img id="item-${i.id}-icon" src="${fs.existsSync(i.application + "/icon.png") ? i.application + "/icon.png" : "./icons/window.svg"}" style="${i.minimised ? 'opacity: .5;' : ''}border-radius: 999px; height: 24px; width: 24px; pointer-events: none; vertical-align: middle;"> + <img alt="" id="item-${i.id}-icon" src="${fs.existsSync(i.application + "/icon-symbolic.svg") ? i.application + "/icon-symbolicsvng" : (fs.existsSync(i.application + "/icon.png") ? i.application + "/icon.png" : "./icons/window.svg")}" style="${i.minimised ? 'opacity: .5;' : ''}${fs.existsSync(i.application + "/icon-symbolic.svg") ? '' : 'border-radius: 999px;'} height: 24px; width: 24px; pointer-events: none; vertical-align: middle;"> </a> `.trim()).join(""); } |