951cfde278
There are no actual functional changes. This just adds many additional annotations and function which ensure type safety and null safety.
302 lines
16 KiB
JavaScript
302 lines
16 KiB
JavaScript
/**
|
|
* This file is part of Radicale Server - Calendar Server
|
|
* Copyright © 2017-2024 Unrud <unrud@outlook.com>
|
|
* Copyright © 2023-2024 Matthew Hana <matthew.hana@gmail.com>
|
|
* Copyright © 2024-2025 Peter Bieringer <pb@bieringer.de>
|
|
* Copyright © 2026-2026 Max Berger <max@berger.name>
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
import { Share, add_share_by_bday, add_share_by_map, add_share_by_token, get_property_key, update_share_by_bday, update_share_by_map, update_share_by_token } from "../api/sharing.js";
|
|
import { CollectionType } from "../models/collection.js";
|
|
import { collectionsCache } from "../utils/collections_cache.js";
|
|
import { ErrorHandler } from "../utils/error.js";
|
|
import { FormValidator, validate_href, validate_non_empty, validate_not_empty_or_equals } from "../utils/form_validator.js";
|
|
import { get_element, get_element_by_id, onCleanHREFinput, random_uuid } from "../utils/misc.js";
|
|
import { Scene, is_current_scene, pop_scene } from "./scene_manager.js";
|
|
|
|
/**
|
|
* @implements {Scene}
|
|
*/
|
|
export class CreateEditShareScene {
|
|
/**
|
|
* @param {string} user
|
|
* @param {?string} password
|
|
* @param {import("../models/collection.js").Collection} collection
|
|
* @param {string} shareType
|
|
* @param {Share} [share] If provided, the scene will be in edit mode.
|
|
*/
|
|
constructor(user, password, collection, shareType, share) {
|
|
let self = this;
|
|
let edit = !!share;
|
|
let pathMapped = collection.href;
|
|
/** @type {HTMLElement} */ let html_scene = get_element_by_id("newshare");
|
|
/** @type {HTMLFormElement} */ let form = /** @type {HTMLFormElement} */ (get_element(html_scene, "form"));
|
|
/** @type {HTMLElement} */ let sharemapfields = get_element(html_scene, "[data-name=sharemapfields]");
|
|
/** @type {HTMLInputElement} */ let shareuser_input = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=shareuser]"));
|
|
/** @type {HTMLInputElement} */ let sharehref_input = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=sharehref]"));
|
|
/** @type {HTMLInputElement} */ let enabled_checkbox = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=enabled]"));
|
|
/** @type {HTMLInputElement} */ let hidden_checkbox = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=hidden]"));
|
|
let permissions_ro_radio = /** @type {HTMLInputElement} */ (get_element_by_id("newshare_attr_permissions_ro"));
|
|
let permissions_rw_radio = /** @type {HTMLInputElement} */ (get_element_by_id("newshare_attr_permissions_rw"));
|
|
|
|
/** @type {HTMLDetailsElement} */ let properties_fieldset = /** @type {HTMLDetailsElement} */ (get_element(html_scene, "[data-name=properties_override]"));
|
|
/** @type {HTMLInputElement} */ let displayname_override_enabled = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=displayname_override_enabled]"));
|
|
/** @type {HTMLInputElement} */ let displayname_override_input = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=displayname_override]"));
|
|
/** @type {HTMLInputElement} */ let description_override_enabled = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=description_override_enabled]"));
|
|
/** @type {HTMLInputElement} */ let description_override_input = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=description_override]"));
|
|
/** @type {HTMLInputElement} */ let color_override_enabled = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=color_override_enabled]"));
|
|
/** @type {HTMLInputElement} */ let color_override_input = /** @type {HTMLInputElement} */ (get_element(html_scene, "[data-name=color_override]"));
|
|
|
|
/** @type {HTMLElement} */ let error_form = get_element(html_scene, "[data-name=error]");
|
|
/** @type {HTMLElement} */ let submit_btn = get_element(html_scene, "[data-name=submit]");
|
|
/** @type {HTMLElement} */ let cancel_btn = get_element(html_scene, "[data-name=cancel]");
|
|
|
|
let errorHandler = new ErrorHandler(error_form);
|
|
let map_validator = new FormValidator(errorHandler);
|
|
|
|
if (shareType === "bday") {
|
|
// bday can share to self, so just validate non-empty
|
|
map_validator.addValidator(shareuser_input, validate_non_empty(shareuser_input, "Share User"));
|
|
} else {
|
|
map_validator.addValidator(shareuser_input, validate_not_empty_or_equals(shareuser_input, user, "Share User"));
|
|
}
|
|
map_validator.addValidator(sharehref_input, validate_href(sharehref_input, "Share Href"));
|
|
|
|
sharehref_input.addEventListener("input", onCleanHREFinput);
|
|
|
|
displayname_override_enabled.onchange = function () {
|
|
displayname_override_input.disabled = !displayname_override_enabled.checked;
|
|
};
|
|
description_override_enabled.onchange = function () {
|
|
description_override_input.disabled = !description_override_enabled.checked;
|
|
};
|
|
color_override_enabled.onchange = function () {
|
|
color_override_input.disabled = !color_override_enabled.checked;
|
|
};
|
|
|
|
|
|
function oncancel() {
|
|
try {
|
|
pop_scene();
|
|
} catch (err) {
|
|
console.error(err);
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function onsubmit() {
|
|
try {
|
|
if (shareType === "map" || shareType === "bday") {
|
|
if (!map_validator.validate()) {
|
|
return false;
|
|
}
|
|
}
|
|
let enabled_by_owner = (shareType === "bday" && shareuser_input.value === user) ? true : enabled_checkbox.checked;
|
|
let hidden_by_owner = (shareType === "bday" && shareuser_input.value === user) ? false : hidden_checkbox.checked;
|
|
let permissions = permissions_rw_radio.checked ? "rw" : "r";
|
|
|
|
/** @type {Object<string, string>} */ let properties = {};
|
|
if (displayname_override_enabled.checked) {
|
|
let key = get_property_key(collection.type, "DISPLAYNAME");
|
|
if (key) properties[key] = displayname_override_input.value;
|
|
}
|
|
if (description_override_enabled.checked) {
|
|
let key = get_property_key(collection.type, "DESCRIPTION");
|
|
if (key) properties[key] = description_override_input.value;
|
|
}
|
|
if (color_override_enabled.checked) {
|
|
let key = get_property_key(collection.type, "COLOR");
|
|
if (key) properties[key] = color_override_input.value + (color_override_input.value ? "ff" : "");
|
|
}
|
|
|
|
let callback = function (/** @type {?string} */ error) {
|
|
if (!is_current_scene(self)) {
|
|
return;
|
|
}
|
|
if (error) {
|
|
errorHandler.setError(error);
|
|
} else {
|
|
// For bday shares to the current user, invalidate the
|
|
// collections cache so the virtual calendar appears immediately.
|
|
if (shareType === "bday" && new_share.User === user) {
|
|
collectionsCache.invalidate();
|
|
}
|
|
pop_scene();
|
|
}
|
|
};
|
|
|
|
let new_share = new Share({
|
|
ShareType: shareType,
|
|
PathMapped: pathMapped,
|
|
Permissions: permissions,
|
|
EnabledByOwner: enabled_by_owner,
|
|
EnabledByUser: (edit && share) ? share.EnabledByUser : null,
|
|
HiddenByOwner: hidden_by_owner,
|
|
HiddenByUser: (edit && share) ? share.HiddenByUser : null,
|
|
Properties: properties,
|
|
User: (edit && share) ? share.User : shareuser_input.value,
|
|
PathOrToken: (edit && share) ? share.PathOrToken : ((shareType === "map" || shareType === "bday") ? "/" + shareuser_input.value + "/" + sharehref_input.value + "/" : ""),
|
|
});
|
|
|
|
if (edit) {
|
|
if (shareType === "map") {
|
|
update_share_by_map(user, password, new_share, callback);
|
|
} else if (shareType === "bday") {
|
|
update_share_by_bday(user, password, new_share, callback);
|
|
} else {
|
|
update_share_by_token(user, password, new_share, callback);
|
|
}
|
|
} else {
|
|
if (shareType === "map") {
|
|
add_share_by_map(user, password, new_share, callback);
|
|
} else if (shareType === "bday") {
|
|
add_share_by_bday(user, password, new_share, callback);
|
|
} else {
|
|
add_share_by_token(user, password, new_share, callback);
|
|
}
|
|
}
|
|
} catch (err) {
|
|
console.error(err);
|
|
}
|
|
return false;
|
|
}
|
|
|
|
this.show = function () {
|
|
this.release();
|
|
html_scene.classList.remove("hidden");
|
|
html_scene.querySelectorAll("details").forEach(function (details) {
|
|
if (details.dataset.name !== "properties_override") {
|
|
details.open = true;
|
|
} else {
|
|
details.open = false;
|
|
}
|
|
});
|
|
cancel_btn.onclick = oncancel;
|
|
form.onsubmit = onsubmit;
|
|
|
|
/** @type {HTMLHeadingElement} */ let title = /** @type {HTMLHeadingElement} */ (get_element(html_scene, "h1"));
|
|
title.textContent = edit ? "Edit Share" : "New Share";
|
|
submit_btn.textContent = edit ? "Save" : "Create";
|
|
|
|
shareuser_input.value = (edit && share) ? share.User : (shareType === "bday" ? user : "");
|
|
shareuser_input.disabled = edit;
|
|
enabled_checkbox.checked = (edit && share && share.EnabledByOwner !== null) ? share.EnabledByOwner : true;
|
|
hidden_checkbox.checked = (edit && share && share.HiddenByOwner !== null) ? share.HiddenByOwner : false;
|
|
|
|
if (shareType === "bday") {
|
|
// bday is always read-only; hide the permissions section entirely
|
|
permissions_ro_radio.checked = true;
|
|
permissions_rw_radio.checked = false;
|
|
permissions_ro_radio.disabled = true;
|
|
permissions_rw_radio.disabled = true;
|
|
permissions_ro_radio.closest("details")?.classList.add("hidden");
|
|
} else {
|
|
permissions_ro_radio.closest("details")?.classList.remove("hidden");
|
|
permissions_ro_radio.disabled = false;
|
|
permissions_rw_radio.disabled = false;
|
|
permissions_ro_radio.checked = (edit && share) ? share.Permissions.toLowerCase() === "r" : true;
|
|
permissions_rw_radio.checked = (edit && share) ? share.Permissions.toLowerCase() === "rw" : false;
|
|
}
|
|
|
|
let displayname = collection.displayname || "";
|
|
let description = collection.description || "";
|
|
let color = collection.color || "#ffffff";
|
|
let displayname_override_enabled_value = false;
|
|
let description_override_enabled_value = false;
|
|
let color_override_enabled_value = false;
|
|
|
|
if (edit && share && share.Properties) {
|
|
let displayname_key = get_property_key(collection.type, "DISPLAYNAME");
|
|
if (displayname_key && share.Properties[displayname_key] !== undefined) {
|
|
displayname = share.Properties[displayname_key];
|
|
displayname_override_enabled_value = true;
|
|
}
|
|
let description_key = get_property_key(collection.type, "DESCRIPTION");
|
|
if (description_key && share.Properties[description_key] !== undefined) {
|
|
description = share.Properties[description_key];
|
|
description_override_enabled_value = true;
|
|
}
|
|
let color_key = get_property_key(collection.type, "COLOR");
|
|
if (color_key && share.Properties[color_key] !== undefined) {
|
|
color = share.Properties[color_key];
|
|
if (color.length === 9 && color.endsWith("ff")) {
|
|
color = color.substring(0, 7);
|
|
}
|
|
color_override_enabled_value = true;
|
|
}
|
|
}
|
|
|
|
displayname_override_enabled.checked = displayname_override_enabled_value;
|
|
displayname_override_input.value = displayname;
|
|
displayname_override_input.disabled = !displayname_override_enabled_value;
|
|
|
|
description_override_enabled.checked = description_override_enabled_value;
|
|
description_override_input.value = description;
|
|
description_override_input.disabled = !description_override_enabled_value;
|
|
|
|
color_override_enabled.checked = color_override_enabled_value;
|
|
color_override_input.value = color;
|
|
color_override_input.disabled = !color_override_enabled_value;
|
|
|
|
let is_calendar = CollectionType.is_subset(CollectionType.CALENDAR, collection.type);
|
|
let is_addressbook = collection.type === CollectionType.ADDRESSBOOK;
|
|
properties_fieldset.classList.remove("hidden");
|
|
if (displayname_override_enabled_value || description_override_enabled_value || color_override_enabled_value) {
|
|
properties_fieldset.open = true;
|
|
}
|
|
if (is_calendar || is_addressbook) {
|
|
if (description_override_enabled.parentElement) {
|
|
description_override_enabled.parentElement.classList.remove("hidden");
|
|
}
|
|
if (color_override_enabled.parentElement) {
|
|
color_override_enabled.parentElement.classList.remove("hidden");
|
|
}
|
|
} else {
|
|
if (description_override_enabled.parentElement) {
|
|
description_override_enabled.parentElement.classList.add("hidden");
|
|
}
|
|
if (color_override_enabled.parentElement) {
|
|
color_override_enabled.parentElement.classList.add("hidden");
|
|
}
|
|
}
|
|
|
|
if (shareType === "map" || shareType === "bday") {
|
|
if (edit && share) {
|
|
sharehref_input.value = share.PathOrToken.split("/").filter(Boolean).pop() || "";
|
|
} else {
|
|
sharehref_input.value = random_uuid();
|
|
}
|
|
sharehref_input.disabled = edit;
|
|
sharemapfields.classList.remove("hidden");
|
|
map_validator.validate();
|
|
} else {
|
|
sharehref_input.value = "";
|
|
sharemapfields.classList.add("hidden");
|
|
errorHandler.clearError();
|
|
}
|
|
};
|
|
|
|
this.hide = function () {
|
|
html_scene.classList.add("hidden");
|
|
cancel_btn.onclick = null;
|
|
form.onsubmit = null;
|
|
};
|
|
|
|
this.release = function () {
|
|
};
|
|
}
|
|
}
|