67 lines
2.7 KiB
HTML
67 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Melies - Conversion</title>
|
|
<link rel="stylesheet" href="/static/css/base.css">
|
|
<link rel="stylesheet" href="/static/css/conversion.css">
|
|
<link rel="shortcut icon" href="/static/images/icon3.svg" type="image/svg+xml">
|
|
<script src="/static/js/conversion.js"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Media Conversion</h1>
|
|
</header>
|
|
<main>
|
|
<button id="folder-template" class="template file folder">
|
|
<img src="/static/images/collection.svg">
|
|
<div class="name"></div>
|
|
<div class="children"><span class="num"></span> element(s)</div>
|
|
</button>
|
|
<button id="media-template" class="template file media">
|
|
<img src="/static/images/film.svg">
|
|
<div class="name"></div>
|
|
<div class="info"><span class="size"></span> / <span class="ext"></span></div>
|
|
</button>
|
|
<div id="selected-template" class="template file">
|
|
<button class="deselect">Deselect</button>
|
|
<div class="name"></div>
|
|
</div>
|
|
<label id="agent-template" class="template agent">
|
|
<input type="radio" name="selected-agent">
|
|
<div class="container">
|
|
<div class="icon"></div>
|
|
<div class="name"></div>
|
|
</div>
|
|
</label>
|
|
<div id="to-convert-panel" class="panel">
|
|
<h2 class="title">To convert</h2>
|
|
<button id="up">Parent directory</button>
|
|
<div id="no-file" class="empty-msg">Director is empty</div>
|
|
<div id="files"></div>
|
|
</div>
|
|
<div id="selected-panel" class="panel">
|
|
<h2 class="title">Selected</h2>
|
|
<div class="toolbar">
|
|
<button id="show-files" class="hidden"><img src="/static/images/prev.svg">Back to files</button>
|
|
<button id="deselect-all">Deselect All</button>
|
|
<button id="continue" disabled>
|
|
<div class="disabled">Select a media</div>
|
|
<div class="enabled">Continue<img src="/static/images/next.svg"></div>
|
|
</button>
|
|
</div>
|
|
<div id="selected"></div>
|
|
</div>
|
|
<div id="agents-panel" class="panel hidden">
|
|
<h2 class="title">Agents</h2>
|
|
<div id="no-agent" class="empty-msg show">No registered agent</div>
|
|
<div id="agents"></div>
|
|
<button id="convert" disabled>
|
|
<div class="disabled">Select an agent</div>
|
|
<div class="enabled">Convert</div>
|
|
</button>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html> |