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
|
import { positions } from '../constants/positions'
import { AO_HOST } from '../../client/aoHost'
import { client } from '../../client'
import tryUrls from '../../utils/tryUrls';
import fileExists from '../../utils/fileExists';
/**
* 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 {
court.src = await tryUrls(client.viewport.getBackgroundFolder() + bg);
}
if (showDesk === true && desk) {
const deskFilename = (await fileExists(client.viewport.getBackgroundFolder() + desk.ao2))
? desk.ao2
: desk.ao1;
bench.src = client.viewport.getBackgroundFolder() + deskFilename;
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 = "";
}
};
|
