53 lines
1.8 KiB
HTML
53 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Metadata Editor</title>
|
|
<link rel="stylesheet" href="/static/css/base.css">
|
|
<link rel="stylesheet" href="/static/css/index.css">
|
|
<script src="/static/js/index.js"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Metadata Editor</h1>
|
|
</header>
|
|
<main>
|
|
<a id="film-template" class="template file film">
|
|
<img src="/static/images/film.svg">
|
|
<div class="title"></div>
|
|
</a>
|
|
<a id="series-template" class="template file series">
|
|
<img src="/static/images/series.svg">
|
|
<div class="title"></div>
|
|
<div class="episodes"><span class="num"></span> episode(s)</div>
|
|
</a>
|
|
<div class="toolbar">
|
|
<div class="tool">
|
|
<label for="sort-by">Sort by</label>
|
|
<select id="sort-by">
|
|
<option value="title">Title</option>
|
|
<option value="ts">Last modified</option>
|
|
</select>
|
|
</div>
|
|
<div class="tool">
|
|
<label for="sort-desc">Order</label>
|
|
<label class="toggle">
|
|
<input type="checkbox" id="sort-desc">
|
|
<div class="off">ASC</div>
|
|
<div class="on">DESC</div>
|
|
</label>
|
|
</div>
|
|
<div class="tool">
|
|
<label for="filter">Filter</label>
|
|
<select id="filter">
|
|
<option value="all">All</option>
|
|
<option value="film">Films</option>
|
|
<option value="series">Series</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div id="files"></div>
|
|
</main>
|
|
</body>
|
|
</html> |