/** * This file is part of Radicale Server - Calendar Server * Copyright © 2017-2024 Unrud * Copyright © 2023-2024 Matthew Hana * Copyright © 2024-2025 Peter Bieringer * * 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 . */ import { CreateEditCollectionScene } from "./CreateEditCollectionScene.js"; import { DeleteCollectionScene } from "./DeleteCollectionScene.js"; import { LoadingScene } from "./LoadingScene.js"; import { ShareCollectionScene, maybe_enable_sharing_options } from "./ShareCollectionScene.js"; import { UploadCollectionScene } from "./UploadCollectionScene.js"; import { discover_server_features, get_collections } from "./api.js"; import { SERVER } from "./constants.js"; import { Collection, CollectionType } from "./models.js"; import { Scene, pop_scene, push_scene, scene_stack } from "./scene_manager.js"; import { bytesToHumanReadable } from "./utils.js"; /** * @implements {Scene} */ export class CollectionsScene { /** * @param {string} user * @param {string} password * @param {Collection} collection The collection to show sharing options for. * @param {function(string):void} onerror Called when an error occurs, before the * scene is popped. */ constructor(user, password, collection, onerror) { /** @type {HTMLElement} */ let html_scene = document.getElementById("collectionsscene"); /** @type {HTMLElement} */ let template = html_scene.querySelector("[data-name=collectiontemplate]"); /** @type {HTMLElement} */ let new_btn = html_scene.querySelector("[data-name=new]"); /** @type {HTMLElement} */ let upload_btn = html_scene.querySelector("[data-name=upload]"); /** @type {?number} */ let scene_index = null; /** @type {?XMLHttpRequest} */ let collections_req = null; /** @type {?Array} */ let collections = null; /** @type {Array} */ let nodes = []; function onnew() { try { let create_collection_scene = new CreateEditCollectionScene(user, password, collection); push_scene(create_collection_scene, false); } catch (err) { console.error(err); } return false; } function onupload() { try { let upload_scene = new UploadCollectionScene(user, password, collection); push_scene(upload_scene, false); } catch (err) { console.error(err); } return false; } function onedit(collection) { try { let edit_collection_scene = new CreateEditCollectionScene(user, password, collection); push_scene(edit_collection_scene, false); } catch (err) { console.error(err); } return false; } function onshare(collection) { try { let share_collection_scene = new ShareCollectionScene(user, password, collection); push_scene(share_collection_scene, false); } catch (err) { console.error(err); } return false; } function ondelete(collection) { try { let delete_collection_scene = new DeleteCollectionScene(user, password, collection); push_scene(delete_collection_scene, false); } catch (err) { console.error(err); } return false; } function show_collections(collections) { /** @type {HTMLElement} */ let navBar = document.querySelector("#logoutview"); let heightOfNavBar = navBar.offsetHeight + "px"; html_scene.style.marginTop = heightOfNavBar; html_scene.style.height = "calc(100vh - " + heightOfNavBar + ")"; collections.forEach(function (collection) { /** @type {HTMLElement} */ let node = /** @type {HTMLElement} */(template.cloneNode(true)); node.classList.remove("hidden"); /** @type {HTMLElement} */ let title_form = node.querySelector("[data-name=title]"); /** @type {HTMLElement} */ let description_form = node.querySelector("[data-name=description]"); /** @type {HTMLElement} */ let contentcount_form = node.querySelector("[data-name=contentcount]"); /** @type {HTMLInputElement} */ let url_form = node.querySelector("[data-name=url]"); /** @type {HTMLElement} */ let color_form = node.querySelector("[data-name=color]"); /** @type {HTMLElement} */ let delete_btn = node.querySelector("[data-name=delete]"); /** @type {HTMLElement} */ let edit_btn = node.querySelector("[data-name=edit]"); /** @type {HTMLElement} */ let share_btn = node.querySelector("[data-name=share]"); /** @type {HTMLAnchorElement} */ let download_btn = node.querySelector("[data-name=download]"); if (collection.color) { color_form.style.background = collection.color; } let possible_types = [CollectionType.ADDRESSBOOK, CollectionType.WEBCAL]; [CollectionType.CALENDAR, ""].forEach(function (e) { [CollectionType.union(e, CollectionType.JOURNAL), e].forEach(function (e) { [CollectionType.union(e, CollectionType.TASKS), e].forEach(function (e) { if (e) { possible_types.push(e); } }); }); }); possible_types.forEach(function (e) { if (e !== collection.type) { node.querySelector("[data-name=" + e + "]").classList.add("hidden"); } }); title_form.textContent = collection.displayname || collection.href; if (title_form.textContent.length > 30) { title_form.classList.add("smalltext"); } description_form.textContent = collection.description; if (description_form.textContent.length > 150) { description_form.classList.add("smalltext"); } if (collection.type != CollectionType.WEBCAL) { let contentcount_form_txt = (collection.contentcount > 0 ? Number(collection.contentcount).toLocaleString() : "No") + " item" + (collection.contentcount == 1 ? "" : "s") + " in collection"; if (collection.contentcount > 0) { contentcount_form_txt += " (" + bytesToHumanReadable(collection.size) + ")"; } contentcount_form.textContent = contentcount_form_txt; } let href = SERVER + collection.href; url_form.value = href; download_btn.href = href; if (collection.type == CollectionType.WEBCAL) { download_btn.parentElement.classList.add("hidden"); } delete_btn.onclick = function () { return ondelete(collection); }; edit_btn.onclick = function () { return onedit(collection); }; share_btn.onclick = function () { return onshare(collection); }; node.classList.remove("hidden"); nodes.push(node); template.parentNode.insertBefore(node, template); }); } function update() { let loading_scene = new LoadingScene(); push_scene(loading_scene, false); collections_req = get_collections(user, password, collection, function (collections1, error) { if (scene_index === null) { return; } collections_req = null; if (error) { onerror(error); pop_scene(scene_index - 1); } else { collections = collections1; pop_scene(scene_index); } }); } this.show = function () { html_scene.classList.remove("hidden"); new_btn.onclick = onnew; upload_btn.onclick = onupload; if (collections === null) { update(); discover_server_features(user, password, maybe_enable_sharing_options); } else { // from update loading scene show_collections(collections); } }; this.hide = function () { html_scene.classList.add("hidden"); scene_index = scene_stack.length - 1; new_btn.onclick = null; upload_btn.onclick = null; collections = null; // remove collection nodes.forEach(function (node) { node.parentNode.removeChild(node); }); nodes = []; }; this.release = function () { scene_index = null; if (collections_req !== null) { collections_req.abort(); collections_req = null; } collections = null; }; } }