127 lines
4.1 KiB
PHP
127 lines
4.1 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>ONE</title>
|
|
<link rel="stylesheet" href="../../../libs/vendor/css/google-fonts.css">
|
|
<link rel="stylesheet" href="../../../libs/vendor/css/vuetify.min.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div v-cloak id="app">
|
|
<v-app id="smartApp">
|
|
<smart-navbar></smart-navbar>
|
|
<v-content>
|
|
|
|
<v-container fluid fill-height style="height:inherit" pa-2>
|
|
<v-layout v-bind="binding">
|
|
|
|
|
|
<v-flex>
|
|
<template>
|
|
<v-tabs
|
|
centered
|
|
color="cyan"
|
|
dark
|
|
fixed-tabs
|
|
>
|
|
<v-tabs-slider color="yellow"></v-tabs-slider>
|
|
|
|
<v-tab href="#tab-1">
|
|
<v-icon>list</v-icon> PATIENT LIST
|
|
|
|
</v-tab>
|
|
|
|
<v-tab href="../fo02">
|
|
<v-icon>opacity</v-icon> SAMPLING
|
|
|
|
</v-tab>
|
|
|
|
<v-tab href="../fo03">
|
|
<v-icon>verified_user</v-icon> SAMPLE VERIFICATION
|
|
|
|
</v-tab>
|
|
|
|
<v-tab href="../fo03">
|
|
<v-icon>motorcycle</v-icon> SAMPLE DISTRIBUTION
|
|
|
|
</v-tab>
|
|
|
|
<!-- <v-tab-item
|
|
v-for="i in 4"
|
|
:key="i"
|
|
:value="'tab-' + i"
|
|
> -->
|
|
<!-- <v-card flat>
|
|
<v-card-text>{{ text }}</v-card-text>
|
|
</v-card>
|
|
</v-tab-item> -->
|
|
</v-tabs>
|
|
</template>
|
|
</v-flex>
|
|
|
|
<v-flex>
|
|
<list-patient fill-height></list-patient>
|
|
</v-flex>
|
|
</v-layout>
|
|
|
|
</v-container>
|
|
</v-content>
|
|
<v-footer color="indigo" app>
|
|
<span class="white--text">© 2017</span>
|
|
</v-footer>
|
|
</v-app>
|
|
</div>
|
|
|
|
<!-- Vendor -->
|
|
<script src="../../../libs/vendor/axios.min.js"></script>
|
|
<script src="../../../libs/vendor/vue.js"></script>
|
|
<script src="../../../libs/vendor/vuex.js"></script>
|
|
<script src="../../../libs/vendor/vuetify.js"></script>
|
|
<!-- App Script -->
|
|
<?php
|
|
$ts = "?ts=" . Date("ymdhis");
|
|
?>
|
|
<script type="module">
|
|
import { store } from './store.js<?php echo $ts ?>';
|
|
import { smartNavbarComponent } from './components/smartNavbarComponent.js<?php echo $ts ?>';
|
|
import { listPatientComponent } from './components/listPatientComponent.js<?php echo $ts ?>';
|
|
// import { dialogFormComponent } from './components/dialogFormComponent.js<?php echo $ts ?>';
|
|
//for testing
|
|
// window.store = store;
|
|
|
|
new Vue({
|
|
store,
|
|
el: '#app',
|
|
components: {
|
|
'smart-navbar': smartNavbarComponent,
|
|
'list-patient': listPatientComponent,
|
|
// 'dialog-form':dialogFormComponent
|
|
},
|
|
data: {
|
|
drawer: false,
|
|
text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.'
|
|
},
|
|
|
|
computed : {
|
|
binding () {
|
|
const binding = {}
|
|
|
|
if (this.$vuetify.breakpoint.mdAndUp) binding.column = true
|
|
|
|
return binding
|
|
}
|
|
}
|
|
})
|
|
</script>
|
|
<style>
|
|
[v-cloak] {
|
|
display: none
|
|
}
|
|
</style>
|
|
</body>
|
|
|
|
</html>
|