aboutsummaryrefslogtreecommitdiff
path: root/html/settings.js
blob: 36eeb47b81a814148e359dfb33b9d2b2145169f5 (about) (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
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();