kodi
120 lines
5.4 KiB
HTML
120 lines
5.4 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>WebManager v2</title>
|
|
<link rel="stylesheet" href="/ui/style.css">
|
|
</head>
|
|
<body>
|
|
<div id="app-shell">
|
|
<header id="title-zone">
|
|
<h1>WebManager v2</h1>
|
|
<div id="status"></div>
|
|
</header>
|
|
|
|
<main id="workspace" class="workspace">
|
|
<section class="panel pane" id="left-pane" data-pane="left">
|
|
<div class="pane-header">
|
|
<div class="toolbar compact-toolbar pane-topbar">
|
|
<h2 class="pane-title">Left</h2>
|
|
<label class="checkbox"><input id="left-hidden-toggle" type="checkbox">Hidden</label>
|
|
</div>
|
|
<div class="pathline compact-line">C:<code id="left-current-path"></code></div>
|
|
<nav id="left-breadcrumbs" class="breadcrumbs" aria-label="Left breadcrumb"></nav>
|
|
<div id="left-browse-error" class="error"></div>
|
|
</div>
|
|
|
|
<div class="pane-content">
|
|
<div class="list-grid-header">
|
|
<span class="col-sel"></span>
|
|
<span class="col-name">Name</span>
|
|
<span class="col-size">Size</span>
|
|
<span class="col-modified">Modified</span>
|
|
</div>
|
|
<ul id="left-items" class="list"></ul>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="panel pane" id="right-pane" data-pane="right">
|
|
<div class="pane-header">
|
|
<div class="toolbar compact-toolbar pane-topbar">
|
|
<h2 class="pane-title">Right</h2>
|
|
<label class="checkbox"><input id="right-hidden-toggle" type="checkbox">Hidden</label>
|
|
</div>
|
|
<div class="pathline compact-line">C:<code id="right-current-path"></code></div>
|
|
<nav id="right-breadcrumbs" class="breadcrumbs" aria-label="Right breadcrumb"></nav>
|
|
<div id="right-browse-error" class="error"></div>
|
|
</div>
|
|
|
|
<div class="pane-content">
|
|
<div class="list-grid-header">
|
|
<span class="col-sel"></span>
|
|
<span class="col-name">Name</span>
|
|
<span class="col-size">Size</span>
|
|
<span class="col-modified">Modified</span>
|
|
</div>
|
|
<ul id="right-items" class="list"></ul>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<section id="footer-bar">
|
|
<div id="function-bar-meta" class="pathline compact-line">Active:<code id="active-pane-label">left</code></div>
|
|
<div id="function-bar" class="toolbar compact-toolbar">
|
|
<button id="view-btn" type="button" disabled><span class="shortcut-hint">F3</span><span>View</span></button>
|
|
<button id="edit-btn" type="button" disabled><span class="shortcut-hint">F4</span><span>Edit</span></button>
|
|
<button id="copy-btn" type="button" disabled><span class="shortcut-hint">F5</span><span>Copy</span></button>
|
|
<button id="move-btn" type="button" disabled><span class="shortcut-hint">F6</span><span>Move</span></button>
|
|
<button id="rename-btn" type="button" disabled><span class="shortcut-hint">Alt+R</span><span>Rename</span></button>
|
|
<button id="mkdir-btn" type="button"><span class="shortcut-hint">F7</span><span>MKdir</span></button>
|
|
<button id="delete-btn" type="button" disabled><span class="shortcut-hint">F8</span><span>Delete</span></button>
|
|
</div>
|
|
<div id="actions-error" class="error"></div>
|
|
</section>
|
|
</div>
|
|
|
|
<div id="wildcard-popup" class="popup-overlay hidden" role="dialog" aria-modal="true" aria-labelledby="wildcard-popup-title">
|
|
<div class="popup-card">
|
|
<h3 id="wildcard-popup-title">Wildcard Select</h3>
|
|
<div id="wildcard-popup-meta" class="popup-meta"></div>
|
|
<label for="wildcard-pattern-input" class="popup-label">Pattern</label>
|
|
<input id="wildcard-pattern-input" type="text" autocomplete="off" placeholder="*.mkv">
|
|
<div id="wildcard-popup-error" class="error"></div>
|
|
<div class="popup-actions">
|
|
<button id="wildcard-apply-btn" type="button">Apply</button>
|
|
<button id="wildcard-cancel-btn" type="button">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="viewer-modal" class="popup-overlay hidden" role="dialog" aria-modal="true" aria-labelledby="viewer-title">
|
|
<div class="popup-card viewer-card">
|
|
<button id="viewer-close-btn" class="viewer-close" type="button" aria-label="Close viewer">X</button>
|
|
<h3 id="viewer-title">View</h3>
|
|
<div id="viewer-file-name" class="popup-meta"></div>
|
|
<div id="viewer-file-path" class="popup-meta"></div>
|
|
<div id="viewer-error" class="error"></div>
|
|
<pre id="viewer-content" class="viewer-content"></pre>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="editor-modal" class="popup-overlay hidden" role="dialog" aria-modal="true" aria-labelledby="editor-title">
|
|
<div class="popup-card viewer-card">
|
|
<button id="editor-close-btn" class="viewer-close" type="button" aria-label="Close editor">X</button>
|
|
<h3 id="editor-title">Edit</h3>
|
|
<div id="editor-file-name" class="popup-meta"></div>
|
|
<div id="editor-file-path" class="popup-meta"></div>
|
|
<div id="editor-error" class="error"></div>
|
|
<textarea id="editor-content" class="editor-content" spellcheck="false"></textarea>
|
|
<div class="popup-actions">
|
|
<button id="editor-save-btn" type="button">Save</button>
|
|
<button id="editor-cancel-btn" type="button">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/ui/app.js"></script>
|
|
</body>
|
|
</html>
|