fajri/FE_CPONE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Flatten nested repos

Browse Source
This commit is contained in:
sas.fajri
2026-04-27 10:13:31 +07:00
parent 01c2963a43
commit 8347aef8f4
17935 changed files with 5015229 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
test/vuex/verification2/action.js Normal file
View File

31
test/vuex/verification2/api.js Normal file
View File

@@ -0,0 +1,31 @@
// API :
// search bank
// paramater : query , page , rowPerPage
const URL =
"http://lebaran.aplikasi.web.id/smartlab_api/vuex/t02/search_bank";
export async function searchBank(query, page, rowPerPage = 15) {
try {
var resp = await axios.post(URL, {
query: query,
page: page,
rowPerPage: rowPerPage
});
if (resp.status != 200) {
return {
status: "ERR",
query: query,
message: resp.statusText
};
}
let data = resp.data;
data.query = query;
return data;
} catch (e) {
return {
status: "ERR",
query: query,
message: e.message
};
}
}

33
test/vuex/verification2/components/foVerificationList.vue Normal file
View File

@@ -0,0 +1,33 @@
<template>
<v-layout row wrap>
<v-flex xs6 fill-height class="left">
<patient-left-side></patient-left-side>
</v-flex>
<v-flex xs6 class="right" fill-height>
<patient-right-side></patient-right-side>
</v-flex>
</v-layout>
</template>
<style scoped>
.judul {
font-size: 2em;
font-weight: bold;
text-align: left;
}
</style>
<script>
module.exports = {
components : {
'patient-left-side' : httpVueLoader('./patientLeftSide.vue'),
'patient-right-side' : httpVueLoader('./patientRightSide.vue'),
}
}
</script>

43
test/vuex/verification2/components/headerBox.vue Normal file
View File

@@ -0,0 +1,43 @@
<template>
<div>
<v-card>
<v-btn class= "button parallelogram" color="success">Pasien Dokter</v-btn>
<v-btn class= "button parallelogram" color="warning">MOU </v-btn>
<v-btn class= "button parallelogram" color="error">Kirim Hasil </v-btn>
<v-btn class= "button parallelogram" color="info"> Barcode</v-btn>
</v-card>
</div>
</template>
<style scoped>
.v-card{
text-align: center;
}
.v-btn__content{
margin-top : -10px;
}
.button {
padding: 30px 16px;
width : 20%;
text-decoration:none;
}
.parallelogram{
transform: skew(-20deg);
}
.v-btn {
word-break: break-all;
}
</style>
<script>
module.exports = {
}
</script>

168
test/vuex/verification2/components/oneFOVerificationKirimPayment.vue Normal file
View File

@@ -0,0 +1,168 @@
<template>
<div>
<v-layout row>
<v-flex pt-2 pb-1 md12>
<v-card class="pengiriman" color="red">
<v-layout row>
<v-flex md12>
<v-list
subheader
three-line
>
<v-subheader red--text text--lighten-1>
DATA PENGIRIMAN
<v-flex text-md-right>
<v-btn small color="primary">Tambah Data</v-btn>
</v-flex>
</v-subheader>
<v-divider></v-divider>
<v-list-tile class="grey lighten-2" @click="">
<v-list-tile-action>
<v-checkbox
v-model="notifications"
></v-checkbox>
</v-list-tile-action>
<v-list-tile-content @click.prevent="notifications = !notifications">
<v-list-tile-sub-title class="pt-3">
<v-flex justify-center style="width:100%">
<v-text-field
label="EMAIL"
value = "sms.fajrihm@gmail.com"
readonly
outline
class="text-list-fhm"
></v-text-field>
</v-flex>
</v-list-tile-sub-title>
</v-list-tile-content>
</v-list-tile>
<v-list-tile @click="">
<v-list-tile-action>
<v-checkbox
v-model="notifications"
></v-checkbox>
</v-list-tile-action>
<v-list-tile-content @click.prevent="notifications = !notifications">
<v-list-tile-sub-title class="pt-3">
<v-flex justify-center style="width:80%">
<v-text-field
label="KIRIM KE PASIEN"
value = "Jl. Ngemblak Raya No.22, Brebes"
outline
readonly
class="text-list-fhm"
></v-text-field>
</v-flex>
<v-flex justify-center text-md-center pt-2 style="width:20%">
<v-icon large color="red">delete</v-icon>
</v-flex>
</v-list-tile-sub-title>
</v-list-tile-content>
</v-list-tile>
</v-list>
</v-flex>
</v-layout>
</v-card>
</v-flex>
</v-layout>
<v-layout row>
<v-flex pt-1 pb-3 md12>
<v-card class="pembayaran-minimum red accent-1">
<v-layout row>
<v-flex md12>
<v-list
subheader
three-line
>
<v-subheader red--text text--lighten-1>
DATA PEMBAYARAN
</v-subheader>
<v-divider></v-divider>
<v-list-tile @click="">
<v-list-tile-action>
<v-checkbox
v-model="notifications"
></v-checkbox>
</v-list-tile-action>
<v-list-tile-content @click.prevent="notifications = !notifications">
<v-list-tile-sub-title class="pt-3">
<v-flex justify-center style="width:100%">
<v-text-field
label="MEMENUHI MINIMAL PAYMENT"
placeholder = "Rp -"
outline
class="text-list-fhm"
></v-text-field>
</v-flex>
</v-list-tile-sub-title>
</v-list-tile-content>
</v-list-tile>
</v-list>
</v-flex>
</v-layout>
</v-card>
</v-flex>
</v-layout>
</div>
</template>
<style scoped>
.v-card{
text-align: center;
}
.parallelogram{
transform: skew(-20deg);
}
div.pembayaran-minimum input[type=text]::-webkit-input-placeholder {
font-size: 1em;
color:#f44336!important;
}
div.pembayaran-minimum input[type=text] {
font-size: .7em;
color : #f44336!important;
}
div.pembayaran-minimum label {
color: #1976d2!important;
font-size: 1.2em;
font-weight:400;
}
</style>
<script>
module.exports = {
}
</script>

24
test/vuex/verification2/components/oneFoPatientV1.vue Normal file
View 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/verification2/components/oneFoPatientV2.vue Normal file
View 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/verification2/components/oneFoPatientV3.vue Normal file
View File

@@ -0,0 +1,11 @@
<template>
<pasien-search> </pasien-search>
</template>
<script>
module.exports = {
components : {
'pasien-search' : httpVueLoader('./pasienSearch.vue')
}
}
</script>

26
test/vuex/verification2/components/oneFoPatientV4.vue Normal file
View 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/verification2/components/pasienSearch.vue Normal file
View 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>

21
test/vuex/verification2/components/patientLeftSide.vue Normal file
View File

@@ -0,0 +1,21 @@
<template>
<v-card class="pa-1">
<v-layout row wrap>
<v-flex xs12>
<patient-search-box></patient-search-box>
</v-flex>
<v-flex xs12>
<patient-search-result></patient-search-result>
</v-flex>
</v-layout>
</v-card>
</template>
<script>
module.exports = {
components : {
'patient-search-box' : httpVueLoader('./patientSearchBox.vue'),
'patient-search-result' : httpVueLoader('./patientSearchResult.vue')
}
}
</script>

20
test/vuex/verification2/components/patientRightSide.vue Normal file
View File

@@ -0,0 +1,20 @@
<template>
<v-card class="pa-1">
<v-layout row wrap>
<v-flex xs12>
<header-box></header-box>
</v-flex>
</v-layout>
<one-fo-verification-kirim-payment></one-fo-verification-kirim-payment>
</v-card>
</template>
<script>
module.exports = {
components : {
'header-box' : httpVueLoader('./headerBox.vue'),
'one-fo-verification-kirim-payment' : httpVueLoader('./oneFOVerificationKirimPayment.vue'),
}
}
</script>

70
test/vuex/verification2/components/patientSearchBox.vue Normal file
View File

@@ -0,0 +1,70 @@
<template>
<v-card class="pa-2">
<v-layout>
<v-flex xs3 pa-1>
<v-text-field
label="Search"
placeholder="No Lab"
single-line
outline
></v-text-field>
</v-flex>
<v-flex xs6 pa-1>
<v-text-field
label=""
placeholder="Nama"
single-line
outline
></v-text-field>
</v-flex>
<v-flex xs6 pa-1>
<v-select
:items="items"
label="Status"
outline
></v-select>
</v-flex>
<v-flex xs3>
<v-btn color="success" class="mr-1 ml-1">Search</v-btn>
</v-flex>
</v-layout>
</v-card>
</template>
<style scoped>
.v-btn {
min-width: auto;
}
.v-input__slot {
margin-bottom: 0px !important;
}
.v-messages {
display: none;
}
.v-text-field--box>.v-input__control>.v-input__slot,.v-text-field--full-width>.v-input__control>.v-input__slot,.v-text-field--outline>.v-input__control>.v-input__slot {
min-height: 44px;
}
.v-text-field--box.v-text-field--single-line input,.v-text-field--full-width.v-text-field--single-line input,.v-text-field--outline.v-text-field--single-line input {
margin-top: 6px;
}
.v-input__control{
height: 10px;
}
.v-btn {
margin : 10px
}
</style>
<script>
module.exports = {
}
</script>

86
test/vuex/verification2/components/patientSearchResult.vue Normal file
View File

@@ -0,0 +1,86 @@
<template>
<v-card class="xs12 md12 mt-2" >
<v-data-table :headers="headers" :items="patients"
:loading="isLoading"
hide-actions class="elevation-1">
<template slot="items" slot-scope="props">
<td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':props.item.selected}" @click="selectMe(props.item)">{{ props.item.mr }}</td>
<td class="pa-2" v-bind:class="{'amber lighten-4':props.item.selected}" @click="selectMe(props.item)">{{ props.item.lab}}</td>
<td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':props.item.selected}" @click="selectMe(props.item)">{{ props.item.name }}</td>
<td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':props.item.selected}" @click="selectMe(props.item)">{{ props.item.status }}</td>
</template>
</v-data-table>
</v-card>
</template>
<style scoped>
table.v-table tbody td,table.v-table tbody th {
height: 40px;
}
table.v-table thead tr {
height: 40px;
}
</style>
<script>
module.exports = {
data() {
return {
query: "",
headers: [
{
text: "NO REG",
align: "left",
sortable: false,
value: "mr",
width: "15%",
class: "pa-2 blue lighten-3 white--text"
},
{
text: "NO LAB",
align: "left",
sortable: false,
value: "lab",
width: "15%",
class: "pa-2 blue lighten-3 white--text"
},
{
text: "NAMA",
align: "left",
sortable: false,
value: "name",
width: "25%",
class: "pa-2 blue lighten-3 white--text"
},
{
text: "STATUS",
align: "left",
sortable: false,
value: "status",
width: "15%",
class: "pa-2 blue lighten-3 white--text"
}
],
isLoading: true,
patients: [
{"status":"Data Verified","lab":"08000198909", "mr": "MR-18107237", "name": "Pasien Umum", "sex": "Perempuan", "address": "Klero\r\nKabupaten Semarang", "action":"", "dob":"19-09-1992", "selected":false},
{"status":"Payment Verified","lab":"08000198111", "mr": "MR-18107238", "name": "Heri Suryawan", "sex": "Laki - laki", "address": "Ampel", "action":"", "dob":"19-09-1992", "selected":false},
{"status":"Payment Verified","lab":"08000198222", "mr": "MR-18107239", "name": "LUKA MODRIC", "sex": "Laki - laki", "address": "Jl. Raya No 1", "action":"", "dob":"19-09-1992", "selected":true},
{"status":"Data Verified","lab":"08000198121", "mr": "MR-18107247", "name": "Tyas Medika Pranandita", "sex": "Laki - laki", "address": "KP. Karangpanas", "action":"", "dob":"19-09-1992", "selected":false},
{"status":"Data & Payment Verified","lab":"08000198131", "mr": "MR-18107248", "name": "Astrid", "sex": "Perempuan", "address": "Jl. Ketintang Raya No.81", "action":"", "dob":"19-09-1992", "selected":false},
{"status":"Data & Payment Verified","lab":"08000198123", "mr": "MR-18107249", "name": "Happy", "sex": "Perempuan", "address": "Karangpanas", "action":"", "dob":"19-09-1992", "selected":false},
{"status":"Data Verified","lab":"08000198111", "mr": "MR-18107251", "name": "Juan Alexis Sukir", "sex": "Laki - laki", "address": "Jl. Sawi", "action":"", "dob":"19-09-1992", "selected":false},
{"status":"Data & Payment Verified","lab":"08000198555", "mr": "MR-18107252", "name": "Alexander Wang", "sex": "Laki - laki", "address": "Jl. Mangga Muda No. 7", "action":"", "dob":"19-09-1992", "selected":false},
{"status":"Payment Verified","lab":"08000198444", "mr": "MR-18107253", "name": "CILA CILANI", "sex": "Perempuan", "address": "Jl. Duren PInang No. 67", "action":"", "dob":"19-09-1992", "selected":false},
{"status":"Data & Payment Verified","lab":"08000198123", "mr": "MR-18107254", "name": "Untung Suropati", "sex": "Laki - laki", "address": "Pasar Kapling Semarang", "action":"", "dob":"19-09-1992", "selected":false}
]
};
}
}
</script>

11
test/vuex/verification2/components/searchBox.vue Normal file
View 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/verification2/components/searchBoxV2.vue Normal file
View 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/verification2/components/searchBoxV3.vue Normal file
View 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>

59
test/vuex/verification2/index.php Normal file
View File

@@ -0,0 +1,59 @@
<!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" >
<one-navbar></one-navbar>
<v-content class="blue lighten-5" >
<v-container fluid fill-height>
<one-fo-verification-list> <one-fo-verification-list>
</v-container>
</v-content>
<one-footer> </one-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>
<script src="../../../libs/vendor/httpVueLoader.js"></script>
<!-- App Script -->
<?php
$ts = "?ts=" . Date("ymdhis");
?>
<script type="module">
import { store } from './store.js<?php echo $ts ?>';
//for testing
// window.store = store;
new Vue({
store,
el: '#app',
components: {
'one-navbar': httpVueLoader('../../../apps/components/oneNavbarComponent.vue'),
'one-footer': httpVueLoader('../../../apps/components/oneFooter.vue'),
'one-fo-verification-list': httpVueLoader('./components/foVerificationList.vue'),
}
})
</script>
<style>
[v-cloak] {
display: none
}
</style>
</body>
</html>

0
test/vuex/verification2/mutation.js Normal file
View File

71
test/vuex/verification2/store.js Normal file
View File

@@ -0,0 +1,71 @@
// State
// data ...
// Mutations
//
//
// Actions
import * as api from "./api.js";
export const store = new Vuex.Store({
state: {
rows: [],
midPages: [],
isLoading: false,
isError: false,
errorMessage: "",
query: "",
page: 0,
totalPage: 0,
totalRecord: 0
},
mutations: {
updateBank(state, data) {
// console.log(data);
if (data.status == "ERR") {
state.isError = true;
if (data.db_error) {
state.errorMessage = data.db_error.message;
} else {
state.errorMessage = data.message;
}
state.query = data.query;
state.page = 0;
state.totalPage = 0;
state.totalRecord = 0;
state.rows = [];
state.midPages = [];
} else {
state.isError = false;
state.errorMessage = "";
state.query = data.query;
state.page = data.page;
state.totalPage = data.totalPage;
state.totalRecord = data.totalRecord;
state.rows = data.rows;
state.midPages = data.midPages;
}
},
updateLoading(state, flag) {
state.isLoading = flag;
},
resetError(state) {
state.isError = false;
state.errorMessage = "";
}
},
actions: {
async searchBank(context, data) {
context.commit("updateLoading", true);
let resp = await api.searchBank(
data.query,
data.page,
data.rowPerPage
);
context.commit("updateLoading", false);
context.commit("updateBank", resp);
setTimeout(function() {
context.commit("resetError");
}, 5000);
}
}
});