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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
/**
* This file is part of Haketilo.
*
* Function: Driving Haketilo's settings page.
*
* Copyright (C) 2022 Wojtek Kosior
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* As additional permission under GNU GPL version 3 section 7, you
* may distribute forms of that code without the copy of the GNU
* GPL normally required by section 4, provided you include this
* license notice and, in case of non-source distribution, a URL
* through which recipients can access the Corresponding Source.
* If you modify file(s) with this exception, you may extend this
* exception to your version of the file(s), but you are not
* obligated to do so. If you do not wish to do so, delete this
* exception statement from your version.
*
* As a special exception to the GPL, any HTML file which merely
* makes function calls to this code, and for that purpose
* includes it by reference shall be deemed a separate work for
* copyright law purposes. If you modify this code, you may extend
* this exception to your version of the code, but you are not
* obligated to do so. If you do not wish to do so, delete this
* exception statement from your version.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*
* I, Wojtek Kosior, thereby promise not to sue for violation of this file's
* license. Although I request that you do not make use of this code in a
* proprietary program, I am not going to enforce this in court.
*/
#IMPORT html/dialog.js
#FROM html/DOM_helpers.js IMPORT by_id
#FROM html/text_entry_list.js IMPORT blocking_allowing_lists, repo_list
#FROM html/item_list.js IMPORT mapping_list, resource_list
#FROM html/payload_create.js IMPORT payload_create_form
let tab_names = ["blocking", "mappings", "resources", "new_payload", "repos"];
let current_tab_name = "new_payload";
const [tabs, heads] = [{}, {}];
for (const tab_name of tab_names) {
tabs[tab_name] = by_id(`${tab_name}_tab`);
heads[tab_name] = by_id(`${tab_name}_head`);
}
function switch_to_tab(target_tab_name) {
if (current_tab_name == target_tab_name)
return;
tabs[current_tab_name].classList.remove("active_tab");
heads[current_tab_name].classList.remove("active_head");
current_tab_name = target_tab_name;
tabs[current_tab_name].classList.add("active_tab");
heads[current_tab_name].classList.add("active_head");
}
for (const [tab_name, head] of Object.entries(heads))
head.addEventListener("click", () => switch_to_tab(tab_name));
async function set_up_blocking_tab() {
const containers = ["editable", "dialog"]
.map(n => by_id(`blocking_${n}_container`));
function show_container(idx) {
containers[idx].classList.remove("hide");
containers[1 - idx].classList.add("hide");
}
const dialog_ctx = dialog.make(...[1, 0].map(n => () => show_container(n)));
containers[1].append(dialog_ctx.main_div);
const [blocking_list, allowing_list] =
await blocking_allowing_lists(dialog_ctx);
by_id("blocking_list_container").append(blocking_list.main_div);
by_id("allowing_list_container").append(allowing_list.main_div);
}
async function set_up_mappings_tab() {
tabs["mappings"].append((await mapping_list()).main_div);
}
async function set_up_resources_tab() {
tabs["resources"].append((await resource_list()).main_div);
}
function set_up_new_payload_tab() {
tabs["new_payload"].append(payload_create_form().main_div);
}
async function set_up_repos_tab() {
const containers = ["list", "dialog"]
.map(n => by_id(`repos_${n}_container`));
function show_container(idx) {
containers[idx].classList.remove("hide");
containers[1 - idx].classList.add("hide");
}
const dialog_ctx = dialog.make(...[1, 0].map(n => () => show_container(n)));
containers[1].append(dialog_ctx.main_div);
containers[0].append((await repo_list(dialog_ctx)).main_div);
}
set_up_blocking_tab();
set_up_mappings_tab();
set_up_resources_tab();
set_up_new_payload_tab();
set_up_repos_tab();
|
