mirror of
https://github.com/45Drives/cockpit-navigator.git
synced 2025-09-26 11:18:42 +02:00
252 lines
8.2 KiB
JavaScript
252 lines
8.2 KiB
JavaScript
/*
|
|
Cockpit Navigator - A File System Browser for Cockpit.
|
|
Copyright (C) 2021 Josh Boudreau <jboudreau@45drives.com>
|
|
Copyright (C) 2021 Sam Silver <ssilver@45drives.com>
|
|
Copyright (C) 2021 Dawson Della Valle <ddellavalle@45drives.com>
|
|
|
|
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 <https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
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", '<div><i class="fas fa-folder-plus"></i></div>'],
|
|
["new_file", '<div><i class="fas fa-file-medical"></i></div>'],
|
|
["new_link", '<div><i class="fas fa-link nav-icon-decorated"><i class="fas fa-plus nav-icon-decoration"></i></i></div>'],
|
|
["cut", '<div><i class="fas fa-cut"></i></div>'],
|
|
["copy", '<div><i class="fas fa-copy"></i></div>'],
|
|
["paste", '<div><i class="fas fa-paste"></i></div>'],
|
|
["rename", '<div><i class="fas fa-i-cursor"></i></div>'],
|
|
["delete", '<div><i class="fas fa-trash-alt"></i></div>'],
|
|
["download", '<div><i class="fas fa-download"></i></div>'],
|
|
["properties", '<div><i class="fas fa-sliders-h"></i></div>']
|
|
];
|
|
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";
|
|
}
|
|
}
|