set the time

3 files changed, 33 insertions, 10 deletions

diff --git a/public/client.html b/public/client.html
index 11b637e..0d08373 100644
--- a/public/client.html
+++ b/public/client.html
@@ -131,11 +131,10 @@
 				</div>
 				<div id="client_trackstatus"><marquee id="client_trackstatustext">None</marquee></div>
 				<div id="client_clock">
-					<p id="client_clock_month">April</p>
-					<p id="client_clock_date">14</p>
-					<p id="client_clock_time">00:00</p>					
-
-					<p id="client_clock_weekday">Mon.</p>
+					<p id="client_clock_month"></p>
+					<p id="client_clock_date"></p>
+					<p id="client_clock_time"></p>
+					<p id="client_clock_weekday"></p>
 				</div>
 			</div>
 		</div>
diff --git a/webAO/client.ts b/webAO/client.ts
index c0ea5a0..53551e2 100644
--- a/webAO/client.ts
+++ b/webAO/client.ts
@@ -38,7 +38,8 @@ let { ip: serverIP, mode, asset, theme } = queryParser() ;
 // Unless there is an asset URL specified, use the wasabi one
 const DEFAULT_HOST = "http://attorneyoffline.de/base/";
 export let AO_HOST = asset || DEFAULT_HOST;
-const THEME = theme || "default";
+let THEME: string = theme || "default";
+let CHATBOX: string;
 
 export let client: Client;
 
@@ -2565,17 +2566,17 @@ export function setChatbox(style: string) {
   const themeselect = <HTMLSelectElement>(
     document.getElementById("client_chatboxselect")
   );
-  const selected_theme = themeselect.value;
+  CHATBOX = themeselect.value;
 
-  setCookie("chatbox", selected_theme);
-  if (selected_theme === "dynamic") {
+  setCookie("chatbox", CHATBOX);
+  if (CHATBOX === "dynamic") {
     if (chatbox_arr.includes(style)) {
       chatbox_theme.href = `styles/chatbox/${style}.css`;
     } else {
       chatbox_theme.href = "styles/chatbox/aa.css";
     }
   } else {
-    chatbox_theme.href = `styles/chatbox/${selected_theme}.css`;
+    chatbox_theme.href = `styles/chatbox/${CHATBOX}.css`;
   }
 }
 window.setChatbox = setChatbox;
@@ -2591,6 +2592,25 @@ export function resizeChatbox() {
 
   const trackstatus = <HTMLMarqueeElement>(document.getElementById("client_trackstatustext"));
   trackstatus.width = (trackstatus.offsetWidth-1)+"px";
+
+
+  //clock
+  const now = new Date();
+  let weekday = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
+  const month = ["January","February","March","April","May","June","July","August","September","October","November","December"];
+  document.getElementById("client_clock_month").innerText = month[now.getMonth()];
+  console.debug(CHATBOX);
+  if (CHATBOX == "acww") {
+      weekday = ["Su","Mo","Tu","We","Th","Fr","Sa"];
+      document.getElementById("client_clock_weekday").innerText = weekday[now.getDay()];
+      document.getElementById("client_clock_date").innerText = now.getDay()+"/"+now.getMonth();
+      document.getElementById("client_clock_time").innerText = now.getHours()+":"+now.getMinutes();
+  } else if (CHATBOX == "key") {
+      weekday = ["Sun.","Mon.","Tue.","Wed.","Thu.","Fri.","Sat."];
+      document.getElementById("client_clock_weekday").innerText = weekday[now.getDay()];
+      document.getElementById("client_clock_date").innerText = String(now.getDay());
+  }
+  
 }
 window.resizeChatbox = resizeChatbox;
 
diff --git a/webAO/styles/chatbox/acww.css b/webAO/styles/chatbox/acww.css
index 1f6699e..dd899b9 100644
--- a/webAO/styles/chatbox/acww.css
+++ b/webAO/styles/chatbox/acww.css
@@ -177,6 +177,10 @@
 	padding-top: 0.5em;
 }
 
+#client_clock_month {
+	display: none;
+}
+
 #client_clock_weekday {
 	position: absolute;
 	width: 2.5%;