91 lines
2.7 KiB
Cheetah
91 lines
2.7 KiB
Cheetah
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
|
|
<title>HAL</title>
|
|
|
|
<!-- Bootstrap core CSS -->
|
|
<link href="css/lib/bootstrap.min.css" rel="stylesheet">
|
|
<link href="css/lib/bootstrap-switch.min.css" rel="stylesheet">
|
|
<link href="css/lib/c3.min.css" rel="stylesheet">
|
|
<link href="css/hal.css" rel="stylesheet">
|
|
|
|
<script src="js/lib/jquery-1.11.3.min.js"></script>
|
|
<script src="js/lib/bootstrap.min.js"></script>
|
|
<script src="js/lib/bootstrap-switch.min.js"></script>
|
|
<script src="js/lib/moment.js"></script>
|
|
<script src="js/hal.js"></script>
|
|
<!-- <script src="js/hal_alert.js"></script> -->
|
|
|
|
<!-- charts -->
|
|
<script src="js/lib/d3.min.js"></script>
|
|
<script src="js/lib/force-graph.min.js"></script>
|
|
<script src="js/lib/c3.min.js"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
{{navigation}}
|
|
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
{{#side_navigation}}
|
|
{{side_navigation}}
|
|
|
|
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
|
|
{{/side_navigation}}
|
|
{{^side_navigation}}<div class="main">{{/side_navigation}}
|
|
<div id="alert-container"></div>
|
|
|
|
<div id="app"></div>
|
|
|
|
{{content}}
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"vue": "./js/vue/vue.esm-browser.js",
|
|
"vue-router": "./js/vue/vue-router.esm-browser.js",
|
|
"@vue/devtools-api": "https://unpkg.com/@vue/devtools-api@6.4.5/lib/esm/index.js",
|
|
|
|
{{#javascriptModules}}"{{.getModuleName()}}": "{{.getScriptPath()}}",
|
|
{{/javascriptModules}}
|
|
|
|
"App": "./js/vue/components/App.js"
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<script type="module">
|
|
import { createApp } from 'vue'
|
|
import { createRouter, createWebHistory } from 'vue-router'
|
|
|
|
{{#javascriptPages}}import {{.getModuleName()}} from '{{.getModuleName()}}'
|
|
{{/javascriptPages}}
|
|
|
|
import App from 'App'
|
|
|
|
const app = createApp(App);
|
|
|
|
const router = createRouter({
|
|
history: createWebHistory(),
|
|
routes: [
|
|
{{#javascriptPages}}{ name: "{{.getModuleName()}}", path: "{{.getPage()}}", component: {{.getModuleName()}} },
|
|
{{/javascriptPages}}
|
|
]
|
|
});
|
|
app.use(router);
|
|
|
|
app.mount('#app');
|
|
</script>
|
|
</body>
|
|
</html>
|