webAO/client/appendICLog.ts


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

import { lastICMessageTime, setLastICMessageTime } from "../client";


/**
 * Appends a message to the in-character chat log.
 * @param {string} msg the string to be added
 * @param {string} name the name of the sender
 */
export function appendICLog(
    msg: string,
    showname = "",
    nameplate = "",
    time = new Date()
) {
    const entry = document.createElement("p");
    const shownameField = document.createElement("span");
    const nameplateField = document.createElement("span");
    const textField = document.createElement("span");
    nameplateField.className = "iclog_name iclog_nameplate";
    nameplateField.appendChild(document.createTextNode(nameplate));

    shownameField.className = "iclog_name iclog_showname";
    if (showname === "" || !showname) {
        shownameField.appendChild(document.createTextNode(nameplate));
    } else {
        shownameField.appendChild(document.createTextNode(showname));
    }

    textField.className = "iclog_text";
    textField.appendChild(document.createTextNode(msg));

    entry.appendChild(shownameField);
    entry.appendChild(nameplateField);
    entry.appendChild(textField);

    // Only put a timestamp if the minute has changed.
    if (lastICMessageTime.getMinutes() !== time.getMinutes()) {
        const timeStamp = document.createElement("span");
        timeStamp.className = "iclog_time";
        timeStamp.innerText = time.toLocaleTimeString(undefined, {
            hour: "numeric",
            minute: "2-digit",
        });
        entry.appendChild(timeStamp);
    }

    const clientLog = document.getElementById("client_log")!;
    clientLog.appendChild(entry);

    if (clientLog.scrollTop+clientLog.offsetHeight+50>clientLog.scrollHeight)
    clientLog.scrollTo(0, clientLog.scrollHeight);

    setLastICMessageTime(new Date());
}