загрузка…
'); + if (!dlg.open) (window.FileViews ? FileViews.openModal(dlg) : dlg.showModal()); + App.load(area, '/agents/' + encodeURIComponent(id) + '/' + what); + } + dlg.addEventListener('close', () => { + App.put(area, ''); + // A form sent in the dialog (a new name, say) shows in the list behind. + if (changed && document.querySelector('main#app').dataset.view === 'machines') App.go('/', false); + changed = false; + }); + dlg.querySelector('.md-close').onclick = () => dlg.close(); + // «Изменить» drawn again after a new name: the title follows it. + new MutationObserver(() => { + const h = area.querySelector('[data-module="edit"] .wrap > h1'); + if (h) dlg.querySelector('.md-title').textContent = h.textContent.trim() + ' · ' + TITLES.edit; + }).observe(area, {childList: true}); + dlg.addEventListener('submit', () => { changed = true; }); + // The fragment's own links: another page of a machine stays in the dialog, + // anything else closes it and goes on as usual. + area.addEventListener('click', ev => { + const a = ev.target.closest('a[href]'); + if (!a || ev.button !== 0 || ev.metaKey || ev.ctrlKey || ev.shiftKey || a.target || a.hasAttribute('download')) return; + const u = new URL(a.href, location.href), m = page.exec(u.pathname); + if (u.origin !== location.origin) return; + if (m) { ev.preventDefault(); ev.stopPropagation(); App.load(area, u.pathname + u.search); return; } + dlg.close(); + }, true); + document.addEventListener('click', ev => { + const b = ev.target.closest('[data-dialog]'); + if (!b || ev.button !== 0 || ev.metaKey || ev.ctrlKey || ev.shiftKey) return; + ev.preventDefault(); + open(b.dataset.id, b.dataset.dialog, b.dataset.name); + }); + + // menu: Порты, Статус, Изменить of agent, by the pointer. + const menu = document.createElement('div'); + menu.className = 'addmenu mdmenu'; + menu.hidden = true; + document.body.appendChild(menu); + function closeMenu() { menu.hidden = true; document.removeEventListener('pointerdown', outside, true); } + function outside(ev) { if (!menu.contains(ev.target)) closeMenu(); } + function showMenu(ev, agent) { + ev.preventDefault(); + menu.innerHTML = ''; + const head = document.createElement('div'); + head.className = 'muted md-head'; + head.textContent = agent.name; + menu.appendChild(head); + Object.keys(TITLES).forEach(k => { + const b = document.createElement('button'); + b.type = 'button'; b.className = 'item'; + b.innerHTML = ''; + b.querySelector('b').textContent = TITLES[k]; + b.onclick = () => { closeMenu(); open(agent.id, k, agent.name); }; + menu.appendChild(b); + }); + menu.hidden = false; + const m = menu.getBoundingClientRect(); + menu.style.left = Math.max(8, Math.min(innerWidth - m.width - 8, ev.clientX)) + 'px'; + menu.style.top = Math.max(8, Math.min(innerHeight - m.height - 8, ev.clientY)) + 'px'; + setTimeout(() => document.addEventListener('pointerdown', outside, true), 0); + } + document.addEventListener('keydown', ev => { if (ev.key === 'Escape' && !menu.hidden) closeMenu(); }); + + // A machine page asked for by its address: the machines view with it open. + const m = window.APP && window.APP.dialog && page.exec(window.APP.dialog); + if (m) { + const row = document.querySelector('[data-open][data-id="' + CSS.escape(m[1]) + '"]'); + history.replaceState({}, '', '/'); + open(m[1], m[2], row ? row.dataset.name : m[1]); + } + window.MachineDialog = {open, menu: showMenu}; +})(); diff --git a/internal/server/web/static/termpane.js b/internal/server/web/static/termpane.js index 647e0e2..c9038d7 100644 --- a/internal/server/web/static/termpane.js +++ b/internal/server/web/static/termpane.js @@ -297,6 +297,7 @@ window.TermKeys = (function () { this.term.textarea.addEventListener('focus', () => W.setActivePane(this)); this.el.querySelector('.pane-x').onclick = ev => { ev.stopPropagation(); W.closePane(this); }; if (W.desk) this.el.querySelector('.pane-head').addEventListener('pointerdown', ev => W.startDrag(ev, 'pane', this)); + this.el.querySelector('.pane-head').addEventListener('contextmenu', ev => { if (window.MachineDialog) MachineDialog.menu(ev, this.agent); }); this.open(); } setState(state, text) { diff --git a/internal/server/web/static/workspace.js b/internal/server/web/static/workspace.js index 05c83ea..daf4257 100644 --- a/internal/server/web/static/workspace.js +++ b/internal/server/web/static/workspace.js @@ -36,6 +36,11 @@ t.el.addEventListener('click', ev => { if (!ev.target.closest('.tab-x, input') && !dragJustEnded) activate(t); }); t.el.querySelector('.tab-x').onclick = ev => { ev.stopPropagation(); closeTab(t); }; t.el.querySelector('.tab-title').addEventListener('dblclick', ev => { ev.stopPropagation(); rename(t); }); + // Its machine's Порты, Статус, Изменить: a right click on the title. + t.el.addEventListener('contextmenu', ev => { + const p = t.panes.includes(activePane) ? activePane : t.panes[0]; + if (window.MachineDialog && !ev.target.closest('input')) MachineDialog.menu(ev, p.agent); + }); if (desk) t.el.addEventListener('pointerdown', ev => { if (!ev.target.closest('.tab-x, input')) startDrag(ev, 'tab', t); }); const at = index == null ? tabs.length : index; tablist.insertBefore(t.el, tabs[at] ? tabs[at].el : mark); diff --git a/internal/server/web/templates/app.html b/internal/server/web/templates/app.html index d98f14c..a4cc425 100644 --- a/internal/server/web/templates/app.html +++ b/internal/server/web/templates/app.html @@ -189,6 +189,9 @@ + @@ -206,6 +209,7 @@ +