Haketilo

/**

 * 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();