41 lines
1.4 KiB
HTML
41 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Odjezdová tabule</title>
|
|
<link href="/static/style.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 class="nav" :class="{'top': top == 0}">
|
|
<div class="inner" v-if="stop_id && stops[stop_id]">
|
|
<h3>
|
|
<span>{{ stops[stop_id].name }}</span>
|
|
<svg class="icon" viewBox="0 0 24 24">
|
|
<path d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" />
|
|
</svg>
|
|
</h3>
|
|
<select v-model="stop_id" @change="set">
|
|
<option v-for="stop, id in stops" :value="id">{{ stop.name }}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="departure-grid">
|
|
<div class="header">spoj</div>
|
|
<div class="header">poslední zastávka</div>
|
|
<div class="header">zpoždění</div>
|
|
<div class="header">odjezd</div>
|
|
<template v-for="d in departures">
|
|
<template v-if="d.departure > -0.7">
|
|
<div class="line" :class="'type'+d.type">{{ d.line }}</div>
|
|
<div class="last-stop">{{ d.last_stop }}</div>
|
|
<div class="delay">{{ d.delay == 0 ? '' : '+'+d.delay }}</div>
|
|
<div class="departure">{{ d.departure < 1 ? '<1' : Math.floor(d.departure) }}</div>
|
|
</template>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
<script src="/static/departure-list.js"></script>
|
|
</body>
|
|
</html> |