Flatten nested repos
This commit is contained in:
sas.fajri
19
test/vuex/ltreg/components/foTest.vue
Normal file
19
test/vuex/ltreg/components/foTest.vue
Normal file
@@ -0,0 +1,19 @@
|
||||
|
||||
<template>
|
||||
<v-container fluid grid-list-md >
|
||||
<v-layout row wrap>
|
||||
|
||||
<left-box></left-box>
|
||||
<right-box></right-box>
|
||||
|
||||
</v-layout>
|
||||
</v-container>
|
||||
</template>
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'left-box' : httpVueLoader('./foTestLeft.vue'),
|
||||
'right-box' : httpVueLoader('./foTestRight.vue'),
|
||||
}
|
||||
}
|
||||
</script>
|
||||
139
test/vuex/ltreg/components/foTestLeft.vue
Normal file
139
test/vuex/ltreg/components/foTestLeft.vue
Normal file
@@ -0,0 +1,139 @@
|
||||
<template>
|
||||
<v-flex xs6 class="left">
|
||||
<v-layout row>
|
||||
<v-flex pl-2 pr-2 pt-0 pb-2 md12>
|
||||
<v-card>
|
||||
<v-layout pl-2 pr-2 row>
|
||||
<v-flex xs12 sm6 md6>
|
||||
<v-text-field
|
||||
label="PERUSAHAAN X"
|
||||
small
|
||||
></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 sm6 md6>
|
||||
<v-select
|
||||
:mous="mous"
|
||||
label="MOU X"
|
||||
small
|
||||
></v-select>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
<v-layout row>
|
||||
<v-flex pl-2 pr-2 pt-1 xs12 sm12 md12>
|
||||
<v-card class="search-test">
|
||||
<v-card-actions>
|
||||
<v-btn outline color="orange">Pemeriksaan</v-btn>
|
||||
<v-btn flat color="orange">Panel</v-btn>
|
||||
<v-btn flat color="orange">Profile</v-btn>
|
||||
<v-btn flat color="orange" text-color="red">MOU *</v-btn>
|
||||
</v-card-actions>
|
||||
<v-divider></v-divider>
|
||||
<v-card-text>
|
||||
<v-layout row pt-0 pb-0>
|
||||
<v-flex >
|
||||
<v-text-field
|
||||
v-model="value"
|
||||
color="cyan darken"
|
||||
placeholder="ketikkan pemeriksaan ..."
|
||||
|
||||
>
|
||||
<v-progress-linear
|
||||
v-if="custom"
|
||||
slot="progress"
|
||||
:value="progress"
|
||||
:color="color"
|
||||
height="7"
|
||||
></v-progress-linear>
|
||||
</v-text-field>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout row>
|
||||
<v-flex text-md-center >
|
||||
<v-btn depressed small color="error">TEST 1</v-btn>
|
||||
<v-btn depressed small color="error">TEST 2</v-btn>
|
||||
<v-btn depressed small color="error">TEST 3</v-btn>
|
||||
<v-btn depressed small color="error">TEST 4</v-btn>
|
||||
<v-btn depressed small color="error">TEST 5</v-btn>
|
||||
<v-btn depressed small color="error">TEST 6</v-btn>
|
||||
<v-btn depressed small color="error">TEST 7</v-btn>
|
||||
<v-btn depressed small color="info">TEST 8</v-btn>
|
||||
<v-btn depressed small color="info">TEST 9</v-btn>
|
||||
<v-btn depressed small color="info">TEST 10</v-btn>
|
||||
<v-btn depressed small color="info">TEST 11</v-btn>
|
||||
<v-btn depressed small color="info">TEST 12</v-btn>
|
||||
<v-btn depressed small color="info">TEST 13</v-btn>
|
||||
<v-btn depressed small color="info">TEST 14</v-btn>
|
||||
<v-btn depressed small color="warning">TEST 15</v-btn>
|
||||
<v-btn depressed small color="warning">TEST 16</v-btn>
|
||||
<v-btn depressed small color="warning">TEST 17</v-btn>
|
||||
<v-btn depressed small color="warning">TEST 18</v-btn>
|
||||
<v-btn depressed small color="warning">TEST 19</v-btn>
|
||||
<v-btn depressed small color="warning">TEST 20</v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-text>
|
||||
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
<v-layout row>
|
||||
<v-flex pl-2 pr-2 pt-2 pb-3 md12>
|
||||
<v-card class="persyaratan">
|
||||
<v-layout pl-2 pr-2 row>
|
||||
<v-flex md12>
|
||||
<v-list
|
||||
subheader
|
||||
three-line
|
||||
|
||||
>
|
||||
<v-subheader red--text text--lighten-1> PERSYARATAN</v-subheader>
|
||||
<v-divider></v-divider>
|
||||
|
||||
|
||||
<div role="listitem"><a class="v-list__tile v-list__tile--link theme--light"><div class="v-list__tile__action"><div class="v-input v-input--selection-controls v-input--checkbox theme--light"><div class="v-input__control"><div class="v-input__slot"><div class="v-input--selection-controls__input"><input aria-checked="false" role="checkbox" type="checkbox" value=""><div class="v-input--selection-controls__ripple"></div><i aria-hidden="true" class="v-icon material-icons theme--light">check_box_outline_blank</i></div></div><div class="v-messages theme--light"><div class="v-messages__wrapper"></div></div></div></div></div> <div class="v-list__tile__content"><div class="v-list__tile__sub-title pt-3"><div class="flex justify-center md12" style="width: 100%;"><div class="v-input text-list-fhm v-text-field v-text-field--enclosed v-text-field--outline v-text-field--placeholder theme--light"><div class="v-input__control"><div class="v-input__slot"><div class="v-text-field__slot"><label aria-hidden="true" class="v-label v-label--active theme--light" style="left: 0px; right: auto; position: absolute;">Tidak bab satu minggu</label><input aria-label="Tidak bab satu minggu" type="text" placeholder="ketikkan alasan di sini ..."></div></div><div class="v-text-field__details"><div class="v-messages theme--light"><div class="v-messages__wrapper"></div></div></div></div></div></div></div></div></a></div>
|
||||
|
||||
|
||||
</v-list>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
div.search-test .v-text-field {
|
||||
padding-top: 2px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
div.persyaratan input[type=text]::-webkit-input-placeholder {
|
||||
font-size: 1em;
|
||||
}
|
||||
div.persyaratan input[type=text] {
|
||||
font-size: .7em;
|
||||
}
|
||||
div.persyaratan label {
|
||||
color: #f44336!important;
|
||||
font-size: 1.1em;
|
||||
font-weight:400;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
data: () => ({
|
||||
mous: ['Foo', 'Bar', 'Fizz', 'Buzz'],
|
||||
custom: false,
|
||||
value: '',
|
||||
notifications:true
|
||||
})
|
||||
}
|
||||
</script>
|
||||
119
test/vuex/ltreg/components/foTestRight.vue
Normal file
119
test/vuex/ltreg/components/foTestRight.vue
Normal file
@@ -0,0 +1,119 @@
|
||||
<template>
|
||||
<v-flex xs6 class="right">
|
||||
<v-layout row>
|
||||
<v-flex pl-2 pr-2 pt-0 pb-2 md12>
|
||||
<v-card color="blue lighten-3">
|
||||
<v-layout align-center row>
|
||||
<v-flex text-md-left justify-start row fill-height pt-2 pb-2>
|
||||
<div class="flex display-1 font-weight-medium pt-1 pb-1 pl-2"><kbd>TOTAL</kbd></div>
|
||||
</v-flex>
|
||||
<v-flex text-md-right justify-start row fill-height pt-2 pb-2>
|
||||
<div class="flex display-2 font-weight-medium pt-1 pb-1 pr-2"><kbd>1.200.000</kbd></div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout row>
|
||||
<v-flex pl-2 pt-1 pr-2 xs12 sm12 md12>
|
||||
<v-card>
|
||||
<table>
|
||||
<tr>
|
||||
<th class="text-md-center pt-2 pb-2"> # </th>
|
||||
<th class="text-md-center pt-2 pb-2">PEMERIKSAAN</th>
|
||||
<th class="text-md-center pt-2 pb-2">BRUTO</th>
|
||||
<th class="text-md-center pt-2 pb-2">DISKON</th>
|
||||
<th class="text-md-center pt-2 pb-2">TOTAL</th>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-md-center"> <v-icon color = "red" >delete</v-icon> </td>
|
||||
<td class="text-md-left pl-3">SGOT</td>
|
||||
<td class="text-md-right pr-2">50.000</td>
|
||||
<td class="text-md-right pr-2">5.000</td>
|
||||
<td class="text-md-right pr-2">45.000</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-md-center"> <v-icon color = "red" >delete</v-icon> </td>
|
||||
<td class="text-md-left pl-3">SGPT</td>
|
||||
<td class="text-md-right pr-2">50.000</td>
|
||||
<td class="text-md-right pr-2">5.000</td>
|
||||
<td class="text-md-right pr-2">45.000</td>
|
||||
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th style="background:#03a9f43d" colspan="3" class="text-md-right pr-2 pt-2 pb-2">SUB TOTAL</th>
|
||||
<th style="background:#03a9f43d" class="text-md-right pr-2 pt-2 pb-2" colspan="2">100.000</th>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th colspan="3" class="text-md-right pr-2 pt-1 pb-1">DISKON PEMBULATAN</th>
|
||||
<th class="text-md-right pr-2 pt-1 pb-1" colspan="2">10.000</th>
|
||||
|
||||
</tr>
|
||||
</tfoot>
|
||||
|
||||
|
||||
|
||||
</table>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
|
||||
|
||||
</template>
|
||||
<style scoped>
|
||||
.nota {
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
.total {
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
text-align: right;
|
||||
}
|
||||
table {
|
||||
font-family: arial, sans-serif;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
background:white;
|
||||
}
|
||||
|
||||
table, th, td {
|
||||
border: 1px solid black;
|
||||
border-collapse: collapse;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
table>tr>td {
|
||||
padding: 8px;
|
||||
}
|
||||
table>tr>td:first {
|
||||
padding-left:15px!important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.vintage-text{
|
||||
text-shadow: 0px -2px 0px #fff, 0px 2px 3px #fff;
|
||||
}
|
||||
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
data: () => ({
|
||||
mous: ['Foo', 'Bar', 'Fizz', 'Buzz'],
|
||||
custom: false,
|
||||
value: ''
|
||||
})
|
||||
}
|
||||
</script>
|
||||
45
test/vuex/ltreg/components/notaBoxV1.vue
Normal file
45
test/vuex/ltreg/components/notaBoxV1.vue
Normal file
@@ -0,0 +1,45 @@
|
||||
<template>
|
||||
<v-layout row >
|
||||
<v-flex class="searchbox">
|
||||
<v-card class="blue lighten-3 pa-0">
|
||||
<v-card-actions >
|
||||
<v-layout row wrap align-center>
|
||||
<v-flex >
|
||||
<div class="nota">TOTAL</div>
|
||||
</v-flex>
|
||||
<v-flex >
|
||||
<div class="total">90.000</div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
<style scoped>
|
||||
|
||||
|
||||
|
||||
.layout {
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
.nota {
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
.total {
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
}
|
||||
</script>
|
||||
74
test/vuex/ltreg/components/notadetailBoxV1.vue
Normal file
74
test/vuex/ltreg/components/notadetailBoxV1.vue
Normal file
@@ -0,0 +1,74 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<th>Pemeriksaan</th>
|
||||
<th>Bruto</th>
|
||||
<th>Diskon</th>
|
||||
<th>Total</th>
|
||||
<th>Action</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style = "text-align: left; padding : 5px;">SGOT</td>
|
||||
<td >50.000</td>
|
||||
<td >5.000</td>
|
||||
<td >45.000</td>
|
||||
<td > <v-icon color = "red" >delete</v-icon> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style = "text-align: left; padding : 5px;">SGPT</td>
|
||||
<td >50.000</td>
|
||||
<td >5.000</td>
|
||||
<td >45.000</td>
|
||||
<td > <v-icon color = "red" >delete</v-icon> </td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th colspan="3" style = "text-align: right;">SUB TOTAL</th>
|
||||
<th >100.000</th>
|
||||
<th > </th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th colspan="3" style = "text-align: right;">DISKON PEMBULATAN</th>
|
||||
<th >10.000</th>
|
||||
<th > </th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
|
||||
|
||||
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<style scoped>
|
||||
table {
|
||||
font-family: arial, sans-serif;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table, th {
|
||||
border: 1px solid #dddddd;
|
||||
text-align: center;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
tr:nth-child(even) {
|
||||
background-color: #dddddd;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
}
|
||||
</script>
|
||||
18
test/vuex/ltreg/components/oneFoOrderListV1.vue
Normal file
18
test/vuex/ltreg/components/oneFoOrderListV1.vue
Normal file
@@ -0,0 +1,18 @@
|
||||
<template>
|
||||
<v-flex xs6>
|
||||
<nota-box> </nota-box>
|
||||
<v-flex grow >
|
||||
<notadetail-box> </notadetail-box>
|
||||
</v-flex>
|
||||
</v-flex>
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'nota-box' : httpVueLoader('./notaBoxV1.vue'),
|
||||
'notadetail-box' : httpVueLoader('./notadetailBoxV1.vue'),
|
||||
}
|
||||
}
|
||||
</script>
|
||||
24
test/vuex/ltreg/components/oneFoPatientV1.vue
Normal file
24
test/vuex/ltreg/components/oneFoPatientV1.vue
Normal file
@@ -0,0 +1,24 @@
|
||||
<template>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs6 class="left">
|
||||
Left
|
||||
</v-flex>
|
||||
<v-flex xs6 class="right">
|
||||
Right
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.left {
|
||||
background-color:red;
|
||||
}
|
||||
.right {
|
||||
background-color:blue;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
}
|
||||
</script>
|
||||
28
test/vuex/ltreg/components/oneFoPatientV2.vue
Normal file
28
test/vuex/ltreg/components/oneFoPatientV2.vue
Normal file
@@ -0,0 +1,28 @@
|
||||
<template>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs6 class="left">
|
||||
<v-layout column fill-height>
|
||||
<v-flex shrink class="searchbox">
|
||||
searchbox
|
||||
</v-flex>
|
||||
<v-flex grow class="searchresult">
|
||||
search result
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.searchbox {
|
||||
background-color:blue;
|
||||
}
|
||||
.searchresult {
|
||||
background-color:red;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
}
|
||||
</script>
|
||||
11
test/vuex/ltreg/components/oneFoPatientV3.vue
Normal file
11
test/vuex/ltreg/components/oneFoPatientV3.vue
Normal file
@@ -0,0 +1,11 @@
|
||||
<template>
|
||||
<pasien-search> </pasien-search>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'pasien-search' : httpVueLoader('./pasienSearch.vue')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
26
test/vuex/ltreg/components/oneFoPatientV4.vue
Normal file
26
test/vuex/ltreg/components/oneFoPatientV4.vue
Normal file
@@ -0,0 +1,26 @@
|
||||
<template>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs6 class="left">
|
||||
<v-layout column wrap fill-height>
|
||||
<search-box></search-box>
|
||||
<v-flex grow class="searchresult">
|
||||
search result
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.searchresult {
|
||||
background-color:white;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'search-box' : httpVueLoader('./searchBoxV3.vue')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
28
test/vuex/ltreg/components/pasienSearch.vue
Normal file
28
test/vuex/ltreg/components/pasienSearch.vue
Normal file
@@ -0,0 +1,28 @@
|
||||
<template>
|
||||
<v-layout row wrap>
|
||||
<v-flex xs6 class="left">
|
||||
<v-layout column wrap fill-height>
|
||||
<search-box></search-box>
|
||||
<v-flex grow class="searchresult">
|
||||
search result
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.searchresult {
|
||||
background-color:red;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<script>
|
||||
module.exports = {
|
||||
components : {
|
||||
'search-box' : httpVueLoader('./searchBoxV3.vue')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
11
test/vuex/ltreg/components/searchBox.vue
Normal file
11
test/vuex/ltreg/components/searchBox.vue
Normal file
@@ -0,0 +1,11 @@
|
||||
<template>
|
||||
<v-flex xs2 class="searchbox">
|
||||
searchbox in component
|
||||
</v-flex>
|
||||
</template>
|
||||
<style scoped>
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
}
|
||||
</script>
|
||||
15
test/vuex/ltreg/components/searchBoxV2.vue
Normal file
15
test/vuex/ltreg/components/searchBoxV2.vue
Normal file
@@ -0,0 +1,15 @@
|
||||
<template>
|
||||
<v-flex shrink class="searchbox">
|
||||
<v-card >
|
||||
<v-card-text>
|
||||
Search Box
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</template>
|
||||
<style scoped>
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
}
|
||||
</script>
|
||||
60
test/vuex/ltreg/components/searchBoxV3.vue
Normal file
60
test/vuex/ltreg/components/searchBoxV3.vue
Normal file
@@ -0,0 +1,60 @@
|
||||
<template>
|
||||
<v-flex shrink wrap class="searchbox">
|
||||
<v-card class="blue lighten-3">
|
||||
<v-card-actions >
|
||||
<v-layout row wrap align-center>
|
||||
<v-flex xs3>
|
||||
<input class="noreg" type="text" placeholder="No Reg" ></input>
|
||||
</v-flex>
|
||||
<v-flex xs5>
|
||||
<input class="search" type="text" placeholder="Name+HP+DOB+Alamat" ></input>
|
||||
</v-flex>
|
||||
<v-flex >
|
||||
<v-btn left rounded class="btn-search">
|
||||
Search
|
||||
</v-btn>
|
||||
<v-btn left rounded class="btn-new" >
|
||||
New
|
||||
</v-btn>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-card-actions>
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</template>
|
||||
<style scoped>
|
||||
.btn-search{
|
||||
background-color: #ff8a65!important;
|
||||
color:white!important;
|
||||
}
|
||||
.btn-new {
|
||||
background-color: #ffd54f!important;
|
||||
color:white!important;
|
||||
}
|
||||
.layout {
|
||||
padding:10px;
|
||||
}
|
||||
::placeholder {
|
||||
color: #b0b0b0 ;
|
||||
font-size: 1.1em;
|
||||
font-style: italic;
|
||||
font-weight:normal;
|
||||
}
|
||||
input.noreg {
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
input {
|
||||
background-color:white;
|
||||
padding:4px;
|
||||
font-size: 1.1em;
|
||||
vertical-align:middle;
|
||||
border: solid 1px #dedede;
|
||||
border-radius: 5px;
|
||||
width:90%;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
module.exports = {
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user