Project

General

Profile

Download (4.43 KB) Statistics
| Branch: | Tag: | Revision:

haketilo / html / dialog.js @ 7218849a

1
/**
2
 * This file is part of Haketilo.
3
 *
4
 * Function: Showing and error/info/confirmation dialog.
5
 *
6
 * Copyright (C) 2022 Wojtek Kosior
7
 *
8
 * This program is free software: you can redistribute it and/or modify
9
 * it under the terms of the GNU General Public License as published by
10
 * the Free Software Foundation, either version 3 of the License, or
11
 * (at your option) any later version.
12
 *
13
 * This program is distributed in the hope that it will be useful,
14
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
15
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
16
 * GNU General Public License for more details.
17
 *
18
 * As additional permission under GNU GPL version 3 section 7, you
19
 * may distribute forms of that code without the copy of the GNU
20
 * GPL normally required by section 4, provided you include this
21
 * license notice and, in case of non-source distribution, a URL
22
 * through which recipients can access the Corresponding Source.
23
 * If you modify file(s) with this exception, you may extend this
24
 * exception to your version of the file(s), but you are not
25
 * obligated to do so. If you do not wish to do so, delete this
26
 * exception statement from your version.
27
 *
28
 * As a special exception to the GPL, any HTML file which merely
29
 * makes function calls to this code, and for that purpose
30
 * includes it by reference shall be deemed a separate work for
31
 * copyright law purposes. If you modify this code, you may extend
32
 * this exception to your version of the code, but you are not
33
 * obligated to do so. If you do not wish to do so, delete this
34
 * exception statement from your version.
35
 *
36
 * You should have received a copy of the GNU General Public License
37
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
38
 *
39
 * I, Wojtek Kosior, thereby promise not to sue for violation of this file's
40
 * license. Although I request that you do not make use of this code in a
41
 * proprietary program, I am not going to enforce this in court.
42
 */
43

    
44
#FROM html/DOM_helpers.js IMPORT clone_template
45

    
46
function make(on_dialog_show, on_dialog_hide)
47
{
48
    const dialog_context = clone_template("dialog");
49
    Object.assign(dialog_context, {
50
	on_dialog_show,
51
	on_dialog_hide,
52
	shown: false,
53
	queue: [],
54
    });
55

    
56
    for (const [id, val] of [["yes", true], ["no", false], ["ok", undefined]]) {
57
	const but = dialog_context[`${id}_but`];
58
	but.haketilo_dialog_result = val;
59
	but.addEventListener("click", e => close_dialog(dialog_context, e));
60
    }
61

    
62
    return dialog_context;
63
}
64
#EXPORT make
65

    
66
function close_dialog(dialog_context, event)
67
{
68
    if ((event && event.target.parentElement.classList.contains("hide")) ||
69
       dialog_context.queue.length === 0)
70
	return;
71

    
72
    const [[shown_buts_id, msg, resolve]] = dialog_context.queue.splice(0, 1);
73

    
74
    if (dialog_context.queue.length > 0) {
75
	process_queue_item(dialog_context);
76
    } else {
77
	dialog_context.shown = false;
78
	try {
79
	    dialog_context.on_dialog_hide();
80
	} catch(e) {
81
	    console.error(e);
82
	}
83
    }
84

    
85
    resolve(event ? event.target.haketilo_dialog_result : undefined);
86
}
87
#EXPORT  close_dialog  AS close
88

    
89
function process_queue_item(dialog_context)
90
{
91
    const [shown_buts_id, msg, resolve] = dialog_context.queue[0];
92

    
93
    [...dialog_context.msg.childNodes].forEach(n => n.remove());
94
    dialog_context.msg.append(...msg);
95
    for (const buts_id of ["ask_buts", "conf_buts"]) {
96
	const action = buts_id === shown_buts_id ? "remove" : "add";
97
	dialog_context[buts_id].classList[action]("hide");
98
    }
99
}
100

    
101
async function show_dialog(dialog_context, shown_buts_id, msg)
102
{
103
    let resolve;
104
    const result_prom = new Promise(cb => resolve = cb);
105
    dialog_context.queue.push([shown_buts_id, msg, resolve]);
106

    
107
    if (!dialog_context.shown) {
108
	process_queue_item(dialog_context);
109
	dialog_context.shown = true;
110
	try {
111
	    dialog_context.on_dialog_show();
112
	} catch(e) {
113
	    console.error(e);
114
	}
115
    }
116

    
117
    return await result_prom;
118
}
119

    
120
const error = (ctx, ...msg) => show_dialog(ctx, "conf_buts", msg);
121
#EXPORT error
122

    
123
/* info() and error() are the same for now, we might later change that. */
124
const info = error;
125
#EXPORT info
126

    
127
const ask = (ctx, ...msg) => show_dialog(ctx, "ask_buts", msg);
128
#EXPORT ask
129

    
130
const loader = (ctx, ...msg) => show_dialog(ctx, null, msg);
131
#EXPORT loader
132

    
133
/*
134
 * Wrapper the requested callback into one that only executes it if dialog is
135
 * not shown.
136
 */
137
function when_hidden(ctx, cb)
138
{
139
    function wrapped_cb(...args) {
140
	if (!ctx.shown)
141
	    return cb(...args);
142
    }
143
    return wrapped_cb;
144
}
145
#EXPORT when_hidden
(7-7/29)