dvb/app/index.html

93 lines
2.5 KiB
HTML
Raw Normal View History

2017-12-25 00:50:54 +01:00
<!doctype html>
<html>
<head>
2017-12-25 16:41:21 +01:00
<meta name="viewport" content="width=device-width, initial-scale=1">
2017-12-25 00:50:54 +01:00
<link href="res/fonts/Army/import.css" rel="stylesheet" type="text/css">
<link href="res/css/main.css" rel="stylesheet" type="text/css">
<link href="res/css/layout.css" rel="stylesheet" type="text/css">
<link href="res/css/screen.css" rel="stylesheet" type="text/css">
<link href="res/css/top.css" rel="stylesheet" type="text/css">
<link href="res/css/weather.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="fill" id="app">
<div class="container fill">
<div class="top">
<div class="fill" id="datetime">
<dvb-time></dvb-time>
<dvb-date></dvb-date>
</div>
</div>
<div class="body">
<div class="fill" id="screen">
<!-- ZELLESCHER -->
<dvb-line stop-Id="33000312" line="11"></dvb-line>
<dvb-line stop-Id="33000312" line="61"></dvb-line>
<!-- STREHLI -->
<dvb-line stop-Id="33000311" line="66"></dvb-line>
<!-- Räcknitzhöhe -->
<dvb-line stop-Id="33000313" line="85"></dvb-line>
</div>
</div>
<div class="side">
<div class="fill weather-container">
<dvb-weather offset="0"></dvb-weather>
<dvb-weather offset="14400"></dvb-weather>
<dvb-weather offset="28800"></dvb-weather>
<dvb-weather offset="43200"></dvb-weather>
</div>
</div>
</div>
</div>
<!-- VUE Templates -->
<script type="text/x-template" id="tmpl-dvb-weather">
<div class="weather-item">
<span class="temperature">{{cur}}</span>
</div>
</script>
<script type="text/x-template" id="tmpl-dvb-line">
<div class="fill line">
<div class="head">
2017-12-25 16:41:21 +01:00
<div class="title ellipsis">
2017-12-25 00:50:54 +01:00
<span>{{stopName}}</span>
</div>
<br>
<div class="lineNumber">{{lineNumber}}</div>
</div>
<div class="body">
<template v-for="(direction, name) in directions">
2017-12-25 16:41:21 +01:00
<div class="title ellipsis">
2017-12-25 00:50:54 +01:00
<span>{{ name }}</span>
</div>
<div v-for="data in direction" v-if="data.RealTime" class="departure">
{{ new Date() | timeInterval(data.RealTime) }}
<span class="min">min</span>
</div>
</template>
</div>
</div>
</script>
<!-- VENDOR -->
<script src="res/js/vendor/vue.min.js"></script>
<!-- VUE Controller -->
<script src="res/js/vue/dvb-date.js"></script>
<script src="res/js/vue/dvb-time.js"></script>
<script src="res/js/vue/dvb-weather.js"></script>
<script src="res/js/vue/dvb-line.js"></script>
<script src="res/js/main.js"></script>
</body>
</html>