diff options
Diffstat (limited to 'webAO/dom/resizeChatbox.ts')
| -rw-r--r-- | webAO/dom/resizeChatbox.ts | 95 |
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; |