Caret/js/dialog.js

47 lines
No EOL
1.3 KiB
JavaScript

define(["dom2"], function() {
return function(text, buttons, callback) {
if (typeof buttons == "function") {
callback = buttons;
buttons = ["ok", "cancel"];
}
/*var modal = document.createElement("div");
modal.className = "modal-overlay";
var dialog = document.createElement("div");
dialog.className = "dialog";
dialog.innerHTML = text;
var buttonRow = document.createElement("div");
buttonRow.className = "button-row";
modal.append(dialog);
dialog.append(buttonRow);*/
var modal = document.find("template#dialog").content.cloneNode(true).find(".modal-overlay");
var buttonRow = modal.find(".button-row");
var message = modal.find(".text");
message.innerHTML = text;
document.body.append(modal);
var clickButton = function() {
modal.remove();
var value = JSON.parse(this.value);
callback(value);
};
buttons.forEach(function(options) {
var button = document.createElement("button");
if (typeof options == "string") {
options = {
label: options,
value: JSON.stringify(options)
}
}
button.innerHTML = options.label;
button.value = options.value;
buttonRow.append(button);
button.on("click", clickButton);
});
}
});