aboutsummaryrefslogtreecommitdiff
path: root/webAO/dom/resizeChatbox.ts
blob: 35b1e5101f12056a4a3815f747295a5a44c8de46 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
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 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`;

  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(),
    );
  }
}
window.resizeChatbox = resizeChatbox;