2017-12-24 23:50:54 +00:00
|
|
|
<!doctype html>
|
|
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
<head>
|
2017-12-25 15:41:21 +00:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
2017-12-24 23:50:54 +00: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 15:41:21 +00:00
|
|
|
<div class="title ellipsis">
|
2017-12-24 23:50:54 +00: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 15:41:21 +00:00
|
|
|
<div class="title ellipsis">
|
2017-12-24 23:50:54 +00: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>
|
