53 lines
1.8 KiB
HTML
53 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Administrace</title>
|
|
<link href="/static/style.css" rel="stylesheet">
|
|
<link href="/static/admin.css" rel="stylesheet">
|
|
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
</head>
|
|
<body>
|
|
<div class="container" id="app">
|
|
<div v-if="logged">
|
|
<h2>Zařízení</h2>
|
|
<div class="cards">
|
|
<div v-for="d, i in devices">
|
|
<div class="header clickable" @click="d.visible = !d.visible">
|
|
<div class="first">{{ d.id }}</div>
|
|
<div class="second">{{ stops[d.stop_id] ? stops[d.stop_id].name : "Nenastaveno" }}</div>
|
|
</div>
|
|
<div class="settings" :class="{ visible: d.visible }">
|
|
<div class="filter">{{ d.filter ? d.filter : "žádný" }}</div>
|
|
<div class="actions">
|
|
<button @click="device_toggle(i, false)" v-if="d.enabled">Deaktivovat</button>
|
|
<button @click="device_toggle(i, true)" v-else>Aktivovat</button>
|
|
<button @click="device_clear(i)">Vymazat</button>
|
|
<button @click="device_resend(i)" v-if="d.enabled">Přeposlat</button>
|
|
<button @click="device_change_stop(i)">Zastávka</button>
|
|
<button @click="device_change_filter(i)">Filtr</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h2>Zastávky</h2>
|
|
<div class="cards">
|
|
<div v-for="s, id in stops">
|
|
<div class="header">
|
|
<div class="first">{{ s.name }}</div>
|
|
<div class="second">{{ id }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div v-else class="login">
|
|
<h2>Přihlašte se</h2>
|
|
<form @submit.prevent="update()">
|
|
<input v-model="secret" type="password" placeholder="Heslo" />
|
|
<input type="submit" value="Přihlásit se" />
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<script src="/static/admin.js"></script>
|
|
</body>
|
|
</html> |