kodi
105 lines
4.3 KiB
HTML
105 lines
4.3 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>View</button>
|
|
<button id="edit-btn" type="button" disabled>Edit</button>
|
|
<button id="copy-btn" type="button" disabled>Copy</button>
|
|
<button id="move-btn" type="button" disabled>Move</button>
|
|
<button id="rename-btn" type="button" disabled>Rename</button>
|
|
<button id="mkdir-btn" type="button">MKdir</button>
|
|
<button id="delete-btn" type="button" disabled>Delete</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>
|
|
|
|
<script src="/ui/app.js"></script>
|
|
</body>
|
|
</html>
|