<!DOCTYPE html>
<html>
<head>
<title>smartpager.network Interface</title>
<!-- <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet"> -->
<link href="css/materialdesignicons.min.css" rel="stylesheet">
<link href="css/vuetify.min.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
</head>
<body>
<div id="app">
<v-app>
<v-app-bar app>
<v-toolbar-title>smartpager.network Interface</v-toolbar-title>
<v-spacer></v-spacer>
</v-app-bar>
<v-main>
<v-tabs v-model="configTab" next-icon="mdi-arrow-right-bold-box-outline" prev-icon="mdi-arrow-left-bold-box-outline" show-arrows>
<v-tab key="disp_main">Dispatcher</v-tab>
<v-tab key="disp_cfg">Dispatcher Config</v-tab>
<v-tab key="msg-dwd_cfg">DWD</v-tab>
<v-tab key="msg-mowas_cfg">MOWAS/BBK</v-tab>
<v-tab key="msg-testalarm_cfg">Testalarm</v-tab>
<v-tab key="msg-brandgefahren_cfg">Brandgefahren</v-tab>
<v-tab key="msg-tg_cfg">Telegram</v-tab>
<v-tab key="msg-metar_cfg">METAR</v-tab>
<v-tab key="msg-email_cfg">E-MAIL</v-tab>
</v-tabs>
<v-tabs-items v-model="configTab">
<v-tab-item key="dispatcher">
</v-tab-item>
<v-tab-item key="dispatcher_cfg">
</v-tab-item>
<v-tab-item key="dwd">
</v-tab-item>
<v-tab-item key="nina">
</v-tab-item>
<v-tab-item key="testalarm">
</v-tab-item>
<v-tab-item key="brandgefahren">
</v-tab-item>
<v-tab-item key="tg">
</v-tab-item>
<v-tab-item key="metar">
</v-tab-item>
<v-tab-item key="email">
</v-tab-item>
</v-tabs-items>
<iframe :src="'/' + configMap[configTab] + '/'" style="width: 100%; height: 50rem; display: block;"></iframe>
</v-main>
</v-app>
</div>
<script src="js/vue/vue.js"></script>
<script src="js/vue/vuetify.js"></script>
<script src="js/vue/vue-resource_1.5.1.js"></script>
<script>
new Vue({
el: '#app',
vuetify: new Vuetify(),
http: { root: '/' },
data() {
return {
EXPERTMODE: false,
configTab: null,
configMap: [
'disp_main',
'disp_cfg',
'msg-dwd_cfg',
'msg-mowas_cfg',
'msg-testalarm_cfg',
'msg-brandgefahren_cfg',
'msg-tg_cfg',
'msg-metar_cfg',
'msg-email_cfg',
],
}
},
created() {
},
methods: {
}
})
</script>
</body>
</html>