Avii/Radicale
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

DeleteCollectionScene: Use proper class

Browse Source
This commit is contained in:
Max Berger
2026-03-04 21:34:29 +01:00
parent 326553915f
commit 066a133860
1 changed files with 83 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

165
radicale/web/internal_data/DeleteCollectionScene.js
View File

@@ -25,97 +25,98 @@ import { LoadingScene } from "./LoadingScene.js";
import { delete_collection } from "./api.js"; import { delete_collection } from "./api.js";
/** /**
* @constructor
* @implements {Scene} * @implements {Scene}
* @param {string} user * @param {string} user
* @param {string} password * @param {string} password
* @param {Collection} collection * @param {Collection} collection
*/ */
export function DeleteCollectionScene(user, password, collection) { export class DeleteCollectionScene {
/** @type {HTMLElement} */ let html_scene = document.getElementById("deletecollectionscene"); constructor(user, password, collection) {
/** @type {HTMLElement} */ let title_form = html_scene.querySelector("[data-name=title]"); /** @type {HTMLElement} */ let html_scene = document.getElementById("deletecollectionscene");
/** @type {HTMLElement} */ let error_form = html_scene.querySelector("[data-name=error]"); /** @type {HTMLElement} */ let title_form = html_scene.querySelector("[data-name=title]");
/** @type {HTMLInputElement} */ let confirmation_txt = html_scene.querySelector("[data-name=confirmationtxt]"); /** @type {HTMLElement} */ let error_form = html_scene.querySelector("[data-name=error]");
/** @type {HTMLElement} */ let delete_confirmation_lbl = html_scene.querySelector("[data-name=deleteconfirmationtext]"); /** @type {HTMLInputElement} */ let confirmation_txt = html_scene.querySelector("[data-name=confirmationtxt]");
/** @type {HTMLElement} */ let delete_btn = html_scene.querySelector("[data-name=delete]"); /** @type {HTMLElement} */ let delete_confirmation_lbl = html_scene.querySelector("[data-name=deleteconfirmationtext]");
/** @type {HTMLElement} */ let cancel_btn = html_scene.querySelector("[data-name=cancel]"); /** @type {HTMLElement} */ let delete_btn = html_scene.querySelector("[data-name=delete]");
/** @type {HTMLElement} */ let cancel_btn = html_scene.querySelector("[data-name=cancel]");
delete_confirmation_lbl.innerHTML = DELETE_CONFIRMATION_TEXT; delete_confirmation_lbl.innerHTML = DELETE_CONFIRMATION_TEXT;
confirmation_txt.value = ""; confirmation_txt.value = "";
confirmation_txt.addEventListener("keydown", onkeydown); confirmation_txt.addEventListener("keydown", onkeydown);
/** @type {?number} */ let scene_index = null; /** @type {?number} */ let scene_index = null;
/** @type {?XMLHttpRequest} */ let delete_req = null; /** @type {?XMLHttpRequest} */ let delete_req = null;
let error = ""; let error = "";
function ondelete() { function ondelete() {
let confirmation_text_value = confirmation_txt.value; let confirmation_text_value = confirmation_txt.value;
if(confirmation_text_value != DELETE_CONFIRMATION_TEXT){ if (confirmation_text_value != DELETE_CONFIRMATION_TEXT) {
alert("Please type the confirmation text to delete this collection."); alert("Please type the confirmation text to delete this collection.");
return; return;
}
try {
let loading_scene = new LoadingScene();
push_scene(loading_scene, false);
delete_req = delete_collection(user, password, collection, function (error1) {
if (scene_index === null) {
return;
}
delete_req = null;
if (error1) {
error = error1;
pop_scene(scene_index);
} else {
pop_scene(scene_index - 1);
}
});
} catch (err) {
console.error(err);
}
return false;
} }
try {
let loading_scene = new LoadingScene(); function oncancel() {
push_scene(loading_scene, false); try {
delete_req = delete_collection(user, password, collection, function(error1) { pop_scene(scene_index - 1);
if (scene_index === null) { } catch (err) {
return; console.error(err);
} }
return false;
}
function onkeydown(event) {
if (event.keyCode !== 13) {
return;
}
ondelete();
}
this.show = function () {
this.release();
scene_index = scene_stack.length - 1;
html_scene.classList.remove("hidden");
title_form.textContent = collection.displayname || collection.href;
delete_btn.onclick = ondelete;
cancel_btn.onclick = oncancel;
if (error) {
error_form.textContent = "Error: " + error;
error_form.classList.remove("hidden");
} else {
error_form.classList.add("hidden");
}
};
this.hide = function () {
html_scene.classList.add("hidden");
cancel_btn.onclick = null;
delete_btn.onclick = null;
};
this.release = function () {
scene_index = null;
if (delete_req !== null) {
delete_req.abort();
delete_req = null; delete_req = null;
if (error1) { }
error = error1; };
pop_scene(scene_index);
} else {
pop_scene(scene_index - 1);
}
});
} catch(err) {
console.error(err);
}
return false;
} }
function oncancel() {
try {
pop_scene(scene_index - 1);
} catch(err) {
console.error(err);
}
return false;
}
function onkeydown(event){
if (event.keyCode !== 13) {
return;
}
ondelete();
}
this.show = function() {
this.release();
scene_index = scene_stack.length - 1;
html_scene.classList.remove("hidden");
title_form.textContent = collection.displayname || collection.href;
delete_btn.onclick = ondelete;
cancel_btn.onclick = oncancel;
if(error){
error_form.textContent = "Error: " + error;
error_form.classList.remove("hidden");
}else{
error_form.classList.add("hidden");
}
};
this.hide = function() {
html_scene.classList.add("hidden");
cancel_btn.onclick = null;
delete_btn.onclick = null;
};
this.release = function() {
scene_index = null;
if (delete_req !== null) {
delete_req.abort();
delete_req = null;
}
};
} }