Initial import

one-ui/test_x_old/vuex/one-home-service-staff/api/doctor.js

@@ -0,0 +1,234 @@
+const URL = "/one-api/mockup/masterdata/";
+
+export async function search(token, nama, status) {
+    try {
+        var resp = await axios.post(URL + 'doctor/search', {
+            token:token, 
+            nama: nama,
+            status: status
+        });
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+
+export async function getsexreg(token) {
+    try {
+        var resp = await axios.post(URL + 'doctor/getsexreg',{token:token});
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+
+export async function save(prm) {
+    try {
+        var resp = await axios.post(URL + 'doctor/save',prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+
+export async function newdoctor(prm) {
+    try {
+        var resp = await axios.post(URL + 'doctor/newdoctor',prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+
+export async function xdelete(prm) {
+    try {
+        var resp = await axios.post(URL + 'doctor/deletedoctor',prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+
+export async function getaddress(prm) {
+    try {
+        var resp = await axios.post(URL + 'doctor/getaddress',prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+
+export async function searchcity(token,prm) {
+    try {
+       var resp = await axios.post(URL + 'doctor/searchcity',{token:token,search:prm});
+       if (resp.status != 200) {
+          return {
+             status: "ERR",
+             message: resp.statusText
+          };
+       }
+       let data = resp.data;
+       return data;
+    } catch(e) {
+       return {
+          status: "ERR",
+          message: e.message
+       };
+    }
+ }
+
+ export async function getdistrict(token,prm) {
+    try {
+       var resp = await axios.post(URL + 'doctor/getdistrict',{id:prm.M_CityID,token:token});
+       if (resp.status != 200) {
+          return {
+             status: "ERR",
+             message: resp.statusText
+          };
+       }
+       let data = resp.data;
+       return data;
+    } catch(e) {
+       return {
+          status: "ERR",
+          message: e.message
+       };
+    }
+ }
+
+ export async function getkelurahan(token,prm) {
+    try {
+       var resp = await axios.post(URL + 'doctor/getkelurahan',{token:token,id:prm.M_DistrictID});
+       if (resp.status != 200) {
+          return {
+             status: "ERR",
+             message: resp.statusText
+          };
+       }
+       let data = resp.data;
+       return data;
+    } catch(e) {
+       return {
+          status: "ERR",
+          message: e.message
+       };
+    }
+ }
+
+ 
+export async function savenewaddress(prm) {
+    try {
+        var resp = await axios.post(URL + 'doctor/savenewaddress',prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+
+export async function saveeditaddress(prm) {
+    try {
+        var resp = await axios.post(URL + 'doctor/saveeditaddress',prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+
+export async function deleteaddress(prm) {
+    try {
+        var resp = await axios.post(URL + 'doctor/deleteaddress',prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}

one-ui/test_x_old/vuex/one-home-service-staff/api/staff.js

@@ -0,0 +1,253 @@
+const URL = "/one-api/v1/preorder/home-service/";
+
+export async function search(token, nama, status) {
+    try {
+        var resp = await axios.post(URL + 'staff/search', {
+            token:token, 
+            nama: nama,
+            status: status
+        });
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+
+export async function getsexreg(token) {
+    try {
+        var resp = await axios.post(URL + 'doctor/getsexreg',{token:token});
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+
+export async function save(prm) {
+    try {
+        var resp = await axios.post(URL + 'doctor/save',prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+
+export async function newdoctor(prm) {
+    try {
+        var resp = await axios.post(URL + 'doctor/newdoctor',prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+
+export async function xdelete(prm) {
+    try {
+        var resp = await axios.post(URL + 'doctor/deletedoctor',prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+
+export async function getaddress(prm) {
+    try {
+        var resp = await axios.post(URL + 'doctor/getaddress',prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+
+export async function searchcity(token,prm) {
+    try {
+       var resp = await axios.post(URL + 'doctor/searchcity',{token:token,search:prm});
+       if (resp.status != 200) {
+          return {
+             status: "ERR",
+             message: resp.statusText
+          };
+       }
+       let data = resp.data;
+       return data;
+    } catch(e) {
+       return {
+          status: "ERR",
+          message: e.message
+       };
+    }
+ }
+
+ export async function getdistrict(token,prm) {
+    try {
+       var resp = await axios.post(URL + 'doctor/getdistrict',{id:prm.M_CityID,token:token});
+       if (resp.status != 200) {
+          return {
+             status: "ERR",
+             message: resp.statusText
+          };
+       }
+       let data = resp.data;
+       return data;
+    } catch(e) {
+       return {
+          status: "ERR",
+          message: e.message
+       };
+    }
+ }
+
+ export async function getkelurahan(token,prm) {
+    try {
+       var resp = await axios.post(URL + 'doctor/getkelurahan',{token:token,id:prm.M_DistrictID});
+       if (resp.status != 200) {
+          return {
+             status: "ERR",
+             message: resp.statusText
+          };
+       }
+       let data = resp.data;
+       return data;
+    } catch(e) {
+       return {
+          status: "ERR",
+          message: e.message
+       };
+    }
+ }
+
+ 
+export async function savenewaddress(prm) {
+    try {
+        var resp = await axios.post(URL + 'doctor/savenewaddress',prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+
+export async function saveeditaddress(prm) {
+    try {
+        var resp = await axios.post(URL + 'doctor/saveeditaddress',prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+
+export async function deleteaddress(prm) {
+    try {
+        var resp = await axios.post(URL + 'doctor/deleteaddress',prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}
+
+export async function settohomeservice(prm) {
+    try {
+        var resp = await axios.post(URL + 'staff/settohomeservice',prm);
+        if (resp.status != 200) {
+            return {
+                status: "ERR",
+                message: resp.statusText
+            };
+        }
+        let data = resp.data;
+        return data;
+    } catch (e) {
+        return {
+            status: "ERR",
+            message: e.message
+        };
+    }
+}

one-ui/test_x_old/vuex/one-home-service-staff/components/oneHomeServiceStaffAllList.vue

@@ -0,0 +1,240 @@
+<template>
+   <v-layout class="fill-height" column>
+      <v-dialog v-model="dialogsuccess" persistent  max-width="290">
+        <v-card>
+            <v-card-title color="success"  class="headline">Berhasil !</v-card-title>
+            <v-card-text>
+                {{msgsuccess}}
+            </v-card-text>
+            <v-card-actions>
+            <v-spacer></v-spacer>
+            <v-btn color="green darken-1" flat @click="closeDialogSuccess">OK</v-btn>
+            </v-card-actions>
+        </v-card>
+      </v-dialog>
+      <v-card   class="mb-2 pa-2 searchbox">
+         <v-layout >
+               <v-text-field class="xs9 ma-1"
+                             label=""
+                             placeholder="Nama"
+                             single-line
+                             outline
+                             v-model="name"
+                             hide-details
+                             ></v-text-field>
+
+              
+            <v-btn class="xs6 ma-1" color="success"  @click="searchDoctor" >Cari</v-btn>
+
+         </v-layout>
+      </v-card>
+      <v-card >
+         <v-layout row>
+            <v-flex xs12 pl-2 pr-2 pt-2 pb-2>
+               <v-data-table 
+                  :headers="headers" 
+                  :items="staffs"
+                  :loading="isLoading"
+                  :pagination.sync="pagination"
+                   class="elevation-1">
+                  <template slot="items" slot-scope="props">
+                     <td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':isSelected(props.item)}" @click="selectMe(props.item)">{{ props.item.M_StaffName }}</td>
+                     <td class="text-xs-right pa-2" v-bind:class="{'amber lighten-4':isSelected(props.item)}" @click="selectMe(props.item)">
+                        <div>
+                              <v-btn @click="addToHomeService(props.item,'select')"  v-if="props.item.status === 0 || props.item.status === '0'" small color="error"><v-icon left>close</v-icon>  Belum dipilih</v-btn>
+                              <v-btn  v-if="props.item.status > 0" flat small color="success"><v-icon left>check</v-icon> Sudah terpilih</v-btn>
+                          </div>
+                     </td>
+                  </template>
+                  <template>
+                     <div class="text-xs-center">
+                        <v-pagination
+                           v-model="page"
+                           :length="15"
+                           :total-visible="7"
+                        ></v-pagination>
+                     </div>
+                  </template>
+               </v-data-table>
+            </v-flex>
+         </v-layout>
+      </v-card>
+       <one-dialog-alert :status="openalertconfirmation" :msg="msgalertconfirmation" @forget-dialog-alert="forgetAlertConfirmation()" @close-dialog-alert="closeAlertConfirmation()"></one-dialog-alert>
+   </v-layout>
+</template>
+
+<style scoped>
+.searchbox .v-input.v-text-field .v-input__slot{
+   min-height:60px;
+}
+.searchbox .v-btn {
+   min-height:60px;
+}
+table.v-table tbody td,table.v-table tbody th {
+   height: 40px;
+}
+
+table.v-table thead tr {
+   height: 40px;
+}
+
+</style>
+
+<script>
+module.exports = {
+components : {
+      'one-dialog-info':httpVueLoader('../../common/oneDialogInfo.vue'),
+      'one-dialog-alert':httpVueLoader('../../common/oneDialogAlert.vue')
+   },
+   mounted() {
+      this.$store.dispatch("staff/search",{
+         name:this.name,
+         lastid:-1
+      })
+   },
+   methods : {
+      isSelected(p) {
+         return p.M_StaffID == this.$store.state.staff.selected_staff.M_StaffID
+      },
+      searchDoctor() {
+         this.$store.dispatch("staff/search",{
+            name:this.name,
+            status: this.xselectedstatus.value,
+            lastid:-1
+         })
+      },
+      selectMe(staff) {
+         if(this.$store.state.staff.no_save == 0 ){
+            this.$store.commit("staff/update_selected_staff",staff)
+            this.$store.commit("staff/update_act",'edit')
+         }else{
+            this.$store.commit("staff/update_open_alert_confirmation",true)
+         }
+            
+      },
+      closeAlertConfirmation(){
+          this.$store.commit("staff/update_open_alert_confirmation",false)
+      },
+      forgetAlertConfirmation(){
+          this.$store.commit("staff/update_no_save",0)
+          this.$store.commit("staff/update_open_alert_confirmation",false)
+      },
+      updateAlert_success(val){
+         this.$store.commit("staff/update_alert_success",val)
+      },
+      setNewDoctor(){
+         this.$store.commit("staff/update_selected_staff",{})
+         this.$store.commit("staff/update_preffix",'')
+         this.$store.commit("staff/update_staff_name",'')
+         this.$store.commit("staff/update_suffix",'')
+         this.$store.commit("staff/update_selected_sex",{})
+         this.$store.commit("staff/update_selected_religion",{})
+         this.$store.commit("staff/update_phone",'')
+         this.$store.commit("staff/update_email",'')
+         this.$store.commit("staff/update_hp",'')
+         this.$store.commit("staff/update_pj",'N')
+         this.$store.commit("staff/update_dpj",'N')
+         this.$store.commit("staff/update_clinic",'N')
+         this.$store.commit("staff/update_marketing_confirm",'N')
+         this.$store.commit("staff/update_is_default",'N')
+         this.$store.commit("staff/update_addresses",[])
+
+         this.$store.commit("staff/update_act",'new')
+      },
+      closeDialogSuccess(){
+         let arrstaff = this.$store.state.staff.staffs
+         var idx = _.findIndex(arrstaff, item => item.M_StaffID === this.$store.state.staff.last_id)
+         console.log(idx)
+         this.$store.dispatch("staff/search",{
+            name:this.name,
+            status: this.xselectedstatus.value,
+            lastid: idx
+         })
+         this.$store.commit("staff/update_dialog_success",false)
+      },
+       addToHomeService(value,act){
+          value.searchname = this.name
+         this.$store.dispatch("staff/settohomeservice",value)
+      }
+   },
+   computed: {
+      dialogsuccess: {
+         get() {
+            return this.$store.state.staff.dialog_success
+         },
+         set(val) {
+            this.$store.commit("staff/update_dialog_success",val)
+         }
+      },
+      msgsuccess(){
+         return this.$store.state.staff.msg_success
+      },
+      snackbar: {
+         get() {
+            return this.$store.state.staff.alert_success
+         },
+         set(val) {
+            this.$store.commit("staff/update_alert_success",val)
+         }
+      },
+      isLoading() {
+         return this.$store.state.staff.search_status == 1
+      },
+      xstatuses() {
+         return this.$store.state.staff.statuses
+      },
+      xselectedstatus: {
+         get() {
+            return this.$store.state.staff.selected_status
+         },
+         set(val) {
+            this.$store.commit("staff/update_selected_status",val)
+         }
+      },
+      staffs() {
+         return this.$store.state.staff.staffs
+      },
+      openalertconfirmation: {
+         get() {
+            return this.$store.state.staff.open_alert_confirmation
+         },
+         set(val) {
+            this.$store.commit("staff/update_open_alert_confirmation",val)
+         }
+      }
+   },
+   data() {
+      return {
+         msgalertconfirmation:"Perubahan yang telah dilakukan belum disimpan dong !",
+         items: [],
+         name: '',
+         page:1,
+         headers: [
+            {
+               text: "NAMA",
+               align: "left",
+               sortable: false,
+               value: "M_StaffName",
+               width: "25%",
+               class: "pa-2 blue lighten-3 white--text"
+            },
+            {
+               text: "STATUS",
+               align: "right",
+               sortable: false,
+               value: "status",
+               width: "15%",
+               class: "pa-2 blue lighten-3 white--text"
+            }
+         ],
+         pagination:{
+            descending: false,
+            page: 1,
+            rowsPerPage: 10,
+            sortBy: 'M_StaffName',
+            totalItems: this.$store.state.staff.total_staffs
+         }
+      };
+   }
+}
+</script>

one-ui/test_x_old/vuex/one-home-service-staff/components/oneHomeServiceStaffList.vue

@@ -0,0 +1,292 @@
+<template>
+    <v-layout  column >
+        <v-card>
+            <v-layout row>
+                <v-flex xs12>
+                    <v-subheader red--text text--lighten-1> STAF HOME SERVICE
+                    <!--<v-flex text-md-right>
+                        <v-btn @click="createNewAddress()" small color="info">Baru</v-btn>
+                    </v-flex>-->
+                    </v-subheader>
+                    <v-divider></v-divider>
+                    <v-layout row wrap>
+                        <v-flex xs12 pa-2>
+                            <v-data-table 
+                                :headers="headers" 
+                                :items="xhomeservicestaffs"
+                                :loading="isLoading"
+                                hide-actions class="elevation-1">
+                                <template slot="items" slot-scope="props">
+                                    <td class="text-xs-center pa-2">
+                                        <v-icon color="error" @click="deleteStaff(props.item)">delete</v-icon>
+                                    </td>
+                                    <td class="text-xs-left pa-2">{{ props.item.M_StaffName}}</td>
+                                </template>
+                            </v-data-table>
+                            
+                        </v-flex>
+                    </v-layout>
+                </v-flex>
+            </v-flex>          
+        </v-card>
+    </v-layout>
+</template>
+
+<style scoped>
+
+</style>
+
+<script>
+module.exports = {
+    data: () => ({
+            search_city:'',
+            oldlabel:'',
+            headers: [
+            {
+               text: "AKSI",
+               align: "center",
+               sortable: false,
+               value: "action",
+               width: "5%",
+               class: "pa-1 blue lighten-3 white--text"
+            },
+            {
+               text: "STAF",
+               align: "left",
+               sortable: false,
+               value: "mr",
+               width: "20%",
+               class: "pa-1 blue lighten-3 white--text"
+            }
+         ]
+    }),
+    computed: {
+        dialogconfirmationdeleteaddr:{
+            get() {
+                return this.$store.state.staff.dialog_confirmation_delete_addr
+            },
+            set(val) {
+                this.$store.commit("staff/update_dialog_confirmation_delete_addr",val)
+            }
+        },
+        msgconfirmationdeleteaddr(){
+            return  this.$store.state.staff.msg_confirmation_delete_addr
+        },
+        xact() {
+            return this.$store.state.staff.act
+        },
+        xactaddr() {
+            return this.$store.state.staff.act_addr
+        },
+        dialogformaddress:{
+            get() {
+                return this.$store.state.staff.dialog_form_address
+            },
+            set(val) {
+                this.$store.commit("staff/update_dialog_form_address",val)
+            }
+        },
+        isLoading() {
+            return this.$store.state.staff.search_status == 1
+        },
+        xhomeservicestaffs() {
+            return this.$store.state.staff.homeservice_staffs
+        },
+        xcities(){
+            return this.$store.state.staff.cities
+        },
+        labeladdress:{
+            get() {
+                return this.$store.state.staff.label_address
+            },
+            set(val) {
+                this.$store.commit("staff/update_label_address",val)
+            }
+        },
+        cityaddress:{
+            get() {
+                return this.$store.state.staff.city_address
+            },
+            set(val) {
+                this.$store.commit("staff/update_city_address",val)
+                this.$store.dispatch("staff/getdistrict",this.$store.state.staff.city_address)
+            }
+        },
+        xdistricts(){
+            return this.$store.state.staff.districts
+        },
+        districtaddress:{
+            get() {
+                return this.$store.state.staff.district_address
+            },
+            set(val) {
+                this.$store.commit("staff/update_district_address",val)
+                this.$store.dispatch("staff/getkelurahan",this.$store.state.staff.district_address)
+            }
+        },
+        xkelurahans(){
+            return this.$store.state.staff.kelurahans
+        },
+        kelurahanaddress:{
+            get() {
+                return this.$store.state.staff.kelurahan_address
+            },
+            set(val) {
+                this.$store.commit("staff/update_kelurahan_address",val)
+            }
+        },
+        descriptionaddress:{
+            get() {
+                return this.$store.state.staff.description_address
+            },
+            set(val) {
+                this.$store.commit("staff/update_description_address",val)
+            }
+        },
+    },
+    methods : {
+        createNewAddress(){
+            this.$store.commit("staff/update_act_addr",'new')
+            this.search_city = ''
+            this.labeladdress = ''
+            this.$store.commit("staff/update_cities",[])
+            this.cityaddress = {}
+            this.$store.commit("staff/update_districts",[])
+            this.districtaddress = {}
+            this.$store.commit("staff/update_kelurahans",[])
+            this.kelurahanaddress = {}
+            this.descriptionaddress = ''
+            this.$store.commit("staff/update_dialog_form_address",true)
+        },
+        thr_search_city: _.debounce( function () {
+            this.$store.dispatch("staff/searchcity",this.search_city)
+        },2000),
+        checkError(value){
+            var errors = this.$store.state.staff.errors
+            if(errors.includes(value)){
+                return true
+            }
+            else{
+                return false
+            }
+        },
+        saveNewAddress(){
+            this.$store.commit("staff/update_errors",[])
+            var errors = this.$store.state.staff.errors
+            if(this.labeladdress === ''){
+                errors.push("requiredlabel")
+            }
+            if(_.isEmpty(this.cityaddress)){
+                errors.push("requiredcity")
+            }
+            if(_.isEmpty(this.districtaddress)){
+                errors.push("requireddistrict")
+            }
+            if(_.isEmpty(this.kelurahanaddress)){
+                errors.push("requiredkelurahan")
+            }
+            if(_.isEmpty(this.descriptionaddress)){
+                errors.push("requireddescription")
+            }
+
+            if(errors.length === 0){
+                var prm = {}
+                prm.M_DoctorAddressM_DoctorID = this.$store.state.staff.selected_doctor.M_DoctorID
+                prm.M_DoctorName = this.$store.state.staff.selected_doctor.M_DoctorName
+                prm.M_DoctorAddressNote = this.labeladdress
+                prm.M_DoctorAddressDescription =  this.descriptionaddress
+                prm.M_DoctorAddressM_KelurahanID = this.kelurahanaddress.M_KelurahanID
+                this.$store.dispatch("staff/savenewaddress",prm)
+            }
+        },
+        editAddress(value){
+            this.$store.commit("staff/update_act_addr",'edit')
+            this.$store.commit("staff/update_x_addr_id",value.M_DoctorAddressID)
+            this.labeladdress = value.M_DoctorAddressNote
+            this.oldlabel = value.M_DoctorAddressNote
+            this.$store.commit("staff/update_cities",[{M_CityID:value.M_CityID,M_CityName:value.M_CityName}])
+            this.cityaddress = {M_CityID:value.M_CityID,M_CityName:value.M_CityName}
+            this.$store.commit("staff/update_districts",[{M_DistrictID:value.M_DistrictID,M_DistrictName:value.M_DistrictName}])
+            this.districtaddress = {M_DistrictID:value.M_DistrictID,M_DistrictName:value.M_DistrictName}
+            this.$store.commit("staff/update_kelurahans",[{M_KelurahanID:value.M_DoctorAddressM_KelurahanID,M_KelurahanName:value.M_KelurahanName}])
+            this.kelurahanaddress = {M_KelurahanID:value.M_DoctorAddressM_KelurahanID,M_KelurahanName:value.M_KelurahanName}
+            this.descriptionaddress = value.M_DoctorAddressDescription
+            this.$store.commit("staff/update_dialog_form_address",true)
+        },
+        saveEditAddress(){
+            this.$store.commit("staff/update_errors",[])
+            var errors = this.$store.state.staff.errors
+            if(this.labeladdress === ''){
+                errors.push("requiredlabel")
+            }
+            if(this.oldlabel.toLowerCase() === 'utama' && this.labeladdress.toLowerCase() !== 'utama'){
+                errors.push("readonlyutama")
+            }
+            if(_.isEmpty(this.cityaddress)){
+                errors.push("requiredcity")
+            }
+            if(_.isEmpty(this.districtaddress)){
+                errors.push("requireddistrict")
+            }
+            if(_.isEmpty(this.kelurahanaddress)){
+                errors.push("requiredkelurahan")
+            }
+            if(_.isEmpty(this.descriptionaddress)){
+                errors.push("requireddescription")
+            }
+
+            if(errors.length === 0){
+                var prm = {}
+                prm.M_DoctorAddressID = this.$store.state.staff.x_addr_id
+                prm.M_DoctorAddressM_DoctorID = this.$store.state.staff.selected_doctor.M_DoctorID
+                prm.M_DoctorName = this.$store.state.staff.selected_doctor.M_DoctorName
+                prm.M_DoctorAddressNote = this.labeladdress
+                prm.M_DoctorAddressDescription =  this.descriptionaddress
+                prm.M_DoctorAddressM_KelurahanID = this.kelurahanaddress.M_KelurahanID
+                this.$store.dispatch("staff/saveeditaddress",prm)
+            }
+        },
+        deleteAddress(value){
+            this.$store.commit("staff/update_act_addr",'delete')
+            this.$store.commit("staff/update_x_addr_id",value.M_DoctorAddressID)
+            this.$store.commit("staff/update_errors",[])
+            this.oldlabel = value.M_DoctorAddressNote
+            var errors = this.$store.state.staff.errors
+            if(value.M_DoctorAddressNote.toLowerCase() === 'utama'){
+                errors.push("deleteutama")
+            }
+            var msg = ''
+            if(errors.includes("deleteutama")){
+                msg = "Biarkan yang utama tetap ada"
+            }
+            else{
+                msg = "Yakin, akan menghapus data alamat dokter "+value.M_DoctorAddressNote+" ?"
+            }
+            
+            this.$store.commit("staff/update_msg_confirmation_delete_addr",msg)
+            this.$store.commit("staff/update_dialog_confirmation_delete_addr",true)
+        },
+        doDeleteAddr(){
+            var prm = {}
+            prm.M_DoctorAddressID = this.$store.state.staff.x_addr_id
+            prm.M_DoctorAddressM_DoctorID = this.$store.state.staff.selected_doctor.M_DoctorID
+            prm.M_DoctorName = this.$store.state.staff.selected_doctor.M_DoctorName
+            prm.M_DoctorAddressNote = this.oldlabel
+            this.$store.dispatch("staff/deleteaddress",prm)
+        },
+        deleteStaff(value){
+          value.searchname = this.name
+         this.$store.dispatch("staff/settohomeservice",value)
+      }
+    },
+    watch: {
+        search_city(val,old) {
+            if (val == old ) return
+            if (! val) return
+            if (val.length < 1 ) return
+            if (this.$store.state.staff.update_autocomplete_status == 1 ) return  
+            this.thr_search_city()
+        }
+   }
+}
+</script>

one-ui/test_x_old/vuex/one-home-service-staff/index.php

@@ -0,0 +1,92 @@
+<!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 style="background:#F5E8DF!important" >
+               <v-container fluid fill-height class="pl-1 pr-1 pt-2 pb-2">
+                  <v-layout row wrap >
+                     <v-flex xs6 class="left" fill-height pa-1>
+                        <one-home-service-all-staff-list></one-home-service-all-staff-list>
+                     </v-flex>
+                     <v-flex xs6 class="right" fill-height pa-1>
+                        <one-home-service-staff-list></one-home-service-staff-list>
+                     </v-flex>
+                  </v-layout>
+               </v-container>
+            </v-content>
+            <one-footer> </one-footer>
+         </v-app>
+      </div>
+
+      <!-- Vendor -->
+      <script src="../../../libs/vendor/moment.min.js"></script>
+      <script src="../../../libs/vendor/numeral.min.js"></script>
+      <script src="../../../libs/vendor/moment-locale-id.js"></script>
+      <script src="../../../libs/vendor/lodash.js"></script>
+      <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>
+      <script src="../../../libs/one_global.js"></script>
+      <!-- App Script -->
+<?php
+$ts = "?ts=" . Date("ymdhis");
+?>
+<script type="module">
+window.calculate_age = function (inp_dob) {
+   var now = moment(new Date())
+   var dob = moment(new Date(inp_dob))
+   var year = now.diff(dob,'years')
+   dob.add(year,'years')
+   var month = now.diff(dob,'months')
+   dob.add(month,'months')
+   var day = now.diff(dob,'days')
+   if (isNaN(year)) return ''
+   return `${year} tahun ${month} bulan ${day} hari`
+}
+
+
+import { store } from './store.js<?php echo $ts ?>';
+//for testing
+window.store = store;
+new Vue({
+store,
+   el: '#app',
+   methods: {
+   tab_selected : function(tab) {
+      return this.$store.state.tab_selected == tab
+      }
+   },
+   components: {
+   'one-navbar': httpVueLoader('../../../apps/components/oneNavbarComponent.vue'),
+      'one-footer': httpVueLoader('../../../apps/components/oneFooter.vue'),
+        'one-home-service-all-staff-list': httpVueLoader('./components/oneHomeServiceStaffAllList.vue'),
+        'one-home-service-staff-list': httpVueLoader('./components/oneHomeServiceStaffList.vue')
+      }
+    })
+    </script>
+    <style>
+[v-cloak] {
+   display: none
+}
+   .left {
+   }
+   .right {
+   }
+    </style>
+   </body>
+
+</html>

one-ui/test_x_old/vuex/one-home-service-staff/modules/staff.js

@@ -0,0 +1,521 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/staff.js"
+
+export default {
+    namespaced: true,
+    state: {
+        last_id:-1,
+        last_saved_id:-1,
+        x_addr_id:0,
+        act:'edit',
+        act_addr:'new',
+        get_data_status:0,
+        search_staff: 0,
+        search_status: 0,
+        search_error_message: '',
+        statuses:[{label:'Belum dikonfirmasi marketing', value:'N'},{label:'Sudah dikonfirmasi marketing', value:'Y'}],
+        selected_status:{label:'Belum dikonfirmasi marketing', value:'N'},
+        preffix:'',
+        staff_name:'',
+        suffix:'',
+        staffs: [],
+        total_staffs:0,
+        homeservice_staffs: [],
+        total_homeservice_staffs:0,
+        staff_address: [],
+        sexes:[],
+        selected_sex:{},
+        religions:[],
+        selected_religion:{},
+        phone:'',
+        hp:'',
+        email:'',
+        pj:'N',
+        dpj:'N',
+        clinic:'N',
+        is_default:'N',
+        marketing_confirm:'N', 
+        total_staff: 0,
+        selected_staff: {},
+        selected_homeservice_staff: {},
+        save_status: 0,
+        btn_save_seen: true,
+        pgrs_save: false,
+        save_error_message: '',
+        no_save: 0,
+        open_alert_confirmation:false,
+        alert_success: false,
+        msg_success: "",
+        dialog_success: false,
+        dialog_confirmation_delete: false,
+        msg_confirmation_delete: "",
+        dialog_confirmation_delete_addr: false,
+        msg_confirmation_delete_addr: "",
+        autocomplete_status:0,
+        dialog_form_address: false,
+        label_address:'',
+        addresses:[],
+        cities:[],
+        city_address:{},
+        districts:[],
+        district_address:{},
+        kelurahans:[],
+        kelurahan_address:{},
+        description_address:'',
+        errors:[]
+    },
+    mutations: {
+        update_x_addr_id(state, val) {
+            state.x_addr_id = val
+        },
+        update_last_id(state, val) {
+            state.last_id = val
+        },
+        update_last_saved_id(state, val) {
+            state.last_saved_id = val
+        },
+        update_act(state, val) {
+            state.act = val
+        },
+        update_act_addr(state, val) {
+            state.act_addr = val
+        },
+        update_get_data_status(state, val) {
+            state.get_data_status = val
+        },
+        update_search_error_message(state, patient) {
+            state.search_error_message = patient
+        },
+        update_search_staff(state, staff) {
+            state.search_staff = staff
+        },
+        update_preffix(state, val) {
+            state.preffix = val
+        },
+        update_staff_name(state, val) {
+            state.staff_name = val
+        },
+        update_suffix(state, val) {
+            state.suffix = val
+        },
+        update_staffs(state, data) {
+            state.staffs = data
+        },
+        update_homeservice_staffs(state, data) {
+            state.homeservice_staffs = data
+        },
+        update_selected_status(state, val) {
+            state.selected_status = val
+        },
+        update_selected_staff(state, val) {
+            state.selected_staff = val
+        },
+        update_selected_homeservice_staff(state, val) {
+            state.selected_homeservice_staff = val
+        },
+        update_sexes(state, val) {
+            state.sexes = val
+        },
+        update_selected_sex(state, val) {
+            state.selected_sex = val
+        },
+        update_religions(state, val) {
+            state.religions = val
+        },
+        update_selected_religion(state, val) {
+            state.selected_religion = val
+        },
+        update_phone(state, val) {
+            state.phone = val
+        },
+        update_email(state, val) {
+            state.email = val
+        },
+        update_hp(state, val) {
+            state.hp = val
+        },
+        update_pj(state, val) {
+            state.pj = val
+        },
+        update_dpj(state, val) {
+            state.dpj = val
+        },
+        update_clinic(state, val) {
+            state.clinic = val
+        },
+        update_marketing_confirm(state, val) {
+            state.marketing_confirm = val
+        },
+        update_is_default(state, val) {
+            state.is_default = val
+        },
+        update_save_status(state, val) {
+            state.save_status = val
+        },
+        update_btn_save_seen(state, val) {
+            state.btn_save_seen = val
+        },
+        update_pgrs_save(state, val) {
+            state.pgrs_save = val
+        },
+        update_save_error_message(state, msg) {
+            state.save_error_message = ''
+        },
+        update_no_save(state, val) {
+            state.no_save = val
+        },
+        update_open_alert_confirmation(state, val) {
+            state.open_alert_confirmation = val
+        },
+        update_alert_success(state, val) {
+            state.alert_success = val
+        },
+        update_msg_success(state, val) {
+            state.msg_success = val
+        },
+        update_dialog_success(state, val) {
+            state.dialog_success = val
+        },
+        update_dialog_confirmation_delete(state, val) {
+            state.dialog_confirmation_delete = val
+        },
+        update_msg_confirmation_delete(state, val) {
+            state.msg_confirmation_delete = val
+        },
+        update_dialog_confirmation_delete_addr(state, val) {
+            state.dialog_confirmation_delete_addr = val
+        },
+        update_msg_confirmation_delete_addr(state, val) {
+            state.msg_confirmation_delete_addr = val
+        },
+        update_addresses(state, val) {
+            state.addresses = val
+        },
+        update_autocomplete_status(state,val){
+            state.autocomplete_status = val
+        },
+        update_dialog_form_address(state, val) {
+            state.dialog_form_address = val
+        },
+        update_label_address(state, val) {
+            state.label_address = val
+        },
+        update_cities(state, val) {
+            state.cities = val
+        },
+        update_city_address(state, val) {
+            state.city_address = val
+        },
+        update_districts(state, val) {
+            state.districts = val
+        },
+        update_district_address(state, val) {
+            state.district_address = val
+        },
+        update_kelurahans(state, val) {
+            state.kelurahans = val
+        },
+        update_kelurahan_address(state, val) {
+            state.kelurahan_address = val
+        },
+        update_description_address(state, val) {
+            state.description_address = val
+        },
+        update_search_status(state, val) {
+            state.search_status = val
+        },
+        update_errors(state, val) {
+            state.errors = val
+        },
+        update_total_staffs(state, val) {
+            state.total_staffs = val
+        },
+        update_total_homeservice_staffs(state, val) {
+            state.total_homeservice_staffs = val
+        }
+    },
+    actions: {
+        async search(context, prm) {
+            context.commit("update_search_staff", 1)
+            try {
+                let resp = await api.search(one_token(), prm.name, prm.status)
+                if (resp.status != "OK") {
+                    context.commit("update_search_staff", 3)
+                    context.commit("update_search_error_message", resp.message)
+                } else {
+                    context.commit("update_search_staff", 2)
+                    context.commit("update_search_error_message", "")
+                    let data = {
+                        records: resp.data.records,
+                        total_all: resp.data.total_all,
+                        total_homeservice: resp.data.total_homeservice
+                    }
+                    context.commit("update_staffs", data.records['all'])
+                    context.commit("update_homeservice_staffs", data.records['homeservice'])
+                    context.commit("update_total_staffs", data.total_all)
+                    context.commit("update_total_homeservice_staffs", data.total_homeservice)
+                    context.commit("update_no_save", 0)
+                    if(prm.lastid === -1){
+                        context.commit("update_selected_staff", data.records['all'][0])        
+                    }
+                    else{
+                        context.commit("update_selected_staff", data.records['all'][prm.lastid])
+                    }
+                    
+                }
+            } catch (e) {
+                context.commit("update_search_staff", 3)
+                context.commit("update_search_error_message", e.message)
+                console.log(e)
+            }
+        },
+        async getsexreg(context) {
+            context.commit("update_get_data_status",1)
+            try {
+                let resp= await api.getsexreg(one_token())
+                if (resp.status != "OK") {
+                    context.commit("update_get_data_status",3)
+                } else {
+                    context.commit("update_get_data_status",2)
+                    let data = {
+                        records : resp.data.records,
+                        total: resp.data.total
+                    }
+                    context.commit("update_sexes",data.records.sexes)
+                    context.commit("update_religions",data.records.religions)
+                }
+            } catch(e) {
+            context.commit("update_get_data_status",3)
+            }
+        },
+        async save(context,prm) {
+            context.commit("update_save_status",1)
+            try {
+                prm.token = one_token()
+                let resp= await api.save(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_save_status",3)
+                } else {
+                    context.commit("update_save_status",2)
+                    context.commit("update_last_id", prm.M_DoctorID)
+                    context.commit("update_dialog_success", true)
+                    var msg = "Data dokter " + prm.M_DoctorName + " sudah terupdate dong ..."
+                    context.commit("update_msg_success", msg)
+                    
+                }
+            } catch(e) {
+            context.commit("update_save_status",3)
+            }
+        },
+        async newstaff(context,prm) {
+            context.commit("update_save_status",1)
+            try {
+                prm.token = one_token()
+                let resp= await api.newstaff(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_save_status",3)
+                } else {
+                    context.commit("update_save_status",2)
+                    console.log(resp.data.id)
+                    context.commit("update_last_id", resp.data.id)
+                    context.commit("update_dialog_success", true)
+                    var msg = "Data dokter " + prm.M_DoctorName + " sudah tersimpan dong ..."
+                    context.commit("update_msg_success", msg)
+                    
+                }
+            } catch(e) {
+            context.commit("update_save_status",3)
+            }
+        },
+        async delete(context,prm) {
+            context.commit("update_save_status",1)
+            try {
+                prm.token = one_token()
+                let resp= await api.xdelete(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_save_status",3)
+                } else {
+                    context.commit("update_save_status",2)
+                    context.commit("update_last_id", 0)
+                    context.commit("update_dialog_confirmation_delete",false)
+                    context.commit("update_dialog_success", true)
+                    var msg = "Data dokter " + prm.M_DoctorName + " sudah dihapus dong ..."
+                    context.commit("update_msg_success", msg)
+                    context.commit("update_preffix",'')
+                    context.commit("update_staff_name",'')
+                    context.commit("update_suffix",'')
+                    context.commit("update_selected_sex",{})
+                    context.commit("update_selected_religion",{})
+                    context.commit("update_phone",'')
+                    context.commit("update_email",'')
+                    context.commit("update_hp",'')
+                    context.commit("update_pj",'N')
+                    context.commit("update_dpj",'N')
+                    context.commit("update_clinic",'N')
+                    context.commit("update_marketing_confirm",'N')
+                    context.commit("update_is_default",'N')
+                }
+            } catch(e) {
+            context.commit("update_save_status",3)
+            }
+        },
+        async getaddress(context,prm) {
+            context.commit("update_save_status",1)
+            try {
+                prm.token = one_token()
+                let resp= await api.getaddress(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_save_status",3)
+                } else {
+                    context.commit("update_save_status",2)
+                    let data = {
+                        records : resp.data.records,
+                        total: resp.data.total
+                    }
+                    context.commit("update_addresses",data.records)
+                }
+            } catch(e) {
+            context.commit("update_save_status",3)
+            }
+        },
+        async searchcity(context,prm) {
+            context.commit("update_autocomplete_status",1)
+            try {
+                let resp= await api.searchcity(one_token(),prm)
+                if (resp.status != "OK") {
+                    context.commit("update_autocomplete_status",3)
+                } else {
+                    context.commit("update_autocomplete_status",2)
+                    let data = {
+                        records : resp.data.records,
+                        total: resp.data.total
+                    }
+                    context.commit("update_cities",resp.data.records)
+                }
+            } catch(e) {
+            context.commit("update_autocomplete_status",3)
+            }
+        },
+        async getdistrict(context,prm) {
+            context.commit("update_get_data_status",1)
+            try {
+                let resp= await api.getdistrict(one_token(),prm)
+                if (resp.status != "OK") {
+                    context.commit("update_get_data_status",3)
+                } else {
+                    context.commit("update_get_data_status",2)
+                    let data = {
+                        records : resp.data.records,
+                        total: resp.data.total
+                    }
+                    context.commit("update_districts",resp.data.records)
+                }
+            } catch(e) {
+            context.commit("update_get_data_status",3)
+            }
+        },
+        async getkelurahan(context,prm) {
+            context.commit("update_get_data_status",1)
+            try {
+                let resp= await api.getkelurahan(one_token(),prm)
+                if (resp.status != "OK") {
+                    context.commit("update_get_data_status",3)
+                } else {
+                    context.commit("update_get_data_status",2)
+                    let data = {
+                        records : resp.data.records,
+                        total: resp.data.total
+                    }
+                    context.commit("update_kelurahans",resp.data.records)
+                }
+            } catch(e) {
+            context.commit("update_get_data_status",3)
+            }
+        },
+        async savenewaddress(context,prm) {
+            context.commit("update_save_status",1)
+            try {
+                prm.token = one_token()
+                let resp= await api.savenewaddress(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_save_status",3)
+                } else {
+                    context.commit("update_save_status",2)
+                    context.commit("update_dialog_form_address",false)
+                    context.commit("update_last_id", prm.M_DoctorAddressM_DoctorID)
+                    context.commit("update_dialog_success", true)
+                    var msg = "Penambahan data alamat dokter " + prm.M_DoctorName + " sudah berhasil dong ..."
+                    context.commit("update_msg_success", msg)
+                    
+                }
+            } catch(e) {
+            context.commit("update_save_status",3)
+            }
+        },
+        async saveeditaddress(context,prm) {
+            context.commit("update_save_status",1)
+            try {
+                prm.token = one_token()
+                let resp= await api.saveeditaddress(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_save_status",3)
+                } else {
+                    context.commit("update_save_status",2)
+                    context.commit("update_dialog_form_address",false)
+                    context.commit("update_last_id", prm.M_DoctorAddressM_DoctorID)
+                    context.commit("update_dialog_success", true)
+                    var msg = "Perubahan data alamat dokter " + prm.M_DoctorName + " sudah berhasil dong ..."
+                    context.commit("update_msg_success", msg)
+                    
+                }
+            } catch(e) {
+            context.commit("update_save_status",3)
+            }
+        },
+        async deleteaddress(context,prm) {
+            context.commit("update_save_status",1)
+            try {
+                prm.token = one_token()
+                let resp= await api.deleteaddress(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_save_status",3)
+                } else {
+                    context.commit("update_save_status",2)
+                    context.commit("update_dialog_confirmation_delete_addr",false)
+                    context.commit("update_last_id", prm.M_DoctorAddressM_DoctorID)
+                    context.commit("update_dialog_success", true)
+                    var msg = "Penghapusan data alamat "+prm.M_DoctorAddressNote+" dari dokter " + prm.M_DoctorName + " sudah berhasil dong ..."
+                    context.commit("update_msg_success", msg)
+                    
+                }
+            } catch(e) {
+            context.commit("update_save_status",3)
+            }
+        },
+        async settohomeservice(context,prm) {
+            context.commit("update_save_status",1)
+            try {
+                prm.token = one_token()
+                let resp= await api.settohomeservice(prm)
+                if (resp.status != "OK") {
+                    context.commit("update_save_status",3)
+                } else {
+                    context.commit("update_save_status",2)
+                    context.dispatch("search",{
+                        name:prm.searchname,
+                        lastid:prm.M_StaffID
+                     })
+                    
+                    /*var msg = "Data dokter " + prm.M_DoctorName + " sudah terupdate dong ..."
+                    context.commit("update_msg_success", msg)
+                    context.commit("update_dialog_success", true)*/
+                    
+                }
+            } catch(e) {
+            context.commit("update_save_status",3)
+            }
+        },
+    }
+}

one-ui/test_x_old/vuex/one-home-service-staff/store.js

@@ -0,0 +1,27 @@
+// State
+//  data ...
+// Mutations
+//
+//
+// Actions
+import staff from "./modules/staff.js";
+import system from "../../../apps/modules/system/system.js";
+export const store = new Vuex.Store({
+    modules: {
+        staff: staff,
+        system: system
+    },
+    state: {
+        tab_selected: 'pasien-dokter'
+    },
+    mutations: {
+        change_tab(state, ntab) {
+            state.tab_selected = ntab
+        }
+    },
+    actions: {
+        change_tab(context, ntab) {
+            context.commit('change_tab', ntab)
+        }
+    }
+});