140 lines
3.9 KiB
HTML
140 lines
3.9 KiB
HTML
<!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>Doctor</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">
|
|
<v-navigation-drawer v-model="drawer" fixed app>
|
|
<v-list dense>
|
|
<v-list-tile>
|
|
<v-list-tile-action>
|
|
<v-icon>home</v-icon>
|
|
</v-list-tile-action>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>Home</v-list-tile-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
<v-list-tile>
|
|
<v-list-tile-action>
|
|
<v-icon>contact_mail</v-icon>
|
|
</v-list-tile-action>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>Contact</v-list-tile-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
</v-list>
|
|
</v-navigation-drawer>
|
|
<v-toolbar color="indigo" dark fixed app>
|
|
<v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
|
|
<v-toolbar-title>Application</v-toolbar-title>
|
|
</v-toolbar>
|
|
<v-content>
|
|
<v-container fluid fill-height>
|
|
<v-layout >
|
|
<v-flex text-xs-center>
|
|
|
|
<v-data-table :headers="headers" :items="doctor" hide-actions class="elevation-1" >
|
|
<template slot="items" slot-scope="props">
|
|
|
|
<td >{{ props.item.M_DoctorName}}</td>
|
|
<td >{{ props.item.M_DoctorHomeAddress}}</td>
|
|
<td >{{ props.item.M_DoctorHomeAddress}}</td>
|
|
<td >{{ props.item.M_DoctorHP}}</td>
|
|
<td >{{ props.item.M_DoctorPhone}}</td>
|
|
|
|
</template>
|
|
</v-data-table>
|
|
|
|
</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 -->
|
|
<script type="module">
|
|
import { store } from './store.js?x=3';
|
|
import { smartNavbarComponent } from './components/smartNavbarComponent.js?x=5';
|
|
//for testing
|
|
// window.store = store;
|
|
|
|
new Vue({
|
|
store,
|
|
el: '#app',
|
|
components: {
|
|
'smart-navbar': smartNavbarComponent
|
|
},
|
|
data: {
|
|
drawer: false,
|
|
headers: [
|
|
{
|
|
text: 'Nama',
|
|
align: 'center',
|
|
sortable: false,
|
|
value: 'M_DoctorName'
|
|
},
|
|
{
|
|
text: 'Home Address',
|
|
align: 'center',
|
|
sortable: false,
|
|
value: 'M_DoctorHomeAddress'
|
|
},
|
|
{
|
|
text: 'Practice Address',
|
|
align: 'center',
|
|
sortable: false,
|
|
value: 'M_DoctorPracticeAddress'
|
|
},
|
|
{
|
|
text: 'HP',
|
|
value: 'M_DoctorHP',
|
|
sortable: false,
|
|
align: 'center',
|
|
},
|
|
{
|
|
text: 'Phone',
|
|
value: 'M_DoctorPhone',
|
|
sortable: false,
|
|
align: 'center',
|
|
}
|
|
],
|
|
doctor: [
|
|
{
|
|
M_DoctorName : 'Dr. Suzana T,M.Kes',
|
|
M_DoctorHomeAddress: "Jl.Kopo No 161",
|
|
M_DoctorPracticeAddress: "Jl. Protokol V / 4 Cijerah",
|
|
M_DoctorHP: '022-2506337',
|
|
M_DoctorPhone: '081321329126'
|
|
},
|
|
]
|
|
}
|
|
})
|
|
</script>
|
|
<style>
|
|
[v-cloak] {
|
|
display: none
|
|
}
|
|
</style>
|
|
</body>
|
|
|
|
</html>
|