aboutsummaryrefslogtreecommitdiff
path: root/webAO/dom/resizeChatbox.ts
diff options
context:
space:
mode:
authorstonedDiscord <stonedDiscord@users.noreply.github.com>2024-11-20 13:31:50 +0000
committerGitHub Action <actions@github.com>2024-11-20 13:31:50 +0000
commit6684f3fce6e90fd0574d7bab63b629554ab03ef6 (patch)
treeb2a62247d17e23a77af57aea355ba621666817c2 /webAO/dom/resizeChatbox.ts
parent95a2d1361d84c61b454ebe506e6963b93f6d8dee (diff)
Prettified Code!
Diffstat (limited to 'webAO/dom/resizeChatbox.ts')
-rw-r--r--webAO/dom/resizeChatbox.ts95
1 files changed, 62 insertions, 33 deletions
diff --git a/webAO/dom/resizeChatbox.ts b/webAO/dom/resizeChatbox.ts
index a60dbff..35b1e51 100644
--- a/webAO/dom/resizeChatbox.ts
+++ b/webAO/dom/resizeChatbox.ts
@@ -3,42 +3,71 @@ import { CHATBOX } from "../client";
* Set the font size for the chatbox
*/
export function resizeChatbox() {
- const chatContainerBox = document.getElementById("client_chatcontainer");
- const clockBox = document.getElementById("client_clock");
- const trackstatusBox = document.getElementById("client_trackstatus");
+ const chatContainerBox = document.getElementById("client_chatcontainer");
+ const clockBox = document.getElementById("client_clock");
+ const trackstatusBox = document.getElementById("client_trackstatus");
- const gameHeight = document.getElementById("client_background")!.offsetHeight;
+ const gameHeight = document.getElementById("client_background")!.offsetHeight;
- chatContainerBox.style.fontSize = `${(gameHeight * 0.0521).toFixed(1)}px`;
- clockBox.style.fontSize = `${(gameHeight * 0.0521).toFixed(1)}px`;
- trackstatusBox.style.fontSize = `${(gameHeight * 0.0521).toFixed(1)}px`;
+ chatContainerBox.style.fontSize = `${(gameHeight * 0.0521).toFixed(1)}px`;
+ clockBox.style.fontSize = `${(gameHeight * 0.0521).toFixed(1)}px`;
+ trackstatusBox.style.fontSize = `${(gameHeight * 0.0521).toFixed(1)}px`;
- const trackstatus = <HTMLMarqueeElement>(document.getElementById("client_trackstatustext"));
- trackstatus.style.width = (trackstatus.offsetWidth - 1) + "px";
+ const trackstatus = <HTMLMarqueeElement>(
+ document.getElementById("client_trackstatustext")
+ );
+ trackstatus.style.width = trackstatus.offsetWidth - 1 + "px";
- //name spacing
- const namePlate = document.getElementById("client_name");
- if (CHATBOX == "aa" && namePlate.innerText.length<5) {
- namePlate.style.letterSpacing = "0.2em";
- }else{
- namePlate.style.letterSpacing = "normal";
- }
-
- //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()];
- 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.getDate());
- }
+ //name spacing
+ const namePlate = document.getElementById("client_name");
+ if (CHATBOX == "aa" && namePlate.innerText.length < 5) {
+ namePlate.style.letterSpacing = "0.2em";
+ } else {
+ namePlate.style.letterSpacing = "normal";
+ }
+ //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()];
+ 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.getDate(),
+ );
+ }
}
-window.resizeChatbox = resizeChatbox; \ No newline at end of file
+window.resizeChatbox = resizeChatbox;