Haketilo

/**

 * This file is part of Haketilo.

 *

 * Function: Logic for the settings import frame.

 *

 * Copyright (C) 2021 Wojtek Kosior

 * Redistribution terms are gathered in the `copyright' file.

 */

/*

 * IMPORTS_START

 * IMPORT get_remote_storage

 * IMPORT by_id

 * IMPORT clone_template

 * IMPORT nice_name

 * IMPORT make_once

 * IMPORTS_END

 */

let storage;

let import_list = by_id("import_list");

let import_chbxs_colliding = undefined;

let entry_objects = undefined;

let settings_import_map = undefined;

function add_import_entry(prefix, name)

{

    const cloned_template = clone_template("import_entry");

    Object.assign(cloned_template, {prefix, name});

    cloned_template.name_span.textContent = nice_name(prefix, name);

    if (storage.get(prefix, name) !== undefined) {

	import_chbxs_colliding.push(cloned_template.chbx);

	cloned_template.warning.textContent = "!";

    }

    import_list.appendChild(cloned_template.entry);

    return cloned_template;

}

function check_all_imports()

{

    for (const entry_object of entry_objects)

	entry_object.chbx.checked = true;

}

function uncheck_all_imports()

{

    for (const entry_object of entry_objects)

	entry_object.chbx.checked = false;

}

function uncheck_colliding_imports()

{

    for (let chbx of import_chbxs_colliding)

	chbx.checked = false;

}

function commit_import()

{

    for (const entry_object of entry_objects) {

	if (!entry_object.chbx.checked)

	    continue;

	const key = entry_object.prefix + entry_object.name;

	const value = settings_import_map.get(key);

	storage.set(entry_object.prefix, entry_object.name, value);

    }

    deactivate();

}

const import_loading_radio = by_id("import_loading_radio");

function show_loading()

{

    import_loading_radio.checked = true;

}

const import_failed_radio = by_id("import_failed_radio");

const import_errormsg = by_id("import_errormsg");

const import_errordetail_chbx = by_id("import_errordetail_chbx");

const import_errordetail = by_id("import_errordetail");

function show_error(errormsg, errordetail)

{

    import_failed_radio.checked = true;

    import_errormsg.textContent = errormsg;

    import_errordetail_chbx.checked = errordetail;

    import_errordetail.textContent = errordetail;

}

const import_selection_radio = by_id("import_selection_radio");

const existing_settings_note = by_id("existing_settings_note");

function show_selection(settings)

{

    import_selection_radio.checked = true;

    let old_children = import_list.children;

    while (old_children[0] !== undefined)

	import_list.removeChild(old_children[0]);

    import_chbxs_colliding = [];

    entry_objects = [];

    settings_import_map = new Map();

    for (let setting of settings) {

	let [key, value] = Object.entries(setting)[0];

	let prefix = key[0];

	let name = key.substring(1);

	entry_objects.push(add_import_entry(prefix, name));

	settings_import_map.set(key, value);

    }

    const op = import_chbxs_colliding.length > 0 ? "remove" : "add";

    existing_settings_note.classList[op]("hide");

}

function deactivate()

{

    /* Let GC free some memory */

    import_chbxs_colliding = undefined;

    entry_objects = undefined;

    settings_import_map = undefined;

    if (exports.onclose)

	exports.onclose();

}

const wrapper = by_id("import_table_wrapper");

const style_table = (...cls) => cls.forEach(c => wrapper.classList.add(c));

const exports =

      {show_loading, show_error, show_selection, deactivate, style_table};

async function init()

{

    storage = await get_remote_storage();

    by_id("commit_import_but").addEventListener("click", commit_import);

    by_id("check_all_import_but").addEventListener("click", check_all_imports);

    by_id("uncheck_all_import_but")

	.addEventListener("click", uncheck_all_imports);

    by_id("uncheck_colliding_import_but")

	.addEventListener("click", uncheck_colliding_imports);

    by_id("cancel_import_but").addEventListener("click", deactivate);

    by_id("import_failok_but").addEventListener("click", deactivate);

    return exports;

}

const get_import_frame = make_once(init);

/*

 * EXPORTS_START

 * EXPORT get_import_frame

 * EXPORTS_END

 */