greenflame089
56 lines
2.1 KiB
HTML
56 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Q-Edit v0.7.1</title>
|
|
<link rel="icon" type="image/png" href="editor-favicon.png">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div id="loading-overlay" role="status" aria-live="polite" style="display:none;">
|
|
<img src="editor-favicon.png" alt="" class="spinner-img"/>
|
|
<div class="spinner-label">Loading…</div>
|
|
</div>
|
|
<header>
|
|
<h1>Q-Edit v0.7.1</h1>
|
|
<div id="auth-controls">
|
|
<button id="auth-button" class="auth-button">Authenticate</button>
|
|
<div id="name-switcher" class="name-switcher" style="display:none;">
|
|
<label for="name-select" class="visually-hidden">Active name</label>
|
|
<select id="name-select" class="name-select"></select>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<main>
|
|
<section id="info-page">
|
|
<div id="info-details">
|
|
<p>Welcome to Q-Edit! This app is a work in progress.<br>
|
|
Authenticate to view and edit your published QDN content.</p>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section id="content-page" style="display: none;">
|
|
<p id="account-details"></p>
|
|
<div id="items-per-page" style="margin:10px 0;">
|
|
Show
|
|
<select id="items-per-page-dropdown">
|
|
<option value="10">10</option>
|
|
<option value="25" selected>25</option>
|
|
<option value="100">100</option>
|
|
</select>
|
|
results per page
|
|
</div>
|
|
<div id="filter-options" style="margin:10px 0;">Filter by service (toggle): <div id="service-chips-container" class="chips-container"></div></div>
|
|
<div id="content-summary"></div>
|
|
<div id="pagination-top" class="pagination-controls"></div>
|
|
<div id="content-details"></div>
|
|
<div id="pagination-bottom" class="pagination-controls"></div>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|