99 lines
4.3 KiB
HTML
99 lines
4.3 KiB
HTML
<!doctype html>
|
|
<html lang="cs">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>MaalFlows Admin</title>
|
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
|
<link rel="stylesheet" href="/admin.css">
|
|
</head>
|
|
<body>
|
|
<main class="shell">
|
|
<section id="loginView" class="login">
|
|
<form id="loginForm" class="panel">
|
|
<h1>MaalFlows</h1>
|
|
<label>Uzivatel <input name="username" autocomplete="username" required></label>
|
|
<label>Heslo <input name="password" type="password" autocomplete="current-password" required></label>
|
|
<button type="submit">Prihlasit</button>
|
|
<p id="loginError" class="error"></p>
|
|
</form>
|
|
</section>
|
|
|
|
<section id="appView" class="app hidden">
|
|
<aside class="sidebar">
|
|
<div class="brand">
|
|
<h1>MaalFlows</h1>
|
|
<button id="logoutButton" type="button">Odhlasit</button>
|
|
</div>
|
|
<div class="sitebar">
|
|
<label class="switch">
|
|
<input id="onlineToggle" type="checkbox">
|
|
<span>Online</span>
|
|
</label>
|
|
<button id="settingsButton" type="button">Nastaveni</button>
|
|
</div>
|
|
<div class="list-tools">
|
|
<label>Filtr
|
|
<select id="conversationFilter">
|
|
<option value="active">aktivni</option>
|
|
<option value="all">vse</option>
|
|
<option value="new">nove</option>
|
|
<option value="open">otevrene</option>
|
|
<option value="resolved">vyresene</option>
|
|
<option value="spam">spam</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
<div id="conversationList" class="conversation-list"></div>
|
|
</aside>
|
|
|
|
<section class="conversation">
|
|
<header id="conversationHeader" class="conversation-header">
|
|
<div>
|
|
<h2>Vyber konverzaci</h2>
|
|
<p>Nova konverzace se tady zvyrazni a pusti zvuk.</p>
|
|
</div>
|
|
</header>
|
|
<div id="messages" class="messages"></div>
|
|
<div id="typingNotice" class="typing hidden">Zakaznik pise...</div>
|
|
<form id="replyForm" class="reply hidden">
|
|
<div class="reply-composer">
|
|
<textarea name="message" rows="3" placeholder="Napsat odpoved..."></textarea>
|
|
<button type="submit" title="Odeslat">Odeslat</button>
|
|
</div>
|
|
<label class="admin-dropzone" tabindex="0">
|
|
<input name="attachments" type="file" accept=".jpg,.jpeg,.png,.webp,.gif,.avif,image/jpeg,image/png,image/webp,image/gif,image/avif" multiple>
|
|
<span>Pridat fotky nebo pretahnout</span>
|
|
</label>
|
|
<div id="replyAttachments" class="reply-attachments"></div>
|
|
</form>
|
|
</section>
|
|
|
|
<aside id="settingsPanel" class="settings hidden">
|
|
<div class="settings-head">
|
|
<h2>Nastaveni widgetu</h2>
|
|
<button id="closeSettingsButton" type="button">Zavrit</button>
|
|
</div>
|
|
<form id="settingsForm">
|
|
<label>Titulek CS <input name="titleCs"></label>
|
|
<label>Intro CS <textarea name="introCs" rows="2"></textarea></label>
|
|
<label>Titulek EN <input name="titleEn"></label>
|
|
<label>Intro EN <textarea name="introEn" rows="2"></textarea></label>
|
|
<label>Barva <input name="brand" type="color"></label>
|
|
<label>Pozice desktop <select name="desktopSide"><option>right</option><option>left</option></select></label>
|
|
<label>Desktop bottom px <input name="desktopBottom" type="number"></label>
|
|
<label>Desktop offset px <input name="desktopOffset" type="number"></label>
|
|
<label>Pozice mobil <select name="mobileSide"><option>right</option><option>left</option></select></label>
|
|
<label>Mobil bottom px <input name="mobileBottom" type="number"></label>
|
|
<label>Mobil offset px <input name="mobileOffset" type="number"></label>
|
|
<button type="submit">Ulozit</button>
|
|
</form>
|
|
<h3>GTM snippet</h3>
|
|
<pre id="snippet"></pre>
|
|
</aside>
|
|
</section>
|
|
</main>
|
|
<script src="/admin.js"></script>
|
|
</body>
|
|
</html>
|