redtea/lpra
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: workspace lives in the terminal view and keeps its sessions across pages; terminal panes split out

Browse Source
This commit is contained in:
redtea committed 2026-10-15 20:10:28 +03:00
1 parent 113c63fd1b
commit 012c0af7f9
9 files changed
+791 -736
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

internal/server/web/templates/app.html
+47 -1
View File
@@ -9,12 +9,58 @@
{{template "topbar" .}}
<main id="app" data-view="{{.View}}">
<section class="view" data-view="machines"{{if ne .View "dashboard"}} hidden{{end}}>{{if eq .View "dashboard"}}{{.Body}}{{end}}</section>
<section class="view view-term" data-view="terminal"{{if ne .View "terminal"}} hidden{{end}}></section>
<section class="view view-term" data-view="terminal"{{if ne .View "terminal"}} hidden{{end}}>
<div class="tabs" id="tabs">
<div class="tablist" id="tablist"><div class="tabmark" id="tabmark" hidden></div></div>
<button type="button" class="tab-add" id="tabadd" title="Новый терминал" aria-label="Новый терминал">+</button>
</div>
<div class="area" id="area">
<button type="button" class="float-add" id="floatadd" title="Новый терминал" aria-label="Новый терминал">+</button>
<div class="empty" id="empty" hidden>Нет открытых терминалов<button type="button" id="emptyadd">Новый терминал</button></div>
<div class="hint" id="hint" hidden></div>
</div>
<div class="addmenu" id="addmenu" hidden></div>
<div class="selmenu" id="selmenu" hidden>
<button type="button" data-a="copy" title="Копировать" aria-label="Копировать">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="12" height="12" rx="2"/><path d="M5 15H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1"/></svg>
</button>
<button type="button" class="btn ghost" data-a="paste" title="Вставить" aria-label="Вставить">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="8" y="2" width="8" height="4" rx="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/></svg>
</button>
<button type="button" class="btn ghost" data-a="all" title="Выделить всё" aria-label="Выделить всё">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 3a2 2 0 0 0-2 2M19 3a2 2 0 0 1 2 2M21 19a2 2 0 0 1-2 2M5 21a2 2 0 0 1-2-2M9 3h1M9 21h1M14 3h1M14 21h1M3 9v1M21 9v1M3 14v1M21 14v1"/><rect x="7" y="7" width="10" height="10" rx="1"/></svg>
</button>
<button type="button" class="btn ghost close" data-a="close" title="Закрыть" aria-label="Закрыть">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M18 6 6 18M6 6l12 12"/></svg>
</button>
</div>
<div class="keys" id="keys">
<button type="button" data-k="esc">ESC</button>
<button type="button" data-k="/">/</button>
<button type="button" data-k="-">-</button>
<button type="button" data-k="home">HOME</button>
<button type="button" data-k="up">↑</button>
<button type="button" data-k="end">END</button>
<button type="button" data-k="pgup">PGUP</button>
<button type="button" data-k="tab">TAB</button>
<button type="button" data-k="ctrl" data-mod="ctrl">CTRL</button>
<button type="button" data-k="alt" data-mod="alt">ALT</button>
<button type="button" data-k="left">←</button>
<button type="button" data-k="down">↓</button>
<button type="button" data-k="right">→</button>
<button type="button" data-k="pgdn">PGDN</button>
</div>
</section>
<section class="view" data-view="settings"{{if ne .View "settings"}} hidden{{end}}>{{if eq .View "settings"}}{{.Body}}{{end}}</section>
</main>
<script>window.APP = {admin: {{.IsAdmin}}, open: {{.Open}}, dialog: {{.Dialog}}};</script>
<script src="{{asset "wsutil.js"}}"></script>
<script src="{{asset "xterm.js"}}"></script>
<script src="{{asset "addon-fit.js"}}"></script>
<script src="{{asset "app.js"}}"></script>
<script src="{{asset "workspace.js"}}"></script>
<script src="{{asset "termpane.js"}}"></script>
<script src="{{asset "pages.js"}}"></script>
<script src="{{asset "users.js"}}"></script>
<script src="{{asset "account.js"}}"></script>