2019-09-13 22:47:07 +12:00
|
|
|
(function(window) {
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
window.ls.container.get("view").add({
|
|
|
|
selector: "data-forms-code",
|
|
|
|
controller: function(element, alerts) {
|
|
|
|
let lang = element.dataset["formsCode"] || "json";
|
|
|
|
let div = document.createElement("div");
|
|
|
|
let pre = document.createElement("pre");
|
|
|
|
let code = document.createElement("code");
|
|
|
|
let copy = document.createElement("i");
|
|
|
|
|
|
|
|
div.appendChild(pre);
|
|
|
|
div.appendChild(copy);
|
|
|
|
pre.appendChild(code);
|
|
|
|
|
|
|
|
element.parentNode.appendChild(div);
|
|
|
|
|
|
|
|
div.className = "ide";
|
|
|
|
pre.className = "line-numbers";
|
|
|
|
code.className = "prism language-" + lang;
|
|
|
|
copy.className = "icon-docs copy";
|
2020-06-29 17:23:17 +12:00
|
|
|
copy.textContent = "Click Here to Copy";
|
2019-09-13 22:47:07 +12:00
|
|
|
copy.title = "Copy to Clipboard";
|
|
|
|
|
|
|
|
copy.addEventListener("click", function() {
|
2020-06-29 17:23:17 +12:00
|
|
|
window.getSelection().removeAllRanges();
|
2019-09-13 22:47:07 +12:00
|
|
|
|
2020-06-29 17:23:17 +12:00
|
|
|
let range = document.createRange();
|
2019-09-13 22:47:07 +12:00
|
|
|
|
2020-06-29 17:23:17 +12:00
|
|
|
range.selectNode(code);
|
2019-09-13 22:47:07 +12:00
|
|
|
|
2020-06-29 17:23:17 +12:00
|
|
|
window.getSelection().addRange(range);
|
2019-09-13 22:47:07 +12:00
|
|
|
|
2020-06-29 17:23:17 +12:00
|
|
|
try {
|
|
|
|
document.execCommand("copy");
|
|
|
|
alerts.add({ text: "Copied to clipboard", class: "" }, 3000);
|
|
|
|
} catch (err) {
|
|
|
|
alerts.add({ text: "Failed to copy text ", class: "error" }, 3000);
|
|
|
|
}
|
2019-09-13 22:47:07 +12:00
|
|
|
|
2020-06-29 17:23:17 +12:00
|
|
|
window.getSelection().removeAllRanges();
|
2019-09-13 22:47:07 +12:00
|
|
|
});
|
|
|
|
|
|
|
|
let check = function() {
|
|
|
|
if (!element.value) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
let value = null;
|
|
|
|
|
|
|
|
try {
|
|
|
|
value = JSON.stringify(JSON.parse(element.value), null, 4);
|
|
|
|
} catch (error) {
|
|
|
|
value = element.value;
|
|
|
|
}
|
|
|
|
|
|
|
|
code.innerHTML = value;
|
|
|
|
|
|
|
|
Prism.highlightElement(code);
|
|
|
|
|
|
|
|
div.scrollTop = 0;
|
|
|
|
};
|
|
|
|
|
|
|
|
element.addEventListener("change", check);
|
|
|
|
|
|
|
|
check();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
})(window);
|