86 lines
3.2 KiB
HTML
86 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>SkyScanner WebUI (Alpha)</title>
|
|
|
|
<link href="/css/jquery-ui.min.css" rel="stylesheet" />
|
|
<link href="/css/datatables.min.css" rel="stylesheet" />
|
|
<link href="/css/Chart.min.css" rel="stylesheet" />
|
|
<link href="/css/typicons.css" rel="stylesheet"/>
|
|
|
|
<link href="/css/style.css" rel="stylesheet" />
|
|
<link href="/vue/page.layout.css" rel="stylesheet" />
|
|
<link href="/vue/tables.layout.css" rel="stylesheet" />
|
|
<link href="/css/ln.application.css" rel="stylesheet" />
|
|
|
|
<script type="text/javascript" src="/dist/jquery.min.js"></script>
|
|
<script type="text/javascript" src="/dist/jquery-ui.min.js"></script>
|
|
<script type="text/javascript" src="/dist/moment-with-locales.js"></script>
|
|
<script type="text/javascript" src="/dist/moment-timezone-with-data.js"></script>
|
|
<script type="text/javascript" src="/dist/datatables.min.js"></script>
|
|
<script type="text/javascript" src="/dist/percentageBars.js"></script>
|
|
<script type="text/javascript" src="/dist/Chart.min.js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="/vue.js"></script>
|
|
<script type="text/javascript" src="/vue-router.js"></script>
|
|
<script type="text/javascript" src="/ln.tools.js"></script>
|
|
<script type="text/javascript" src="/ln.application.js"></script>
|
|
|
|
<script type="text/javascript" src="/vue/ln.skyscanner.js"></script>
|
|
<script type="text/javascript" src="/vue/ln.skyscanner.issues.js"></script>
|
|
<script type="text/javascript" src="/vue/ln.skyscanner.nodes.js"></script>
|
|
<script type="text/javascript" src="/vue/ln.skyscanner.node.js"></script>
|
|
<script type="text/javascript" src="/vue/ln.skyscanner.system.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="body">
|
|
<div id="header">
|
|
<div class="skylogo">
|
|
<div style="background-color: #009ee3; color: white;">Sky</div><div style="background-color: white;">Scanner</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="navbar">
|
|
<router-link
|
|
v-for="route in skyScannerRoutes"
|
|
v-if="route.label"
|
|
v-bind:to="route.path"
|
|
class="plain"
|
|
>{{ route.label }}</router-link>
|
|
</div>
|
|
|
|
<div id="page">
|
|
<router-view></router-view>
|
|
</div>
|
|
|
|
<div id="footer" class="flex row">
|
|
<div id="ServerString" class="silver" style="">{{ serverString }}</div>
|
|
<div id="CurrentActionLabel">{{ currentAction }}</div>
|
|
<div id="CurrentStateLabel">{{ currentState }}</div>
|
|
<div class="grow"></div>
|
|
<div id="ServerTime" class="" style="margin-right: 12px;">{{ serverTime }}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
var initializers = SkyScanner.getInitializers();
|
|
var skyscanner = new SkyScanner();
|
|
|
|
Promise.all(initializers)
|
|
.then(()=>{
|
|
const router = new VueRouter({
|
|
routes: skyScannerRoutes,
|
|
});
|
|
|
|
new Vue({
|
|
el: "#body",
|
|
data: skyscanner,
|
|
router,
|
|
}).$mount("#body");
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|