/* Cockpit Navigator - A File System Browser for Cockpit. Copyright (C) 2021 Josh Boudreau Copyright (C) 2021 Sam Silver Copyright (C) 2021 Dawson Della Valle This file is part of Cockpit Navigator. Cockpit Navigator 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. Cockpit Navigator 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 Cockpit Navigator. If not, see . */ import { NavEntry } from "./NavEntry.js"; import { NavFile, NavFileLink } from "./NavFile.js"; import { NavDir, NavDirLink } from "./NavDir.js"; import { NavDownloader } from "./NavDownloader.js"; export class NavContextMenu { /** * * @param {string} id */ constructor(id, nav_window_ref) { this.dom_element = document.getElementById(id); this.nav_window_ref = nav_window_ref; this.menu_options = {}; document.documentElement.addEventListener("click", (event) => { if (event.target !== this.dom_element) this.hide(); }); var functions = [ ["new_dir", '
'], ["new_file", '
'], ["new_link", '
'], ["cut", '
'], ["copy", '
'], ["paste", '
'], ["rename", '
'], ["delete", '
'], ["download", '
'], ["properties", '
'] ]; for (let func of functions) { var elem = document.createElement("div"); var name_list = func[0].split("_"); name_list.forEach((word, index) => {name_list[index] = word.charAt(0).toUpperCase() + word.slice(1)}); elem.innerHTML = func[1] + name_list.join(" "); elem.addEventListener("click", (e) => {this[func[0]].bind(this, e).apply()}); elem.classList.add("nav-context-menu-item") elem.id = "nav-context-menu-" + func[0]; this.dom_element.appendChild(elem); this.menu_options[func[0]] = elem; } } new_dir(e) { this.nav_window_ref.mkdir(); } new_file(e) { this.nav_window_ref.touch(); } new_link(e) { var default_target = ""; if (this.nav_window_ref.selected_entries.size <= 1 && this.target !== this.nav_window_ref.pwd()) default_target = this.target.filename; this.nav_window_ref.ln(default_target); } cut(e) { this.nav_window_ref.cut(); } copy(e) { this.nav_window_ref.copy(); } paste(e) { this.nav_window_ref.paste(); } async rename(e) { this.hide(); if (this.target.is_dangerous_path()) { await this.nav_window_ref.modal_prompt.alert( "Cannot rename system-critical paths.", "If you think you need to, use the terminal." ); } else { this.target.show_edit(this.target.dom_element.nav_item_title); } e.stopPropagation(); } zip_for_download() { return new Promise((resolve, reject) => { const cmd = ["/usr/share/cockpit/navigator/scripts/zip-for-download.py3", this.nav_window_ref.pwd().path_str()]; for (const entry of this.nav_window_ref.selected_entries) cmd.push(entry.path_str()); const proc = cockpit.spawn(cmd, { superuser: "try", err: "out" }); const safeParse = (raw) => { const s = (raw || "").trim(); const start = s.indexOf("{"); const end = s.lastIndexOf("}"); if (start === -1 || end === -1 || end < start) { throw new Error("No JSON object in output: " + s.slice(0, 200)); } return JSON.parse(s.slice(start, end + 1)); }; proc.done((data) => { try { resolve(safeParse(data)); } catch (e) { console.error("zip_for_download done(raw):", data); reject({ message: e.message }); } }); proc.fail((e, data) => { try { reject(safeParse(data)); } catch { console.error("zip_for_download fail(raw):", data); reject({ message: String(data || e || "zip_for_download failed") }); } }); }); } async download(e) { let download_target = ""; let result; // function-scoped so we can reference later if (this.nav_window_ref.selected_entries.size === 1 && !(this.nav_window_ref.selected_entry() instanceof NavDir)) { download_target = this.nav_window_ref.selected_entry(); } else { this.nav_window_ref.start_load(); try { result = await this.zip_for_download(); download_target = new NavFile(result["archive-path"], result["stat"], this.nav_window_ref); console.log("prepared archive for download:", result["archive-path"]); } catch (err) { this.nav_window_ref.stop_load(); this.nav_window_ref.modal_prompt.alert(err.message); return; } finally { this.nav_window_ref.stop_load(); } } if (result?.["archive-path"]) { const unitName = `nav-clean-on-open-${Date.now()}-${Math.random().toString(36).slice(2,8)}`; const script = [ 'set -euo pipefail', 'if ! command -v inotifywait >/dev/null 2>&1; then ' + 'sleep 300; rm -f -- "$ARCHIVE"; ' + '[ -n "${TEMPDIR:-}" ] && [[ "$TEMPDIR" == /tmp/navigator-* ]] && rm -rf -- "$TEMPDIR"; ' + 'exit 0; fi', 'inotifywait -q -t 1800 -e open -- "$ARCHIVE" || true', 'rm -f -- "$ARCHIVE"', 'sleep 3600', '[ -n "${TEMPDIR:-}" ] && [[ "$TEMPDIR" == /tmp/navigator-* ]] && rm -rf -- "$TEMPDIR" || :' ].join(' && '); const cmd = [ 'systemd-run', '--property=CollectMode=inactive-or-failed', '--property=RuntimeMaxSec=90000', '--unit', unitName, '--setenv=ARCHIVE=' + result['archive-path'], ...(result['temp-dir'] ? ['--setenv=TEMPDIR=' + result['temp-dir']] : []), '/bin/bash','-lc', script ]; await cockpit.spawn(cmd, { superuser: 'require', err: 'out' }).then(out => console.log(out)); console.log("scheduled cleanup:", unitName); console.log("Deleting :", result['archive-path'], "in 30 minutes or after download starts."); } const downloader = new NavDownloader(download_target); downloader.download(); } delete(e) { this.nav_window_ref.delete_selected(); } properties(e) { this.nav_window_ref.show_edit_selected(); } /** * * @param {Event} event * @param {NavEntry} target */ show(event, target) { if (!this.nav_window_ref.none_selected()) { if (event.shiftKey || event.ctrlKey) this.nav_window_ref.set_selected(target, event.shiftKey, event.ctrlKey); } else { this.nav_window_ref.set_selected(target, false, false); } for (let option of Object.keys(this.menu_options)) { this.menu_options[option].style.display = "flex"; // show all } // selectively hide options based on context if (this.nav_window_ref.none_selected()) { this.menu_options["copy"].style.display = "none"; this.menu_options["cut"].style.display = "none"; this.menu_options["delete"].style.display = "none"; this.menu_options["download"].style.display = "none"; } if (this.nav_window_ref.selected_entries.size > 1) { this.menu_options["rename"].style.display = "none"; } else { if (target instanceof NavDirLink || target instanceof NavFileLink) this.menu_options["download"].style.display = "none"; } if (!this.nav_window_ref.clip_board.length) this.menu_options["paste"].style.display = "none"; this.target = target; this.dom_element.style.display = "inline"; this.dom_element.style.left = event.clientX + "px"; var height = this.dom_element.getBoundingClientRect().height; var max_height = window.innerHeight; if (event.clientY > max_height - height) { this.dom_element.style.top = event.clientY - height + "px"; } else { this.dom_element.style.top = event.clientY + "px"; } } hide() { this.dom_element.style.display = "none"; } hide_paste() { this.menu_options["paste"].style.display = "none"; } }