- Delete Collection
- To delete the collection title please enter the phrase
+ Delete Collection
+ To delete the collection title please enter the phrase in the box below:
WARNING: This action cannot be reversed.
diff --git a/radicale/web/internal_data/js/scenes/CollectionsScene.js b/radicale/web/internal_data/js/scenes/CollectionsScene.js
index a8467449..5b1279da 100644
--- a/radicale/web/internal_data/js/scenes/CollectionsScene.js
+++ b/radicale/web/internal_data/js/scenes/CollectionsScene.js
@@ -19,12 +19,13 @@
* along with this program. If not, see .
*/
+import { delete_collection } from "../api/api.js";
import { SERVER } from "../constants.js";
import { Collection, CollectionType } from "../models/collection.js";
import { collectionsCache } from "../utils/collections_cache.js";
import { bytesToHumanReadable } from "../utils/misc.js";
import { CreateEditCollectionScene } from "./CreateEditCollectionScene.js";
-import { DeleteCollectionScene } from "./DeleteCollectionScene.js";
+import { DeleteConfirmationScene } from "./DeleteConfirmationScene.js";
import { IncomingSharingScene } from "./IncomingSharingScene.js";
import { Scene, push_scene } from "./scene_manager.js";
import { ShareCollectionScene, maybe_enable_sharing_options } from "./ShareCollectionScene.js";
@@ -111,7 +112,10 @@ export class CollectionsScene {
*/
function ondelete(collection) {
try {
- let delete_collection_scene = new DeleteCollectionScene(user, password, collection);
+ let delete_collection_scene = new DeleteConfirmationScene(
+ user, password, "Delete Collection", collection, collection.displayname || collection.href,
+ delete_collection, true
+ );
push_scene(delete_collection_scene);
} catch (err) {
console.error(err);
diff --git a/radicale/web/internal_data/js/scenes/DeleteCollectionScene.js b/radicale/web/internal_data/js/scenes/DeleteConfirmationScene.js
similarity index 66%
rename from radicale/web/internal_data/js/scenes/DeleteCollectionScene.js
rename to radicale/web/internal_data/js/scenes/DeleteConfirmationScene.js
index 67e34ce6..df687723 100644
--- a/radicale/web/internal_data/js/scenes/DeleteCollectionScene.js
+++ b/radicale/web/internal_data/js/scenes/DeleteConfirmationScene.js
@@ -19,62 +19,83 @@
* along with this program. If not, see .
*/
-import { delete_collection } from "../api/api.js";
import { DELETE_CONFIRMATION_TEXT } from "../constants.js";
-import { Collection } from "../models/collection.js";
import { collectionsCache } from "../utils/collections_cache.js";
import { ErrorHandler } from "../utils/error.js";
import { FormValidator, validate_equals } from "../utils/form_validator.js";
import { LoadingScene } from "./LoadingScene.js";
-import { Scene, is_current_scene, pop_scene, pop_to_parent, push_scene } from "./scene_manager.js";
+import { Scene, is_current_scene, pop_scene, push_scene } from "./scene_manager.js";
/**
* @implements {Scene}
*/
-export class DeleteCollectionScene {
+export class DeleteConfirmationScene {
/**
* @param {string} user
* @param {string} password
- * @param {Collection} collection
+ * @param {string} header_title
+ * @param {any} item
+ * @param {string} item_title
+ * @param {function} delete_action
+ * @param {boolean} needsconfirmation
+ * @param {function} [on_success]
*/
- constructor(user, password, collection) {
- /** @type {HTMLElement} */ let html_scene = document.getElementById("deletecollectionscene");
+ constructor(user, password, header_title, item, item_title, delete_action, needsconfirmation, on_success) {
+ /** @type {HTMLElement} */ let html_scene = document.getElementById("deleteconfirmationscene");
+ /** @type {HTMLElement} */ let header_html = html_scene.querySelector("[data-name=headertitle]");
+ if (header_html) header_html.textContent = header_title;
/** @type {HTMLElement} */ let title_form = html_scene.querySelector("[data-name=title]");
/** @type {HTMLElement} */ let error_form = html_scene.querySelector("[data-name=error]");
+ /** @type {HTMLElement} */ let confirmation_prompt = html_scene.querySelector("[data-name=confirmationprompt]");
/** @type {HTMLInputElement} */ let confirmation_txt = html_scene.querySelector("[data-name=confirmationtxt]");
/** @type {HTMLElement} */ let delete_confirmation_lbl = html_scene.querySelector("[data-name=deleteconfirmationtext]");
/** @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;
- confirmation_txt.value = "";
- confirmation_txt.addEventListener("keydown", onkeydown);
+ if (needsconfirmation) {
+ delete_confirmation_lbl.innerHTML = DELETE_CONFIRMATION_TEXT;
+ confirmation_txt.value = "";
+ confirmation_txt.addEventListener("keydown", onkeydown);
+ confirmation_prompt.classList.remove("hidden");
+ confirmation_txt.classList.remove("hidden");
+ } else {
+ confirmation_prompt.classList.add("hidden");
+ confirmation_txt.classList.add("hidden");
+ confirmation_txt.removeEventListener("keydown", onkeydown);
+ }
/** @type {?XMLHttpRequest} */ let delete_req = null;
let errorHandler = new ErrorHandler(error_form);
let validator = new FormValidator(errorHandler);
- validator.addValidator(confirmation_txt, validate_equals(confirmation_txt, DELETE_CONFIRMATION_TEXT, "confirmation"));
+ if (needsconfirmation) {
+ validator.addValidator(confirmation_txt, validate_equals(confirmation_txt, DELETE_CONFIRMATION_TEXT, "confirmation"));
+ }
function ondelete() {
- if (!validator.validate()) {
+ if (needsconfirmation && !validator.validate()) {
return false;
}
try {
let loading_scene = new LoadingScene();
push_scene(loading_scene);
- delete_req = delete_collection(user, password, collection, function (error1) {
+ delete_req = delete_action(user, password, item, function (error1) {
if (!is_current_scene(loading_scene)) {
return;
}
delete_req = null;
if (error1) {
- errorHandler.setError(error1);
pop_scene();
+ errorHandler.setError(error1);
} else {
- collectionsCache.invalidate();
- pop_to_parent();
+ pop_scene();
+ if (on_success) {
+ on_success();
+ } else {
+ collectionsCache.invalidate();
+ pop_scene();
+ }
}
});
} catch (err) {
@@ -102,7 +123,7 @@ export class DeleteCollectionScene {
this.show = function () {
this.release();
html_scene.classList.remove("hidden");
- title_form.textContent = collection.displayname || collection.href;
+ title_form.textContent = item_title;
delete_btn.onclick = ondelete;
cancel_btn.onclick = oncancel;
validator.validate();
diff --git a/radicale/web/internal_data/js/scenes/ShareCollectionScene.js b/radicale/web/internal_data/js/scenes/ShareCollectionScene.js
index 5128c038..357955e7 100644
--- a/radicale/web/internal_data/js/scenes/ShareCollectionScene.js
+++ b/radicale/web/internal_data/js/scenes/ShareCollectionScene.js
@@ -29,6 +29,7 @@ import { collectionsCache } from "../utils/collections_cache.js";
import { ErrorHandler } from "../utils/error.js";
import { displayPermissions } from "../utils/permissions.js";
import { CreateEditShareScene } from "./CreateEditShareScene.js";
+import { DeleteConfirmationScene } from "./DeleteConfirmationScene.js";
import { Scene, pop_scene, push_scene } from "./scene_manager.js";
/**
@@ -188,21 +189,14 @@ function add_share_row_node(user, password, collection, share, template, delete_
/** @type {HTMLElement} */ let delete_btn = node.querySelector("[data-name=delete]");
delete_btn.onclick = function () {
- if (!confirm("Are you sure you want to delete " + delete_label + " " + pathortoken + "?")) {
- return;
- }
- delete_action(
- user,
- password,
- share,
- function (error) {
- if (error) {
- errorHandler.setError(error);
- } else {
- update_share_list(user, password, collection, errorHandler);
- }
- },
+ let delete_collection_scene = new DeleteConfirmationScene(
+ user, password, "Delete Share", share, delete_label + " " + pathortoken, delete_action, false,
+ function () {
+ pop_scene();
+ update_share_list(user, password, collection, errorHandler);
+ }
);
+ push_scene(delete_collection_scene);
};
template.parentNode.insertBefore(node, template);