From d10aeedcf257067909cff74a1690b5b690fe46de Mon Sep 17 00:00:00 2001
From: Arthur Lu <root@tronnet.net>
Date: Tue, 16 May 2023 15:18:36 +0000
Subject: [PATCH] remove org specific values, add dynamic org handling

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
---
 account.html       |  4 ++--
 config.html        |  4 ++--
 index.html         |  4 ++--
 login.html         |  4 ++--
 scripts/account.js |  3 ++-
 scripts/config.js  |  3 ++-
 scripts/index.js   |  3 ++-
 scripts/login.js   |  3 ++-
 scripts/utils.js   | 11 ++++++++---
 vars.js.template   |  3 ++-
 10 files changed, 26 insertions(+), 16 deletions(-)
diff --git a/account.html b/account.html
index 237f03c..382124a 100644
--- a/account.html
+++ b/account.html
@@ -3,7 +3,7 @@
 	<head>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
-		<title>tronnet - client</title>
+		<title>proxmox - client</title>
 		<link rel="icon" href="images/favicon.svg" sizes="any" type="image/svg+xml">
 		<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 		<link rel="stylesheet" href="css/style.css">
@@ -12,7 +12,7 @@
 	</head>
 	<body>
 		<header>
-			<h1>tronnet</h1>
+			<h1>proxmox</h1>
 			<label for="navtoggle">&#9776;</label>
 			<input type="checkbox" id="navtoggle">
 			<nav>
diff --git a/config.html b/config.html
index 1b5feed..cea654c 100644
--- a/config.html
+++ b/config.html
@@ -3,7 +3,7 @@
 	<head>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
-		<title>tronnet - client</title>
+		<title>proxmox - client</title>
 		<link rel="icon" href="images/favicon.svg" sizes="any" type="image/svg+xml">
 		<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 		<link rel="stylesheet" href="css/style.css">
@@ -13,7 +13,7 @@
 	</head>
 	<body>
 		<header>
-			<h1>tronnet</h1>
+			<h1>proxmox</h1>
 			<label for="navtoggle">&#9776;</label>
 			<input type="checkbox" id="navtoggle">
 			<nav>
diff --git a/index.html b/index.html
index 694a004..bc1a67e 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
 	<head>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
-		<title>tronnet - client</title>
+		<title>proxmox - client</title>
 		<link rel="icon" href="images/favicon.svg" sizes="any" type="image/svg+xml">
 		<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 		<link rel="stylesheet" href="css/style.css">
@@ -13,7 +13,7 @@
 	</head>
 	<body>
 		<header>
-			<h1>tronnet</h1>
+			<h1>proxmox</h1>
 			<label for="navtoggle">&#9776;</label>
 			<input type="checkbox" id="navtoggle">
 			<nav>
diff --git a/login.html b/login.html
index 64c24b0..90f8680 100644
--- a/login.html
+++ b/login.html
@@ -3,7 +3,7 @@
 	<head>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
-		<title>tronnet - client</title>
+		<title>proxmox - client</title>
 		<link rel="icon" href="images/favicon.svg" sizes="any" type="image/svg+xml">
 		<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 		<link rel="stylesheet" href="css/style.css">
@@ -12,7 +12,7 @@
 	</head>
 	<body>
 		<header>
-			<h1>tronnet</h1>
+			<h1>proxmox</h1>
 			<label for="navtoggle">&#9776;</label>
 			<input type="checkbox" id="navtoggle">
 			<nav>
diff --git a/scripts/account.js b/scripts/account.js
index 2fa5922..90aa7e0 100644
--- a/scripts/account.js
+++ b/scripts/account.js
@@ -1,4 +1,4 @@
-import {requestAPI, goToPage, getCookie} from "./utils.js";
+import {requestAPI, goToPage, getCookie, setTitleAndHeader} from "./utils.js";
 
 window.addEventListener("DOMContentLoaded", init);
 
@@ -11,6 +11,7 @@ let SIPrefix = [
 ]
 
 async function init () {
+	setTitleAndHeader();
 	let cookie = document.cookie;
 	if (cookie === "") {
 		goToPage("login.html");
diff --git a/scripts/config.js b/scripts/config.js
index fca1600..47fdb4f 100644
--- a/scripts/config.js
+++ b/scripts/config.js
@@ -1,4 +1,4 @@
-import {requestPVE, requestAPI, goToPage, getURIData, resources_config} from "./utils.js";
+import {requestPVE, requestAPI, goToPage, getURIData, resources_config, setTitleAndHeader} from "./utils.js";
 import {alert, dialog} from "./dialog.js";
 
 window.addEventListener("DOMContentLoaded", init); // do the dumb thing where the disk config refreshes every second
@@ -12,6 +12,7 @@ let vmid;
 let config;
 
 async function init () {
+	setTitleAndHeader();
 	let cookie = document.cookie;
 	if (cookie === "") {
 		goToPage("login.html");
diff --git a/scripts/index.js b/scripts/index.js
index da48f27..4ac0784 100644
--- a/scripts/index.js
+++ b/scripts/index.js
@@ -1,10 +1,11 @@
-import {requestPVE, requestAPI, goToPage, goToURL, instances_config, nodes_config} from "./utils.js";
+import {requestPVE, requestAPI, goToPage, goToURL, instances_config, nodes_config, setTitleAndHeader} from "./utils.js";
 import {alert, dialog} from "./dialog.js";
 import {PVE} from "../vars.js"
 
 window.addEventListener("DOMContentLoaded", init);
 
 async function init () {
+	setTitleAndHeader();
 	let cookie = document.cookie;
 	if (cookie === "") {
 		goToPage("login.html");
diff --git a/scripts/login.js b/scripts/login.js
index e6ec7b9..37c3332 100644
--- a/scripts/login.js
+++ b/scripts/login.js
@@ -1,9 +1,10 @@
-import {requestTicket, goToPage, deleteAllCookies, requestPVE} from "./utils.js";
+import {requestTicket, goToPage, deleteAllCookies, requestPVE, setTitleAndHeader} from "./utils.js";
 import {alert} from "./dialog.js";
 
 window.addEventListener("DOMContentLoaded", init);
 
 async function init (){
+	setTitleAndHeader();
 	await deleteAllCookies();
 	let formSubmitButton = document.querySelector("#submit");
 	let realms = await requestPVE("/access/domains", "GET");
diff --git a/scripts/utils.js b/scripts/utils.js
index 5aba13a..5f5a2ef 100644
--- a/scripts/utils.js
+++ b/scripts/utils.js
@@ -1,4 +1,4 @@
-import {API} from "/vars.js";
+import {API, organization} from "/vars.js";
 
 export const resources_config = {
 	disk: {
@@ -164,7 +164,7 @@ export function goToPage (page, data={}, newwindow = false) {
 	}
 
 	if (newwindow) {
-		window.open(url, "tronnet - client", "height=480,width=848");
+		window.open(url, `${organization} - client`, "height=480,width=848");
 	}
 	else {
 		window.location.assign(url.toString());
@@ -178,7 +178,7 @@ export function goToURL (href, data={}, newwindow = false) {
 	}
 
 	if (newwindow) {
-		window.open(url, "tronnet - client", "height=480,width=848");
+		window.open(url, `${organization} - client`, "height=480,width=848");
 	}
 	else {
 		window.location.assign(url.toString());
@@ -192,4 +192,9 @@ export function getURIData () {
 
 export async function deleteAllCookies () {
 	await requestAPI("/ticket", "DELETE");
+}
+
+export function setTitleAndHeader () {
+	document.title = `${organization} - client`;
+	document.querySelector("h1").innerText = organization;
 }
\ No newline at end of file
diff --git a/vars.js.template b/vars.js.template
index 8db649e..1508349 100644
--- a/vars.js.template
+++ b/vars.js.template
@@ -1,2 +1,3 @@
 export const API = "https://client.mydomain.example/api"; // the proxmox-aas api
-export const PVE = "https://pve.mydomain.example"; // the proxmox api
\ No newline at end of file
+export const PVE = "https://pve.mydomain.example"; // the proxmox api
+export const organization = "mydomain"; // org name used in page title and nav bar
\ No newline at end of file
