Reset button added

pull/5/head
ilian.iliev 2023-03-21 02:18:18 +02:00
parent 64dfaeb8d5
commit 5d75914590
1 changed files with 32 additions and 0 deletions

View File

@ -64,6 +64,7 @@ const StateController = (function () {
function load(config) {
loadUI();
restoreTabs(config);
for (const [settingId, element] of Object.entries(ELEMENTS)) {
@ -97,6 +98,37 @@ const StateController = (function () {
return tabs;
}
function loadUI() {
let toolbar = document.createElement("div");
toolbar.style.minWidth = 0;
toolbar.className = "gr-box relative w-full border-solid border border-gray-200 gr-padded";
let resetBtn = document.createElement("button");
resetBtn.innerHTML = "🔁";
resetBtn.className = "gr-button gr-button-lg gr-button-tool";
resetBtn.style.border = "none";
resetBtn.title = "Reset State";
resetBtn.addEventListener('click', function () {
let confirmed = confirm('Reset all state values?');
if (confirmed) {
let keys = Object.keys(localStorage);
for (let i = 0; i < keys.length; i++) {
if (keys[i].startsWith('state-')) {
localStorage.removeItem(keys[i]);
}
}
}
alert('All state values deleted!');
});
toolbar.appendChild(resetBtn);
let quickSettings = gradioApp().getElementById("quicksettings");
quickSettings.appendChild(toolbar);
}
function restoreTabs(config) {
if (! config.hasSetting('tabs')) {