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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
|
import { positions } from "../constants/positions";
import { AO_HOST } from "../../client/aoHost";
import { client } from "../../client";
import findImgSrc from "../../utils/findImgSrc";
import transparentPng from "../../constants/transparentPng";
import fileExists from "../../utils/fileExists";
export async function setBackgroundImage(elementid: string, bgname: string, bgpart: string) {
let url;
let success = false;
for (const extension of client.background_extensions) {
url = `${AO_HOST}background/${encodeURI(bgname)}/${bgpart}${extension}`;
const exists = await fileExists(url);
if (exists) {
success = true;
break;
}
}
if (success)
(<HTMLImageElement>document.getElementById(elementid)).src = url;
else
(<HTMLImageElement>document.getElementById(elementid)).src = transparentPng;
return success;
}
/**
* Changes the viewport background based on a given position.
*
* Valid positions: `def, pro, hld, hlp, wit, jud, jur, sea`
* @param {string} position the position to change into
*/
export const set_side = async ({
position,
showSpeedLines,
showDesk,
}: {
position: string;
showSpeedLines: boolean;
showDesk: boolean;
}) => {
const view = document.getElementById("client_fullview")!;
let bench: HTMLImageElement;
if (["def", "pro", "wit"].includes(position)) {
bench = <HTMLImageElement>(
document.getElementById(`client_${position}_bench`)
);
} else {
bench = <HTMLImageElement>document.getElementById("client_bench_classic");
}
let court: HTMLImageElement;
if ("def,pro,wit".includes(position)) {
court = <HTMLImageElement>(
document.getElementById(`client_court_${position}`)
);
} else {
court = <HTMLImageElement>document.getElementById("client_court_classic");
}
let bg;
let desk;
let speedLines;
if ("def,pro,hld,hlp,wit,jud,jur,sea".includes(position)) {
bg = positions[position].bg;
desk = positions[position].desk;
speedLines = positions[position].speedLines;
} else {
bg = `${position}`;
desk = { ao2: `${position}_overlay.png`, ao1: "_overlay.png" };
speedLines = "defense_speedlines.gif";
}
if (showSpeedLines === true) {
court.src = `${AO_HOST}themes/default/${encodeURI(speedLines)}`;
} else {
setBackgroundImage(court.id, client.viewport.getBackgroundName(), bg);
}
if (showDesk === true && desk) {
const bg_folder = client.viewport.getBackgroundFolder();
const urls_to_try = [bg_folder + desk.ao2, bg_folder + desk.ao1];
bench.src = await findImgSrc(urls_to_try);
bench.style.opacity = "1";
} else {
bench.style.opacity = "0";
}
if ("def,pro,wit".includes(position)) {
view.style.display = "";
document.getElementById("client_classicview")!.style.display = "none";
switch (position) {
case "def":
view.style.left = "0";
break;
case "wit":
view.style.left = "-200%";
break;
case "pro":
view.style.left = "-400%";
break;
}
} else {
view.style.display = "none";
document.getElementById("client_classicview").style.display = "";
}
};
|
