import PickleComplate from "../vendor/picomplete/picomplete";

(function () {
    const id_input = document.getElementById("broadcast_id")
    const pickle_config = {
        target: '#broadcast_select',
        suggest: ["alias", "abbr"],
        clickCallback: (target, node) => {
            target.value = node.text;
            id_input.value = node.value;
        }
    };
    let local_data_string = window.localStorage.getItem("append_broadcast_list");
    if (!local_data_string) {
        return fetch("/construct/programs/append/broadcast_list", {
            "method": "GET",
        }).then((response) => response.json()).then((data) => {
            window.localStorage.setItem("append_broadcast_list", JSON.stringify(data));
            new PickleComplate({
                data: data,
                config: pickle_config,
            })
        });
    } else {
        new PickleComplate({
            data: JSON.parse(local_data_string),
            config: pickle_config,
        })
    }
})()