57 lines
1.8 KiB
JavaScript
57 lines
1.8 KiB
JavaScript
class pfUI {
|
|
/** @param {string} text @param {string} tip @returns {HTMLButtonElement} */
|
|
static #button(text, tip) {
|
|
const button = document.createElement("button");
|
|
button.classList.add(["lg", "secondary", "gradio-button"]);
|
|
button.textContent = text;
|
|
if (tip) button.title = tip;
|
|
return button;
|
|
}
|
|
|
|
/** @param {boolean} value @param {string} text @returns {HTMLLabelElement} */
|
|
static #checkbox(value, text) {
|
|
const label = document
|
|
.getElementById("pf_checkbox")
|
|
.querySelector("label")
|
|
.cloneNode(true);
|
|
label.classList.add("pf-checkbox");
|
|
label.removeAttribute("id");
|
|
|
|
const checkbox = label.children[0];
|
|
checkbox.checked = value;
|
|
const span = label.children[1];
|
|
span.textContent = text;
|
|
|
|
return label;
|
|
}
|
|
|
|
/** @param {boolean} autoRun @param {boolean} dedupe @param {boolean} rmUnderscore @returns {HTMLDivElement} */
|
|
static setupUIs(autoRun, dedupe, rmUnderscore) {
|
|
const formatter = document.createElement("div");
|
|
formatter.id = "le-formatter";
|
|
|
|
const manualBtn = this.#button("Format", "Manually Format the Prompts");
|
|
manualBtn.style.display = autoRun ? "none" : "flex";
|
|
const refreshBtn = this.#button("Reload", "Reload Exclusion & Alias");
|
|
refreshBtn.style.display = rmUnderscore ? "flex" : "none";
|
|
|
|
const autoCB = this.#checkbox(autoRun, "Auto Format");
|
|
const dedupeCB = this.#checkbox(dedupe, "Remove Duplicates");
|
|
const underscoreCB = this.#checkbox(rmUnderscore, "Remove Underscores");
|
|
|
|
formatter.appendChild(autoCB);
|
|
formatter.appendChild(manualBtn);
|
|
formatter.appendChild(dedupeCB);
|
|
formatter.appendChild(underscoreCB);
|
|
formatter.appendChild(refreshBtn);
|
|
|
|
formatter.manual = manualBtn;
|
|
formatter.refresh = refreshBtn;
|
|
formatter.auto = autoCB.children[0];
|
|
formatter.dedupe = dedupeCB.children[0];
|
|
formatter.underscore = underscoreCB.children[0];
|
|
|
|
return formatter;
|
|
}
|
|
}
|