mirror of
https://github.com/TheGreyDiamond/Enlight.git
synced 2025-07-18 04:33:50 +02:00
More unamed stuff
This commit is contained in:
15
index.js
15
index.js
@ -5,7 +5,8 @@ const { win32 } = require("path");
|
|||||||
const sysInf = require("systeminformation");
|
const sysInf = require("systeminformation");
|
||||||
const dgram = require("dgram");
|
const dgram = require("dgram");
|
||||||
var server = dgram.createSocket("udp4");
|
var server = dgram.createSocket("udp4");
|
||||||
const express = require('express')
|
const express = require('express');
|
||||||
|
const { time } = require("console");
|
||||||
const restApp = express()
|
const restApp = express()
|
||||||
|
|
||||||
const restPort = 33334;
|
const restPort = 33334;
|
||||||
@ -39,6 +40,14 @@ pageLookup["header"] = "header.html"
|
|||||||
var sessionState = -1;
|
var sessionState = -1;
|
||||||
var sessionStateGoal = -1;
|
var sessionStateGoal = -1;
|
||||||
|
|
||||||
|
var mySession = {
|
||||||
|
name: "Unnamed Session",
|
||||||
|
joinable: true,
|
||||||
|
passwordProtected: false,
|
||||||
|
passwordHash: "",
|
||||||
|
members: 1
|
||||||
|
};
|
||||||
|
|
||||||
var mainConn = "";
|
var mainConn = "";
|
||||||
var mainNetworkInterface = undefined;
|
var mainNetworkInterface = undefined;
|
||||||
|
|
||||||
@ -194,11 +203,11 @@ function init() {
|
|||||||
})
|
})
|
||||||
|
|
||||||
restApp.get('/api/v1/ping', (req, res) => {
|
restApp.get('/api/v1/ping', (req, res) => {
|
||||||
res.json({state:"Succes"});
|
res.json({state:"Succes", uptime: time.time()});
|
||||||
})
|
})
|
||||||
|
|
||||||
restApp.get('/api/v1/session/info', (req, res) => {
|
restApp.get('/api/v1/session/info', (req, res) => {
|
||||||
res.json({state:"Succes", implementation: "Not yet implemted."});
|
res.json({state:"Succes", name: mySession.name, joinAble: mySession.joinable, passwordProtected: mySession.passwordProtected});
|
||||||
})
|
})
|
||||||
}, 20);
|
}, 20);
|
||||||
|
|
||||||
|
@ -201,208 +201,21 @@
|
|||||||
|
|
||||||
<!--</body>
|
<!--</body>
|
||||||
</html>-->
|
</html>-->
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
<h1>Sessions</h1>
|
||||||
<head>
|
yes.
|
||||||
<meta charset="UTF-8" />
|
<button onclick='ipcRenderer.sendSync("synchronous-message", "PAGE:change.index");'>Go back</button>
|
||||||
<title>Enlight - Screen 1</title>
|
<state>Sessionstate: <state id = "sessionStateText">unknown</state></state>
|
||||||
<!--<meta
|
|
||||||
http-equiv="Content-Security-Policy"
|
|
||||||
content="script-src 'self' 'unsafe-inline';"
|
|
||||||
/>-->
|
|
||||||
<script src="static/jquery-1.7.1.min.js" type="text/javascript"></script>
|
|
||||||
<script src="static/js/helper.js" type="text/javascript"></script>
|
|
||||||
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>*-->
|
|
||||||
<link href="static/default.css" rel="stylesheet" />
|
|
||||||
<link
|
|
||||||
href="static/fontawesome-free-5.15.1-web/css/all.css"
|
|
||||||
rel="stylesheet"
|
|
||||||
/>
|
|
||||||
<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">-->
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<!--<div id="header-bar" class="header-bar">
|
|
||||||
<div class="areaRight">
|
|
||||||
<network>
|
|
||||||
<i
|
|
||||||
class="fas fa-network-wired"
|
|
||||||
id="networkBtn"
|
|
||||||
onclick='document.getElementById("networkDropdown").classList.toggle("show");'
|
|
||||||
></i>
|
|
||||||
<div id="networkDropdown" class="dropdown-content"></div>
|
|
||||||
</network>
|
|
||||||
<battery id="battery" class="fa"></battery>
|
|
||||||
<clock id="clock" class="header-clock"></clock>
|
|
||||||
<i
|
|
||||||
class="fa-spin loader1 fa"
|
|
||||||
style="font-size: 18px; padding-right: 4px"
|
|
||||||
id="loader"
|
|
||||||
></i
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script>
|
<script>
|
||||||
var loaderInUse = true;
|
connectionStatesAsText = {"-1": "Unknown", "0": "Not connected to a session", "1": "Connecting...", "2": "Hosting", "3": "Connected", "4": "Connection failed"};
|
||||||
const { ipcRenderer } = require("electron");
|
setInterval(function(){
|
||||||
setInterval(function () {
|
connectionState = ipcRenderer.sendSync("synchronous-message", "SESSION:get.state");
|
||||||
// Pulling general info from main thread
|
document.getElementById("sessionStateText").innerHTML = connectionStatesAsText[String(connectionState)];
|
||||||
loadOverride = ipcRenderer.sendSync(
|
}, 1000);
|
||||||
"synchronous-message",
|
|
||||||
"loadOverride"
|
|
||||||
);
|
|
||||||
if (!loaderInUse) {
|
|
||||||
if (loadOverride) {
|
|
||||||
document.getElementById("loader").innerHTML = "";
|
|
||||||
} else {
|
|
||||||
document.getElementById("loader").innerHTML = "";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}, 500);
|
|
||||||
|
|
||||||
// Network info
|
|
||||||
var allNetworkNames = [];
|
|
||||||
function buildNetworkDropDown() {
|
|
||||||
loaderInUse = true;
|
|
||||||
document.getElementById("loader").innerHTML = "";
|
|
||||||
allNetworks = ipcRenderer.sendSync(
|
|
||||||
"synchronous-message",
|
|
||||||
"getNetworks"
|
|
||||||
);
|
|
||||||
lastNetwork = ipcRenderer.sendSync(
|
|
||||||
"synchronous-message",
|
|
||||||
"getMainNetwork"
|
|
||||||
);
|
|
||||||
allNetworkNames = [];
|
|
||||||
console.log(lastNetwork);
|
|
||||||
i = 0;
|
|
||||||
var dropDown = document.getElementById("networkDropdown");
|
|
||||||
dropDown.innerHTML = "";
|
|
||||||
while (i < allNetworks.length) {
|
|
||||||
temp =
|
|
||||||
"<a id='networkEntry" +
|
|
||||||
String(i) +
|
|
||||||
"' onclick='selectNewNetwork(" +
|
|
||||||
String(i) +
|
|
||||||
")'> " +
|
|
||||||
encode_html(allNetworks[i].ifaceName) +
|
|
||||||
"</a>";
|
|
||||||
dropDown.innerHTML += temp;
|
|
||||||
allNetworkNames.push(allNetworks[i].ifaceName);
|
|
||||||
i++;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (does_list_contain(allNetworkNames, lastNetwork)) {
|
|
||||||
nameOfElm =
|
|
||||||
"networkEntry" + String(allNetworkNames.indexOf(lastNetwork));
|
|
||||||
networkEntryElm = document.getElementById(nameOfElm);
|
|
||||||
networkEntryElm.innerHTML = networkEntryElm.innerHTML.replace(
|
|
||||||
" ",
|
|
||||||
"✔"
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
console.warn("Network is no longer valid");
|
|
||||||
ipcRenderer.sendSync(
|
|
||||||
"synchronous-message",
|
|
||||||
"state:networkNoLongerValid"
|
|
||||||
);
|
|
||||||
}
|
|
||||||
loaderInUse = false;
|
|
||||||
document.getElementById("loader").innerHTML = "";
|
|
||||||
}
|
|
||||||
|
|
||||||
function selectNewNetwork(id) {
|
|
||||||
idAsNumber = parseInt(id);
|
|
||||||
newNetwork = allNetworkNames[id];
|
|
||||||
ipcRenderer.sendSync(
|
|
||||||
"synchronous-message",
|
|
||||||
"set:newNetwork|" + newNetwork
|
|
||||||
);
|
|
||||||
buildNetworkDropDown();
|
|
||||||
|
|
||||||
nameOfElm = "networkEntry" + String(idAsNumber);
|
|
||||||
networkEntryElm = document.getElementById(nameOfElm);
|
|
||||||
networkEntryElm.innerHTML = networkEntryElm.innerHTML.replace(
|
|
||||||
" ",
|
|
||||||
"✔"
|
|
||||||
);
|
|
||||||
}
|
|
||||||
buildNetworkDropDown();
|
|
||||||
</script>
|
</script>
|
||||||
<script>
|
<button onclick='ipcRenderer.sendSync("synchronous-message", "SESSION:createNew");''>
|
||||||
// Battery info screen
|
Create new session
|
||||||
batteryExists = ipcRenderer.sendSync("synchronous-message", "hasBattery"); // prints "pong"
|
</button>
|
||||||
var batteryShowdStart = false;
|
|
||||||
if (batteryExists) {
|
|
||||||
batteryLevel = ipcRenderer.sendSync(
|
|
||||||
"synchronous-message",
|
|
||||||
"getBatteryLevel"
|
|
||||||
);
|
|
||||||
|
|
||||||
//Setup regular updates
|
|
||||||
setInterval(function () {
|
|
||||||
batteryLevel = parseInt(
|
|
||||||
ipcRenderer.sendSync("synchronous-message", "getBatteryLevel")
|
|
||||||
);
|
|
||||||
|
|
||||||
batteryShowdStart = true;
|
|
||||||
if (batteryLevel > 75) {
|
|
||||||
document.getElementById("battery").innerHTML = "";
|
|
||||||
} else if (batteryLevel <= 75 && batteryLevel > 50) {
|
|
||||||
document.getElementById("battery").innerHTML = "";
|
|
||||||
} else if (batteryLevel <= 50 && batteryLevel > 25) {
|
|
||||||
document.getElementById("battery").innerHTML = "";
|
|
||||||
} else if (batteryLevel <= 25 && batteryLevel > 5) {
|
|
||||||
document.getElementById("battery").innerHTML = "";
|
|
||||||
} else {
|
|
||||||
document.getElementById("battery").innerHTML = "";
|
|
||||||
}
|
|
||||||
}, 2000);
|
|
||||||
} else {
|
|
||||||
batteryShowdStart = true;
|
|
||||||
}
|
|
||||||
if (batteryShowdStart) {
|
|
||||||
document.getElementById("loader").innerHTML = "";
|
|
||||||
loaderInUse = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
setInterval(function () {
|
|
||||||
var date = new Date();
|
|
||||||
hour = updateTime(date.getHours());
|
|
||||||
min = updateTime(date.getMinutes());
|
|
||||||
sec = updateTime(date.getSeconds());
|
|
||||||
document.getElementById("clock").innerHTML =
|
|
||||||
hour + ":" + min + ":" + sec;
|
|
||||||
}, 500);
|
|
||||||
</script>
|
|
||||||
<script>
|
|
||||||
window.onclick = function (event) {
|
|
||||||
if (!event.target.matches("#networkBtn")) {
|
|
||||||
var dropdowns = document.getElementsByClassName("dropdown-content");
|
|
||||||
var i;
|
|
||||||
for (i = 0; i < dropdowns.length; i++) {
|
|
||||||
var openDropdown = dropdowns[i];
|
|
||||||
if (openDropdown.classList.contains("show")) {
|
|
||||||
openDropdown.classList.remove("show");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>-->
|
|
||||||
<!--<iframe src="header.html" class="headerIframe"></iframe>-->
|
|
||||||
<h1>Hello World!</h1>
|
|
||||||
<button onclick='ipcRenderer.sendSync("synchronous-message", "PAGE:change.session");'>Session screen</button>
|
|
||||||
We are using node
|
|
||||||
<script>
|
|
||||||
document.write(process.versions.node);
|
|
||||||
</script>
|
|
||||||
, Chrome
|
|
||||||
<script>
|
|
||||||
document.write(process.versions.chrome);
|
|
||||||
</script>
|
|
||||||
, and Electron
|
|
||||||
<script>
|
|
||||||
document.write(process.versions.electron);
|
|
||||||
</script>
|
|
||||||
.
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
Reference in New Issue
Block a user