More page: make Security module functional

README.md

@@ -8,7 +8,7 @@ This will be a dashboard hosted on my homeserver with self-hosted stuff. But, fo
 
 - [x] External config loaded with XHR (app list)
 - [x] Apply config for the rest stuff (data shown in More page, default user settings)
-- [ ] Make 'Security' module functional
+- [x] Make 'Security' module functional
 - [x] CSS global color variables for easier theming
 - [ ] Fix blur flicker on showing/hiding pages
 - [x] Open in new tab setting

index.html

@@ -70,7 +70,7 @@
 							<div class="icon fancy">shield</div>
 							<div class="right">
 								<div class="pp"><b id="security-pp">85</b>%</div>
-								<div class="text">6 out of 7 listed services use secure connections</div>
+								<div class="text"><b id="services-secure"></b> out of <b id="services-total"></b> listed services use secure connections</div>
 							</div>
 						</div>
 						<div class="boxes static">

js/dom.js

@@ -76,8 +76,9 @@ function load_config(conf) {
 }
 
 function is_secure(uri) {
-	if (uri.includes("tp://")) return false;
-	if (!uri.startsWith("https://")) {
-		uri = location.href;
-	}
+	let secure = uri.indexOf("tps://") != -1;
+	let insecure = uri.indexOf("tp://") != -1;
+	if (secure) return true;
+	if (insecure) return false;
+	return is_secure(location.href);
 }

js/main.js

@@ -51,11 +51,17 @@ function switch_theme(value) {
 
 function load_apps() {
 	let final = "";
-	for (let i = 0; i < CONFIG["services"].length; i++) {
+	let secures = 0;
+	let i = 0;
+	while (i < CONFIG["services"].length) {
 		let app = mk_entry(CONFIG["services"][i]);
 		final += app;
+		i++;
 	}
 	get("applist").innerHTML = final;
+	set("services-total", i);
+	set("services-secure", secures);
+	set("security-pp", Math.round(100 * secures / i));
 }
 
 function new_tab_toggle(value) {