Flatten nested repos

test/vuex/one-fo-registration-dev/api/area.js

@@ -0,0 +1,92 @@
+// API :
+// search bank
+// paramater : query , page , rowPerPage
+const URL =
+   "/one-api/mockup/clinic/fo/";
+
+export async function search_province(search) {
+   try {
+      var resp = await axios.post(URL + 'area/search_province', {
+         search: search
+      });
+      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 search_city(province_id, search) {
+   try {
+      var resp = await axios.post(URL + 'area/search_city', {
+         search: search,
+         province_id: province_id
+      });
+      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 search_district(city_id, search) {
+   try {
+      var resp = await axios.post(URL + 'area/search_district', {
+         search: search,
+         city_id: city_id
+      });
+      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 search_kelurahan(district_id, search) {
+   try {
+      var resp = await axios.post(URL + 'area/search_kelurahan', {
+         search: search,
+         district_id: district_id
+      });
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}

test/vuex/one-fo-registration-dev/api/company.js

@@ -0,0 +1,39 @@
+const URL = "/one-api/mockup/fo/registration/";
+
+export async function search(search) {
+   try {
+      var resp = await axios.post(URL + 'company/search',{search:search});
+      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 search_default() {
+   try {
+      var resp = await axios.post(URL + 'company/search_default');
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}

test/vuex/one-fo-registration-dev/api/delivery.js

@@ -0,0 +1,24 @@
+// API :
+// search bank
+// paramater : query , page , rowPerPage
+const URL =
+   "/one-api/mockup/fo/registration/";
+
+export async function search(o_id, p_id, d_id, m_id) {
+   try {
+      var resp = await axios.post(URL + 'delivery/search', { order_id: o_id, patient_id: p_id, doctor_id: d_id, mou_id: m_id });
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}

test/vuex/one-fo-registration-dev/api/doctor.js

@@ -0,0 +1,67 @@
+// API :
+// search bank
+// paramater : query , page , rowPerPage
+const URL =
+   "/one-api/mockup/fo/registration/";
+
+export async function search(search) {
+   try {
+      var resp = await axios.post(URL + 'doctor/search', {
+         search: search
+      });
+      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 searchPj() {
+   try {
+      var resp = await axios.post(URL + 'doctor/search_pj', { });
+      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(token, d) {
+    try {
+       var resp = await axios.post(URL + 'doctor/save', {
+          token: token,
+          data: d
+       });
+       if (resp.status != 200) {
+          return {
+             status: "ERR",
+             message: resp.statusText
+          };
+       }
+       let data = resp.data;
+       return data;
+    } catch(e) {
+       return {
+          status: "ERR",
+          message: e.message
+       };
+    }
+ }

test/vuex/one-fo-registration-dev/api/history.js

@@ -0,0 +1,28 @@
+// API :
+// search bank
+// paramater : query , page , rowPerPage
+const URL =
+   "/one-api/mockup/fo/registration/";
+
+export async function search(patient_id) {
+   try {
+      var resp = await axios.post(URL + 'history/search', {
+         patient_id: patient_id
+      });
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}
+
+

test/vuex/one-fo-registration-dev/api/language.js

@@ -0,0 +1,24 @@
+// API :
+// search bank
+// paramater : query , page , rowPerPage
+const URL =
+   "/one-api/mockup/fo/registration/";
+
+export async function search() {
+   try {
+      var resp = await axios.post(URL + 'language/search', { });
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}

test/vuex/one-fo-registration-dev/api/order.js

@@ -0,0 +1,153 @@
+// API :
+// search bank
+// paramater : query , page , rowPerPage
+const URL =
+   "/one-api/mockup/fo/registration/";
+
+export async function save(token, order_id, header, delivery, detail, req) {
+   try {
+      var resp = await axios.post(URL + 'order/save', {
+         token: token,
+         order_id: order_id,
+         header: header,
+         delivery: delivery,
+         detail: detail,
+         req: req
+      });
+
+      return resp
+   } catch (e) {
+      return {
+         status: "ERR",
+         message: e.message
+      }
+   }
+}
+
+export async function load_from_clinic(queue) {
+   try {
+      var resp = await axios.post(URL + 'order/load_from_clinic', {
+         queue: queue
+      });
+
+      return resp
+   } catch (e) {
+      return {
+         status: "ERR",
+         message: e.message
+      }
+   }
+}
+
+export async function load(id) {
+   try {
+      var resp = await axios.post(URL + 'order/load', {
+         id: id
+      });
+
+      return resp
+   } catch (e) {
+      return {
+         status: "ERR",
+         message: e.message
+      }
+   }
+}
+
+export async function patientSearch(noreg, search) {
+   try {
+      var resp = await axios.post(URL + 'patient/search', {
+         search: search,
+         noreg: noreg
+      });
+      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 doctorSearch(search) {
+   try {
+      var resp = await axios.post(URL + 'doctor/search', {
+         search: search
+      });
+      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 doctorSearchPj() {
+   try {
+      var resp = await axios.post(URL + 'doctor/search_pj', { });
+      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 languageSearch() {
+   try {
+      var resp = await axios.post(URL + 'language/search', { });
+      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 deliverySearch() {
+   try {
+      var resp = await axios.post(URL + 'delivery/search', { });
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}

test/vuex/one-fo-registration-dev/api/other.js

@@ -0,0 +1,69 @@
+// API :
+// search bank
+// paramater : query , page , rowPerPage
+const URL =
+   "/one-api/mockup/clinic/fo/";
+
+export async function search_sex(search) {
+   try {
+      var resp = await axios.post(URL + 'sex/search', {
+         search: search
+      });
+      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 search_title(search, sex) {
+    try {
+       var resp = await axios.post(URL + 'title/search', {
+          search: search,
+          sex_id: sex
+       });
+       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 search_bank(search) {
+    try {
+       var resp = await axios.post("/one-api/mockup/fo/registration/" + 'bank/search', {
+          search: search
+       });
+       if (resp.status != 200) {
+          return {
+             status: "ERR",
+             message: resp.statusText
+          };
+       }
+       let data = resp.data;
+       return data;
+    } catch(e) {
+       return {
+          status: "ERR",
+          message: e.message
+       };
+    }
+ }

test/vuex/one-fo-registration-dev/api/patient.js

@@ -0,0 +1,67 @@
+// API :
+// search bank
+// paramater : query , page , rowPerPage
+const URL =
+   "/one-api/mockup/fo/registration/";
+
+export async function search(noreg, search) {
+   try {
+      var resp = await axios.post(URL + 'patient/search', {
+         search: search,
+         noreg: noreg
+      });
+      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 add_new(datas) {
+   try {
+      //sipe add token
+      datas["token"] = window.one_token();
+      var resp = await axios.post(URL + 'patient/add_new', datas);
+      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 search_idtype() {
+   try {
+      var resp = await axios.post(URL + 'patient/search_idtype', {});
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}

test/vuex/one-fo-registration-dev/api/patientaddress.js

@@ -0,0 +1,26 @@
+// API :
+// search bank
+// paramater : query , page , rowPerPage
+const URL =
+   "/one-api/mockup/fo/registration/";
+
+export async function getAll(id) {
+   try {
+      var resp = await axios.post(URL + 'patientaddress/get_all', {
+         patient_id: id
+      });
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}

test/vuex/one-fo-registration-dev/api/payment.js

@@ -0,0 +1,56 @@
+const URL = "/one-api/mockup/fo/registration/";
+
+export async function get_order(id) {
+   try {
+      var resp = await axios.post(URL + 'payment/get_order',{id:id});
+      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 search(search) {
+   try {
+      var resp = await axios.post(URL + 'payment/search', {search:search});
+      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(token, order_id, payments) {
+   try {
+      var resp = await axios.post(URL + 'payment/save', {
+         token: token,
+         order_id: order_id,
+         payments: payments
+      });
+
+      return resp
+   } catch (e) {
+      return {
+         status: "ERR",
+         message: e.message
+      }
+   }
+}

test/vuex/one-fo-registration-dev/api/photo.js

@@ -0,0 +1,28 @@
+// API :
+// search bank
+// paramater : query , page , rowPerPage
+const URL =
+   "/one-api/mockup/fo/registration/";
+
+export async function upload(token, id, datas) {
+   try {
+      var resp = await axios.post(URL + 'photo/upload', {
+         token: token,
+         id: id,
+         data: datas
+      });
+      if (resp.status != 200) {
+         return {
+            status: "ERR",
+            message: resp.statusText
+         };
+      }
+      let data = resp.data;
+      return data;
+   } catch(e) {
+      return {
+         status: "ERR",
+         message: e.message
+      };
+   }
+}

test/vuex/one-fo-registration-dev/api/px.js

@@ -0,0 +1,163 @@
+// API :
+// search bank
+// paramater : query , page , rowPerPage
+const URL =
+   "/one-api/mockup/fo/registration/";
+
+export async function search(mouCompanyID,search) {
+   try {
+      var resp = await axios.post(URL + 'px/search', {
+         search:search,
+         mouCompanyID:mouCompanyID
+      });
+      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 panel(mouCompanyID,search) {
+   try {
+      var resp = await axios.post(URL + 'px/panel', {
+         search:search,
+         mouCompanyID:mouCompanyID
+      });
+      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 profile(mou_id, search) {
+   try {
+      var resp = await axios.post(URL + 'px/profile', {
+         search: search,
+         mou_id: mou_id
+      });
+      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 get_price(test_id, mou_id, cito) {
+   try {
+      var resp = await axios.post(URL + 'px/get_price', {
+         test_id:test_id,
+         mou_id:mou_id,
+         cito:cito
+      });
+
+      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 appx_schedule(test_ids, panel_ids) {
+   try {
+      var resp = await axios.post(URL + 'px/get_appx_schedule', {
+         test_ids:test_ids,
+         panel_ids:panel_ids
+      });
+
+      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 search_cito(token) {
+    try {
+       var resp = await axios.post(URL + 'px/search_cito', {
+          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 search_pxs(mouCompanyID, id) {
+    try {
+       var resp = await axios.post(URL + 'px/search', {
+          order_id:id,
+          mouCompanyID:mouCompanyID
+       });
+       if (resp.status != 200) {
+          return {
+             status: "ERR",
+             message: resp.statusText
+          };
+       }
+       let data = resp.data;
+       return data;
+    } catch(e) {
+       return {
+          status: "ERR",
+          message: e.message
+       };
+    }
+ }

test/vuex/one-fo-registration-dev/components/foRegisterFinishDialog.vue

@@ -0,0 +1,68 @@
+<template>
+  
+    <v-dialog
+      v-model="dialog"
+      full-width
+    >
+      <v-btn
+        color="blue"
+        slot="activator"
+        dark
+        block
+        @click="search"
+      >
+        Cari
+      </v-btn>
+
+      <v-card>
+        <v-card-title
+          class="headline grey lighten-2 pt-2 pb-2"
+          primary-title
+        >
+          Data Pasien
+        </v-card-title>
+        <v-card-text class="pt-2 pb-2">
+          <patient-search-result></patient-search-result>
+        </v-card-text>
+        <v-divider></v-divider>
+
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn
+            color="primary"
+            flat
+            @click="dialog = false"
+          >
+            Tutup
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  
+</template>
+
+<style scoped>
+</style>
+
+<script>
+module.exports = {
+    components : {
+        'patient-search-result': httpVueLoader('./patientSearchResult.vue')
+    },
+    methods : {
+       search: function() {
+          this.$store.dispatch('patient/search')
+       }
+    },
+    computed : {
+       dialog: {
+          get() {
+             return this.$store.state.patient.search_dialog_is_active;
+          },
+          set(val) {
+             this.$store.commit('patient/update_search_dialog_is_active',val);
+          }
+       }
+    }
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneDialogPhoto.vue

@@ -0,0 +1,211 @@
+<template>
+    <v-dialog
+        v-model="dialog" 
+        :overlay="true"
+        
+        max-width="300px"
+        
+    >
+        <v-card>
+            <v-card-title primary-title class="headline grey lighten-2">
+                Ambil / Upload Foto
+            </v-card-title>
+
+            <v-card-text>
+                <v-layout row wrap>
+                    <v-flex xs12>
+                        <v-card fill-height flat>
+            
+                            <v-card-text class="pb-0">
+                                <v-card
+                                    class="photo_box"
+                                    id="photo_box"
+                                    elevation="24"
+                                >
+                                    <div class="photo_inside" id="photo_inside" v-show="camera">
+                                        asasdasd ads asd ad ad as da sd a das d sa das d ad as d as dsa ds ad asd sa das d asd as da sd sad as das das d asd sa das d sad as da sd
+                                    </div>
+
+                                    <div class="photo_inside" id="photo_inside_2" v-show="!camera">
+                                        <v-img
+                                        :src="imageUrl"
+                                        aspect-ratio="1.34"
+                                        class="grey lighten-2 elevation-2"
+                                        contain
+                                        >
+                                        <!-- <img :src="imageUrl" height="150" v-if="imageUrl"/> -->
+                                    </div>
+                                </v-card>
+                                <v-btn color="success" block @click="snap_photo" v-show="camera">Ambil Foto</v-btn>
+                                <v-btn color="orange" dark block @click="camera = true" v-show="!camera">Gunakan Kamera</v-btn>
+
+                                <v-divider>xxxx</v-divider>
+
+                                <v-flex xs12 class="text-xs-center">
+                                    atau
+                                </v-flex>
+                                <v-flex xs12 class="text-xs-center text-sm-center text-md-center text-lg-center">
+                                    
+                                    <v-text-field label="Pilih Gambar" hide-details @click='pickFile' v-model='imageName' prepend-icon='attach_file' class="mt-2"></v-text-field>
+                                    <input
+                                        type="file"
+                                        style="display: none"
+                                        ref="image"
+                                        accept="image/*"
+                                        @change="onFilePicked"
+                                    >
+                                </v-flex>
+
+                                <v-flex xs12>
+                                    <v-btn color="success" block @click="upload" :disabled="camera" :dark="!camera">Simpan</v-btn>
+                                </v-flex>
+                            </v-card-text>
+
+                        </v-card>
+                    </v-flex>
+                    
+                </v-layout>
+            </v-card-text>
+
+            <v-divider></v-divider>
+            <v-card-actions>
+                <v-spacer></v-spacer>
+                <v-btn
+                    color="primary"
+                    flat
+                    @click="dialog = false"
+                >
+                    Tutup
+                </v-btn>
+            </v-card-actions>
+
+        </v-card>
+        
+        
+    </v-dialog>
+</template>
+
+<style>
+.photo_box {
+    overflow-x: hidden;
+}
+
+.photo_inside {
+    /* position: absolute;
+    top: 0;
+    left: 0; */
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+
+#photo_inside_2 {
+    min-height: 201px;
+}
+</style>
+
+<script>
+module.exports = {
+    data () {
+        return {
+            title: "Image Upload",
+            imageName: '',
+            imageUrl: '',
+            imageFile: '',
+            camera: true
+        }
+    },
+
+    computed : {
+        dialog : {
+            get () { return this.$store.state.photo.dialog_photo },
+            set (v) { this.$store.commit('photo/update_dialog_photo', v) }
+        }
+    },
+
+    methods : {
+        snap_photo() {
+            var str = this.$store
+            Webcam.snap(function(data_uri) {
+                // document.getElementById('photo_result').innerHTML = '<img src="'+data_uri+'"/>';
+                // console.log(data_uri)
+                str.commit('photo/update_photo_64', data_uri)
+                str.dispatch('photo/upload')
+            })
+            delete str
+        },
+
+        pickFile () {
+            this.$refs.image.click ()
+        },
+		
+		onFilePicked (e) {
+            this.camera = false
+            console.log(this.camera)
+			const files = e.target.files
+			if(files[0] !== undefined) {
+				this.imageName = files[0].name
+				if(this.imageName.lastIndexOf('.') <= 0) {
+					return
+				}
+				const fr = new FileReader ()
+				fr.readAsDataURL(files[0])
+				fr.addEventListener('load', () => {
+					this.imageUrl = fr.result
+					this.imageFile = files[0] // this is an image file that can be sent to server...
+                })
+                
+                
+			} else {
+				this.imageName = ''
+				this.imageFile = ''
+				this.imageUrl = ''
+			}
+        },
+        
+        upload () {
+            this.$store.commit('photo/update_photo_64', this.imageUrl)
+            this.$store.dispatch('photo/upload')
+        }
+    },
+
+    watch : {
+        dialog (n, o) {
+            if (n == true) {
+                this.camera = true
+                Webcam.set({
+                    width: 268,
+                    height: 201,
+                    image_format: 'jpeg',
+                    jpeg_quality: 90,
+                    dest_width: 640,
+                    dest_height: 480
+                });
+                Webcam.attach( '#photo_inside' );
+            } else {
+                Webcam.reset()
+            }
+        },
+
+        camera (n, o) {
+            if (n == true) {
+                this.imageName = ''
+				this.imageFile = ''
+                this.imageUrl = ''
+                
+                Webcam.set({
+                    width: 268,
+                    height: 201,
+                    image_format: 'jpeg',
+                    jpeg_quality: 90,
+                    dest_width: 640,
+                    dest_height: 480
+                });
+                Webcam.attach( '#photo_inside' );
+            } else {
+                Webcam.reset()
+            }
+        }
+    }
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneDialogPrint.vue

@@ -0,0 +1,69 @@
+<template>
+  
+    <v-dialog
+      v-model="dialog"
+      width="1000px"
+    >
+      
+
+      <v-card>
+        <v-card-title
+          class="headline grey lighten-2 pt-2 pb-2"
+          primary-title
+        >
+          Laporan
+        </v-card-title>
+        <v-card-text class="pt-2 pb-2">
+
+          <v-layout>
+              <v-flex xs12>
+                  <object :data="rpt_url"
+                    width="100%" height="512px"></object>
+              </v-flex>
+          </v-layout>
+          
+        </v-card-text>
+        <v-divider></v-divider>
+
+        <v-card-actions>
+          <v-spacer></v-spacer>
+
+          <v-btn
+            color="primary"
+            @click="dialog = false"
+            flat
+          >
+            Tutup
+          </v-btn>
+
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  
+</template>
+
+<style scoped>
+</style>
+
+<script>
+module.exports = {
+    components : {
+    },
+    methods : {
+    },
+    computed : {
+       dialog: {
+          get() {
+             return this.$store.state.order.print_dialog_is_active;
+          },
+          set(val) {
+             this.$store.commit('order/update_print_dialog_is_active', val);
+          }
+       },
+
+       rpt_url () {
+         return this.$store.state.order.rpt_url
+       }
+    }
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneFieldVerification.vue

@@ -0,0 +1,49 @@
+<template>
+   <v-flex class="pl-2">
+      <v-layout row>
+      <v-checkbox @change="checkedChange()"
+         :color="value.checked ? 'success' : 'warning' "
+         v-model="value.checked" hide-details class="shrink">
+      </v-checkbox>
+      <v-text-field
+         class="grow"
+         :label="value.label"
+         :placeholder="value.placeholder"
+         :background-color="value.checked ? 'success' : value.note == '' ? 'error' : 'warning' "
+         outline
+         :error-messages="value.is_error? value.error_message : ''"
+         :error="value.is_error"
+         v-model="value.note"
+         @input="noteChange()"
+         ></v-text-field>
+      </v-layout>
+   </v-flex>
+</template>
+
+<script>
+module.exports = {
+   props : ['value'],
+   methods : {
+      noteChange(note) {
+         if (! this.value.checked ) {
+            this.value.is_error = this.value.note.trim() == "" 
+         } else {
+            this.value.is_error = false
+            this.value.note = ""
+         }
+         this.$emit("input", this.value )
+      },
+      checkedChange() {
+         if (this.value.checked)  {
+            this.value.note = "";
+            this.value.is_error = false;
+         } else { 
+            this.value.is_error = (this.value.note.trim() == "" )
+         }
+         this.$emit("input", this.value)
+      }
+   },
+   computed : {
+   }
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneFoRegisterFinishDialog.vue

@@ -0,0 +1,70 @@
+<template>
+  
+    <v-dialog
+      v-model="dialog"
+      width="500"
+    >
+      
+
+      <v-card>
+        <v-card-title
+          class="headline grey lighten-2 pt-2 pb-2"
+          primary-title
+        >
+          Pendaftaran Berhasil
+        </v-card-title>
+        <v-card-text class="pt-2 pb-2">
+          <h6 class="display-1 text-center">No LAB <span class="blue--text">{{ text_labno }}</span></h6>
+        </v-card-text>
+        <v-divider></v-divider>
+
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn
+            color="primary"
+            flat
+            @click="finish"
+          >
+            Tutup
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  
+</template>
+
+<style scoped>
+</style>
+
+<script>
+module.exports = {
+    components : {
+    },
+    methods : {
+       tuing : function () {
+          alert('x')
+       },
+
+       finish : function () {
+         this.dialog = false
+         this.$store.commit('order/update_tab_enable', [0, false])
+         this.$store.commit('order/update_tab_enable', [1, false])
+         this.$store.commit('change_tab', '03')
+       }
+    },
+    computed : {
+       dialog: {
+          get() {
+             return this.$store.state.order.finish_dialog_is_active;
+          },
+          set(val) {
+             this.$store.commit('order/update_finish_dialog_is_active', val);
+          }
+       },
+
+       text_labno () {
+         return this.$store.state.order.current_order.number
+       }
+    }
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneFoRegistrationCompany.vue

@@ -0,0 +1,184 @@
+<template>
+   <v-layout column pb-2>
+      <v-card >
+         <v-layout row>
+            <v-flex  pt-1 pb-1 pl-2 pr-1 xs12 sm6 md6>
+               <v-autocomplete
+                  label="Perusahaan"
+                  v-model="selected_company"
+                  :items="companies"
+                  :search-input.sync="search"
+                  :readonly="isHavingTest"
+                  auto-select-first
+                  no-filter
+                  return-object
+                  :clearable="! isHavingTest"
+                  item-text="M_CompanyName"
+                  :loading="is_loading"
+                  no-data-text="Pilih Company"
+                  >
+                  <template
+                     slot="item"
+                     slot-scope="{ item }"
+                     >
+                     <v-list-tile-content>
+                        <v-list-tile-title v-text="item.M_CompanyName"></v-list-tile-title>
+                     <v-list-tile-sub-title v-text="getMou(item)"></v-list-tile-sub-title>
+                     </v-list-tile-content>
+                  </template>
+
+               </v-autocomplete>
+            </v-flex>
+            <v-flex  pt-1 pb-1 pl-1 pr-2 xs12 sm6 md6>
+               <v-select
+                  v-model="selected_mou"
+                  :items="company_mou"
+                  :readonly="isHavingTest"
+                  auto-select-first
+                  item-text = "M_MouName"
+                  return-object
+                  label="Agreement"
+                  hide-details
+                  hide-detail
+                  class="mb-1"
+                  >
+                  <template
+                     slot="item"
+                     slot-scope="{ item }"
+                     >
+                     <v-list-tile-content>
+                        <v-list-tile-title v-text="item.M_MouName"></v-list-tile-title>
+                     <v-list-tile-sub-title v-text="getMouDate(item)"></v-list-tile-sub-title>
+                     </v-list-tile-content>
+                  </template>
+               </v-select>
+               <div v-for="(note, n) in selected_mou_note" v-bind:key="n" class="caption">{{ note }}</div>
+            </v-flex>
+
+            
+         </v-layout>
+      </v-card>
+   </v-layout>
+</template>
+
+<style scoped>
+</style>
+<script>
+module.exports = {
+   computed: {
+      search:{
+         get(){
+            return this.$store.state.company.search
+         },
+         set(val)  {
+            if (val == null) return
+            this.$store.commit('company/update_search',val)
+         }
+      },
+      isHavingTest() {
+         return this.$store.state.px.selected_test.length > 0 ||
+            this.$store.state.px.selected_panel.length > 0
+      },
+      selected_mou: {
+            get() {
+                return this.$store.state.company.selected_mou
+            },
+
+            set(val) {
+                this.$store.commit("company/update_selected_mou", val)
+
+                // Auto CHECKED
+                let dlv = this.$store.state.delivery.checked_id
+                let cmou = val
+                
+                if (cmou.M_MouEmail != "" && cmou.M_MouEmailIsDefault == "Y") {
+                    if (dlv.indexOf(cmou.delivery_email_code) < 0) {
+                        dlv.push(cmou.delivery_email_code)
+                    }
+                } else {
+                    let idx = dlv.indexOf(cmou.delivery_email_code)
+                    if ( idx > -1) {
+                        dlv.splice(idx, 1)
+                    }
+                }
+                this.$store.commit('delivery/update_checked_id', dlv)
+                // End of Auto CHECKED
+
+                this.$store.commit("delivery/update_params", {m_id:val.M_MouID})
+                this.$store.dispatch("delivery/search")
+
+                // Search Test
+                this.$store.dispatch('px/search')
+            }
+      },
+      selected_company: {
+         get() {
+            return this.$store.state.company.selected_company
+         },
+         set(val) {
+            this.$store.commit("company/update_selected_company",val)
+         }
+      },
+      company_mou() {
+         if (! this.$store.state.company.selected_company) return []
+         if (! this.$store.state.company.selected_company.mou) return []
+         return this.$store.state.company.selected_company.mou
+      },
+
+      companies() {
+         return this.$store.state.company.companies
+      },
+      is_loading() {
+         return this.$store.state.company.search_status == 1
+      },
+
+        selected_mou_note() {
+            let x = this.selected_mou
+            if (!x)
+                return []
+            if (!x.M_MouNote)
+                return []
+
+            return x.M_MouNote.split(/\n/)
+        }
+   },
+   methods: {
+      getMouDate(item) {
+         return item.M_MouStartDate + ' s/d ' + item.M_MouEndDate
+      },
+      getMou(item) {
+         if (!item) return ''
+         if (!item.mou) return ''
+         let s_mou = ''
+         item.mou.forEach( function(mou,idx) {
+            if (s_mou!='') s_mou += ', '
+            s_mou += mou.M_MouName
+         });
+         return s_mou
+      },
+      thr_search: _.debounce( function () {
+         this.$store.dispatch("company/search")
+      }, 700)
+   },
+   watch: {
+      search(val,old) {
+         if (this.$store.state.order.is_from_clinic)
+            return
+         if (val == null || typeof val == 'undefined') val = ""
+         if (val == old ) return
+         if (this.$store.state.company.search_status == 1 ) return  
+         this.$store.commit("company/update_search",val)
+         this.thr_search()
+      }
+   },
+   data: function() {
+      return {
+         // search : ''
+      }
+   },
+
+   mounted () {
+      this.$store.dispatch('company/search_default')
+   }
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneFoRegistrationDetailOrder.vue

@@ -0,0 +1,15 @@
+<template>
+   <v-layout column>
+      <one-fo-registration-patient-order></one-fo-registration-patient-order>
+   </v-layout>
+</template>
+
+<style scoped>
+</style>
+<script>
+module.exports = {
+   components : {
+      'one-fo-registration-patient-order' : httpVueLoader('./oneFoRegistrationPatientOrder.vue')
+   }
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneFoRegistrationDoctorNewDialog.vue

@@ -0,0 +1,349 @@
+<template>
+    <v-dialog
+        v-model="dialog" 
+        persistent
+        width="800px"
+    >
+        <v-card>
+            <v-card-text>
+                <v-layout row wrap>
+                    <v-flex xs6 pr-2>
+                        <v-layout row wrap>
+                            <v-flex xs12 pl-1 pr-1>
+                                <v-text-field
+                                    label="NAMA LENGKAP"
+                                    v-model="name"
+                                    :error="!rules.required"
+                                    :rules="[rules.required]"
+                                    @update:error="error_trigger('name', $event)"
+                                ></v-text-field>
+                            </v-flex>
+
+                            <v-flex xs6 pl-1 pr-1>
+                                <v-text-field
+                                    label="Prefix 1"
+                                    v-model="prefix1"
+                                ></v-text-field>
+                            </v-flex>
+
+                            <v-flex xs6 pl-1 pr-1>
+                                <v-text-field
+                                    label="Prefix 2"
+                                    v-model="prefix2"
+                                ></v-text-field>
+                            </v-flex>
+                        </v-layout>
+
+                        <v-layout row wrap>
+                            <v-flex xs4 pl-1 pr-1>
+                                <v-text-field
+                                    label="Sufix 1"
+                                    v-model="sufix1"
+                                ></v-text-field>
+                            </v-flex>
+
+                            <v-flex xs4 pl-1 pr-1>
+                                <v-text-field
+                                    label="Sufix 2"
+                                    v-model="sufix2"
+                                ></v-text-field>
+                            </v-flex>
+
+                            <v-flex xs4 pl-1 pr-1>
+                                <v-text-field
+                                    label="Sufix 3"
+                                    v-model="sufix3"
+                                ></v-text-field>
+                            </v-flex>
+                        </v-layout>
+
+                        <v-layout row wrap>
+                            <v-flex xs6 pl-1 pr-1>
+                                <v-select
+                                    :items="sexs"
+                                    item-text="M_SexName"
+                                    item-value="M_SexID"
+                                    return-object
+                                    v-model="selected_sex"
+                                    label="Jenis Kelamin"
+                                    :error="!rules.required"
+                                    :rules="[rules.required]"
+                                    @update:error="error_trigger('selected_sex', $event)"
+                                ></v-select>
+                            </v-flex>
+                            <v-flex xs6>
+                                &nbsp;
+                            </v-flex>
+
+                            <v-flex xs12 pl-1 pr-1>
+                                <v-text-field
+                                    label="No HP"
+                                    v-model="hp"
+                                    :error="!rules.required"
+                                    :rules="[rules.required]"
+                                    @update:error="error_trigger('hp', $event)"
+                                ></v-text-field>
+                            </v-flex>
+                        </v-layout>
+                    </v-flex>
+
+                    <v-flex xs6 pl-2>
+                        <v-layout row wrap>
+                            <v-flex xs12>
+                                <v-textarea label="Alamat lengkap" v-model="address"
+                                    :error="!rules.required"
+                                    :rules="[rules.required]"
+                                    @update:error="error_trigger('address', $event)"></v-textarea>
+                            </v-flex>
+
+                            <v-flex xs12>
+                                
+                                <v-autocomplete
+                                    :items="provinces"
+                                    item-text="M_ProvinceName"
+                                    item-value="M_ProvinceID"
+                                    return-object
+                                    v-model="selected_province"
+                                    label="Propinsi"
+                                    autocomplete
+                                ></v-autocomplete>
+                            </v-flex>
+
+                            <v-flex xs12>
+                                <v-autocomplete
+                                    :items="cities"
+                                    item-text="M_CityName"
+                                    item-value="M_CityID"
+                                    return-object
+                                    v-model="selected_city"
+                                    label="Kota"
+                                    autocomplete
+                                ></v-autocomplete>
+                            </v-flex>
+
+                            <v-flex xs12>
+                                <v-autocomplete
+                                    :items="districts"
+                                    item-text="M_DistrictName"
+                                    item-value="M_DictrictID"
+                                    return-object
+                                    v-model="selected_district"
+                                    label="Kecamatan"
+                                    autocomplete
+                                ></v-autocomplete>
+                            </v-flex>
+
+                            <v-flex xs12>
+                                <v-autocomplete
+                                    :items="villages"
+                                    item-text="M_KelurahanName"
+                                    item-value="M_KelurahanID"
+                                    return-object
+                                    v-model="selected_village"
+                                    label="Kelurahan"
+                                    autocomplete
+                                    :error="!rules.required"
+                                    :rules="[rules.required]"
+                                    @update:error="error_trigger('selected_village', $event)"
+                                ></v-autocomplete>
+                            </v-flex>
+                        </v-layout>
+                    </v-flex>
+                </v-layout>
+            </v-card-text>
+
+            <v-card-actions>
+                <v-btn color="primary" flat @click="dialog=!dialog">Tutup</v-btn>
+                <v-spacer></v-spacer>
+                <v-btn color="primary" @click="save" :disabled="!btn_save_enabled" >Simpan</v-btn>
+            </v-card-actions>
+        </v-card>
+        
+    </v-dialog>
+</template>
+
+<script>
+module.exports = {
+    data () {
+        return {
+            errors : {
+                name : true,
+                hp : true,
+                sufix1 : false,
+                sufix2 : false,
+                sufix3 : false,
+                prefix1 : false,
+                prefix2 : false,
+                selected_sex : true,
+                address : false,
+                selected_village : false
+            },
+            rules : {
+                required : value => { return !!value || "Harus diisi !" },
+                // hp : value => { this.errors.name = !value; return !!value || "Harus diisi !" },
+                // selected_sex : value => { this.errors.name = !value; return !!value || "Harus diisi !" },
+                // address : value => { this.errors.name = !value; return !!value || "Harus diisi !" },
+                // selected_village : value => { this.errors.name = !value; return !!value || "Harus diisi !" }
+            }
+        }
+    },
+
+    computed : {
+        dialog : {
+            get () { return this.$store.state.doctor_new.dialog_new },
+            set (v) { this.$store.commit('doctor_new/update_dialog_new') }
+        },
+
+        sexs () {
+            return this.$store.state.doctor_new.sexs
+        },
+
+        selected_sex : {
+            get () { return this.$store.state.doctor_new.selected_sex },
+            set (v) { this.$store.commit('doctor_new/update_selected_sex', v) }
+        },
+
+        provinces () {
+            return this.$store.state.doctor_new.provinces
+        },
+
+        selected_province : {
+            get () { return this.$store.state.doctor_new.selected_province },
+            set (v) { 
+                this.$store.commit('doctor_new/update_selected_province', v)
+                // this.$store.dispatch('doctor_new/search_city')
+            }
+        },
+
+        cities () {
+            return this.$store.state.doctor_new.cities
+        },
+
+        selected_city : {
+            get () { return this.$store.state.doctor_new.selected_city },
+            set (v) { 
+                this.$store.commit('doctor_new/update_selected_city', v) 
+                // this.$store.dispatch('doctor_new/search_district')
+            }
+        },
+
+        districts () {
+            return this.$store.state.doctor_new.districts
+        },
+
+        selected_district : {
+            get () { return this.$store.state.doctor_new.selected_district },
+            set (v) { 
+                this.$store.commit('doctor_new/update_selected_district', v) 
+                // this.$store.dispatch('doctor_new/search_village')
+            }
+        },
+
+        villages () {
+            return this.$store.state.doctor_new.villages
+        },
+
+        selected_village : {
+            get () { return this.$store.state.doctor_new.selected_village },
+            set (v) { this.$store.commit('doctor_new/update_selected_village', v) }
+        },
+
+        name : {
+            get () { return this.$store.state.doctor_new.param_name },
+            set (v) { this.$store.commit('doctor_new/update_param', {param:'name',val:v}) }
+        },
+
+        prefix1 : {
+            get () { return this.$store.state.doctor_new.param_prefix1 },
+            set (v) { this.$store.commit('doctor_new/update_param', {param:'prefix1',val:v}) }
+        },
+
+        prefix2 : {
+            get () { return this.$store.state.doctor_new.param_prefix2 },
+            set (v) { this.$store.commit('doctor_new/update_param', {param:'prefix2',val:v}) }
+        },
+
+        sufix1 : {
+            get () { return this.$store.state.doctor_new.param_sufix1 },
+            set (v) { this.$store.commit('doctor_new/update_param', {param:'sufix1',val:v}) }
+        },
+
+        sufix2 : {
+            get () { return this.$store.state.doctor_new.param_sufix2 },
+            set (v) { this.$store.commit('doctor_new/update_param', {param:'sufix2',val:v}) }
+        },
+
+        sufix3 : {
+            get () { return this.$store.state.doctor_new.param_sufix3 },
+            set (v) { this.$store.commit('doctor_new/update_param', {param:'sufix3',val:v}) }
+        },
+
+        hp : {
+            get () { return this.$store.state.doctor_new.param_hp },
+            set (v) { this.$store.commit('doctor_new/update_param', {param:'hp',val:v}) }
+        },
+
+        address : {
+            get () { return this.$store.state.doctor_new.param_address },
+            set (v) { this.$store.commit('doctor_new/update_param', {param:'address',val:v}) }
+        },
+
+        btn_save_enabled () {
+            if (this.errors.name || this.errors.hp || this.errors.selected_sex || this.errors.address ||
+                this.errors.selected_village)
+                return false
+
+            return true
+        }
+    },
+
+    methods : {
+        save () {
+            this.$store.commit('update_dialog_loading', true)
+            this.$store.dispatch('doctor_new/save')
+        },
+
+        error_trigger(x, e) {
+            this.errors[x] = e
+        }
+    },
+
+    mounted () {
+        this.$store.dispatch('doctor_new/search_sex')
+    },
+
+    watch : {
+        dialog(val, old) {
+            if (val && !old) {
+                this.$store.dispatch('doctor_new/search_province')
+
+                this.name = ""
+                this.hp = ""
+                this.sufix1 = ""
+                this.sufix2 = ""
+                this.sufix3 = ""
+                this.prefix1 = ""
+                this.prefix2 = ""
+                this.selected_sex = null
+                this.address = ""
+            }
+                
+        },
+
+        selected_province(val, old) {
+            if (val != old)
+                this.$store.dispatch('doctor_new/search_city')
+        },
+
+        selected_city(val, old) {
+            if (val != old)
+                this.$store.dispatch('doctor_new/search_district')
+        },
+
+        selected_district(val, old) {
+            if (val != old)
+                this.$store.dispatch('doctor_new/search_village')
+        }
+    }
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneFoRegistrationHistory.vue

@@ -0,0 +1,17 @@
+<template>
+    <v-dialog
+        v-model="dialog"
+        max-width="500px"
+        transition="dialog-transition"
+        
+    >
+        <v-card>
+            <v-card-text>
+                
+            </v-card-text>
+            <v-card-actions>
+                
+            </v-card-actions>
+        </v-card>
+    </v-dialog>
+</template>

test/vuex/one-fo-registration-dev/components/oneFoRegistrationPatientOrder.vue

@@ -0,0 +1,282 @@
+<template>
+        <v-layout column pb-2>
+            <v-card >
+                <v-layout row>
+                    <v-flex md6>
+                        <v-layout row pl-2>
+                            <v-flex md5>
+                                <div class="font-weight-bold text-fajrihm">Nomor Lab</div>
+                            </v-flex>
+                            <v-flex md7>
+                                <div class="font-weight-regular text-fajrihm text-md-right">{{ order_no }}</div>
+                            </v-flex>
+                        </v-layout>
+                        <v-layout row pl-2>
+                            <v-flex md5>
+                                <div class="font-weight-bold text-fajrihm">Tangal Periksa</div>
+                            </v-flex>
+                            <v-flex md7>
+                                <div class="font-weight-regular text-fajrihm text-md-right">{{ order_date }}</div>
+                            </v-flex>
+                        </v-layout>
+                    </v-flex>
+                    <v-flex md6>
+                        <v-layout row pl-2>
+                            <v-flex md5>
+                                <div class="font-weight-bold text-fajrihm">MR</div>
+                            </v-flex>
+                            <v-flex md7>
+                                <div class="font-weight-regular text-fajrihm text-md-right">{{ patient_mr }}</div>
+                            </v-flex>
+                        </v-layout>
+                        <v-layout row pl-2>
+                            <v-flex md5>
+                                <div class="font-weight-bold text-fajrihm">Nama Pasien</div>
+                            </v-flex>
+                            <v-flex md7>
+                                <div class="font-weight-regular text-fajrihm text-md-right">{{ patient_name }}</div>
+                            </v-flex>
+                        </v-layout>
+                    </v-flex>
+                </v-layout>
+                <v-layout row>
+                    <v-flex md6>
+                        <v-layout row pl-2>
+                            <v-flex md5>
+                                <div class="font-weight-bold text-fajrihm">Company</div>
+                            </v-flex>
+                            <v-flex md7>
+                                <div class="font-weight-regular text-fajrihm text-md-right">{{ order_company }}</div>
+                            </v-flex>
+                        </v-layout>
+                    </v-flex>
+                    <v-flex md6>
+                        <v-layout row pl-2>
+                            <v-flex md5>
+                                <div class="font-weight-bold text-fajrihm">MOU</div>
+                            </v-flex>
+                            <v-flex md7>
+                                <div class="font-weight-regular text-fajrihm text-md-right">{{ order_mou }}</div>
+                            </v-flex>
+                        </v-layout>
+                    </v-flex>
+                </v-layout>
+                <v-layout row mb-2>
+                    <v-flex md6>
+                        <v-layout row pl-2>
+                            <v-flex md5>
+                                <div class="font-weight-bold text-fajrihm">Dokter Pengirim</div>
+                            </v-flex>
+                            <v-flex md7>
+                                <div class="font-weight-regular text-fajrihm text-md-right">{{ doctor_sender }}</div>
+                            </v-flex>
+                        </v-layout>
+                    </v-flex>
+                    <v-flex md6>
+                        <v-layout row pl-2>
+                            <v-flex md5>
+                                <div class="font-weight-bold text-fajrihm">Alamat Dokter</div>
+                            </v-flex>
+                            <v-flex md7>
+                                <div class="font-weight-regular text-fajrihm text-md-right">{{ doctor_sender_address }}</div>
+                            </v-flex>
+                        </v-layout>
+                    </v-flex>
+                </v-layout>
+                <v-layout style="border-top:1px dashed rgb(221,221,221)" row mt-1 mb-1></v-layout>
+                <v-layout row mb-2 wrap>
+                    <v-flex v-for="(dlv, n) in order_delivery" xs6 v-bind:key="n">
+                        <v-layout row wrap pl-2>
+                            <v-flex xs4 class="label-delivery font-weight-bold">
+                                {{ dlv.label }}
+                            </v-flex>
+                            <v-flex xs8 class="text-delivery text-xs-right">
+                                {{ dlv.desc }}
+                            </v-flex>
+                        </v-layout>
+                    </v-flex>
+                    <!-- <v-flex xs6>
+                        <v-layout row wrap pl-2>
+                            <v-flex xs4 class="label-delivery font-weight-bold">
+                                Kirim Pasien
+                            </v-flex>
+                            <v-flex xs8 class="text-delivery text-xs-right">
+                                Jl. Simas Margarin Dapur No. 456
+                                Tegal Barat
+                            </v-flex>
+                        </v-layout>
+                    </v-flex> -->
+                </v-layout>
+                <v-layout style="border-top:1px dashed rgb(221,221,221)" row mt-1 mb-1></v-layout>
+                <v-layout row pa-2>
+                    <table>
+                        <tr>
+                        <th class="text-md-center pt-2 pb-2"> NO. </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 v-for="(t, idx) in order_detail" v-bind:key="t.d_id">
+                        <td class="text-md-center"> {{ idx + 1 }} </td>
+                        <td class="text-md-left pl-3">{{ t.t_name }}</td>
+                        <td class="text-md-right pr-2">{{ one_money(t.t_price) }}</td>
+                        <td class="text-md-right pr-2">{{ one_money(t.t_disctotal) }}</td>
+                        <td class="text-md-right pr-2">{{ one_money(t.t_total) }}</td>
+
+                        </tr>
+                        
+                        <tfoot>
+                        <tr>
+                            <th style="background:#03a9f43d" colspan="3" class="text-md-right pr-2 pt-1 pb-1">SUB TOTAL</th>
+                            <th style="background:#03a9f43d" class="text-md-right pr-2 pt-2 pb-2" colspan="2">{{ one_money(order_subtotal) }}</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">{{ one_money(order_rounding) }}</th>
+
+                        </tr>
+                        <tr>
+                            <th style="background:#03a9f43d" colspan="3"  class="text-md-right pr-2 pt-2 pb-2">TOTAL</th>
+                            <th style="background:#03a9f43d" class="text-md-right pr-2 pt-1 pb-1"  colspan="2">{{ one_money(order_total) }}</th>
+
+                        </tr>
+                        </tfoot>
+                    </table>
+                </v-layout>
+                <v-layout style="border-top:1px dashed rgb(221,221,221)" row mt-2 mb-2></v-layout>
+                
+
+               
+</template>
+
+<style scoped>
+.text-fajrihm{
+    padding: 3px 20px 3px 0;
+    text-align:left;
+    font-size: 13px;
+    font-family: open sans, tahoma, sans-serif;
+}
+
+.label-delivery{
+     font-size: 11px;
+     padding: 3px 20px 3px 0;
+     font-family: open sans, tahoma, sans-serif;
+}
+.text-delivery{
+     font-size: 12px;
+     padding: 3px 20px 3px 0;
+     font-family: open sans, tahoma, sans-serif;
+}
+
+.nota {
+   font-size: 2em;
+   font-weight: bold;
+   text-align: left;
+}
+.total {
+   min-height:76px;
+}
+table {
+   font-family: arial, sans-serif;
+   border-collapse: collapse;
+   width: 100%;
+   background:white;
+   border: 0px;
+}
+
+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;
+}
+</style>
+<script>
+module.exports = {
+    methods : {
+        one_money(p) {
+            return window.one_money(p)
+        },
+    },
+
+    data() {
+        return {
+
+        }
+    },
+
+    computed : {
+        order_no() {
+            return this.$store.state.payment.selected_patient.order_no
+        },
+        
+        order_date() {
+            let x
+            try {
+                let z = this.$store.state.payment.selected_patient.order_date
+                let y = z.split(' ')
+                x = y[0].split('-').reverse().join('-') + ' ' + (y[1] ? y[1] : '')
+            } catch (e) { x = '-' }
+            
+            return x
+        },
+
+        order_mou() {
+            return this.$store.state.payment.selected_patient.order_mou
+        },
+
+        order_company() {
+            return this.$store.state.payment.selected_patient.order_company
+        },
+
+        patient_name() {
+            return this.$store.state.payment.selected_patient.patient_name
+        },
+
+        patient_mr() {
+            return this.$store.state.payment.selected_patient.patient_mr
+        },
+
+        doctor_sender() {
+            return this.$store.state.payment.selected_patient.doctor_sender
+        },
+
+        doctor_sender_address() {
+            return this.$store.state.payment.selected_patient.doctor_sender_address
+        },
+
+        doctor_pj() {
+            return this.$store.state.payment.selected_patient.doctor_pj
+        },
+
+        order_detail() {
+            return this.$store.state.payment.order_detail
+        },
+
+        order_subtotal() {
+            return this.$store.state.payment.order_subtotal
+        },
+
+        order_rounding() {
+            return this.$store.state.payment.order_rounding
+        },
+
+        order_total() {
+            return this.$store.state.payment.order_total
+        },
+
+        order_delivery() {
+            return this.$store.state.payment.order_delivery
+        }
+    }
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneFoRegistrationPayment.vue

@@ -0,0 +1,438 @@
+<template>
+        <v-layout column pb-2>
+            <v-card >
+                <v-layout row pa-2 align-center wrap >
+                    <v-flex xs6>
+                        <div class="label-tagihan text-xs-left">Total Tagihan</div>
+                        <v-layout style="border-top:1px dashed rgb(221,221,221)" row mt-1 mb-1 class="mt-3"></v-layout>
+                        
+                        <v-layout row wrap v-show="order_company.is_bill == 'N'">
+                            <v-flex xs6>
+                                <h3 class="subheading orange--text">Minimum DP ({{ order_company.min_dp }}%)</h3>
+                            </v-flex>
+                            <v-flex xs6>
+                                <h3 class="subheading text-xs-right orange--text">{{ one_money(order_company.min_dp_rp) }}</h3>
+                            </v-flex>
+                        </v-layout>
+
+                        <v-layout row wrap v-show="order_company.is_bill == 'Y' && order_company.on_hold == 'Y'">
+                            <v-flex xs12>
+                                <h3 class="subheading red--text">{{ order_company.on_hold_text }}</h3>
+                            </v-flex>
+                        </v-layout>
+                        
+                    </v-flex>
+                    <v-flex xs6>
+                       <div class="text-tagihan text-xs-right"><kbd>{{ one_money(bill_total) }}</kbd></div>
+                    </v-flex>
+                </v-layout>
+                <v-layout style="border-top:1px dashed rgb(221,221,221)" row mt-1 mb-1></v-layout>
+                
+                <v-layout column>
+                    <v-flex xs12 v-for="(p, pi) in payments" v-bind:key="p.payment_type_id">
+
+                        <v-layout row pt-2 pb-1 pl-2 align-center wrap class="border-top-dashed">
+                            <v-flex xs12>
+                                <v-switch
+                                    true-value="Y"
+                                    false-value="N"
+                                    v-model="payments[pi].payment_enable"
+                                    :label="p.payment_type_name"
+                                    @change="(v) => payment_enable(pi, v)"
+                                    :disabled="paid"
+                                ></v-switch>
+                            </v-flex>
+                        </v-layout>
+                        <v-layout row pa-2 align-center wrap >
+                            <v-flex xs2>
+                                <div class="sub-title pl-2">Jumlah</div>
+                            </v-flex>
+                            <v-flex xs4>
+                                <div  class="pa-2">
+                                    <v-text-field
+                                        v-bind:class="[p.payment_type_code == 'CASH' ? 'input-cash' : 'input-plain', 'text-xs-right font-weight-bold']"
+                                        v-model="payments[pi].payment_actual"
+                                        :disabled="paid || (payments[pi].payment_enable == 'Y' ? false : true)"
+                                        @input="(v) => update_payments(pi, 'payment_actual', v)"
+                                        reverse
+                                        
+                                    >
+                                    </v-text-field>
+                                    
+                                </div>
+                            </v-flex>
+                            <v-flex xs2>
+                                <div class="sub-title pl-2">{{ p.payment_note_label }}</div>
+                            </v-flex>
+                            <v-flex xs4>
+                                <div class="pa-2">
+                                    <v-text-field
+                                        v-show="p.payment_type_code != 'CASH'"
+                                        class="input-plain"
+                                        v-model="payments[pi].payment_note"
+                                        :disabled="paid || (payments[pi].payment_enable == 'Y' ? false : true)"
+                                        @input="(v) => update_payments(pi, 'payment_amount', v)"
+                                        reverse
+                                        
+                                    >
+                                    </v-text-field>
+
+                                    <v-text-field
+                                        v-show="p.payment_type_code == 'CASH'"
+                                        class="input-cash"
+                                        v-model="payments[pi].payment_change_mask"
+                                        disabled
+                                        reverse
+                                        
+                                    >
+                                    </v-text-field>
+                                </div>
+                            </v-flex>
+
+                            <v-flex xs12 v-if="['CREDIT', 'DEBIT'].indexOf(p.payment_type_code) > -1">
+                                <v-layout row wrap>
+                                    <v-flex xs2>
+                                        <div class="sub-title pl-2">Kartu</div>
+                                    </v-flex>
+                                    <v-flex xs4>
+                                        <v-autocomplete
+                                            :items="banks"
+                                            item-text="Nat_BankName"
+                                            item-value="Nat_BankID"
+                                            outline
+                                            hide-details
+                                            height="30"
+                                        ></v-autocomplete>
+                                    </v-flex>
+
+                                    <v-flex xs2>
+                                        <div class="sub-title pl-2">EDC</div>
+                                    </v-flex>
+                                    <v-flex xs4>
+                                        <v-autocomplete
+                                            :items="banks"
+                                            item-text="Nat_BankName"
+                                            item-value="Nat_BankID"
+                                            outline
+                                            hide-details
+                                        ></v-autocomplete>
+                                    </v-flex>
+                                </v-layout>
+                            </v-flex>
+                            
+                        </v-layout>
+                    </v-flex>
+                </v-layout>
+
+                <v-layout style="border-top:1px dashed rgb(221,221,221)" row mt-1 mb-1></v-layout>
+                <!-- <v-layout row pa-2 align-center wrap >
+                   <div>
+                        <v-btn color="error" dark large @click="save" :disabled="!btn_save_enable">BAYAR</v-btn>
+                    </div>
+                </v-layout> -->
+                <v-layout row pa-2 wrap >
+                    
+                    <v-flex xs9>
+                        <div>
+                            <v-btn color="error" :dark="btn_save_enable && !paid" @click="save" :disabled="!btn_save_enable || paid" class="mr-0">SIMPAN & BAYAR</v-btn>
+                            
+                            <!-- <v-btn color="primary" large @click="print_invoice" class="ml-0 mr-0">C INVOICE</v-btn>
+                            <v-btn color="primary" large @click="print_control" class="ml-0">C KARTU KONTROL</v-btn> -->
+                            <template>
+                                
+                                <v-menu offset-y top>
+                                    <template v-slot:activator="{ on }">
+                                        <v-btn
+                                        color="orange"
+                                        dark
+                                        v-on="on"
+                                        >
+                                        <v-icon class="mr-1">print</v-icon>
+                                        Cetak
+                                        </v-btn>
+                                    </template>
+                                    <v-list>
+                                        <v-list-tile
+                                        v-for="(item, index) in menu_print"
+                                        :key="index"
+                                        @click="print_me(item.code)"
+                                        >
+                                        <v-list-tile-title>{{ item.title }}</v-list-tile-title>
+                                        </v-list-tile>
+                                    </v-list>
+                                </v-menu>
+                                
+                            </template>
+
+                            <v-btn color="primary" @click="reset" class="ml-0 mr-0">
+                                <v-icon class="mr-1">description</v-icon> BARU</v-btn>
+                        </div>
+                    </v-flex>
+                    <v-flex xs3>
+                        <div class="text-tagihan text-xs-right"><kbd>{{ one_money(payment_total) }}</kbd></div>
+                    </v-flex>
+                   
+                </v-layout>
+            </v-card>
+            <one-fo-registration-payment-finish></one-fo-registration-payment-finish>
+            <one-dialog-print></one-dialog-print>
+        </v-layout>
+        
+</template>
+
+<style scoped>
+.label-tagihan{
+    text-align:left;
+    font-size: 25px;
+    font-family: open sans, tahoma, sans-serif;
+    font-weight:700;
+}
+
+.sub-header{
+    text-align:left;
+    font-size: 18px;
+    font-family: open sans, tahoma, sans-serif;
+    font-weight:700;
+}
+
+.sub-title{
+    text-align:left;
+    font-size: 14px;
+    font-family: open sans, tahoma, sans-serif;
+    font-weight:700;
+}
+
+.text-tagihan{
+    text-align:left;
+    font-size: 42px;
+    font-family: open sans, tahoma, sans-serif;
+}
+
+.input-cash{
+    width: 100%;
+    padding: 8px 14px;
+    box-sizing: border-box;
+    border: 2px solid grey;
+    border-radius: 4px;
+    font-size: 22px;
+    font-weight:700;
+    text-align:right;
+}
+.input-plain{
+    width: 100%;
+    padding: 4px 8px;
+    box-sizing: border-box;
+    border: 2px solid grey;
+    border-radius: 4px;
+    font-size: 14px;
+}
+.v-input, .v-input__slot, .v-messages{
+    margin:0px;
+    padding:0px;
+    min-height: 0px; 
+}
+.v-input--selection-controls:not(.v-input--hide-details) .v-input__slot {
+    margin-bottom: 0px;
+}
+
+.border-top-dashed {
+    border-top: 1px dashed rgb(221,221,221)
+}
+</style>
+<script>
+module.exports = {
+    components : {
+        'one-field-verification' : httpVueLoader('../../common/oneFieldVerificationSupply.vue'),
+        'one-fo-registration-payment-finish' : httpVueLoader('./oneFoRegistrationPaymentFinish.vue'),
+        'one-dialog-print' : httpVueLoader('./oneDialogPrint.vue')
+    },
+
+     data () {
+      return {
+        checkbox: true,
+        radioGroup: 1,
+        switchCash: true,
+        switchDebit: false,
+        switchKredit: false,
+
+        switch_payment_enable: [],
+
+        payment_amount: [],
+        menu_print: [
+            { title:"Cetak Invoice", code:"P.INV" },
+            { title:"Cetak Kartu Kontrol", code:"P.CC" }
+        ]
+      }
+    },
+
+    methods : {
+        one_money(p) {
+            return window.one_money(p)
+        },
+
+        payment_enable (idx, v) {
+            let payments = this.payments
+            payments[idx]['payment_enable'] = v
+
+            this.$store.commit('payment/update_payments', payments)
+        },
+
+        save() {
+            this.$store.dispatch("payment/save");
+            return
+        },
+
+        update_payments (idx, type, v) {
+            let payments = this.payments
+            payments[idx][type] = v
+            this.$store.commit('payment/update_payments', payments)
+        },
+
+        reset () {
+            location.reload()
+        },
+
+        print_invoice () {
+            this.$store.dispatch('payment/print_invoice', this.$store.state.payment.order_id)
+            return
+        },
+
+        print_control () {
+            this.$store.dispatch('payment/print_control', this.$store.state.payment.order_id)
+            return
+        },
+
+        print_me (c) {
+            if (c == "P.INV")
+                return this.print_invoice()
+            else if (c == "P.CC")
+                return this.print_control()
+        }
+    },
+
+    computed : {
+        bill_total() {
+            return this.$store.state.payment.order_total
+        },
+
+        payment_total () {
+            return this.$store.state.payment.payment_total
+        },
+
+        payment_cash_amount : {
+            get () {
+                return this.$store.state.payment.order_total
+            },
+            set (v) {
+                // this.$store.commit('payment/update_payment', {type:'cash',amount:v})
+                return
+            }
+        },
+
+        payment_debit_amount : {
+            get () {
+                return 0
+            },
+            set (v) {
+                return
+            }
+        },
+
+        payment_credit_amount : {
+            get () {
+                return 0
+            },
+            set (v) {
+                return
+            }
+        },
+
+        payments : {
+            get () {
+                let p = this.$store.state.payment.payments
+                for (let i in p)
+                    p[i].payment_change_mask = window.one_money(p[i].payment_change)
+
+                return p
+                // [{"payment_type_id":"1","payment_type_name":"Cash","payment_type_code":"CASH","payment_amount":"0","payment_note":"","payment_note_label":"Kembali","payment_enable":"N"},{"payment_type_id":"2","payment_type_name":"Debit","payment_type_code":"DEBIT","payment_amount":"0","payment_note":"","payment_note_label":"Nomor Kartu","payment_enable":"N"},{"payment_type_id":"3","payment_type_name":"Credit","payment_type_code":"CREDIT","payment_amount":"0","payment_note":"","payment_note_label":"Nomor Kartu","payment_enable":"N"},{"payment_type_id":"4","payment_type_name":"Voucher","payment_type_code":"VOUCHER","payment_amount":"0","payment_note":"","payment_note_label":"Nomor Voucher","payment_enable":"N"}]
+            },
+            set (v) {
+                this.$store.commit('payment/update_payments', v)
+                return
+            }
+        },
+
+        order_id : {
+            get () {
+                return this.$store.state.payment.order_id
+            },
+
+            set (v) {
+                return
+            }
+        },
+
+        btn_save_enable () {
+            if (this.payments.length < 1)
+                return false
+
+            let en = false
+            let sm = 0
+            for (let i in this.payments) {
+                if (this.payments[i].payment_enable == "Y") {
+                    en = true
+                    sm = sm + Math.round(this.payments[i].payment_amount)
+                }
+            }
+
+            if (!en) return false
+
+            if (this.$store.state.payment.order_id == 0 ||
+                this.$store.state.payment.order_id == "0")
+                return false;
+
+            if (sm == 0)
+                return false
+
+            return true
+        },
+
+        paid : {
+            get () { return this.$store.state.payment.paid },
+            set (v) { this.$store.commit('payment/update_paid', v) }
+        },
+
+        order_company () {
+            return this.$store.state.payment.order_company
+        },
+        
+        banks () {
+            return this.$store.state.other.banks
+        }
+    },
+
+    mounted () {
+        this.$store.dispatch('payment/search')
+        this.$store.dispatch('other/search_bank')
+    },
+
+    watch : {
+        switch_payment_enable (n, o) {
+            if (n != o) {
+                if (n.length < o.length) {
+                    for (let i in o)
+                        if (n.indexOf(o[i]) < 0)
+                            return
+                }
+            }
+        },
+
+        order_id (n, o) {
+            if (n == 0 || n == "0")
+                this.$store.commit("order/update_tab_enable", [2, false])
+            else
+                this.$store.commit("order/update_tab_enable", [2, true])
+        }
+    }
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneFoRegistrationPayment2.vue

@@ -0,0 +1,459 @@
+<template>
+        <v-layout column pb-2>
+            <v-card >
+                <v-layout row pa-2 align-center wrap >
+                    <v-flex xs6>
+                        <div class="label-tagihan text-xs-left">Total Tagihan</div>
+                        <v-layout style="border-top:1px dashed rgb(221,221,221)" row mt-1 mb-1 class="mt-3"></v-layout>
+                        
+                        <v-layout row wrap v-show="order_company.is_bill == 'N'">
+                            <v-flex xs6>
+                                <h3 class="subheading orange--text">Minimum DP ({{ order_company.min_dp }}%)</h3>
+                            </v-flex>
+                            <v-flex xs6>
+                                <h3 class="subheading text-xs-right orange--text">{{ one_money(order_company.min_dp_rp) }}</h3>
+                            </v-flex>
+                        </v-layout>
+
+                        <v-layout row wrap v-show="order_company.is_bill == 'Y' && order_company.on_hold == 'Y'">
+                            <v-flex xs12>
+                                <h3 class="subheading red--text">{{ order_company.on_hold_text }}</h3>
+                            </v-flex>
+                        </v-layout>
+                        
+                    </v-flex>
+                    <v-flex xs6>
+                       <div class="text-tagihan text-xs-right"><kbd>{{ one_money(bill_total) }}</kbd></div>
+                    </v-flex>
+                </v-layout>
+                <v-layout style="border-top:1px dashed rgb(221,221,221)" row mt-1 mb-1></v-layout>
+                
+                <v-layout column>
+                    <v-flex xs12 v-for="(p, pi) in payments" v-bind:key="p.payment_type_id">
+
+                        <v-layout row pt-2 pb-1 pl-2 align-center wrap class="border-top-dashed">
+                            <v-flex xs12>
+                                <v-switch
+                                    true-value="Y"
+                                    false-value="N"
+                                    v-model="payments[pi].payment_enable"
+                                    :label="p.payment_type_name"
+                                    @change="(v) => payment_enable(pi, v)"
+                                    :disabled="paid"
+                                ></v-switch>
+                            </v-flex>
+                        </v-layout>
+                        <v-layout row pa-2 wrap >
+                            
+                            <v-flex xs4 pr-2>
+                                <!-- <div  class="pa-2"> -->
+                                    <v-text-field
+                                        v-bind:class="[p.payment_type_code == 'CASH' ? 'input-cash' : 'input-plain', 'text-xs-right font-weight-bold']"
+                                        v-model="payments[pi].payment_actual"
+                                        :disabled="paid || (payments[pi].payment_enable == 'Y' ? false : true)"
+                                        @input="(v) => update_payments(pi, 'payment_actual', v)"
+                                        reverse
+                                        label="Jumlah"
+                                        outline
+                                    >
+                                    </v-text-field>
+                                    
+                                <!-- </div> -->
+                            </v-flex>
+                            <v-flex xs4 v-if="['CASH', 'VOUCHER'].indexOf(p.payment_type_code) > -1">
+                                <!-- <div class="pa-2"> -->
+                                    <v-text-field
+                                        v-show="p.payment_type_code == 'VOUCHER'"
+                                        class="input-plain"
+                                        v-model="payments[pi].payment_note"
+                                        :disabled="paid || (payments[pi].payment_enable == 'Y' ? false : true)"
+                                        @input="(v) => update_payments(pi, 'payment_amount', v)"
+                                        reverse
+                                        :label="p.payment_note_label"
+                                        outline
+                                    >
+                                    </v-text-field>
+
+                                    <v-text-field
+                                        v-show="p.payment_type_code == 'CASH'"
+                                        class="input-cash"
+                                        v-model="payments[pi].payment_change_mask"
+                                        disabled
+                                        reverse
+                                        :label="p.payment_note_label"
+                                        outline
+                                    >
+                                    </v-text-field>
+                                <!-- </div> -->
+                            </v-flex>
+
+                            <v-flex xs4 v-if="['CREDIT', 'DEBIT'].indexOf(p.payment_type_code) > -1" pr-2>
+                                <v-autocomplete
+                                    :items="banks"
+                                    item-text="Nat_BankName"
+                                    item-value="Nat_BankID"
+                                    outline
+                                    hide-details
+                                    height="30"
+                                    label="Kartu"
+                                    @change="(v) => update_payments(pi, 'payment_card_id', v)"
+                                ></v-autocomplete>
+                            </v-flex>
+
+                            <v-flex xs4 v-if="['CREDIT', 'DEBIT'].indexOf(p.payment_type_code) > -1">
+                                <v-autocomplete
+                                    :items="banks"
+                                    item-text="Nat_BankName"
+                                    item-value="Nat_BankID"
+                                    outline
+                                    hide-details
+                                    height="30"
+                                    label="EDC"
+                                    @change="(v) => update_payments(pi, 'payment_edc_id', v)"
+                                ></v-autocomplete>
+                            </v-flex>
+
+                            
+                        </v-layout>
+                    </v-flex>
+                </v-layout>
+
+                <v-layout style="border-top:1px dashed rgb(221,221,221)" row mt-1 mb-1></v-layout>
+                <!-- <v-layout row pa-2 align-center wrap >
+                   <div>
+                        <v-btn color="error" dark large @click="save" :disabled="!btn_save_enable">BAYAR</v-btn>
+                    </div>
+                </v-layout> -->
+                <v-layout row pa-2 wrap >
+                    
+                    <v-flex xs9>
+                        <div>
+                            <v-btn v-show="!is_bill" color="error" :dark="btn_save_enable && !paid" @click="save" :disabled="!btn_save_enable || paid" class="mr-0">SIMPAN & BAYAR</v-btn>
+                            <v-btn v-show="is_bill" color="error" dark @click="print_bukti" class="mr-0">BUKTI PEMERIKSAAN</v-btn>
+                            
+                            <!-- <v-btn color="primary" large @click="print_invoice" class="ml-0 mr-0">C INVOICE</v-btn>
+                            <v-btn color="primary" large @click="print_control" class="ml-0">C KARTU KONTROL</v-btn> -->
+                            <template>
+                                
+                                <v-menu offset-y top>
+                                    <template v-slot:activator="{ on }">
+                                        <v-btn
+                                        color="orange"
+                                        dark
+                                        v-on="on"
+                                        >
+                                        <v-icon class="mr-1">print</v-icon>
+                                        Cetak
+                                        </v-btn>
+                                    </template>
+                                    <v-list>
+                                        <v-list-tile
+                                        v-for="(item, index) in menu_print"
+                                        :key="index"
+                                        @click="print_me(item.code)"
+                                        >
+                                        <v-list-tile-title>{{ item.title }}</v-list-tile-title>
+                                        </v-list-tile>
+                                    </v-list>
+                                </v-menu>
+                                
+                            </template>
+
+                            <v-btn color="primary" @click="reset" class="ml-0 mr-0">
+                                <v-icon class="mr-1">description</v-icon> BARU</v-btn>
+                        </div>
+                    </v-flex>
+                    <v-flex xs3>
+                        <div class="text-tagihan text-xs-right"><kbd>{{ one_money(payment_total) }}</kbd></div>
+                    </v-flex>
+                   
+                </v-layout>
+            </v-card>
+            <one-fo-registration-payment-finish></one-fo-registration-payment-finish>
+            <one-dialog-print></one-dialog-print>
+        </v-layout>
+        
+</template>
+
+<style scoped>
+.label-tagihan{
+    text-align:left;
+    font-size: 25px;
+    font-family: open sans, tahoma, sans-serif;
+    font-weight:700;
+}
+
+.sub-header{
+    text-align:left;
+    font-size: 18px;
+    font-family: open sans, tahoma, sans-serif;
+    font-weight:700;
+}
+
+.sub-title{
+    text-align:left;
+    font-size: 14px;
+    font-family: open sans, tahoma, sans-serif;
+    font-weight:700;
+}
+
+.text-tagihan{
+    text-align:left;
+    font-size: 42px;
+    font-family: open sans, tahoma, sans-serif;
+}
+
+.input-cash{
+    width: 100%;
+    /* padding: 8px 14px; */
+    /* box-sizing: border-box; */
+    /* border: 2px solid grey;
+    border-radius: 4px; */
+    font-size: 22px;
+    font-weight:700;
+    text-align:right;
+}
+.input-plain{
+    width: 100%;
+    /* padding: 4px 8px; */
+    /* box-sizing: border-box; */
+    /* border: 2px solid grey;
+    border-radius: 4px; */
+    font-size: 14px;
+}
+.v-input, .v-input__slot, .v-messages{
+    margin:0px;
+    padding:0px;
+    min-height: 0px; 
+}
+.v-input--selection-controls:not(.v-input--hide-details) .v-input__slot {
+    margin-bottom: 0px;
+}
+
+.border-top-dashed {
+    border-top: 1px dashed rgb(221,221,221)
+}
+</style>
+<script>
+module.exports = {
+    components : {
+        'one-field-verification' : httpVueLoader('../../common/oneFieldVerificationSupply.vue'),
+        'one-fo-registration-payment-finish' : httpVueLoader('./oneFoRegistrationPaymentFinish.vue'),
+        'one-dialog-print' : httpVueLoader('./oneDialogPrint.vue')
+    },
+
+     data () {
+      return {
+        checkbox: true,
+        radioGroup: 1,
+        switchCash: true,
+        switchDebit: false,
+        switchKredit: false,
+
+        switch_payment_enable: [],
+
+        payment_amount: [],
+        menu_print: [
+            { title:"Cetak Invoice", code:"P.INV" },
+            { title:"Cetak Kartu Kontrol", code:"P.CC" }
+        ]
+      }
+    },
+
+    methods : {
+        one_money(p) {
+            return window.one_money(p)
+        },
+
+        payment_enable (idx, v) {
+            let payments = this.payments
+            payments[idx]['payment_enable'] = v
+            if (v == "N") {
+                payments[idx]['payment_actual'] = 0
+                payments[idx]['payment_amount'] = 0
+                payments[idx]['payment_card_id'] = 0
+                payments[idx]['payment_change'] = 0
+                payments[idx]['payment_change_mask'] = 0
+            }
+
+            this.$store.commit('payment/update_payments', payments)
+        },
+
+        save() {
+            this.$store.dispatch("payment/save");
+            return
+        },
+
+        update_payments (idx, type, v) {
+            let payments = this.payments
+            payments[idx][type] = v
+            this.$store.commit('payment/update_payments', payments)
+        },
+
+        reset () {
+            location.reload()
+        },
+
+        print_invoice () {
+            this.$store.dispatch('payment/print_invoice', this.$store.state.payment.order_id)
+            return
+        },
+
+        print_control () {
+            this.$store.dispatch('payment/print_control', this.$store.state.payment.order_id)
+            return
+        },
+
+        print_me (c) {
+            if (c == "P.INV")
+                return this.print_invoice()
+            else if (c == "P.CC")
+                return this.print_control()
+        },
+
+        xxx(v) {
+            alert(v)
+        },
+
+        print_bukti() {
+            this.$store.dispatch('payment/print_nota', this.order_id)
+        }
+    },
+
+    computed : {
+        bill_total() {
+            return this.$store.state.payment.order_total
+        },
+
+        payment_total () {
+            return this.$store.state.payment.payment_total
+        },
+
+        payment_cash_amount : {
+            get () {
+                return this.$store.state.payment.order_total
+            },
+            set (v) {
+                // this.$store.commit('payment/update_payment', {type:'cash',amount:v})
+                return
+            }
+        },
+
+        payment_debit_amount : {
+            get () {
+                return 0
+            },
+            set (v) {
+                return
+            }
+        },
+
+        payment_credit_amount : {
+            get () {
+                return 0
+            },
+            set (v) {
+                return
+            }
+        },
+
+        payments : {
+            get () {
+                let p = this.$store.state.payment.payments
+                for (let i in p)
+                    p[i].payment_change_mask = window.one_money(p[i].payment_change)
+
+                return p
+                // [{"payment_type_id":"1","payment_type_name":"Cash","payment_type_code":"CASH","payment_amount":"0","payment_note":"","payment_note_label":"Kembali","payment_enable":"N"},{"payment_type_id":"2","payment_type_name":"Debit","payment_type_code":"DEBIT","payment_amount":"0","payment_note":"","payment_note_label":"Nomor Kartu","payment_enable":"N"},{"payment_type_id":"3","payment_type_name":"Credit","payment_type_code":"CREDIT","payment_amount":"0","payment_note":"","payment_note_label":"Nomor Kartu","payment_enable":"N"},{"payment_type_id":"4","payment_type_name":"Voucher","payment_type_code":"VOUCHER","payment_amount":"0","payment_note":"","payment_note_label":"Nomor Voucher","payment_enable":"N"}]
+            },
+            set (v) {
+                this.$store.commit('payment/update_payments', v)
+                return
+            }
+        },
+
+        order_id : {
+            get () {
+                return this.$store.state.payment.order_id
+            },
+
+            set (v) {
+                return
+            }
+        },
+
+        btn_save_enable () {
+            if (this.payments.length < 1)
+                return false
+
+            let en = false
+            let sm = 0
+            for (let i in this.payments) {
+                let p = this.payments[i]
+                if (p.payment_enable == "Y") {
+                    en = true
+                    sm = sm + Math.round(p.payment_amount)
+
+                    // IF DEBIT OR CREDIT
+                    if (['DEBIT', 'CREDIT'].indexOf(p.payment_type_code) > -1) {
+                        if (p.payment_edc_id == 0 || p.payment_card_id == 0)
+                            en = false
+                    }
+                }
+            }
+
+            if (!en) return false
+
+            if (this.$store.state.payment.order_id == 0 ||
+                this.$store.state.payment.order_id == "0")
+                return false;
+
+            if (sm == 0)
+                return false
+
+            return true
+        },
+
+        paid : {
+            get () { return this.$store.state.payment.paid },
+            set (v) { this.$store.commit('payment/update_paid', v) }
+        },
+
+        order_company () {
+            return this.$store.state.payment.order_company
+        },
+        
+        banks () {
+            return this.$store.state.other.banks
+        },
+
+        is_bill () {
+            return this.$store.state.company.selected_mou.M_MouIsBill == "Y"
+        }
+    },
+
+    mounted () {
+        this.$store.dispatch('payment/search')
+        this.$store.dispatch('other/search_bank')
+    },
+
+    watch : {
+        switch_payment_enable (n, o) {
+            if (n != o) {
+                if (n.length < o.length) {
+                    for (let i in o)
+                        if (n.indexOf(o[i]) < 0)
+                            return
+                }
+            }
+        },
+
+        order_id (n, o) {
+            if (n == 0 || n == "0")
+                this.$store.commit("order/update_tab_enable", [2, false])
+            else
+                this.$store.commit("order/update_tab_enable", [2, true])
+        }
+    }
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneFoRegistrationPaymentFinish.vue

@@ -0,0 +1,81 @@
+<template>
+  
+    <v-dialog
+      v-model="dialog"
+      width="500"
+    >
+      
+
+      <v-card>
+        <v-card-title
+          class="headline grey lighten-2 pt-2 pb-2"
+          primary-title
+        >
+          Pembayaran Berhasil
+        </v-card-title>
+        <v-card-text class="pt-2 pb-2">
+          <h6 class="display-1 text-center">No Pembayaran <span class="blue--text">{{ text_payno }}</span></h6>
+        </v-card-text>
+        <v-divider></v-divider>
+
+        <v-card-actions>
+          <v-btn
+            color="warning"
+            @click="print_nota"
+            class="ml-2"            
+          >
+            CETAK NOTA
+          </v-btn>
+          <v-spacer></v-spacer>
+          <v-btn
+            color="primary"
+            flat
+            @click="finish"
+          >
+            Tutup
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  
+</template>
+
+<style scoped>
+</style>
+
+<script>
+module.exports = {
+    components : {
+      
+    },
+    methods : {
+       tuing: function() {
+          alert('x')
+       },
+
+       finish: function() {
+         this.dialog = false
+        //  location.reload()
+       },
+
+       print_nota () {
+         this.$store.dispatch('payment/print_nota', this.$store.state.payment.payment_id)
+         return
+       }
+    },
+    computed : {
+       dialog: {
+          get() {
+             return this.$store.state.payment.finish_dialog_is_active;
+          },
+          set(val) {
+             this.$store.commit('payment/update_finish_dialog_is_active', val);
+          }
+       },
+
+       text_payno () {
+         return this.$store.state.payment.payment_number
+       }
+    }
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneFoRegistrationPriceList.vue

@@ -0,0 +1,333 @@
+<template>
+   <v-layout column pb-2>
+      
+      <v-card class="pa-1">
+         <table>
+            <tr>
+               <th class="text-md-center pt-2 pb-2"> # </th>
+               <th class="text-md-center pt-2 pb-2" style="max-width:30px">CITO</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 v-for="t in selected_test" v-bind:key="t.T_TestID">
+               <td class="text-md-center">
+                  <v-icon color="red" @click="deletePx(t)">delete</v-icon>
+               </td>
+               <td class="text-md-left pl-3"><v-checkbox hide-details class="smr-1" 
+                                  :value="t.T_TestID"
+                                  v-model="cito_test"
+                                  ></v-checkbox></td>
+               <td class="text-md-left pl-3">{{ t.T_TestName}}
+                   <div class="caption" v-show="child_test_show(t)">{{child_test(t.child_test)}}</div>
+               </td>
+               <td class="text-md-right pr-2">{{ one_money(t.T_PriceAmount) }}</td>
+               <td class="text-md-right pr-2">{{ one_money(calc_discount(t))  }}</td>
+               <td class="text-md-right pr-2">{{ one_money(calc_netto(t)) }}</td>
+            </tr>
+
+            
+            <!-- TEST PANEL -->
+            <template v-for="p in selected_panel">
+               <tr class="tr-panel">
+                  <td class="text-md-center">
+                     <v-icon color="red" @click="deletePanel(p)">delete</v-icon>
+                  </td>
+                  <td class="text-md-left pl-3 pr-2" colspan="4">{{ p.T_TestPanelName}}</td>
+               </tr>
+               <tr v-for="t in p.test" v-bind:key="t.T_TestID">
+                  <td class="text-md-center">
+                     &nbsp;
+                  </td>
+                  <td class="text-md-left pl-3">{{ t.T_TestName}}</td>
+                  <td class="text-md-right pr-2">{{ one_money(t.T_PriceAmount) }}</td>
+                  <td class="text-md-right pr-2">{{ one_money(calc_discount(t))  }}</td>
+                  <td class="text-md-right pr-2">{{ one_money(calc_netto(t)) }}</td>
+               </tr>
+            </template>
+            <!--/ TEST PANEL -->
+
+            <tfoot>
+               <tr>
+                  <th style="background:#03a9f43d" colspan="4" 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">{{ one_money(sub_total)  }}</th>
+               </tr>
+               <tr>
+                  <th colspan="4"  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">{{ one_money(discount_pembulatan) }}</th>
+
+               </tr>
+            </tfoot>
+         </table>
+      </v-card>
+
+      <v-card class="total">
+         <v-layout align-center row>
+            <v-flex xs6>
+               <v-btn :disabled="!btn_save_enabled" color="primary" @click="save_order">Simpan</v-btn>
+            </v-flex>
+            <v-flex xs3 text-md-left justify-start row  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 xs3 text-md-right justify-start row pt-2 pb-2>
+               <div class="flex display-2 font-weight-medium pt-1 pb-1 pr-2"><kbd>{{ one_money(grand_total) }}</kbd></div>
+            </v-flex>
+         </v-layout>
+
+      </v-card>
+
+        <one-dialog-loading></one-dialog-loading>
+   </v-layout>
+</template>
+
+<style scoped>
+.nota {
+   font-size: 2em;
+   font-weight: bold;
+   text-align: left;
+}
+.total {
+   min-height:76px;
+}
+table {
+   font-family: arial, sans-serif;
+   border-collapse: collapse;
+   width: 100%;
+   background:white;
+   border: 0px;
+}
+
+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;
+}
+
+.v-input--selection-controls {
+    margin-top: 0px;
+    padding-top: 0px;
+}
+
+</style>
+<script>
+module.exports = {
+
+    components : {
+        'one-dialog-loading': httpVueLoader('../../common/oneDialogLoading.vue')
+    },
+
+   data () {
+      return {
+         current_cito_change : []
+      }
+   }, 
+
+   watch : {
+      cito_test (n, o) {
+         if (n != o) {
+            if (n.length == 0)
+               this.current_cito_change = [o[0], "N"]
+            else if (o.length == 0)
+               this.current_cito_change = [n[0], "Y"]
+            else if (o.length > n.length) {
+               for (let i in o) 
+                  if (n.indexOf(o[i]) < 0) this.current_cito_change = [o[i], "N"]
+            }
+            else {
+               for (let i in n) 
+                  if (o.indexOf(n[i]) < 0) this.current_cito_change = [n[i], "Y"]
+            }
+         }     
+         
+            let is_cito = "N";
+            if (n.length > 0)
+                is_cito = "Y";
+            this.$store.commit('px/update_is_cito', is_cito);
+
+         this.$store.dispatch('px/get_price', {
+               test_id:this.current_cito_change[0], 
+               mou_id:this.$store.state.company.selected_mou.M_MouID,
+               cito:this.current_cito_change[1]})
+      }
+   },
+
+   methods: {
+      one_money(p) {
+         return window.one_money(p)
+      },
+
+      update_req(px) {
+         this.$store.dispatch("px/update_req", px)
+      },
+
+      deletePanel(panel) {
+         let sel = this.selected_panel
+
+         sel.forEach(function(p,idx) {
+            if(p.T_TestPanelID == panel.T_TestPanelID) {
+               sel.splice(idx,1)
+            }
+         });
+
+         this.$store.commit("px/update_selected_panel",sel)
+         let panels = this.$store.state.px.panels
+         if ( panels == undefined ) panels = [] 
+         panels.push(panel)
+         let dt = {
+            records : panels,
+            total: panels.length
+         }
+         this.$store.commit("px/update_panels",dt)
+         this.update_req()
+      },
+
+      deletePx(test) {
+         this.$store.dispatch("px/delete_px", test)
+      },
+
+      calc_netto(t) {
+         return one_float(t.T_PriceAmount) - one_float(t.T_PriceDisc) / 100 * one_float(t.T_PriceAmount)
+            - one_float(t.T_PriceDiscRp)
+      },
+
+      calc_discount(t) {
+         return ( one_float(t.T_PriceDisc) / 100 * one_float(t.T_PriceAmount) )
+            + one_float(t.T_PriceDiscRp)
+      },
+
+      save_order() {
+          // Loading
+          this.$store.commit('update_dialog_loading', true)
+         this.$store.dispatch("order/save")
+         return
+      },
+
+        child_test(x) {
+            let y = []
+            for (let i in x)
+                y.push(x[i].T_TestName)
+            return y.join(', ')
+        },
+
+        child_test_show(t) {
+            if (!t.child_test)
+                return false
+
+            if (t.child_test.length < 1)
+                return false
+
+            if (t.px_type != 'PN')
+                return false
+
+            return true
+        }
+   },
+   computed: {
+      selected_panel() {
+         return this.$store.state.px.selected_panel
+      },
+      selected_test() {
+         return this.$store.state.px.selected_test
+      },
+      discount_pembulatan() {
+         let st = this.sub_total
+         let part = st%1000
+         if (part > 500) return part - 500
+         if (part < 500 && part > 0 ) return part
+         return 0
+      },
+      grand_total() {
+         let gt = this.sub_total - this.discount_pembulatan
+         return gt
+      },
+      sub_total() {
+         let tests = this.selected_test
+         sub_total = 0
+         tests.forEach(function(t,idx) {
+            let price = t.T_PriceAmount - t.T_PriceDisc / 100 * t.T_PriceAmount 
+               - t.T_PriceDiscRp
+            sub_total +=  price
+         })
+         let panels = this.selected_panel
+         panels.forEach(function(p) {
+            let tests = p.test
+            tests.forEach(function(t,idx) {
+               let price = t.T_PriceAmount - t.T_PriceDisc / 100 * t.T_PriceAmount 
+                  - t.T_PriceDiscRp
+               sub_total +=  price
+            })
+
+         })
+         return sub_total
+      },
+
+      btn_save_enabled () {
+         // console.log(this.$store.state.patient.selected_patient.M_PatientID)
+         if (!this.$store.state.patient.selected_patient.M_PatientID ||
+            !this.$store.state.patient.selected_patient.M_PatientName ||
+            !this.$store.state.patient.selected_patient.M_PatientNoReg ||
+            !this.$store.state.patient.selected_patient.M_PatientDOB ||
+            !this.$store.state.patient.selected_patient.patient_age ||
+            !this.$store.state.doctor.selected_doctor.M_DoctorID ||
+            !this.$store.state.doctor.selected_doctor.M_DoctorName ||
+            !this.$store.state.doctor.selected_address.M_DoctorAddressID ||
+            !this.$store.state.doctor.selected_address.M_DoctorAddressDescription ||
+            this.$store.state.px.selected_test.length < 1)
+         return false;
+
+
+         if (this.$store.state.px.req_status == 'X')
+            return false
+
+         if (this.$store.state.px.req_status == 'N' && this.$store.state.px.reqs.length < 1)
+            return false
+
+        if (this.$store.state.delivery.checked_id.length < 1)
+            return false
+
+        if (!this.$store.state.px.selected_cito)
+            return false
+
+        // Same language
+        if (this.$store.state.language.selected_language_2)
+            if (this.$store.state.language.selected_language_2.key == 
+                this.$store.state.language.selected_language.key)
+                    return false
+         // if (this.$store.state.px.requirement.length > 0) {
+            
+         //    let x = this.$store.state.px.requirement
+         //    for (let i in x) {
+         //       if (x[i].is_error)
+         //          return false
+         //    }
+         // }
+
+         return true;
+      },
+
+      cito_test : {
+         get () {
+            return this.$store.state.px.cito.test
+         },
+         set (v) {
+            this.$store.commit('px/update_cito', {t:'test', v:v})
+               
+            return
+         }
+      }
+   }
+
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneFoRegistrationRequirement.vue

@@ -0,0 +1,247 @@
+<template>
+   <div>
+
+      <v-layout column pb-2>
+         <v-card class="one-fo-requirement">
+            <v-subheader red--text text--lighten-1>
+                <v-layout row wrap>
+                    <v-flex xs3>
+                        <span>JANJI HASIL :</span>
+                    </v-flex>
+                    <v-flex xs3>
+                        <span v-show="!cito_show && is_cito == 'Y'" class="mr-4 blue--text"><a href="javascript:;" class=" blue--text" @click="cito_show=!cito_show"><v-icon small>priority_high</v-icon> {{ selected_cito ? selected_cito.Nat_CitoName : '' }}</a></span>
+                        <v-select
+                            :items="citos"
+                            item-text="Nat_CitoName"
+                            item-value="Nat_CitoID"
+                            return-object
+                            
+                            hide-details
+                            dense
+                            v-model="selected_cito"
+                            height="30"
+                            v-show="cito_show && is_cito == 'Y'"
+                            class="mt-0 pt-0"
+                            append-icon="clear"
+                            @click:append="selected_cito = null"
+                        ></v-select>
+                    </v-flex>
+                    <v-flex xs6 class="text-xs-right">
+                        <span class="red--text">Perkiraan Janji Hasil : {{ appx_schedule }}</span>
+                    </v-flex>
+                </v-layout>
+            </v-subheader>
+            <!-- <v-layout row wrap v-show="cito_show">
+                <v-flex xs3>
+                    &nbsp;
+                </v-flex>
+                <v-flex xs4>
+                         
+                </v-flex>
+            </v-layout> -->
+            <v-divider></v-divider>
+
+            <v-layout row wrap>
+                     <v-flex xs12 pt-2>
+                        <v-card color="blue lighten-3 white--text" outlined flat >
+                            <v-card-text class="pt-2 pb-2">
+                                <v-layout row wrap>
+                                    <v-flex xs6>
+                                        <p class="title">Persyaratan terpenuhi ?</p>
+                                    </v-flex>
+                                    <v-flex xs6 class="text-xs-right">
+                                       <v-btn 
+                                             :color="req_status == 'N' ? 'red' : 'white'" 
+                                             class="one-btn-icon mr-1 ma-0" 
+                                             :dark="req_status == 'N'"
+                                            @click="reqMeNot">
+                                            <v-icon>clear</v-icon>
+                                        </v-btn>
+
+                                        <v-btn 
+                                             :color="req_status == 'Y' ? 'green' : 'white'" 
+                                             class="one-btn-icon mr-1 ma-0" 
+                                             :dark="req_status == 'Y'"
+                                             
+                                            @click="reqMe">
+                                            <v-icon>done</v-icon>
+                                        </v-btn>
+                                        <!-- <v-btn color="red" class="one-btn-icon mr-1 ma-0" @click="sampleReq" 
+                                            v-show="req_status == 'X' || req_status == 'N'"
+                                            :disabled="req_status != 'X'"
+                                            :dark="req_status == 'X'">
+                                            <v-icon>clear</v-icon>
+                                        </v-btn>
+
+                                        <v-btn color="green" class="one-btn-icon ma-0" @click="sampleReqOK" 
+                                            v-show="req_status == 'X' || req_status == 'Y'"
+                                            :disabled="req_status != 'X'"
+                                            :dark="req_status == 'X'">
+                                            <v-icon>done</v-icon>
+                                        </v-btn> -->
+                                    </v-flex>
+                                </v-layout>
+                            </v-card-text>
+                        </v-card>
+                     </v-flex>
+                    
+                    
+                 </v-layout>
+                 
+                 <v-layout row wrap v-if="req_status != 'N'">
+                    <v-card flat>
+                       <v-card-text class="pl-3 pr-3 pt-2 pb-2">
+                          <v-btn color="black" small outline v-for="(req, i) in requirements" v-bind:key="i" class="mt-1 mr-1 ma-0">{{req.label}}</v-btn>
+                       </v-card-text>
+                    </v-card>
+                 </v-layout>
+
+            <v-container fluid v-if="req_status == 'N'" class="pl-2 pr-2 pt-2 pb-2">
+               <v-layout row wrap>
+                  <!-- <one-field-verification v-for="req in requirements" :key="req.idx"
+                                          @input="update_req"
+                                          :value="req" class="xs12 sm10" >
+                  </one-field-verification> -->
+                  <v-flex xs12
+                     v-for="(req, i) in requirements"
+                     v-bind:key="i">
+
+                     <v-checkbox
+                        :value="req.req_id"
+                        :label="req.label"
+                        v-model="reqs"
+                        hide-details
+                        class="mt-0"
+                     ></v-checkbox>
+                  </v-flex>
+                  
+               </v-layout>
+            </v-container>
+            <v-divider></v-divider>
+            <v-layout>
+               <v-flex xs12 pa-2>
+                  <v-checkbox
+                     v-model="received_sample"
+                     value="Y"
+                     label="Received Sample Only"
+                  ></v-checkbox>
+                  
+               </v-flex>
+            </v-layout>
+         </v-card>
+      </v-layout>
+   </div>
+</template>
+
+<style scoped>
+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 = {
+    components: {
+        "one-field-verification" : httpVueLoader("./oneFieldVerification.vue")
+    },
+
+    data () {
+        return {
+            cito_show : true
+        }
+    },
+
+    computed: {
+        requirements(){
+            return this.$store.state.px.requirement
+        },
+
+        received_sample : {
+            get () {
+                return this.$store.state.order.received_sample
+            },
+
+            set (v) {
+                if (v == null)
+                v = "N";
+                
+                this.$store.commit("order/update_received_sample", v)
+                return
+            }
+        },
+
+        appx_schedule() {
+            return this.$store.state.px.appx_schedule
+        },
+
+        req_status() {
+            return this.$store.state.px.req_status
+        },
+
+        req_text() {
+            let x = []
+            for (let i in this.requirements)
+                x.push(this.requirements[i].label);
+
+            return x.join(', ')
+        },
+
+        reqs : {
+            get () { return this.$store.state.px.reqs },
+            set (v) { this.$store.commit('px/update_reqs', v) }
+        },
+
+        citos () {
+            return this.$store.state.px.citos
+        },
+
+        selected_cito : {
+            get () { return this.$store.state.px.selected_cito },
+            set (v) { this.$store.commit('px/update_selected_cito', v) }
+        },
+
+        is_cito () {
+            return this.$store.state.px.is_cito
+        }
+    },
+
+    methods: {
+        update_req(val) {
+            
+            let reqs = this.$store.state.px.requirement
+            reqs.forEach(function(r,idx) {
+                if ( val.idx = r.idx ) {
+                reqs[idx] = val 
+                }
+            })
+            this.$store.commit("px/update_requirement", reqs)
+        },
+
+        reqMe() {
+            this.$store.commit('px/update_req_status', 'Y')
+        },
+
+        reqMeNot() {
+            this.$store.commit('px/update_req_status', 'N')
+        }
+    },
+
+    mounted () {
+        this.$store.dispatch('px/search_cito')
+    },
+
+    watch : {
+        is_cito(val, old) {
+            // if (val == "Y" && old == "N")
+            //     this.cito_show = false
+        }
+    }
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneFoRegistrationTab01.vue

@@ -0,0 +1,23 @@
+<template>
+    <v-layout row wrap >
+        <v-flex xs12 sm6 class="left" fill-height pa-1>
+            <!-- komponen kiri -->	
+        <patient-left-side></patient-left-side> 
+        </v-flex>
+
+        <v-flex xs12 sm6  class="right" fill-height pa-1>
+            <!-- komponen kanan -->	
+            <patient-right-side></patient-right-side> 
+        </v-flex>
+    </v-layout>
+</template>
+
+<script>
+module.exports = {
+    components : {
+        'patient-left-side' : httpVueLoader('./patientLeftSide.vue'),
+        'patient-right-side' : httpVueLoader('./patientRightSide.vue')
+    }
+}
+</script>
+

test/vuex/one-fo-registration-dev/components/oneFoRegistrationTab02.vue

@@ -0,0 +1,26 @@
+<template>
+    <v-layout row wrap>
+        <v-flex xs12 sm6 class="left" fill-height pa-1>
+            <!-- komponen kiri -->	
+            <one-mou-px-left></one-mou-px-left> 
+        </v-flex>
+
+        <v-flex xs12 sm6  class="right" fill-height pa-1>
+            <!-- komponen kanan -->	
+            <one-fo-registration-price-list></one-fo-registration-price-list>
+        </v-flex>
+    </v-layout>
+</template>
+
+<script>
+
+
+module.exports = {
+    components : {
+        'one-mou-px-left' : httpVueLoader('./oneMouPxLeft.vue'),
+        'one-fo-registration-price-list' : httpVueLoader('./oneFoRegistrationPriceList.vue?ts=' 
+            + new Date().toISOString())
+    }
+}
+</script>
+

test/vuex/one-fo-registration-dev/components/oneFoRegistrationTab03.vue

@@ -0,0 +1,25 @@
+<template>
+    <v-layout row wrap>
+        <v-flex xs12 sm6 class="left" fill-height pa-1>
+            <!-- komponen kiri -->	
+            <one-fo-registration-detail-order></one-fo-registration-detail-order> 
+        </v-flex>
+
+        <v-flex xs12 sm6  class="right" fill-height pa-1>
+            <!-- komponen kanan -->	
+            <one-fo-registration-payment></one-fo-registration-payment>
+        </v-flex>
+    </v-layout>
+</template>
+
+<script>
+
+
+module.exports = {
+    components : {
+        'one-fo-registration-detail-order' : httpVueLoader('./oneFoRegistrationDetailOrder.vue'),
+        'one-fo-registration-payment' : httpVueLoader('./oneFoRegistrationPayment2.vue')
+    }
+}
+</script>
+

test/vuex/one-fo-registration-dev/components/oneFoRegistrationTest.vue

@@ -0,0 +1,52 @@
+<template>
+    <v-layout column pb-2>
+        <v-card class="search-test">
+            <!-- <v-card-actions>
+               <v-btn flat :outline="isTab('px')" color="orange" @click="selectTab('px')" >Pemeriksaan</v-btn>
+                <v-btn flat :outline="isTab('panel')" color="orange" @click="selectTab('panel')" >Panel</v-btn>
+                <v-btn flat :outline="isTab('profile')" color="orange" @click="selectTab('profile')" >Profile</v-btn>
+                <v-btn flat :outline="isTab('mou')" color="orange" text-color="red" @click="selectTab('mou')" >MOU *</v-btn>
+            </v-card-actions> -->
+            <v-divider></v-divider>
+            <one-mou-px-mou-info v-if="isTab('mou')">
+            </one-mou-px-mou-info>
+            <one-mou-px-px v-if="isTab('px')">
+            </one-mou-px-px>
+            <one-mou-px-panel v-if="isTab('panel')">
+            </one-mou-px-panel>
+            <one-mou-px-profile v-if="isTab('profile')">
+            </one-mou-px-profile >
+   </v-layout>
+</template>
+
+<style scoped>
+</style>
+<script>
+module.exports = {
+   components: {
+      'one-mou-px-mou-info' : httpVueLoader('./oneMouPxMouInfo.vue'),
+      'one-mou-px-px' : httpVueLoader('./oneMouPxPx.vue?ts' + new Date().toISOString() ),
+      'one-mou-px-panel' : httpVueLoader('./oneMouPxPanel.vue'),
+      'one-mou-px-profile' : httpVueLoader('./oneMouPxProfile.vue'),
+   },
+   methods: {
+      isTab(tab) {
+         return this.$store.state.company.selected_px_tab == tab
+      },
+      selectTab(tab) {
+         let prev_tab = this.$store.state.company.selected_px_tab
+         if (tab != this.$store.state.company.selected_px_tab ) {
+            //reset panels tests profiles
+            this.$store.commit('px/update_tests',[])
+            this.$store.commit('px/update_panels',[])
+         }
+         this.$store.commit('company/update_selected_px_tab',tab)
+      }
+   },
+   computed : {
+      selected_px_tab() {
+        return this.$store.state.company.selected_px_tab
+      }
+   }
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneMouPxLeft.vue

@@ -0,0 +1,19 @@
+<template>
+   <v-layout column>
+      <one-fo-registration-company></one-fo-registration-company>
+      <one-fo-registration-test></one-fo-registration-test>
+      <one-fo-registration-requirement></one-fo-registration-requirement>
+   </v-layout>
+</template>
+
+<style scoped>
+</style>
+<script>
+module.exports = {
+   components : {
+      'one-fo-registration-company' : httpVueLoader('./oneFoRegistrationCompany.vue'),
+      'one-fo-registration-test' : httpVueLoader('./oneFoRegistrationTest.vue?ts=' + new Date().toISOString() ),
+      'one-fo-registration-requirement' : httpVueLoader('./oneFoRegistrationRequirement.vue')
+   }
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneMouPxMouInfo.vue

@@ -0,0 +1,22 @@
+<template>
+   <v-card-text>
+      <div v-if="!mou.M_MouCompanyName">
+         Belum Ada MOU yang di pilih
+      </div>
+      <div v-if="mou.M_MouCompanyName">
+         MOU   : {{mou.M_MouCompanyName}} <br/>
+         Start : {{mou.M_MouCompanyStartDate}} <br/>
+         End   : {{mou.M_MouCompanyEndDate}} <br/>
+         Note  : {{mou.M_MouCompanyNote}} <br/>
+      </div>
+   </v-card-text>
+</template>
+<script>
+module.exports = {
+   computed : {
+      mou() {
+         return this.$store.state.company.selected_mou
+      }
+   }
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneMouPxPanel.vue

@@ -0,0 +1,109 @@
+<template>
+   <v-card-text>
+      <v-layout row >
+         <v-flex xs6 class="pa-0 ma-0" >
+            <v-text-field
+               label="Panel"
+               placeholder="Cari Panel"
+               @change="search"
+               class="ma-0"
+               outline
+               >
+            </v-text-field>
+         </v-flex>
+            <v-flex xs6 class="pa-3">
+               <v-label >
+                  Panel found {{panel_count}}, display {{ panel_count < 20 ? panel_count : 20  }}
+               </v-label>
+            </v-flex>
+      </v-layout>
+      <v-container grid-list-xs text-xs-center pa-0>
+         <v-layout row wrap>
+            <v-btn xs3 v-for="p in panels" :key="p.T_TestPanelID" 
+                       @click="selectPanel(p)"
+                       depressed small color="error">
+               {{p.T_TestPanelName}}
+            </v-btn>
+         </v-layout>
+      </v-container>
+   </v-card-text>
+</template>
+<script>
+module.exports = {
+   methods: {
+      search(val) {
+         if (this.prev_val == val ) return
+         this.prev_val = val
+         this.$store.commit("px/update_search_panel",val)  
+         this.$store.dispatch("px/panel")  
+      },
+      update_req(px) {
+         if (px.T_TestRequirement != '' ) {
+            let reqs = this.$store.state.px.requirement
+            if (! _.find(reqs, function(r) { return r.label == px.T_TestRequirement; }) ) {
+               reqs.push({
+                  label: px.T_TestRequirement,
+                  is_error: true,
+                  checked : false,
+                  error_message: 'Hasil harus di isi',
+                  note: ''
+               })
+            }
+            this.$store.commit('px/update_requirement',reqs)
+         }
+      },
+      selectPanel(panel) {
+         try {
+            let selected_panel = this.$store.state.px.selected_panel
+            let flag_found = false
+            selected_panel.forEach( function(p,idx) {
+               if (panel.T_TestPanelID == p.T_TestPanelID) {
+                  selected_panel[idx] = panel
+                  flag_found = true
+               }
+            })
+            if (!flag_found) {
+               let f_update_req = this.update_req
+               selected_panel.push(panel)
+               panel.test.forEach(function(px){
+                  f_update_req(px)
+               })
+            }
+            this.$store.commit('px/update_selected_panel',selected_panel)
+            let panels = this.$store.state.px.panels
+            let p_idx= -1
+            panels.forEach( function(p,idx) {
+               if (p.T_TestPanelID == panel.T_TestPanelID) p_idx = idx
+            })
+            if (p_idx >= 0 ) {
+               _.pullAt(panels,[p_idx]) 
+               let dt = {
+                  records: panels,
+                  total : panels.length
+               }
+               this.$store.commit('px/update_panels',dt)
+            }
+         } catch(e) {
+            console.log(e)
+         }
+      }
+   },
+   computed: {
+      panel_count() {
+         return this.$store.state.px.total_panel
+      },
+      panels() {
+         console.log('get panels')
+         return this.$store.state.px.panels
+      },
+      is_loading() {
+         return this.$store.state.px.search_panel_status == 1
+      }
+   },
+   data: function(){
+      return {
+         prev_val: ''
+      }
+   }
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneMouPxProfile.vue

@@ -0,0 +1,220 @@
+
+<template>
+   <v-card-text>
+      <v-layout row >
+         <v-text-field
+            placeholder="ketikkan profile..."
+            class="pt-0"
+            v-model="search"
+            @keyup.enter="do_search"
+            >
+         </v-text-field>
+      </v-layout>
+         <v-layout row wrap>
+            
+            <v-flex xs3 v-for="(profile, idx) in profiles" v-bind:key="idx">
+               <v-layout row>
+                  <v-flex>
+                     <v-btn depressed small color="error" class="mr-0 btn-profile" :disabled="profile.err > 0" :dark="profile.err < 1" block @click="selectPx(profile.detail)">{{ profile.T_ProfileName }}</v-btn>
+                  </v-flex>
+                  <v-flex>
+                     <v-btn depressed small icon color="red lighten-2" dark class="ml-0" @click="profile_detail(profile)"><v-icon>search</v-icon></v-btn>
+                  </v-flex>
+               </v-layout>
+               
+               
+            </v-flex>
+
+            <v-snackbar
+               v-model="snackbar"
+               top
+            >
+               {{ err_text }}
+               <v-btn color="red" flat @click="snackbar = false" >
+                  Close
+               </v-btn>
+            </v-snackbar>
+
+            <v-dialog
+               v-model="profile_detail_dialog"
+               width="500"
+            >
+               <v-card>
+                  <v-card-title
+                     class="headline grey lighten-2"
+                     primary-title
+                  >
+                     {{ profile_detail_title }}
+                  </v-card-title>
+
+                  <v-card-text>
+                     <v-layout row wrap>
+                        <v-flex xs6 v-for="(px, i) in profile_detail_px" v-bind:key="i" pa-1>
+                           <v-btn color="orange" block dark>{{ px.T_TestName }}</v-btn>
+                        </v-flex>
+                     </v-layout>
+                     
+                  </v-card-text>
+                  <v-divider></v-divider>
+                  <v-card-actions>
+                     
+                     <v-btn
+                        color="primary"
+                        flat
+                        @click="profile_detail_dialog = false"
+                     >
+                        Tutup
+                     </v-btn>
+                     <v-spacer></v-spacer>
+                     <v-btn color="red" dark>Tambahkan ke Order</v-btn>
+                  </v-card-actions>
+               </v-card>
+            </v-dialog>
+
+         </v-layout>
+   </v-card-text>
+</template>
+<style scoped>
+.v-btn--icon {
+   border-radius: 0px
+}
+
+.btn-profile {
+   border-top-right-radius: 0%;
+   border-bottom-right-radius: 0%;
+}
+</style>
+
+<script>
+module.exports = {
+   data () {
+      return {
+         snackbar: false,
+         err_text: "",
+
+         profile_detail_dialog: false,
+         profile_detail_text: '',
+         profile_detail_title: 'SGPT',
+
+         profile_detail_px: []
+      }
+   },
+
+   computed : {
+      profiles () {
+         return this.$store.state.px.profiles
+      },
+
+      search : {
+         get () {
+            return this.$store.state.px.search_profile
+         },
+         set (v) {
+            this.$store.commit('px/update_search_profile', v)
+         }
+      }
+   },
+
+   methods : {
+      do_search() {
+         this.$store.dispatch('px/profile')
+      },
+
+      selectPx(pxs) {
+         let flag_found = false
+         let flag_name = ""
+         let selected_test = this.$store.state.px.selected_test
+
+         for (let i in pxs) {
+            var px = pxs[i]            
+            selected_test.forEach( function(t, idx) {
+               if (t.T_TestID == px.T_TestID) {
+                  flag_found = true
+                  flag_name = t.T_TestName
+               }
+            })
+         }
+
+         if (flag_found) {
+            this.err_text = "Tidak bisa menambahkan Profile. Pemeriksaan " + flag_name + " sudah ada !"
+            this.snackbar = true
+            return
+         }
+
+         for (let i in pxs) {
+            var px = pxs[i]
+
+            try {
+               // if (in_selectPx) return
+               // in_selectPx = true
+
+               // let selected_test = this.$store.state.px.selected_test
+               flag_found = false
+               // let flag_found = false
+               // selected_test.forEach( function(t, idx) {
+               //    if (t.T_TestID == px.T_TestID) {
+               //       selected_test[idx] = px 
+               //       flag_found = true
+               //    }
+               // })
+
+               if (!flag_found) {
+                  selected_test.push(px)
+
+                  // let tests = this.$store.state.px.tests
+                  // let p_idx = -1
+                  // tests.forEach(function(t,idx) {
+                  //    if (t.T_TestID == px.T_TestID) {
+                  //       p_idx = idx
+                  //    }
+                  // })
+                  // if (p_idx >= 0 ) {
+                  //    _.pullAt(tests,[p_idx]) 
+                  //    let dt = {
+                  //       records: tests,
+                  //       total: tests.length
+                  //    }
+                  //    this.$store.commit('px/update_tests',dt)
+                  // }
+               }
+
+               this.$store.commit('px/update_selected_test', selected_test)
+               if (px.T_TestRequirement != '' ) {
+                  let reqs = this.$store.state.px.requirement
+                  let rst =  _.find(reqs, function(r) { return r.label == px.T_TestRequirement; }) 
+                  if ( rst == undefined ) {
+                     reqs.push({
+                        px_id: px.T_TestID,
+                        label: px.T_TestRequirement,
+                        error_message: 'Hasil harus di isi',
+                        is_error: true,
+                        checked : false,
+                        note: ''
+                     })
+                  }
+
+                  this.$store.commit('px/update_requirement', reqs)
+
+                  // Update Janji Hasil
+                  this.$store.dispatch('px/appx_schedule')
+               }
+
+               // in_selectPx = false
+            } catch(e) {
+               console.log(e)
+               // in_selectPx = false
+            }
+
+         }
+         
+      },
+
+      profile_detail (profile) {
+         this.profile_detail_title = profile.T_ProfileName
+         this.profile_detail_text = JSON.stringify(profile.detail)
+         this.profile_detail_px = profile.detail
+         this.profile_detail_dialog = true
+      }
+   }
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneMouPxPx.vue

@@ -0,0 +1,309 @@
+<template>
+   <v-card-text>
+      <v-layout column>
+         <v-layout row>
+            <v-flex xs6 class="pa-0 ma-0" >
+               <v-text-field
+                  label="Pemeriksaan"
+                  placeholder="ketikkan pemeriksaan ..."
+                  @change="search"
+                  class="ma-0"
+                  outline
+                  hide-details
+                  >
+               </v-text-field>
+
+               
+            </v-flex>
+               <v-flex xs6 class="pa-3">
+                  <v-label >
+                     Test Found {{test_count}}, display {{ test_count < 20 ? test_count : display_count  }}
+                  </v-label>
+               </v-flex>
+         </v-layout>
+         <v-divider class="mt-2 mb-2"></v-divider>
+         <v-progress-linear class="ma-0 pa-0" indeterminate :active="is_loading" />
+      </v-layout>
+      <v-container grid-list-xs pa-0>
+         <v-layout row wrap>
+             <v-flex xs6 v-for="test in tests" :key="test.T_TestPriceID"
+             pr-2
+             >
+                <v-btn block
+                       :disabled="is_selectPx"
+                       @click="selectPx(test)"
+                       depressed small :color="px_color(test.px_type)" dark
+                       outline
+                       class="ma-0 btn-px"
+                       
+                       >
+                {{test.T_TestName}}
+                </v-btn>     
+             </v-flex>
+            
+         </v-layout>
+      </v-container>
+   </v-card-text>
+</template>
+<style scoped>
+.btn-px > .v-btn__content {
+    justify-content: left !important
+}
+</style>
+
+<script>
+let in_selectPx = false
+module.exports = {
+   methods: {
+      search(val) {
+         if ( val == this.prev_search ) return
+         console.log('Searching',val)
+         this.prev_search = val
+         this.$store.commit("px/update_search",val)  
+         this.$store.dispatch("px/search") 
+      },
+      
+      selectPx(px) {
+         try {
+
+            // START LOADING
+            this.$store.commit('update_dialog_loading', true)
+
+            // IF PROFILE
+            if (px.px_type == "PR" || px.px_type == "PXR")
+               return this.selectProfile(px)
+
+            // SEARCH NAT TEST
+            let nt = this.$store.state.px.nat_test
+            let found_nt = false
+            for (let i in px.nat_test) {
+               if (nt.indexOf(px.nat_test[i]) > -1)
+                  found_nt = true
+            }
+
+            if (found_nt) {
+                alert('Pemeriksaan tersebut sudah ada !')
+                // END LOADING
+                this.$store.commit('update_dialog_loading', false)
+                return
+            }
+
+            if (in_selectPx) return
+            in_selectPx = true
+            let selected_test = this.$store.state.px.selected_test
+            let flag_found = false
+            selected_test.forEach( function(t,idx) {
+               if (t.T_TestID == px.T_TestID) {
+                  selected_test[idx] = px 
+                  flag_found = true
+               }
+            })
+            if (!flag_found) {
+               selected_test.push(px)
+               let tests = this.$store.state.px.tests
+               let p_idx = -1
+               tests.forEach(function(t,idx) {
+                  if (t.T_TestID == px.T_TestID) {
+                     p_idx = idx
+                  }
+               })
+               if (p_idx >= 0 ) {
+                  _.pullAt(tests,[p_idx]) 
+                  let dt = {
+                     records: tests,
+                     total: tests.length
+                  }
+                  this.$store.commit('px/update_tests',dt)
+               }
+            }
+            this.$store.commit('px/update_selected_test', selected_test)
+
+            let req = px.requirement
+            let reqs = this.$store.state.px.requirement
+            if (req.length > 0) {
+               for(let i in req) {
+                  let found = false
+                  for(let j in reqs) {
+                     if (reqs[j]['req_id'] == req[i]['req_id'])
+                        found = j
+                  }
+
+                  if (!found)
+                     reqs.push({
+                        px_id: [px.T_TestID],
+                        label: req[i]['req_name'],
+                        error_message: 'Hasil harus di isi',
+                        is_error: true,
+                        checked : false,
+                        note: '',
+                        req_id: req[i]['req_id']
+                     })
+                  else
+                     reqs[found].px_id.push(px.T_TestID)
+               }
+
+               this.$store.commit('px/update_requirement', reqs)
+            }
+
+            this.$store.dispatch('px/appx_schedule')
+
+            // if (px.T_TestRequirement != '' ) {
+            //    let reqs = this.$store.state.px.requirement
+            //    let rst =  _.find(reqs, function(r) { return r.label == px.T_TestRequirement; }) 
+            //    if ( rst == undefined ) {
+            //       reqs.push({
+            //          px_id: px.T_TestID,
+            //          label: px.T_TestRequirement,
+            //          error_message: 'Hasil harus di isi',
+            //          is_error: true,
+            //          checked : false,
+            //          note: ''
+            //       })
+            //    }
+            //    this.$store.commit('px/update_requirement',reqs)
+
+            //    // Update Janji Hasil
+            //    this.$store.dispatch('px/appx_schedule')
+            // }
+
+//             checked:false
+// error_message:"Hasil harus di isi"
+// is_error:true
+// label:null
+// note:""
+// px_id:"969"
+
+            in_selectPx = false
+            this.$store.commit('px/update_nat_test')
+
+            // END LOADING
+            this.$store.commit('update_dialog_loading', false)
+         } catch(e) {
+            console.log(e)
+            in_selectPx = false
+         }
+      },
+
+      selectProfile(px) {
+         try {
+             
+            // SEARCH NAT TEST
+            let nt = this.$store.state.px.nat_test
+            let found_nt = false
+            for (let i in px.nat_test) {
+               if (nt.indexOf(px.nat_test[i]) > -1)
+                  found_nt = true
+            }
+
+            if (found_nt) {
+               alert('Pemeriksaan tersebut sudah ada !')
+                // END LOADING
+                this.$store.commit('update_dialog_loading', false)
+               return
+            }
+
+            let pxs = px.child_test
+            
+            for (let i in pxs) {
+               px = pxs[i]
+               
+               let selected_test = this.$store.state.px.selected_test
+               let flag_found = false
+
+               selected_test.push(px)
+               let tests = this.$store.state.px.tests
+               let p_idx = -1
+               tests.forEach(function(t,idx) {
+                  if (t.T_TestID == px.T_TestID) {
+                     p_idx = idx
+                  }
+               })
+               
+               if (p_idx >= 0 ) {
+                  _.pullAt(tests,[p_idx]) 
+                  let dt = {
+                     records: tests,
+                     total: tests.length
+                  }
+                  this.$store.commit('px/update_tests',dt)
+               }
+               
+               this.$store.commit('px/update_selected_test', selected_test)
+
+               let req = px.requirement
+               
+               let reqs = this.$store.state.px.requirement
+               if (req.length > 0) {
+                  for(let i in req) {
+                     let found = false
+                     for(let j in reqs) {
+                        if (reqs[j]['req_id'] == req[i]['req_id'])
+                           found = j
+                     }
+
+                     if (!found)
+                        reqs.push({
+                           px_id: [px.T_TestID],
+                           label: req[i]['req_name'],
+                           error_message: 'Hasil harus di isi',
+                           is_error: true,
+                           checked : false,
+                           note: '',
+                           req_id: req[i]['req_id']
+                        })
+                     else
+                        reqs[found].px_id.push(px.T_TestID)
+                  }
+
+                  this.$store.commit('px/update_requirement', reqs)
+               }
+            }
+            
+            this.$store.dispatch('px/appx_schedule')
+            in_selectPx = false
+            this.$store.commit('px/update_nat_test')
+
+            // END LOADING
+            this.$store.commit('update_dialog_loading', false)
+
+         } catch(e) {
+            console.log(e)
+            // END LOADING
+            this.$store.commit('update_dialog_loading', false)
+            in_selectPx = false
+         }
+      },
+
+      px_color (x) {
+         if (x == "PR")
+            return "green"
+         else if (x == "PN")
+            return "orange"
+         else
+            return "error"
+      }
+   },
+   computed: {
+      test_count() {
+         return this.$store.state.px.total_test
+      },
+      display_count() {
+         return this.tests.length
+      },
+      tests() {
+         return this.$store.state.px.tests
+      },
+      is_selectPx() {
+         return in_selectPx
+      },
+      is_loading() {
+         return this.$store.state.px.search_status == 1
+      }
+   },
+   data: function(){
+      return {
+         prev_search : ''
+      }
+   }
+}
+</script>

test/vuex/one-fo-registration-dev/components/oneRegistrationTab.vue

@@ -0,0 +1,67 @@
+<template>
+    <v-layout>
+        <v-flex xs12 text-xs-center mb-2>
+            <v-card color="blue lighten-4">
+                <v-card-text class="pb-0 pt-1">
+                    <v-btn
+                        v-for="tab in tabs"
+                        :color="tab.code == active ? 'black' : 'grey lighten-5'"
+                        class="black--text ma-0 tab-btn"
+                        :class="[tab.code == active ? 'active' : '']"
+                        @click="changeTab(tab.code)"
+                        flat
+                        :key="tab.code"
+                        :data="tab"
+                        :disabled="!tab.enabled"
+                        >
+                        <!-- <v-icon left dark>{{ tab.icon }}</v-icon> -->
+                        <h6 class="title">{{ tab.label }}</h6>
+                    </v-btn>
+                </v-card-text>    
+            </v-card>
+            
+        </v-flex>
+    </v-layout>
+</template>
+
+<style scoped>
+.active {
+    border-bottom: solid 7px #000066!important;
+}
+
+.tab-btn {
+    min-width: 400px;
+}
+</style>
+
+<script>
+module.exports = {
+    data () {
+        return {
+            
+        }
+    },
+
+    methods : {
+        changeTab (x) {
+            // this.active = x;
+            this.$store.commit('change_tab', x);
+        }
+    },
+
+    computed : {
+        tabs : {
+            get () {
+                return this.$store.state.order.tabs
+            },
+            set (v) {
+                return
+            }
+        },
+
+        active () {
+            return this.$store.state.tab_active
+        }
+    }
+}
+</script>

test/vuex/one-fo-registration-dev/components/patientDelivery.vue

@@ -0,0 +1,95 @@
+<template>
+   <v-layout column>
+      <h5 class="headline ml-2 mb-1">Pengiriman Hasil</h5>
+      <v-container grid-list-md>
+         <v-layout row wrap >
+            <v-flex class="row" xs6 v-for="(delivery,idx) in deliveries" 
+                                    :key="delivery.idx" mt-2>
+               <v-layout row wrap :class="{'ml-4':(idx%2)==1}" >
+                  <v-checkbox  
+                     hide-details class="shrink mr-1" 
+                                  :value="delivery.idx"
+                                  v-model="checked_id"
+                                  ></v-checkbox>
+
+                     <v-text-field
+                        class="grow"
+                        outline
+                        :value="delivery.note"
+                        :label="delivery.name"
+                        @input="(val) => updateDelivery(idx,val)"
+                        hide-details
+                        readonly
+                        ></v-text-field>                
+               </v-layout>
+            </v-flex >
+            
+            <!-- <v-flex class="row" xs6 v-for="(delivery,idx) in deliveries" 
+                                    :key="delivery.id" mt-2>
+               <v-layout row wrap :class="{'ml-4':(idx%2)==1}" >
+                  <v-checkbox  
+                     hide-details class="shrink mr-1" 
+                                  :value="delivery.selected"
+                                  @change="(val) => updateSelected(idx,val)"
+                                  ></v-checkbox>
+
+                     <v-text-field
+                        class="grow"
+                        outline
+                        :value="delivery.note"
+                        :label="delivery.name"
+                        @input="(val) => updateDelivery(idx,val)"
+                        hide-details
+                        ></v-text-field>                
+               </v-layout>
+            </v-flex > -->
+            
+         </v-layout>
+      </v-container>
+   </v-layout>
+
+</template>
+
+<script>
+module.exports = {
+   // data () {
+   //    return {
+   //       checked_id : []
+   //    }
+   // },
+
+   methods: {
+      updateSelected(idx,val) {
+         console.log('idx:'+idx)
+         console.log('val:'+val)
+         var deliveries = this.$store.state.delivery.deliveries
+         deliveries[idx].selected = val
+         this.$store.commit("delivery/update_deliveries",deliveries)
+      },
+      updateDelivery(idx,val) {
+         
+         var deliveries = this.$store.state.delivery.deliveries
+         deliveries[idx].note = val
+         this.$store.commit("delivery/update_deliveries",deliveries)
+      }
+   },
+   computed: {
+      deliveries() {
+         return this.$store.state.delivery.deliveries
+      },
+
+      checked_id : {
+         get() {
+            return this.$store.state.delivery.checked_id
+         },
+         set(val) {
+            this.$store.commit("delivery/update_checked_id", val)
+            this.$store.commit("delivery/update_deliveries_2")
+         }
+      }
+   },
+   mounted: function() {
+      this.$store.dispatch('delivery/search')
+   }
+}
+</script>

test/vuex/one-fo-registration-dev/components/patientDetail.vue

@@ -0,0 +1,193 @@
+<template>
+   <v-layout row wrap>
+      <v-flex xs12>
+
+         <v-layout>
+            <v-flex xs3 pa-2>
+               <v-layout row wrap>
+                  <v-flex xs12>
+                     <v-img
+                        :src="patient_photo"
+                        aspect-ratio="1"
+                        class="grey lighten-2 elevation-2"
+                        contain
+                        >
+                  </v-flex>
+
+                        <v-flex xs12>
+                           <v-btn
+                              color="green white--text"
+                              :dark="patient.M_PatientID ? true : false"
+                              block
+                              @click="update_photo"
+                              :disabled="!patient.M_PatientID"
+                              >
+                              Update Foto
+                           </v-btn>
+                        </v-flex>
+
+                        <v-flex xs12>
+                           <patient-history-dialog> </patient-history-dialog>
+                        </v-flex>
+
+                        <v-flex xs12 v-if="patient.info">
+                            <div>Kunjungan ke {{ patient.info.visit }}</div>
+                            <div v-show="patient.info.birthday == 'Y'">Happy Birthday !</div>
+                        </v-flex>
+               </v-layout>
+
+
+
+            </v-flex>
+
+            <v-flex xs9>
+               <v-flex xs12>
+                  <v-layout>
+                     <v-flex xs7 pa-1>
+                        <v-text-field
+                           label="Nama"
+                           placeholder=""
+                           :value="patient.M_PatientName"
+                           readonly
+                           ></v-text-field>
+                     </v-flex>
+                     <v-flex xs5 pa-1>
+                        <v-text-field
+                           label="PID"
+                           placeholder=""
+                           :value="patient.M_PatientNoReg"
+                           readonly
+                           ></v-text-field>
+                     </v-flex>
+                  </v-layout>
+
+               </v-flex>
+
+               <v-flex xs12 pa-1>
+                  <v-textarea
+                     auto-grow
+                     label="Alamat"
+                     rows="5"
+                     :value="patient.M_PatientAddress"
+                     readonly
+                     ></v-textarea>
+
+               </v-flex>
+
+               <v-flex xs12 pa-1>
+                  <v-text-field
+                     label="HP"
+                     placeholder=""
+                     :value="patient.M_PatientHP"
+                     readonly
+                     ></v-text-field>
+               </v-flex>
+
+               <v-flex xs12>
+                  <v-layout>
+                     <v-flex xs7 pa-1>
+                        <v-text-field
+                           label="Tanggal Lahir"
+                           placeholder=""
+                           :value="patient_dob"
+                           readonly
+                           ></v-text-field>
+                     </v-flex>
+
+                     <v-flex xs5 pa-1>
+                        <v-text-field
+                           label="Umur"
+                           placeholder=""
+                           v-model="patient_age"
+                           readonly
+                           ></v-text-field>
+                     </v-flex>
+                  </v-layout>
+               </v-flex>
+
+
+
+            </v-flex>
+         </v-layout>
+
+      </v-flex>
+
+
+      <v-flex xs12>
+         <v-divider></v-divider>
+         <v-layout row wrap>
+            <v-flex xs12 class="pt-3 pl-2">
+               <v-textarea
+                  auto-grow
+                  label="Catatan Pasien"
+                  rows="3"
+                  v-model="patient_note"
+                  ></v-textarea>
+            </v-flex>
+         </v-layout>
+      </v-flex>
+      <patient-photo-dialog></patient-photo-dialog>
+   </v-layout>
+
+
+</template>
+
+<style scoped>
+.v-messages { display:none; }
+.v-input__slot {
+   margin-bottom: 0px;
+}
+</style>
+
+<script>
+
+module.exports = {
+   components : {
+      'patient-search-dialog': httpVueLoader('./patientSearchDialog.vue'),
+      'patient-history-dialog': httpVueLoader('./patientHistoryDialog.vue'),
+      'patient-photo-dialog': httpVueLoader('./oneDialogPhoto.vue')
+   },
+   computed : {
+      patient() {
+         return this.$store.state.patient.selected_patient
+      },
+
+      patient_note: {
+         get() {
+            return this.$store.state.order.patient_note
+         },
+         set(val) {
+            this.$store.commit('order/update_patient_note',val)
+         }
+      },
+
+      patient_age: {
+         get () {
+            return this.$store.state.patient.selected_patient.patient_age            
+         },
+
+         set (v) {
+            return
+         }
+      },
+
+      patient_dob () {
+         try {
+            return this.$store.state.patient.selected_patient.M_PatientDOB.split('-').reverse().join('-')
+         } catch (e) {
+         }
+         
+      },
+
+      patient_photo () {
+         return this.$store.state.photo.photo_url
+      }
+   },
+
+   methods : {
+      update_photo () {
+         this.$store.commit('photo/update_dialog_photo', true)
+      }
+   }
+}
+</script>

test/vuex/one-fo-registration-dev/components/patientHistory.vue

@@ -0,0 +1,95 @@
+<template>
+    <v-card class="xs12 md12 mt-2" flat>
+        <!-- <v-card-title primary-title class="pt-1 pb-1 pl-2 pr-2">
+          <div>
+            <h3 class="headline mb-0">Histori Pasien</h3>
+          </div>
+        </v-card-title> -->
+
+        <v-card-text class="pt-1 pb-1 pl-2 pr-2">
+            <v-data-table :headers="headers" :items="histories" 
+                hide-actions class="elevation-1">
+                <template slot="items" slot-scope="props">
+                    <td class="text-xs-left pa-2" >{{ format_date(props.item.T_OrderHeaderDate) }}</td>
+                    <td class="text-xs-left pa-2" >{{ props.item.T_OrderHeaderLabNumber}}</td>
+                    <td class="pa-2" >{{ props.item.T_TestName }}</td>
+                    <td class="text-xs-right pa-1">
+                        <v-btn color="primary" dark small class="one-btn-icon ma-0" @click="getMe(props.item.T_OrderHeaderID)">
+                            <v-icon small>save_alt</v-icon>
+                        </v-btn>
+                    </td>
+                </template>
+            
+            </v-data-table>
+        </v-card-text>
+
+        
+    </v-card>
+</template>
+
+<style scoped>
+    table.v-table tbody td,table.v-table tbody th {
+        height: 40px;
+    }
+
+    table.v-table thead tr {
+        height: 40px;
+    }
+
+    .one-btn-icon { font-size: 1.5em; float: right }
+</style>
+
+<script>
+module.exports = {
+    computed : {
+       histories(){
+          return this.$store.state.history.histories
+       }
+    },
+
+    data() {
+        return {
+            headers: [
+                {
+                    text: "TANGGAL",
+                    align: "left",
+                    sortable: false,
+                    width: "20%",
+                    class: "pa-2 blue lighten-3 white--text"
+                },
+                {
+                    text: "NO. LAB",
+                    align: "left",
+                    sortable: false,
+                    width: "20%",
+                    class: "pa-2 blue lighten-3 white--text"
+                },
+                {
+                    text: "PEMERIKSAAN",
+                    align: "left",
+                    sortable: false,
+                    width: "50%",
+                    class: "pa-2 blue lighten-3 white--text"
+                },
+                {
+                    text: "USE",
+                    align: "right",
+                    sortable: false,
+                    width: "10%",
+                    class: "pa-2 blue lighten-3 white--text"
+                }
+            ]
+        };
+    },
+
+    methods : {
+        format_date(d) {
+            return d.substr(0, 10).split('-').reverse().join('-')
+        },
+
+        getMe(id) {
+            this.$store.dispatch('px/search_pxs', id)
+        }
+    }
+}
+</script>

test/vuex/one-fo-registration-dev/components/patientHistoryDialog.vue

@@ -0,0 +1,87 @@
+<template>
+
+   <v-dialog
+      v-model="dialog"
+      :disabled="no_history"
+      width="600"
+      >
+      <v-btn
+         slot="activator"
+         color="primary"
+         :disabled="no_history"
+         block
+         class="mt-0"
+         >
+         Histori
+      </v-btn>
+
+         <v-card>
+            <v-card-title
+               class="headline grey lighten-2 pt-2 pb-2"
+               primary-title
+
+               >
+               Histori Pasien
+            </v-card-title>
+
+               <v-card-text class="pt-2 pb-2">
+                  <patient-history></patient-history>
+               </v-card-text>
+
+               <v-divider></v-divider>
+
+               <v-card-actions>
+                  <v-spacer></v-spacer>
+                  <v-btn
+                     color="primary"
+                     flat
+                     @click="dialog = false"
+                     >
+                     Tutup
+                  </v-btn>
+               </v-card-actions>
+         </v-card>
+   </v-dialog>
+
+</template>
+
+<style scoped>
+.v-dialog__container {
+   display: block !important;
+}
+</style>
+
+<script>
+module.exports = {
+   components : {
+      'patient-history': httpVueLoader('./patientHistory.vue')
+   },
+
+   computed: {
+      no_history() {
+         //empty selected patient
+
+         if (! this.$store.state.patient.selected_patient.M_PatientID) return true
+        //  return false
+         return this.$store.state.history.histories.length == 0
+      },
+
+      dialog: {
+         get() {
+            return this.$store.state.history.history_dialog
+         },
+         set(val) {
+            this.$store.commit('history/update_history_dialog',val)
+         }
+      }
+   },
+
+    watch : {
+        // dialog (n, o) {
+        //     if (n && !o) {
+        //         this.$store.dispatch('history/search')
+        //     }
+        // }
+    }
+}
+</script>

test/vuex/one-fo-registration-dev/components/patientLeftSide.vue

@@ -0,0 +1,56 @@
+<template>
+    <v-layout column fill-height>
+        <!-- <v-flex xs12> -->
+            <v-card class="pa-1 mb-2">
+                <v-card-text class="pa-0">
+                    <v-layout row wrap>
+                        <v-flex xs12>
+                            <patient-search-box></patient-search-box>
+                        </v-flex>
+                    </v-layout>
+                </v-card-text>
+
+                <!-- <v-card-actions class="text-xs-right">
+                
+                <v-btn color="orange" class="white--text">Lanjut</v-btn>
+                </v-card-actions> -->
+                
+            </v-card>
+        <!-- </v-flex> -->
+
+        <!-- <v-flex xs12 grow> -->
+            <v-card class="pa-1 p-left-side grow" grow>
+                <v-card-text class="pa-0">
+                    <v-layout row wrap>
+
+                        <v-flex xs12>
+                           <patient-detail></patient-detail>
+                        </v-flex>
+
+                        <v-flex xs12>
+                           <patient-notes></patient-notes> 
+                        </v-flex>
+                    </v-layout>
+                </v-card-text>
+
+                
+            </v-card>
+    </v-layout>
+    
+</template>
+
+<style scoped>
+/* .p-left-side {
+    min-height: 500px;
+} */
+</style>
+
+<script>
+module.exports = {
+	components : {
+        'patient-search-box' : httpVueLoader('./patientSearchBox.vue'),
+        'patient-detail': httpVueLoader('./patientDetail.vue'),
+        'patient-notes' : httpVueLoader('./patientNotes.vue')
+	}	
+}
+</script>

test/vuex/one-fo-registration-dev/components/patientNewDialog.vue

@@ -0,0 +1,504 @@
+<template>
+
+   <v-dialog
+      v-model="dialog"
+      width="1000"
+      >
+      <v-btn
+         slot="activator"
+         color="primary"
+         class="ma-1 one-btn-icon"
+         >
+         <span class="icon-add"></span>
+      </v-btn>
+
+         <v-card>
+            <v-card-title
+               class="headline grey lighten-2 pt-2 pb-2"
+               primary-title
+               >
+               Data Pasien Baru
+            </v-card-title>
+               <v-card-text class="pt-2 pb-2">
+                  
+                   <v-layout row>
+                       <v-flex xs6 pr-3>
+                           <v-layout row wrap>
+                               <v-flex xs12>
+                                   <v-text-field
+                                        v-model="patient_new.M_PatientName"
+                                        label="Nama Pasien"
+                                        :error="errors.name"
+                                        :rules="[rules.name]"
+                                    ></v-text-field>
+                               </v-flex>
+                               
+                               <v-flex xs6 pr-2>
+                                   <v-select
+                                        v-model="selected_sex"
+                                        :items="sex"
+                                        item-value="M_SexID"
+                                        item-text="M_SexName"
+                                        label="Jenis Kelamin"
+                                        return-object
+                                        :error="errors.sex"
+                                        :rules="[rules.sex]"
+                                   >
+
+                                   </v-select>
+                               </v-flex>
+
+                               <v-flex xs6 pl-2>
+                                   <v-select
+                                        v-model="selected_title"
+                                        :items="title"
+                                        item-value="M_TitleID"
+                                        item-text="M_TitleName"
+                                        label="Titel"
+                                        return-object
+                                        :error="errors.title"
+                                        :rules="[rules.title]"
+                                   >
+
+                                   </v-select>
+                               </v-flex>
+
+                                <v-flex xs8 pr-3>
+                                   <v-text-field
+                                        v-model="patient_new.M_PatientPOB"
+                                        label="Tempat Lahir"
+                                        :error="errors.pob"
+                                        :rules="[rules.pob]"
+                                    ></v-text-field>
+                               </v-flex>
+
+                               <v-flex xs4>
+                                   <v-text-field
+                                        v-model="patient_new.M_PatientDOB"
+                                        label="Tanggal Lahir"
+                                        return-masked-value
+                                        mask="##-##-####"
+                                        :rules="[rules.dob]"
+                                        :error="errors.dob"
+                                    ></v-text-field>
+                                    <!-- <one-date-picker
+                                        label="Tanggal Lahir"
+                                        @change="set_date($event)"
+                                    ></one-date-picker> -->
+                               </v-flex>
+
+                                <v-flex xs12>
+                                   <v-text-field
+                                        v-model="patient_new.M_PatientHP"
+                                        label="No HP"
+                                        :error="errors.hp"
+                                        :rules="[rules.hp]"
+                                    ></v-text-field>
+                               </v-flex>
+
+                               <v-flex xs12>
+                                   <v-text-field
+                                        v-model="my_email"
+                                        label="Alamat EMAIL"
+                                        :rules="[email]"
+                                    ></v-text-field>
+                               </v-flex>
+
+                               <v-flex xs4 pr-2>
+                                   <v-select
+                                        v-model="selected_idtype"
+                                        :items="idtypes"
+                                        item-value="M_IdTypeID"
+                                        item-text="M_IdTypeName"
+                                        label="Tipe ID"
+                                        return-object
+                                   >
+                                   </v-select>
+                               </v-flex>
+
+                               <v-flex xs8>
+                                   <v-text-field
+                                        v-model="patient_new.M_PatientIDNumber"
+                                        label="Nomor ID"
+                                    ></v-text-field>
+                               </v-flex>
+                                
+                                <v-flex xs12>
+                                    <v-textarea
+                                        v-model="patient_new.M_PatientNote"
+                                        label="Catatan Pasien"
+                                        rows="2">
+                                    </v-textarea>
+                                   
+                                </v-flex>
+                           </v-layout>
+
+                           
+                       </v-flex>
+
+                       <v-flex xs6 pl-3>
+                           <v-layout row wrap>
+                               <v-flex xs12>
+                                    <v-textarea
+                                        v-model="patient_new.M_PatientAddressDescription"
+                                        label="Alamat"
+                                        :error="errors.address"
+                                        :rules="[rules.address]">
+                                    </v-textarea>
+                                   
+                               </v-flex>
+
+                               <v-flex xs12>
+                                   <v-autocomplete
+                                        :items="provinces"
+                                        item-text="M_ProvinceName"
+                                        item-value="M_ProvinceID"
+                                        label="Propinsi"
+                                        v-model="selected_province"
+                                        clearable
+                                        return-object
+                                    ></v-autocomplete>
+                                   <!-- <v-select
+                                        v-model="selected_province"
+                                        :items="provinces"
+                                        item-text="M_ProvinceName"
+                                        item-value="M_ProvinceID"
+                                        return-object
+                                        label="Propinsi"
+                                        @change="get_city()"></v-select> -->
+                               </v-flex>
+
+                               <v-flex xs12>
+                                   <v-autocomplete
+                                        :items="cities"
+                                        item-text="M_CityName"
+                                        item-value="M_CityID"
+                                        label="Kota"
+                                        v-model="selected_city"
+                                        clearable
+                                        return-object
+                                    ></v-autocomplete>
+                                   <!-- <v-select
+                                        v-model="selected_city"
+                                        :items="cities"
+                                        item-text="M_CityName"
+                                        item-value="M_CityID"
+                                        return-object
+                                        label="Kota"></v-select> -->
+                               </v-flex>
+
+                               <v-flex xs12>
+                                   <v-autocomplete
+                                        :items="districts"
+                                        item-text="M_DistrictName"
+                                        item-value="M_DistrictID"
+                                        label="Kecamatan"
+                                        v-model="selected_district"
+                                        clearable
+                                        return-object
+                                    ></v-autocomplete>
+                                   <!-- <v-select
+                                        v-model="selected_district"
+                                        :items="districts"
+                                        item-text="M_DistrictName"
+                                        item-value="M_DistrictID"
+                                        return-object
+                                        label="Kecamatan"></v-select> -->
+                               </v-flex>
+
+                               <v-flex xs12>
+                                    <v-autocomplete
+                                        :items="villages"
+                                        item-text="M_KelurahanName"
+                                        item-value="M_KelurahanID"
+                                        label="Kelurahan"
+                                        v-model="selected_village"
+                                        clearable
+                                        :error="errors.kelurahan"
+                                        :rules="[rules.kelurahan]"
+                                        return-object
+                                    ></v-autocomplete>
+                                   <!-- <v-select
+                                        v-model="selected_village"
+                                        :items="villages"
+                                        item-text="M_KelurahanName"
+                                        item-value="M_KelurahanID"
+                                        return-object
+                                        label="Kelurahan"
+                                        :error="errors.kelurahan"
+                                        :rules="[rules.kelurahan]"></v-select> -->
+                               </v-flex>
+                           </v-layout>
+                       </v-flex>
+                   </v-layout>
+
+               </v-card-text>
+               <v-card-actions>
+                  <v-spacer></v-spacer>
+                  <v-btn
+                     color="primary"
+                     flat
+                     @click="dialog = false"
+                     >
+                     Tutup
+                  </v-btn>
+
+                  <v-btn
+                     color="primary"
+                     @click="add_new()"
+                     :disabled="!btn_save_enabled"
+                     >
+                     Simpan
+                  </v-btn>
+
+                  <v-btn
+                     color="primary"
+                     @click="add_use()"
+                     :disabled="!btn_save_enabled"
+                     >
+                     Simpan dan Gunakan
+                  </v-btn>
+               </v-card-actions>
+         </v-card>
+   </v-dialog>
+
+</template>
+
+<style scoped>
+.v-dialog__container {
+   display: block !important;
+}
+
+.one-btn-icon { font-size: 1.5em; height: 42px; float: right }
+</style>
+
+<script>
+module.exports = {
+    components : {
+        'one-date-picker' : httpVueLoader('../../common/oneDatePicker.vue')
+    },
+
+    data () {
+        return {
+            emailRules:[],
+            email: value => {
+                const pattern = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
+                return pattern.test(value) || 'Invalid e-mail.'
+            },
+            id_number: '',
+            my_email: '',
+            rules: {
+                dob: value => {
+                    // const pattern = /^(0[1-9]|[12][0-9]|3[01])[- /.](0[1-9]|1[012])[- /.](19|20)\d\d$/
+                    const pattern = /^(((0[1-9]|[12]\d|3[01])-(0[13578]|1[02])-((19|[2-9]\d)\d{2}))|((0[1-9]|[12]\d|30)-(0[13456789]|1[012])-((19|[2-9]\d)\d{2}))|((0[1-9]|1\d|2[0-8])-02-((19|[2-9]\d)\d{2}))|(29-02-((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))))$/
+                    let x = pattern.test(value)
+                    this.errors.dob = !x
+                    return pattern.test(value) || 'Format : dd-mm-yyyy !'
+                },
+                name: value => { this.errors.name = !value; return !!value || "Harus diisi !" },
+                sex: value => { this.errors.sex = !value.M_SexID; return !!value.M_SexID || "Harus diisi !" },
+                title: value => { this.errors.title = !value.M_TitleID; return !!value.M_TitleID || "Harus diisi !" },
+                pob: value => { this.errors.pob = !value; return !!value || "Harus diisi !" },
+                hp: value => { this.errors.hp = !value; return !!value || "Harus diisi !" },
+                address: value => { this.errors.address = !value; return !!value || "Harus diisi !" },
+                kelurahan: value => { this.errors.kelurahan = !value; return !!value || "Harus diisi !" }
+            },
+
+            errors: { dob: false, name: false, sex: false, title: false, hp: false,
+                      address: false, province: false, city: false, district: false, kelurahan: false
+            }
+        }
+    },
+
+   computed: {
+       patient_new : {
+           get () {
+               return this.$store.state.patient.patient_new
+           },
+           set (v) {
+               this.$store.commit('patient/update_patient_new', v)
+           }
+       }, 
+
+      dialog: {
+         get() {
+            return this.$store.state.patient.patient_new_dialog_is_active
+         },
+         set(val) {
+            this.$store.commit('patient/update_patient_new_dialog_is_active', val)
+         }
+      },
+
+      sex () {
+          return this.$store.state.other.sex
+      },
+
+      selected_sex : {
+          get () {
+              return this.$store.state.other.selected_sex
+          },
+          set (val) {
+              this.$store.commit('other/update_selected_sex', val)
+          }
+      },
+
+      title () {
+          return this.$store.state.other.title
+      },
+
+      selected_title : {
+          get () {
+              return this.$store.state.other.selected_title
+          },
+          set (val) {
+              this.$store.commit('other/update_selected_title', val)
+          }
+      },
+
+      provinces () { return this.$store.state.area.provinces },
+      selected_province : { 
+          get () { return this.$store.state.area.selected_province },
+          set (v) { 
+              this.$store.commit('area/update_selected_area', {type:'province',val:v})
+              this.$store.dispatch('area/search_city') }          
+        },
+
+      cities () { return this.$store.state.area.cities },
+      selected_city : { 
+          get () { return this.$store.state.area.selected_city },
+          set (v) { this.$store.commit('area/update_selected_area', {type:'city',val:v})
+                    this.$store.dispatch('area/search_district') }
+        },
+
+      districts () { return this.$store.state.area.districts },
+      selected_district : { 
+          get () { return this.$store.state.area.selected_district },
+          set (v) { this.$store.commit('area/update_selected_area', {type:'district',val:v})
+                    this.$store.dispatch('area/search_kelurahan') }
+        },
+
+      villages () { return this.$store.state.area.villages },
+      selected_village : { 
+          get () { return this.$store.state.area.selected_village },
+          set (v) { this.$store.commit('area/update_selected_area', {type:'village',val:v}) }
+        },
+
+        idtypes () {
+            return this.$store.state.patient.idtypes
+        },
+
+        selected_idtype : {
+            get () { return this.$store.state.patient.selected_idtype },
+            set (v) { this.$store.commit('patient/update_selected_idtype', v) }
+        },
+
+        btn_save_enabled () {
+            if (this.errors.dob || this.errors.name || this.errors.sex ||
+                this.errors.title || this.errors.pob || this.errors.hp ||
+                this.errors.address || this.errors.kelurahan) return false
+
+
+
+            return true
+        }
+   },
+
+   methods : {
+       get_city() {
+           return
+       },
+
+       add_new (use) {
+           let prm = {
+                M_PatientName : this.patient_new.M_PatientName,
+                M_PatientM_TitleID : this.selected_title.M_TitleID,
+                M_PatientSuffix : '',
+                M_PatientM_SexID : this.selected_sex.M_SexID,
+                M_PatientM_ReligionID : 1,
+                M_PatientDOB : this.patient_new.M_PatientDOB,
+                M_PatientHP : this.patient_new.M_PatientHP,
+                M_PatientPhone : this.patient_new.M_PatientPhone,
+                M_PatientEmail : this.my_email,
+                
+                M_PatientM_IdTypeID : (this.selected_idtype.M_IdTypeID ? this.selected_idtype.M_IdTypeID : 0),
+                M_PatientIDNumber : this.patient_new.M_PatientIDNumber,
+                M_PatientNote : this.patient_new.M_PatientNote,
+
+                M_PatientAddressDescription : this.patient_new.M_PatientAddressDescription,
+                M_PatientAddressM_KelurahanID : this.selected_village.M_KelurahanID
+           }
+           if (use) { prm.use = true }
+
+           this.$store.dispatch('patient/add_new', prm)
+           this.dialog = false
+       },
+
+       add_use () {
+           this.add_new(true)
+       },
+
+       set_date (x) {
+           this.patient_new.M_PatientDOB = x.new_date
+       }
+   },
+
+   watch : {
+       my_email (v, o) {
+           if (v == "") {
+               this.email = value => {
+                   return /\s/ || 'Hahaha'
+               }
+           } else {
+               this.email = value => {
+                    const pattern = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
+                    return pattern.test(value) || 'Invalid e-mail.'
+                }
+           }
+       },
+       
+       dialog (val, old) {
+           if (val && !old) {
+            //    M_PatientName : this.patient_new.M_PatientName,
+            //     M_PatientM_TitleID : this.selected_title.M_TitleID,
+            //     M_PatientSuffix : '',
+            //     M_PatientM_SexID : this.selected_sex.M_SexID,
+            //     M_PatientM_ReligionID : 1,
+            //     M_PatientDOB : this.patient_new.M_PatientDOB,
+            //     M_PatientHP : this.patient_new.M_PatientHP,
+            //     M_PatientPhone : this.patient_new.M_PatientPhone,
+            //     M_PatientEmail : this.my_email,
+                
+            //     M_PatientM_IdTypeID : (this.selected_idtype.M_IdTypeID ? this.selected_idtype.M_IdTypeID : 0),
+            //     M_PatientIDNumber : this.patient_new.M_PatientIDNumber,
+            //     M_PatientNote : '',
+
+            //     M_PatientAddressDescription : this.patient_new.M_PatientAddressDescription,
+            //     M_PatientAddressM_KelurahanID : this.selected_village.M_KelurahanID
+
+                let x = this.patient_new
+                x.M_PatientName = ""
+                x.M_PatientDOB = ""
+                x.M_PatientPOB = ""
+                x.M_PatientHP = ""
+                x.M_PatientEmail = ""
+                x.M_PatientAddressDescription = ""
+                x.M_PatientIDNumber = ""
+                this.patient_new = x
+                this.selected_sex = {}
+                this.selected_title = {}
+                this.selected_idtype = {}
+
+                this.$store.dispatch('area/search_province')
+           }
+       }
+   },
+
+   mounted () {
+    //    this.$store.dispatch('area/search_province')
+       this.$store.dispatch('other/search_sex')
+
+       this.$store.dispatch('patient/search_idtype')
+    //    this.$store.dispatch('area/search_city')
+   }
+}
+</script>

test/vuex/one-fo-registration-dev/components/patientNotes.vue

@@ -0,0 +1,37 @@
+<template>
+    <v-card class="mt-2" flat>
+
+        <v-card-text class="pt-1 pb-1 pl-2 pr-2">
+            <v-layout>
+                <v-flex xs12 pa-1>
+                    <v-textarea
+                        label="Catatan FO"
+                        rows="3"
+                        v-model="catatan_fo"
+                    ></v-textarea>
+                    
+                </v-flex>
+
+            </v-layout>
+        </v-card-text>
+        
+    </v-card>
+
+</template>
+<script>
+module.exports = {
+    components : {
+        
+    },
+    computed : {
+       catatan_fo: {
+          get() {
+             return this.$store.state.order.catatan_fo
+          },
+          set(val) {
+             this.$store.commit('order/update_catatan_fo', val)
+          }
+       }
+    },
+}
+</script>

test/vuex/one-fo-registration-dev/components/patientRightSide.vue

@@ -0,0 +1,340 @@
+<template>
+   <v-card class="pa-1" height="100%">
+      <v-layout column>
+
+         <v-flex xs12 class="pa-2">
+            <v-layout>
+               <v-flex xs6 mr-1>
+                    <v-autocomplete
+                        label="Pengirim"
+                        v-model="selected_doctor"
+                        :items="doctors"
+                        :search-input.sync="search"
+                        auto-select-first
+                        no-filter
+                        return-object
+                        clearable
+                        item-text="M_DoctorName"
+                        :loading="is_loading"
+                        no-data-text="Pilih Pengirim"
+
+                        append-icon="add_circle_outline"
+                        @click:append="doctorAdd"
+                        >
+                        <template
+                            slot="item"
+                            slot-scope="{ item }"
+                            >
+                            <v-list-tile-content>
+                            <v-list-tile-title v-text="item.M_DoctorName"></v-list-tile-title>
+                            <v-list-tile-sub-title v-text="getAddress(item)"></v-list-tile-sub-title>
+                            </v-list-tile-content>
+                        </template>
+
+                    </v-autocomplete>
+               </v-flex>
+                
+               <v-flex xs6 ml-1>
+                  <v-select
+                     v-model="selected_address"
+                     :items="doctor_address"
+                     item-text="M_DoctorAddressDescription"
+                     item-value="M_DoctorAddressID"
+                     return-object
+                     label="Alamat"
+                     ></v-select>
+               </v-flex>
+
+            </v-layout>
+
+            <v-layout>
+               <!-- <v-flex xs6 mr-1>
+                  <v-select
+                     v-model="selected_doctor_pj"
+                     :items="doctors_pj"
+                     item-text="M_DoctorName"
+                     label="Dokter Penanggung Jawab"
+                     ></v-select>
+               </v-flex> -->
+                <v-flex xs6 mr-1>
+                    <v-select
+                        v-model="selected_language"
+                        :items="languages"
+                        item-text="name"
+                        item-value="key"
+                        label="Bahasa"
+                        return-object
+                        ></v-select>
+
+                </v-flex>
+
+                <v-flex xs6>
+                    <v-select
+                        v-model="selected_language_2"
+                        :items="languages"
+                        item-text="name"
+                        item-value="key"
+                        label="Bahasa 2"
+                        return-object
+                        clearable
+                        ></v-select>
+
+                </v-flex>
+            </v-layout>
+
+            <v-layout>
+               <v-flex xs12 mr-1>
+                  <v-textarea
+                     label="Diagnosa"
+                     rows="3"
+                     v-model="diagnosa"
+                     ></v-textarea>
+               </v-flex>
+
+            </v-layout>
+
+         </v-flex>
+
+         <v-flex xs12>
+            <patient-delivery></patient-delivery>
+         </v-flex>
+      </v-layout>
+   </v-card>
+</template>
+<script>
+module.exports = {
+   components: {
+      'patient-delivery' : httpVueLoader('./patientDelivery.vue')
+   },
+   computed: {
+      search:{
+         get(){
+            return this.$store.state.doctor.search
+         },
+         set(val)  {
+            this.$store.commit('doctor/update_search',val)
+         }
+      },
+      diagnosa: {
+         get() {
+            return this.$store.state.order.diagnosa
+         },
+         set(val) {
+            this.$store.commit('order/update_diagnosa',val)
+         }
+      },
+      languages() {
+         return this.$store.state.language.languages
+      },
+
+        selected_language: {
+            get() {
+                return this.$store.state.language.selected_language
+            },
+            set(val) {
+                this.$store.commit('language/update_selected_language',val)
+            }
+        },
+
+        selected_language_2: {
+            get() {
+                return this.$store.state.language.selected_language_2
+            },
+            set(val) {
+                this.$store.commit('language/update_selected_language_2', val)
+            }
+        },
+
+      selected_doctor_pj: {
+         get() {
+            return this.$store.state.doctor.selected_doctor_pj
+         },
+         set(val) {
+            this.$store.commit('doctor/update_selected_doctor_pj',val)
+         }
+      },
+      doctors_pj() {
+         return this.$store.state.doctor.doctors_pj
+      },
+
+        selected_address: {
+            get() {
+                return this.$store.state.doctor.selected_address
+            },
+            set(val) {
+                this.$store.commit('doctor/update_selected_address', val)
+            }
+        },
+
+      doctor_address() {
+         if (! this.$store.state.doctor.selected_doctor ) return []
+         if (! this.$store.state.doctor.selected_doctor.address) return []
+         return this.$store.state.doctor.selected_doctor.address
+      },
+      doctors() {
+         return this.$store.state.doctor.doctors
+      },
+      selected_doctor: {
+         get() {
+            return this.$store.state.doctor.selected_doctor
+         },
+         set(val) {
+            if (val) {
+                this.$store.commit("doctor/update_selected_doctor", val)
+
+                // Auto CHECKED
+                let cdoc = val
+                if (cdoc.email_default == "Y") {
+                    let dlv = this.$store.state.delivery.checked_id
+                    
+                    if (dlv.indexOf(cdoc.delivery_email_code) < 0) {
+                        dlv.push(cdoc.delivery_email_code)
+                        this.$store.commit('delivery/update_checked_id', dlv)
+                    }
+                }
+
+                this.$store.commit('delivery/update_params', {d_id:val.M_DoctorID})
+                this.$store.dispatch('delivery/search')
+            } else {
+                this.$store.commit("doctor/update_selected_doctor", {})
+                this.$store.commit('delivery/update_params', {d_id:0})
+                this.$store.dispatch('delivery/search')
+            }
+            
+         }
+      },
+      selected_doctor_x() {
+         
+            return this.$store.state.doctor.selected_doctor
+         
+      },
+      is_loading: {
+         get() {
+            return this.$store.state.doctor.search_status == 1
+         },
+         set(val) {
+            this.$store.commit("doctoc/update_search_status",val ? 1 : 2)
+         }
+      }
+   },
+   methods: {
+      getAddress(doc) {
+         
+         var s_addr = ''
+         if (! doc.address ) return ''
+         doc.address.forEach(function(addr){
+            if (s_addr != '') s_addr += ', '
+            s_addr += addr.M_DoctorAddressDescription
+         });
+         return s_addr
+      },
+      thr_search: _.debounce( function () {
+         this.$store.commit("doctor/update_search_status", 1) // LOADING
+         this.$store.dispatch("doctor/search")
+      }, 700),
+
+      doctorAdd() {
+          this.$store.commit('doctor_new/update_dialog_new', true)
+      }
+   },
+   watch : {
+      search(val, old) {
+         // console.log("val:"+val)
+         // console.log("old:"+old)
+
+        if (this.$store.state.order.is_from_clinic)
+            return
+        if (this.$store.state.doctor_new.adhoc) {
+            var store = this.$store
+            setTimeout(function() {
+                store.commit('doctor_new/update_adhoc', false)
+                delete store;
+            }, 2000)
+            return
+        }
+            
+            
+         if (val == null || typeof val == 'undefined') val = ""
+         // console.log("1-val:"+val)
+         if (val == old ) return
+         // console.log("2-val:"+val)
+         // if (! val) return
+         // console.log("3-val:"+val)
+         // if (val.length < 1 ) return
+         // console.log("4-val:"+val)
+      
+         if (this.$store.state.doctor.search_status == 1 ) return  
+         // console.log("5-val:"+val)
+         this.$store.commit("doctor/update_search", val)
+         this.thr_search()
+
+         // if (this.$store.state.doctor.search_status == 1 ) return  
+         // this.$store.commit("doctor/update_search",val)
+         // this.thr_search()
+      },
+
+        selected_address(val, o) {
+            let dlv = this.$store.state.delivery.checked_id
+
+            if (!val) {
+                // REMOVE FROM DELIVERY
+                let idx = dlv.indexOf(o.delivery_code)
+                if ( idx > -1) {
+                    dlv.splice(idx, 1)
+                    this.$store.commit('delivery/update_checked_id', dlv)
+                }
+            }
+
+            if (val) {
+                // Auto CHECKED
+                let cadd = val
+                if (cadd.delivery_default == "Y") {
+                    if (dlv.indexOf(cadd.delivery_code) < 0) {
+                        dlv.push(cadd.delivery_code)
+                        this.$store.commit('delivery/update_checked_id', dlv)
+                    }
+                }
+                
+            }
+        },
+
+        selected_doctor(val, o) {
+            let dlv = this.$store.state.delivery.checked_id
+
+            // REMOVE FROM DELIVERY
+            if (!val.email_default) {
+                
+                let idx = dlv.indexOf(o.delivery_code)
+                if ( idx > -1) {
+                    dlv.splice(idx, 1)
+                    this.$store.commit('delivery/update_checked_id', dlv)
+                }
+            } else if (val.email_default != "Y") {
+                let idx = dlv.indexOf(o.delivery_code)
+                if ( idx > -1) {
+                    dlv.splice(idx, 1)
+                    this.$store.commit('delivery/update_checked_id', dlv)
+                }
+            }
+        }
+   },
+   mounted: function() {
+      this.$store.dispatch("language/search")
+      /*
+      if ( this.$store.state.doctor.mounted < 1 ) {
+         this.$store.dispatch("doctor/search")
+         this.$store.dispatch("doctor/search_pj")
+         this.$store.dispatch("language/search")
+      }
+      
+      this.$store.commit("doctor/increment_mounted", 1);
+      console.log("doctor mounted : ", this.$store.state.doctor.mounted)
+      */
+   },
+   data() {
+      return {
+         n_mounted : 1
+      }
+   }
+}
+</script>

test/vuex/one-fo-registration-dev/components/patientSearchBox.vue

@@ -0,0 +1,125 @@
+<template>
+   <v-card class="pa-2" flat>
+      <v-layout>
+         <v-flex xs2 pa-1>
+            <v-text-field
+               label="No Antrian"
+               placeholder="No Antrian"
+               single-line
+               outline
+               v-model="queue"
+               hide-details
+               @keyup.enter.native="queue_check"
+               ></v-text-field>
+         </v-flex>
+         <v-flex xs2 pa-1>
+            <v-text-field
+               label="Search"
+               placeholder="PID"
+               single-line
+               outline
+               v-model="noreg"
+               @keyup.native="keyup"
+               hide-details
+               ></v-text-field>
+         </v-flex>
+         <v-flex xs5 pa-1>
+            <v-text-field
+               label=""
+               placeholder="Nama + HP + DOB + Alamat"
+               v-model="search"
+               single-line
+               outline
+               hide-details
+               @keyup.native="keyup"
+               ></v-text-field>
+            
+         </v-flex>
+
+         <v-flex xs3>
+            <v-layout row wrap>
+               <v-flex xs6>
+                  <patient-search-dialog></patient-search-dialog>
+               </v-flex>
+
+               <v-flex xs6>
+                  <!-- <v-btn color="primary" class="mr-1 ml-1" block>BARU</v-btn> -->
+                  <patient-new-dialog></patient-new-dialog>
+               </v-flex>
+            </v-layout>
+
+
+         </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;
+}
+</style>
+<script>
+module.exports = {
+   
+   methods: {
+      keyup(e) {
+         if (e.which==13) {
+            this.$store.commit('patient/update_search_dialog_is_active',true)
+            this.$store.dispatch('patient/search')
+         }
+      },
+
+      queue_check(e) {
+         this.$store.dispatch('order/load_from_clinic')
+      }
+   },
+   computed: {
+      noreg: {
+         get() {
+            return this.$store.state.patient.noreg
+         },
+         set(val) {
+            this.$store.commit('patient/update_noreg',val)
+         }
+      },
+      search: {
+         get() {
+            return this.$store.state.patient.search
+         },
+         set(val) {
+            this.$store.commit('patient/update_search',val)
+         }
+      },
+      queue: {
+         get() {
+            return this.$store.state.order.queue
+         },
+         set(v) {
+            this.$store.commit('order/update_queue', v)
+            return
+         }
+      }
+   },
+   components : {
+      'patient-search-dialog': httpVueLoader('./patientSearchDialog.vue'),
+      'patient-new-dialog' : httpVueLoader('./patientNewDialog.vue')
+   }
+}
+</script>

test/vuex/one-fo-registration-dev/components/patientSearchDialog.vue

@@ -0,0 +1,69 @@
+<template>
+  
+    <v-dialog
+      v-model="dialog"
+      full-width
+    >
+      <v-btn
+        color="blue"
+        slot="activator"
+        dark
+        @click="search"
+        class="one-btn-icon ma-1"
+      >
+        <span class="icon-search"></span>
+      </v-btn>
+
+      <v-card>
+        <v-card-title
+          class="headline grey lighten-2 pt-2 pb-2"
+          primary-title
+        >
+          Data Pasien
+        </v-card-title>
+        <v-card-text class="pt-2 pb-2">
+          <patient-search-result></patient-search-result>
+        </v-card-text>
+        <v-divider></v-divider>
+
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn
+            color="primary"
+            flat
+            @click="dialog = false"
+          >
+            Tutup
+          </v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  
+</template>
+
+<style scoped>
+.one-btn-icon { font-size: 1.5em; height: 42px; }
+</style>
+
+<script>
+module.exports = {
+    components : {
+        'patient-search-result': httpVueLoader('./patientSearchResult.vue')
+    },
+    methods : {
+       search: function() {
+          this.$store.dispatch('patient/search')
+       }
+    },
+    computed : {
+       dialog: {
+          get() {
+             return this.$store.state.patient.search_dialog_is_active;
+          },
+          set(val) {
+             this.$store.commit('patient/update_search_dialog_is_active',val);
+          }
+       }
+    }
+}
+</script>

test/vuex/one-fo-registration-dev/components/patientSearchResult.vue

@@ -0,0 +1,146 @@
+<template>
+   <v-card class="xs12 md12 mt-2" >
+
+      <v-data-table 
+         :headers="headers" 
+         :items="patients" 
+         :loading="isLoading"
+         hide-actions class="elevation-1">
+
+         <template slot="footer">
+            <td align="left" colspan="5">
+               Hasil Pencarian ditemukan {{total}} pasien, ditampilkan {{total_display}}
+            </td>
+         </template>
+         <template slot="no-data">
+            <v-alert :value="isError" color="error" icon="warning">
+               Data Pasien tidak di temukan
+               {{errorMessage}}
+            </v-alert>
+         </template>
+
+
+         <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.M_PatientNoReg }}</td>
+            <td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':props.item.selected}" @click="selectMe(props.item)">{{ props.item.M_PatientName }}</td>
+            <td class="pa-2" v-bind:class="{'amber lighten-4':props.item.selected}" @click="selectMe(props.item)">{{ props.item.hp }}</td>
+            <td class="text-xs-left pa-2" v-bind:class="{'amber lighten-4':props.item.selected}" @click="selectMe(props.item)">{{ props.item.M_PatientDOB.split('-').reverse().join('-') }}</td>
+            <td class="pa-2" v-bind:class="{'amber lighten-4':props.item.selected}" @click="selectMe(props.item)">{{ props.item.M_PatientAddress}}</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 = {
+   methods: {
+      selectMe(pat) {
+         this.$store.commit('patient/update_selected_patient', pat)
+         this.$store.commit('patient/update_search_dialog_is_active',false)
+
+         this.$store.commit('order/update_patient_note', "")
+         if (pat && pat.M_PatientNote )
+            this.$store.commit('order/update_patient_note', pat.M_PatientNote)
+         this.$store.commit('order/update_catatan_fo', "")
+
+         this.$store.commit('patientaddress/testx', pat.M_PatientID);
+         this.$store.dispatch('patientaddress/search')
+
+         this.$store.commit('delivery/update_params', {p_id:pat.M_PatientID})
+         this.$store.dispatch('delivery/search')
+
+         // clear search
+         this.$store.commit('patient/update_search', '')
+
+         // Clear delivery
+         this.$store.commit('delivery/update_checked_id', [])
+
+         // Photo module
+         this.$store.commit('photo/update_patient_id', pat.M_PatientID)
+         if (pat.M_PatientPhoto == null || pat.M_PatientPhoto == "")
+            this.$store.commit('photo/update_photo_url', this.$store.state.photo.default_photo_url)
+         else
+            this.$store.commit('photo/update_photo_url', pat.M_PatientPhoto + "?r=" + Math.round(Math.random() * 1000000000))
+
+        // HISTORIES
+        this.$store.dispatch('history/search')
+      }
+   },
+   computed : {
+      isError() {
+         return this.$store.state.patient.search_status == 3
+      },
+      errorMessage() {
+         return this.$store.state.patient.search_error_message 
+      },
+      isLoading() {
+         return this.$store.state.patient.search_status == 1
+      },
+      patients() {
+         return this.$store.state.patient.patients
+      },
+      total() {
+         return this.$store.state.patient.total_patient
+      },
+      total_display() {
+         return this.$store.state.patient.total_display
+      }
+   },
+   data() {
+      return {
+         headers: [
+            {
+               text: "NO RM",
+               align: "left",
+               sortable: false,
+               value: "mr",
+               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: "HP",
+               align: "left",
+               sortable: false,
+               value: "hp",
+               width: "15%",
+               class: "pa-2 blue lighten-3 white--text"
+            },
+            {
+               text: "DOB",
+               align: "left",
+               sortable: false,
+               value: "dob",
+               width: "15%",
+               class: "pa-2 blue lighten-3 white--text"
+            },
+            {
+               text: "ALAMAT",
+               align: "left",
+               sortable: false,
+               value: "address",
+               class: "pa-2 blue lighten-3 white--text"
+            }
+         ],
+      };
+   }
+}
+</script>

test/vuex/one-fo-registration-dev/fajri.php

@@ -0,0 +1,90 @@
+<!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 class="pl-1 pr-1 pt-2 pb-2">
+                  <v-layout row wrap >
+                     <v-flex xs6 class="left" fill-height pa-1>
+                        <!-- komponen kiri -->	
+                     <one-mou-px-left></one-mou-px-left> 
+                     </v-flex>
+
+                     <v-flex xs6 class="right" fill-height pa-1>
+                        <!-- komponen kanan -->	
+                        <one-fo-registration-price-list></one-fo-registration-price-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>
+      <!-- App Script -->
+<?php
+$ts = "?ts=" . Date("ymdhis");
+?>
+<script type="module">
+function one_money(inp) {
+   return numeral(inp).format('0,000.00')
+}
+window.one_money = one_money
+function one_float(inp) {
+   try {
+      let val = parseFloat(inp)
+      if (isNaN(val)) return 0.0
+      return val
+   } catch(e) {
+      return 0.0
+   }
+}
+window.one_float = one_float
+
+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-mou-px-left' : httpVueLoader('./components/oneMouPxLeft.vue'),
+        'one-fo-registration-price-list' : httpVueLoader('./components/oneFoRegistrationPriceList.vue?ts=' 
+            + new Date().toISOString())
+      }
+    })
+    </script>
+    <style>
+[v-cloak] {
+   display: none
+}
+    </style>
+   </body>
+
+</html>

test/vuex/one-fo-registration-dev/index.php

@@ -0,0 +1,154 @@
+<!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 one" >
+               <v-container fluid pt-2 pb-2 pl-1 pr-1>
+                  <v-layout column>
+                     <v-flex xs12 shrink>
+                        <finish-dialog></finish-dialog>
+                        <one-registration-tab></one-registration-tab>
+                     </v-flex>
+
+                     <v-flex xs12>
+                        <!-- <v-layout> -->
+                           <tab-01 v-show="tab_active == '01'"></tab-01>
+                           <tab-02 v-show="tab_active == '02'"></tab-02>
+                           <tab-03 v-show="tab_active == '03'"></tab-03>
+                        <!-- </v-layout> -->
+                     </v-flex>
+                     <!-- <v-flex xs12 shrink>
+                        <finish-dialog></finish-dialog>
+                        <one-registration-tab></one-registration-tab>
+                     </v-flex> -->
+                     <!-- <v-layout>
+                        <one-registration-tab></one-registration-tab>
+                     </v-layout> -->
+
+                     
+                  </v-layout>
+                  
+
+
+
+               </v-container>
+               <one-fo-registration-doctor-new></one-fo-registration-doctor-new>
+               <one-dialog-error msg="Abu"></one-dialog-error>
+            </v-content>
+            <v-footer class="mb-5" app color="transparent" v-if="tab_active == '01'">
+                <v-spacer></v-spacer>
+                <v-btn color="orange" dark @click="goToClinic">Klinik <v-icon>forward</v-icon></v-btn>                
+            </v-footer>
+            <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/vendor/webcam.min.js"></script>
+
+      <script src="../../../libs/one_global.js"></script>
+      <!-- App Script -->
+<?php
+$ts = "?ts=" . Date("ymdhis");
+?>
+<script type="module">
+/*
+function one_money(inp) {
+   return numeral(inp).format('0,000.00')
+}
+window.one_money = one_money
+
+
+function one_float(inp) {
+   try {
+      let val = parseFloat(inp)
+      if (isNaN(val)) return 0.0
+      return val
+   } catch(e) {
+      return 0.0
+   }
+}
+window.one_float = one_float
+*/
+
+import { store } from './store.js<?php echo $ts ?>';
+//for testing
+window.store = store;
+new Vue({
+store,
+data : {
+   
+},
+mounted: function() {
+         this.$store.dispatch("doctor/search_pj")
+         this.$store.dispatch("language/search")
+
+   var url_string = window.location.href
+   var url = new URL(url_string);
+   var c = url.searchParams.get("id");
+
+   if (c != null) {
+      this.$store.commit('order/update_order_id', c)
+      this.$store.dispatch('order/load')
+   }
+},
+computed : {
+   tab_active () {
+      return store.state.tab_active
+   }
+},
+
+methods : {
+    goToClinic() {
+        location.replace("/one-ui/test/vuex/one-fo-clinic-registration/")
+    }
+},
+   el: '#app',
+   components: {
+   'one-navbar': httpVueLoader('../../../apps/components/oneNavbarComponent.vue'),
+      'one-footer': httpVueLoader('../../../apps/components/oneFooter.vue'),
+      //   'patient-left-side' : httpVueLoader('./components/patientLeftSide.vue'),
+      //   'patient-right-side' : httpVueLoader('./components/patientRightSide.vue'),
+        'one-registration-tab': httpVueLoader('./components/oneRegistrationTab.vue'),
+        'tab-01' : httpVueLoader('./components/oneFoRegistrationTab01.vue'),
+        'tab-02' : httpVueLoader('./components/oneFoRegistrationTab02.vue'),
+        'tab-03' : httpVueLoader('./components/oneFoRegistrationTab03.vue'),
+        'finish-dialog' : httpVueLoader('./components/oneFoRegisterFinishDialog.vue'),
+        'one-fo-registration-doctor-new' : httpVueLoader('./components/oneFoRegistrationDoctorNewDialog.vue'),
+        'one-dialog-error' : httpVueLoader('../common/oneDialogError.vue')
+      }
+    })
+    </script>
+    <style>
+[v-cloak] {
+   display: none
+}
+    .v-content.one {
+       //padding:64px 0px 0px !important;
+    }
+    </style>
+   </body>
+
+</html>

test/vuex/one-fo-registration-dev/modules/area.js

@@ -0,0 +1,194 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/area.js"
+window.api = api
+
+export default  {
+   namespaced: true,
+   state: {
+      search: '',
+      search_status:0,
+      search_error_message:'',
+      search_dialog_is_active: false,
+      
+      provinces: [],
+      cities: [],
+      districts: [],
+      villages: [],
+
+      total_provinces: 0,
+      total_cities: 0,
+      total_districts: 0,
+      total_villages: 0,
+
+      total_display: 0,
+
+      selected_province: {},
+      selected_city: {},
+      selected_district: {},
+      selected_village: {}
+   },
+   mutations: {
+      update_search_dialog_is_active(state,status) {
+         state.search_dialog_is_active = status
+      },
+      update_search_error_message(state,status) {
+         state.search_error_message = status
+      },
+    
+      update_search(state,val) {
+         state.search=val 
+      },
+
+      update_search_status(state,status) {
+         state.search_status = status
+      },
+
+      update_area(state, data) {
+        state[data.type] = data.records
+        state['total_'+data.type] = data.total
+        state.total_display = data.total_display            
+
+        if (["provinces", "districts", "villages"].indexOf(data.type) > -1)
+            state['selected_'+ data.type.substring(0, data.type.length-1) ] = null
+        else if (data.type == "cities")
+            state['selected_city'] = null
+
+        for (let i in data.records) {
+            if (data.records[i].is_default == "Y") {
+               
+               if (["provinces", "districts", "villages"].indexOf(data.type) > -1)
+                  state['selected_'+ data.type.substring(0, data.type.length-1) ] = data.records[i]
+               
+               else if (data.type == "cities")
+                  state['selected_city'] = data.records[i]
+            }
+                
+        }
+      },      
+
+      update_selected_area(state, val) {
+        state['selected_'+val.type] = val.val
+      }
+   },
+   actions: {
+      async search_province(context) {
+         context.commit("update_search_status", 1)
+         context.commit("update_area", {records:[], total:0, total_display:0, type:'city'})
+         context.commit("update_area", {records:[], total:0, total_display:0, type:'district'})
+         context.commit("update_area", {records:[], total:0, total_display:0, type:'village'})
+         context.commit("update_selected_area", {type:'city',val:null})
+         context.commit("update_selected_area", {type:'district',val:null})
+         context.commit("update_selected_area", {type:'village',val:null})
+         try {
+            let resp = await api.search_province(context.state.search)
+            if (resp.status != "OK") {
+               context.commit("update_search_status",3)
+               context.commit("update_search_error_message",resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               let data = {
+                  records : resp.data.records,
+                  total: resp.data.total,
+                  total_display: resp.data.total_display,
+                  type: 'provinces'
+               }
+               context.commit("update_area", data)
+               context.dispatch("search_city")
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message",e.message )
+         }
+      },
+
+      async search_city(context) {
+         // City
+         context.commit("update_search_status", 1)
+         context.commit("update_area", {records:[], total:0, total_display:0, type:'district'})
+         context.commit("update_area", {records:[], total:0, total_display:0, type:'village'})
+         context.commit("update_selected_area", {type:'district',val:null})
+         context.commit("update_selected_area", {type:'village',val:null})
+         try {
+            let resp = await api.search_city(context.state.selected_province.M_ProvinceID, context.state.search)
+            if (resp.status != "OK") {
+               context.commit("update_search_status",3)
+               context.commit("update_search_error_message",resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               let data = {
+                  records : resp.data.records,
+                  total: resp.data.total,
+                  total_display: resp.data.total_display,
+                  type: 'cities'
+               }
+               context.commit("update_area", data)
+               context.commit("update_search_status", 1)
+               context.dispatch("search_district")
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message", e.message )
+         }
+      },
+
+      async search_district(context) {
+         // City
+         context.commit("update_search_status", 1)
+         context.commit("update_area", {records:[], total:0, total_display:0, type:'village'})
+         context.commit("update_selected_area", {type:'village',val:null})
+         try {
+            let resp = await api.search_district(context.state.selected_city.M_CityID, context.state.search)
+            if (resp.status != "OK") {
+               context.commit("update_search_status",3)
+               context.commit("update_search_error_message",resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               let data = {
+                  records : resp.data.records,
+                  total: resp.data.total,
+                  total_display: resp.data.total_display,
+                  type: 'districts'
+               }
+               context.commit("update_area", data)
+               context.commit("update_search_status", 1)
+               context.dispatch("search_kelurahan")
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message", e.message )
+         }
+      },
+
+      async search_kelurahan(context) {
+         // City
+         context.commit("update_search_status", 1)
+         try {
+            let resp = await api.search_kelurahan(context.state.selected_district.M_DistrictID, context.state.search)
+            if (resp.status != "OK") {
+               context.commit("update_search_status",3)
+               context.commit("update_search_error_message",resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               let data = {
+                  records : resp.data.records,
+                  total: resp.data.total,
+                  total_display: resp.data.total_display,
+                  type: 'villages'
+               }
+
+               context.commit("update_area", data)
+               context.commit("update_search_status", 1)
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message", e.message )
+         }
+      }
+   }
+}

test/vuex/one-fo-registration-dev/modules/company.js

@@ -0,0 +1,128 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/company.js"
+
+export default  {
+   namespaced: true,
+   state: {
+      search: '',
+      search_status:0,
+      search_error_message:'',
+      companies: [],
+      total_company: 0,
+      selected_company: {},
+      selected_mou: {},
+
+      selected_px_tab: 'px'
+   },
+   mutations: {
+      update_selected_px_tab(state,tab) {
+         state.selected_px_tab = tab
+      },
+
+
+      update_search_error_message(state,status) {
+         state.search_error_message = status
+      },
+      update_selected_mou(state,val) {
+         state.selected_mou = val
+      },
+      update_search(state,val) {
+         state.search=val 
+      },
+      update_search_status(state,status) {
+         state.search_status = status
+      },
+      update_companies(state,data) {
+         state.companies= data.records
+         state.total_company= data.total
+      },
+      update_selected_company(state,val) {
+         state.selected_company=val
+      },
+
+      reset_company(state) {
+         state.companies = []
+         state.total_company = 0
+         state.search = ""
+         state.selected_company = {}
+         state.selected_mou = {}
+      }
+   },
+   actions: {
+      async search(context, prm) {
+         context.commit("update_search_status",1)
+         try {
+            let resp= await api.search(context.state.search)
+            if (resp.status != "OK") {
+               context.commit("update_search_status",3)
+               context.commit("update_search_error_message",resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               let data = {
+                  records : resp.data.records,
+                  total: resp.data.total
+               }
+               context.commit("update_companies",data)
+               
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message",e.message )
+         }
+      },
+
+      async search_default(context) {
+         context.commit("update_search_status",1)
+         try {
+            let resp= await api.search_default()
+            if (resp.status != "OK") {
+               context.commit("update_search_status",3)
+               context.commit("update_search_error_message", resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               let data = {
+                  records : resp.data.records,
+                  total: resp.data.total
+               }
+               context.commit("update_companies", data)
+               context.commit("update_selected_company", data.records[0])
+
+               for(let i in data.records[0].mou) {
+                    let cmou = data.records[0].mou[i]
+                  if (cmou.M_MouIsDefault == "Y") {
+                    context.commit("update_selected_mou", cmou)
+                    
+                    if (cmou.M_MouEmail != "" && cmou.M_MouEmailIsDefault == "Y") {
+                        let dlv = context.rootState.delivery.checked_id
+                        // if (dlv == undefined) dlv = []
+                        
+                        if (dlv.indexOf(cmou.delivery_email_code) < 0) {
+                            
+                            // console.log(cid)
+                            dlv.push(cmou.delivery_email_code)
+                            console.log(dlv)
+                            context.commit('delivery/update_checked_id', dlv, {root:true})
+                        }
+                    }
+
+                    context.commit("delivery/update_params", {m_id:cmou.M_MouID}, {root:true})
+                    context.dispatch("delivery/search", null, {root:true})
+                  }
+                     
+               }
+
+               // search px
+               context.dispatch('px/search', null, {root:true})
+               
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message",e.message )
+         }
+      }
+   }
+}

test/vuex/one-fo-registration-dev/modules/delivery.js

@@ -0,0 +1,87 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/delivery.js"
+
+export default  {
+   namespaced: true,
+   state: {
+      search_status:0,
+      search_error_message:'',
+      deliveries: [],
+      patient_id: 0,
+      doctor_id: 0,
+      order_id: 0,
+      mou_id: 0,
+
+      checked_id: []
+   },
+   mutations: {
+      update_search_error_message(state,status) {
+         state.search_error_message = status
+      },
+      update_search_status(state,status) {
+         state.search_status = status
+      },
+      update_deliveries(state,data) {
+         for (var i in data) {
+            if (state.checked_id.indexOf(data[i].idx) > -1)
+               data[i].selected = true
+            else
+               data[i].selected = false
+         }
+
+         state.deliveries = data
+      },
+      update_deliveries_2(state) {
+         for (var i in state.deliveries) {
+            if (state.checked_id.indexOf(state.deliveries[i].idx) > -1)
+               state.deliveries[i].selected = true
+            else
+               state.deliveries[i].selected = false
+         }
+         // state.deliveries= data
+      },
+      update_selected_delivery(state,val) {
+         state.selected_delivery=val 
+      },
+      update_params(state, val) {
+         if (typeof val.p_id !== 'undefined')
+            state.patient_id = val.p_id;
+         if (typeof val.o_id !== 'undefined')
+            state.order_id = val.o_id;
+         if (typeof val.d_id !== 'undefined')
+            state.doctor_id = val.d_id;
+        if (typeof val.m_id !== 'undefined')
+            state.mou_id = val.m_id;
+      },
+      update_checked_id(state, val) {
+         state.checked_id = val
+      }
+   },
+   actions: {
+      async search(context) {
+         context.commit("update_search_status",1)
+         try {
+            let resp= await api.search(context.state.order_id, 
+                                        context.state.patient_id,
+                                        context.state.doctor_id,
+                                        context.state.mou_id)
+            if (resp.status != "OK") {
+               context.commit("update_search_status",3)
+               context.commit("update_search_error_message",resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               let data = {
+                  records : resp.data.records
+               }
+               context.commit("update_deliveries",data.records)
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message",e.message )
+         }
+      }
+   }
+}

test/vuex/one-fo-registration-dev/modules/doctor.js

@@ -0,0 +1,121 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/doctor.js"
+
+export default  {
+   namespaced: true,
+   state: {
+      search : '',
+      search_status: 0,
+      search_error_message: "",
+      doctors: [],
+      total_doctor: 0,
+      selected_doctor: {},
+      selected_address: {},
+
+      doctors_pj: [],
+      selected_doctor_pj : {},
+      search_pj_status: 0,
+      search_pj_error_message: "",
+
+      mounted: 0
+   },
+   mutations: {
+      update_search(state,val) {
+         state.search=val 
+      },
+      update_search_error_message(state,status) {
+         state.search_error_message = status
+      },
+      update_search_status(state,status) {
+         state.search_status = status
+      },
+      update_doctors(state,data) {
+         state.doctors = data.records
+         state.total_doctor= data.total
+      },
+      update_selected_doctor(state, doc) {
+         state.selected_doctor= doc
+         
+         if (!doc) return
+         state.selected_address = null
+
+         if (doc.address)
+            if (doc.address.length> 0) {
+               state.selected_address = doc.address[0]
+            }
+      },
+      update_selected_address(state,addr) {
+         state.selected_address = addr
+      },
+      update_search_pj_error_message(state,status) {
+         state.search_pj_error_message = status
+      },
+      update_search_pj_status(state,status) {
+         state.search_pj_status = status
+      },
+      update_doctors_pj(state,data) {
+         state.doctors_pj = data.records
+         let flag_found = false
+         data.records.forEach(function(d) {
+            if (d.M_DoctorIsDefaultPJ == 'Y' ) {
+               state.selected_doctor_pj = d
+               flag_found = true
+            }
+         })
+         if (! flag_found & data.records.length > 0 ) state.selected_doctor_pj = data.records[0]
+      },
+      update_selected_doctor_pj(state,doc) {
+         state.selected_doctor_pj = doc
+      },
+
+      increment_mounted(state, n) {
+         state.mounted = state.mounted + n;
+      }
+   },
+   actions: {
+      async search_pj(context) {
+         context.commit("update_search_pj_status",1)
+         try {
+            let resp= await api.searchPj()
+            if (resp.status != "OK") {
+               context.commit("update_search_pj_status",3)
+               context.commit("update_search_pj_error_message",resp.message)
+            } else {
+               context.commit("update_search_pj_status",2)
+               context.commit("update_search_pj_error_message","")
+               let data = {
+                  total : resp.data.total,
+                  records : resp.data.records
+               }
+               context.commit("update_doctors_pj",data)
+            }
+         } catch(e) {
+            context.commit("update_search_pj_status",3)
+            context.commit("update_search_pj_error_message",e.message )
+         }
+      },
+      async search(context) {
+         context.commit("update_search_status",1)
+         try {
+            let resp= await api.search(context.state.search)
+            if (resp.status != "OK") {
+               context.commit("update_search_status",3)
+               context.commit("update_search_error_message",resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               let data = {
+                  total : resp.data.total,
+                  records : resp.data.records
+               }
+               context.commit("update_doctors", data)
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message",e.message )
+         }
+      }
+   }
+}

test/vuex/one-fo-registration-dev/modules/doctor_new.js

@@ -0,0 +1,283 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/doctor.js"
+import * as area from "../api/area.js"
+import * as other from "../api/other.js"
+
+export default  {
+    namespaced: true,
+    state: {
+        search : '',
+        search_status: 0,
+        search_error_message: "",
+
+        sexs: [],
+        selected_sex: null,
+        param_name: '',
+        param_prefix1: '',
+        param_prefix2: '',
+        param_sufix1: '',
+        param_sufix2: '',
+        param_sufix3: '',
+        param_hp: '',
+        param_address: '',
+
+        provinces: [],
+        selected_province: null,
+        cities: [],
+        selected_city: null,
+        districts: [],
+        selected_district: null,
+        villages: [],
+        selected_village: null,
+        dialog_new: false,
+
+        adhoc: false
+    },
+
+    mutations: {
+        update_search(state,val) {
+            state.search=val 
+        },
+
+        update_search_error_message(state,status) {
+            state.search_error_message = status
+        },
+
+        update_search_status(state,status) {
+            state.search_status = status
+        },
+
+        update_dialog_new(state, d) {
+            state.dialog_new = d
+        },
+
+        update_sexs(state, d) {
+            state.sexs = d.records
+        },
+
+        update_selected_sex(state, d) {
+            state.selected_sex = d
+        },
+
+        update_provinces(state, d) {
+            state.provinces = d.records
+            state.cities = []
+            state.districts = []
+            state.villages = []
+            state.selected_city = null
+            state.selected_district = null
+            state.selected_village = null
+
+            for (let i in d.records)
+                if (d.records[i].is_default == "Y")
+                    state.selected_province = d.records[i]
+        },
+
+        update_selected_province(state, d) {
+            state.selected_province = d
+        },
+
+        update_districts(state, d) {
+            state.districts = d.records
+            state.villages = []
+            state.selected_village = null
+
+            for (let i in d.records)
+                if (d.records[i].is_default == "Y")
+                    state.selected_district = d.records[i]
+        },
+
+        update_selected_district(state, d) {
+            state.selected_district = d
+        },
+
+        update_cities(state, d) {
+            state.cities = d.records
+            state.districts = []
+            state.villages = []
+            state.selected_district = null
+            state.selected_village = null
+
+            for (let i in d.records)
+                if (d.records[i].is_default == "Y")
+                    state.selected_city = d.records[i]
+        },
+
+        update_selected_city(state, d) {
+            state.selected_city = d
+        },
+
+        update_villages(state, d) {
+            state.villages = d.records
+
+            for (let i in d.records)
+                if (d.records[i].is_default == "Y")
+                    state.selected_village = d.records[i]
+        },
+
+        update_selected_village(state, d) {
+            state.selected_village = d
+        },
+
+        update_param(state, d) {
+            state['param_'+d.param] = d.val
+        },
+
+        update_adhoc(state, d) {
+            state.adhoc = d
+        }
+    },
+    actions: {
+        async save(context) {
+            context.commit('update_search_status', 1)
+            try {
+                let d = {
+                    name: context.state.param_name,
+                    prefix1: context.state.param_prefix1,
+                    prefix2: context.state.param_prefix2,
+                    sufix1: context.state.param_sufix1,
+                    sufix2: context.state.param_sufix2,
+                    sufix3: context.state.param_sufix3,
+                    sex: context.state.selected_sex.M_SexID,
+                    hp: context.state.param_hp,
+                    address: context.state.param_address,
+                    village: context.state.selected_village.M_KelurahanID
+                }
+                
+                let resp = await api.save(one_token(), d)
+                if (resp.status != 'OK') {
+                    context.commit('update_search_status', 3)
+                    context.commit('update_search_error_message', resp.message)
+                } else {
+                    context.commit('update_search_status', 2)
+                    context.commit('update_search_error_message', '')
+                    let data = {
+                        records: resp.data.records,
+                        total: resp.data.total
+                    }
+
+                    context.commit('update_adhoc', true)
+                    context.commit('doctor/update_doctors', data, {root:true})
+                    context.commit('doctor/update_search', data.records[0].M_DoctorRealName, {root:true})
+                    context.commit('doctor/update_selected_doctor', data.records[0], {root:true})
+                    context.commit('delivery/update_params', {d_id:data.records[0].M_DoctorID}, {root:true})
+                    context.dispatch('delivery/search', null, {root:true})
+
+                    context.commit('update_dialog_new', false)
+                    context.commit('update_dialog_loading', false, {root:true})
+
+                    
+                }
+            } catch(e) {
+                console.log(e)
+            }
+        },
+
+        async search_sex(context) {
+            context.commit('update_search_status', 1)
+            try {
+                let resp = await other.search_sex()
+                if (resp.status != 'OK') {
+                    context.commit('update_search_status', 3)
+                    context.commit('update_search_error_message', resp.message)
+                } else {
+                    context.commit('update_search_status', 2)
+                    context.commit('update_search_error_message', '')
+                    let data = {
+                        records: resp.data.records
+                    }
+
+                    context.commit('update_sexs', data)
+                }
+            } catch(e) {
+
+            }
+        },
+
+        async search_province(context) {
+            context.commit('update_search_status', 1)
+            try {
+                let resp = await area.search_province()
+                if (resp.status != 'OK') {
+                    context.commit('update_search_status', 3)
+                    context.commit('update_search_error_message', resp.message)
+                } else {
+                    context.commit('update_search_status', 2)
+                    context.commit('update_search_error_message', '')
+                    let data = {
+                        records: resp.data.records
+                    }
+
+                    context.commit('update_provinces', data)
+                }
+            } catch(e) {
+
+            }
+        },
+
+        async search_city(context) {
+            context.commit('update_search_status', 1)
+            try {
+                let resp = await area.search_city(context.state.selected_province.M_ProvinceID)
+                if (resp.status != 'OK') {
+                    context.commit('update_search_status', 3)
+                    context.commit('update_search_error_message', resp.message)
+                } else {
+                    context.commit('update_search_status', 2)
+                    context.commit('update_search_error_message', '')
+                    let data = {
+                        records: resp.data.records
+                    }
+
+                    context.commit('update_cities', data)
+                }
+            } catch(e) {
+
+            }
+        },
+
+        async search_district(context) {
+            context.commit('update_search_status', 1)
+            try {
+                let resp = await area.search_district(context.state.selected_city.M_CityID)
+                if (resp.status != 'OK') {
+                    context.commit('update_search_status', 3)
+                    context.commit('update_search_error_message', resp.message)
+                } else {
+                    context.commit('update_search_status', 2)
+                    context.commit('update_search_error_message', '')
+                    let data = {
+                        records: resp.data.records
+                    }
+
+                    context.commit('update_districts', data)
+                }
+            } catch(e) {
+
+            }
+        },
+
+        async search_village(context) {
+            context.commit('update_search_status', 1)
+            try {
+                let resp = await area.search_kelurahan(context.state.selected_district.M_DistrictID)
+                if (resp.status != 'OK') {
+                    context.commit('update_search_status', 3)
+                    context.commit('update_search_error_message', resp.message)
+                } else {
+                    context.commit('update_search_status', 2)
+                    context.commit('update_search_error_message', '')
+                    let data = {
+                        records: resp.data.records
+                    }
+
+                    context.commit('update_villages', data)
+                }
+            } catch(e) {
+
+            }
+        }
+    }
+}

test/vuex/one-fo-registration-dev/modules/history.js

@@ -0,0 +1,69 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/history.js"
+window.api = api
+
+export default  {
+   namespaced: true,
+   state: {
+      noreg:'',
+      search: '',
+      search_status:0,
+      search_error_message:'',
+      search_dialog_is_active: false,
+      histories: [],
+
+      history_dialog: false
+   },
+   mutations: {
+        update_search_dialog_is_active(state,status) {
+            state.search_dialog_is_active = status
+        },
+
+        update_search_error_message(state,status) {
+            state.search_error_message = status
+        },
+        
+        update_search(state,val) {
+            state.search=val 
+        },
+
+        update_search_status(state,status) {
+            state.search_status = status
+        },
+
+        update_histories(state, data) {
+            state.histories = data.records
+        },
+
+        update_history_dialog(state, v) {
+            state.history_dialog = v
+        }
+   },
+   actions: {
+      async search(context) {
+         context.commit("update_search_status",1)
+         try {
+            let resp = await api.search(context.rootState.patient.selected_patient.M_PatientID)
+            if (resp.status != "OK") {
+               context.commit("update_search_status",3)
+               context.commit("update_search_error_message", resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+
+               let data = {
+                  records : resp.data.records
+               }
+               context.commit("update_histories", data)
+                     
+               // commit("patientaddress/test", "X", { root: true })
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message",e.message )
+         }
+      }
+   }
+}

test/vuex/one-fo-registration-dev/modules/language.js

@@ -0,0 +1,59 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/language.js"
+
+export default  {
+   namespaced: true,
+   state: {
+        search_status:0,
+        search_error_message:'',
+        languages: [],
+        selected_language: {},
+        selected_language_2: null
+   },
+   mutations: {
+        update_search_error_message(state,status) {
+            state.search_error_message = status
+        },
+        
+        update_search_status(state,status) {
+            state.search_status = status
+        },
+
+        update_languages(state,data) {
+            state.languages= data.records
+            if (data.records.length > 0) state.selected_language = data.records[0]
+        },
+
+        update_selected_language(state, val) {
+            state.selected_language = val 
+        },
+
+        update_selected_language_2(state, val) {
+            state.selected_language_2 = val 
+        }
+   },
+   actions: {
+      async search(context) {
+         context.commit("update_search_status",1)
+         try {
+            let resp= await api.search()
+            if (resp.status != "OK") {
+               context.commit("update_search_status",3)
+               context.commit("update_search_error_message",resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               let data = {
+                  records : resp.data.records
+               }
+               context.commit("update_languages",data)
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message",e.message )
+         }
+      }
+   }
+}

test/vuex/one-fo-registration-dev/modules/order.js

@@ -0,0 +1,331 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/order.js"
+
+export default  {
+   namespaced: true,
+   state: {
+      order_id: 0,
+      queue: "",
+      is_from_clinic: false,
+      
+      catatan_fo:'',
+      diagnosa:'',
+      patient_note: '',
+
+      finish_dialog_is_active: false,
+      current_order: {},
+
+      received_sample: 'N',
+
+      tabs : [
+         {"label":"DEMOGRAFI", "icon":"opacity", "code":"01", "enabled":true},
+         {"label":"PEMERIKSAAN", "icon":"verified_user", "code":"02", "enabled":true},
+         {"label":"PEMBAYARAN", "icon":"motorcycle", "code":"03", "enabled":true}
+      ],
+
+      print_dialog_is_active: false,
+      rpt_url: window.BASE_URL + '/one-ui/test/vuex/common/under-cons.pdf'
+   },
+   mutations: {
+      update_patient_note(state,val) {
+         state.patient_note=val 
+      },
+      update_catatan_fo(state,val) {
+         state.catatan_fo=val 
+      },
+      update_diagnosa(state,val) {
+         state.diagnosa=val 
+      },
+      update_finish_dialog_is_active(state, val) {
+         state.finish_dialog_is_active = val
+      },
+      update_current_order(state, val) {
+         state.current_order = val
+      },
+
+      update_received_sample(state, val) {
+         state.received_sample = val
+      },
+
+      update_tab_enable(state, v) {
+         state.tabs[v[0]].enabled = v[1]
+      },
+
+      update_from_clinic(state, v) {
+         state.is_from_clinic = v
+      },
+
+      update_queue(state, v) {
+         state.queue = v
+      },
+
+      update_order_id(state, v) {
+         state.order_id = v
+      },
+
+      reset_form(state) {
+         state.order_id = 0
+         state.queue = ""
+         state.is_from_clinic = false
+         state.catatan_fo = ""
+         state.diagnosa = ""
+         state.patient_note = ""
+      },
+
+      update_print_dialog_is_active(state, val) {
+         state.print_dialog_is_active = val
+      },
+      
+      update_rpt_url(state, v) {
+         state.rpt_url = v
+      }
+   },
+   actions: {
+      async save(context) {
+         var order_id = context.state.order_id;
+         var delivery = [];
+         var detail = [];
+         var req = [];
+         console.log('lang_2')
+         console.log(context.rootState.language.selected_language_2)
+         var header = {
+            patient_id: context.rootState.patient.selected_patient.M_PatientID,
+            age: context.rootState.patient.selected_patient.patient_age,
+            sender_doctor_id: context.rootState.doctor.selected_doctor.M_DoctorID,
+            sender_address_id: context.rootState.doctor.selected_address.M_DoctorAddressID,
+            pj_doctor_id: context.rootState.doctor.selected_doctor_pj.M_DoctorID,
+            lang_id: context.rootState.language.selected_language.id,
+            lang_si: context.rootState.language.selected_language.is_si,
+            lang_id_2: context.rootState.language.selected_language_2 ? context.rootState.language.selected_language_2.id : 0,
+            lang_si_2: context.rootState.language.selected_language_2 ? context.rootState.language.selected_language_2.is_si : "N",
+            doctor_note: "",
+            fo_note: context.state.catatan_fo,
+            patient_note: context.state.patient_note,
+            company_id: context.rootState.company.selected_company.M_CompanyID,
+            mou_id: context.rootState.company.selected_mou.M_MouID,
+            received_sample: context.rootState.order.received_sample,
+            queue: context.state.queue,
+            diagnose: context.state.diagnosa,
+            is_cito: context.rootState.px.is_cito,
+            cito_id: context.rootState.px.selected_cito ? context.rootState.px.selected_cito.Nat_CitoID : 0
+         };
+
+         let dlv = context.rootState.delivery.deliveries
+         for (var i in dlv) {
+            if (dlv[i].selected == true) {
+               let e = dlv[i].idx.split('-')
+               delivery.push({
+                  delivery_id:e[0],
+                  delivery_type_id:e[1],
+                  address_id:e[2],
+                  note:dlv[i].note
+               })
+            }
+               
+         }
+         
+         var px_tmp = [];
+         var st = context.rootState.px.selected_test;
+         for (let i in st) {
+            let x = {
+               t_id: st[i]['T_TestID'],
+               t_price: st[i]['T_PriceAmount'],
+               t_disc: st[i]['T_PriceDisc'],
+               t_discrp: st[i]['T_PriceDiscRp'],
+               t_cito: st[i]['T_TestIsCito'],
+               t_req: 'N',
+               t_reqnote: '',
+               t_ispacket: st[i]['is_packet'],
+               t_packetid: st[i]['packet_id'],
+               t_packettype: st[i]['px_type']
+            }
+            
+            let rq = context.rootState.px.requirement
+            for (let j in rq) {
+               if (rq[j].label == st[i].T_TestRequirement) {
+                  x.t_req = (rq[j].checked ? 'Y' : 'N')
+                  x.t_reqnote = rq[j].note
+               }
+            }
+
+            px_tmp.push(x)
+         }
+
+         detail = px_tmp;
+
+         // let _req = context.rootState.px.requirement
+         // for (let _i in _req) {
+         //    req.push({req_id:_req[_i].req_id, req_label:_req[_i].label, checked:(_req[_i].checked?"Y":"N"), note:_req[_i].note, px_id:_req[_i].px_id})
+         // }
+         let req_status = context.rootState.px.req_status
+         req = {
+            status : req_status, 
+            reqs : req_status == 'Y' ? [] : context.rootState.px.reqs
+         }
+
+         // context.commit("update_search_status",1)
+         try {
+            let resp= await api.save(one_token(), order_id, header, delivery, detail, req)
+
+            if (resp.status != "200") {
+               // context.commit("update_search_status",3)
+               // context.commit("update_search_error_message",resp.message)
+               alert('error')
+            } else {
+                // Dialog loading
+                context.commit('update_dialog_loading', false, {root:true})
+
+               context.commit("update_current_order", resp.data.data)
+               context.commit('update_finish_dialog_is_active', true)
+               
+               context.commit('payment/update_order_id', resp.data.data.id, {root:true})
+               context.dispatch('payment/get_order', resp.data.data.id, {root:true})
+            
+               // store.commit('change_tab', '03');
+            }
+         } catch(e) {
+            // context.commit("update_search_status",3)
+            // context.commit("update_search_error_message",e.message )
+         }
+      },
+
+      async load_from_clinic(context) {
+         let queue = context.state.queue;
+         
+         try {
+            let resp= await api.load_from_clinic(queue)
+
+            if (resp.status != "200") {
+               // context.commit("update_search_status",3)
+               // context.commit("update_search_error_message",resp.message)
+               alert('error')
+            } else {
+
+               if (resp.data.status != "OK") {
+
+                  return;
+               }
+
+               let data = resp.data.data
+               context.commit('update_from_clinic', true)
+
+               context.commit('patient/update_selected_patient', data.patient, {root:true})
+               context.commit('doctor/update_doctors', {records:[data.doctor], total:1}, {root:true})
+               context.commit('doctor/update_selected_doctor', data.doctor, {root:true})
+               context.commit('doctor/update_search', data.doctor.search, {root:true})
+
+               // Delivery
+               context.commit('delivery/update_params', {p_id:data.patient.M_PatientID}, {root:true})
+               context.commit('delivery/update_params', {d_id:data.doctor.M_DoctorID}, {root:true})
+            
+
+               // Company
+               let search = data.company.search
+               delete(data.company.search)
+               
+               setTimeout(function() { context.commit('company/update_companies', {records:[data.company], total:1}, {root:true}) }, 0)
+               setTimeout(function() { context.commit('company/update_search', search, {root:true}) }, 0)
+               setTimeout(function() { context.commit('company/update_selected_company', data.company, {root:true}) }, 0)
+               
+               setTimeout(function() { context.commit('company/update_selected_mou', data.company.mou[0], {root:true}) }, 0)
+               // setTimeout(function() { context.commit('company/selected_xx', data.company.mou[0], {root:true}) }, 0)
+
+               // PX
+               context.commit("px/update_selected_test", data.test, {root:true})
+               context.commit("px/update_requirement", data.req, {root:true})
+
+               // Delivery
+               context.dispatch('delivery/search', null, {root:true})               
+            }
+         } catch(e) {
+            // context.commit("update_search_status",3)
+            // context.commit("update_search_error_message",e.message )
+         }
+      },
+
+      async load(context) {
+         let id = context.state.order_id;
+         
+         try {
+            let resp = await api.load(id)
+
+            if (resp.status != "200") {
+               // context.commit("update_search_status",3)
+               // context.commit("update_search_error_message",resp.message)
+               alert('error')
+            } else {
+
+               if (resp.data.status != "OK") {
+                  return;
+               }
+
+               let data = resp.data.data
+               
+               
+
+               context.commit('patient/update_selected_patient', data.patient, {root:true})
+               context.commit('doctor/update_doctors', {records:[data.doctor], total:1}, {root:true})
+               context.commit('doctor/update_selected_doctor', data.doctor, {root:true})
+               context.commit('doctor/update_search', data.doctor.search, {root:true})
+
+               // Delivery
+               context.commit('delivery/update_params', {p_id:data.patient.M_PatientID}, {root:true})
+               context.commit('delivery/update_params', {d_id:data.doctor.M_DoctorID}, {root:true})
+            
+
+               // Company
+               let search = data.company.search
+               delete(data.company.search)
+               
+               setTimeout(function() { context.commit('company/update_companies', {records:[data.company], total:1}, {root:true}) }, 0)
+               setTimeout(function() { context.commit('company/update_search', search, {root:true}) }, 0)
+               setTimeout(function() { context.commit('company/update_selected_company', data.company, {root:true}) }, 0)
+               
+               setTimeout(function() { context.commit('company/update_selected_mou', data.company.mou[0], {root:true}) }, 0)
+               // setTimeout(function() { context.commit('company/selected_xx', data.company.mou[0], {root:true}) }, 0)
+               
+               context.commit('update_received_sample', data.order.rec_sample);
+
+               // PX
+               context.commit("px/update_selected_test", data.test, {root:true})
+               context.commit("px/update_requirement", data.req, {root:true})
+
+               // Delivery
+               context.dispatch('delivery/search', null, {root:true})
+
+               // Enable tab
+               context.commit('update_tab_enable', [2, true])
+
+               setTimeout(function() {
+                  context.commit('update_from_clinic', false)
+               }, 15000)
+               
+            }
+         } catch(e) {
+            // context.commit("update_search_status",3)
+            // context.commit("update_search_error_message",e.message )
+         }
+      },
+
+      async reset_form(context) {
+         context.commit("reset_form")
+         context.commit("patient/update_selected_patient", {}, {root:true})
+         context.commit("doctor/update_doctors", {records:[], total:0}, {root:true})
+         context.commit("doctor/update_selected_doctor", {}, {root:true})
+         context.commit("doctor/update_selected_doctor_pj", {}, {root:true})
+
+         // context.commit("delivery/update_deliveries", [], {root:true})
+         // context.commit("delivery/update_selected_delivery", {}, {root:true})
+         context.commit("delivery/update_params", {p_id:0, d_id:0, o_id:0}, {root:true})
+         context.dispatch("delivery/search", null, {root:true})
+
+         context.commit("px/update_selected_test", [], {root:true})
+         context.commit("px/update_requirement", [], {root:true})
+
+         // Company
+         context.commit("company/reset_company")
+      }
+   }
+}

test/vuex/one-fo-registration-dev/modules/other.js

@@ -0,0 +1,100 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/other.js"
+
+export default  {
+   namespaced: true,
+   state: {
+      search : '',
+      search_status: 0,
+      search_error_message: "",
+
+      sex: [],
+      total_sex: 0,
+      selected_sex: {},
+
+      title: [],
+      total_title: 0,
+      selected_title: {},
+
+      banks: [],
+
+      mounted: 0
+   },
+   mutations: {
+      update_search(state, val) {
+         state.search=val 
+      },
+      update_search_error_message(state,status) {
+         state.search_error_message = status
+      },
+      update_search_status(state,status) {
+         state.search_status = status
+      },
+      update_sex(state, data) {
+         state.sex = data.records
+         state.total_sex = data.total
+      },
+      update_selected_sex(state, doc) {
+         state.selected_sex = doc
+         if (doc.title) {
+            state.title = doc.title
+         } else {
+            state.title = []
+         }
+      },
+      update_selected_title(state, doc) {
+         state.selected_title = doc
+      },
+
+        update_banks(state, d) {
+            state.banks = d.records
+        }
+   },
+   actions: {
+      
+        async search_sex(context) {
+            context.commit("update_search_status", 1)
+            try {
+                let resp= await api.search_sex(context.state.search)
+                if (resp.status != "OK") {
+                context.commit("update_search_status", 3)
+                context.commit("update_search_error_message",resp.message)
+                } else {
+                context.commit("update_search_status",2)
+                context.commit("update_search_error_message","")
+                let data = {
+                    total : resp.data.total,
+                    records : resp.data.records
+                }
+                context.commit("update_sex", data)
+                }
+            } catch(e) {
+                context.commit("update_search_status",3)
+                context.commit("update_search_error_message",e.message )
+            }
+        },
+
+        async search_bank(context) {
+            context.commit("update_search_status", 1)
+            try {
+            let resp= await api.search_bank(context.state.search)
+            if (resp.status != "OK") {
+                context.commit("update_search_status", 3)
+                context.commit("update_search_error_message",resp.message)
+            } else {
+                context.commit("update_search_status",2)
+                context.commit("update_search_error_message","")
+                let data = {
+                    records : resp.data.records
+                }
+                context.commit("update_banks", data)
+            }
+            } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message",e.message )
+            }
+        }
+   }
+}

test/vuex/one-fo-registration-dev/modules/patient.js

@@ -0,0 +1,168 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/patient.js"
+window.api = api
+
+export default  {
+   namespaced: true,
+   state: {
+      noreg:'',
+      search: '',
+      search_status:0,
+      search_error_message:'',
+      search_dialog_is_active: false,
+      patients: [],
+      total_patient: 0,
+      total_display: 0,
+      selected_patient: {},
+
+      patient_new: {},
+      patient_new_dialog_is_active: false,
+
+      idtypes: [],
+      selected_idtype: {}
+   },
+   mutations: {
+      update_search_dialog_is_active(state,status) {
+         state.search_dialog_is_active = status
+      },
+      update_search_error_message(state,status) {
+         state.search_error_message = status
+      },
+      update_noreg(state,val) {
+         state.noreg=val 
+      },
+      update_search(state,val) {
+         state.search=val 
+      },
+      update_search_status(state,status) {
+         state.search_status = status
+      },
+      update_patients(state,data) {
+         state.patients= data.records
+         state.total_patient = data.total
+         state.total_display = data.total_display
+      },
+      update_selected_patient(state,val) {
+         var now = moment(new Date())
+         var dob = moment(new Date(val.M_PatientDOB))
+         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)) val.patient_age = ''
+         else val.patient_age = `${year} tahun ${month} bulan ${day} hari`
+
+         state.selected_patient=val 
+         // store.state.patientaddress.patient_id = val.M_PatientID
+
+         // photo
+         
+      },
+
+      update_patient_new(state, v) {
+         state.patient_new = v
+      },
+
+      update_patient_new_dialog_is_active(state, v) {
+         state.patient_new_dialog_is_active = v
+      },
+
+      update_idtypes(state, v) {
+         state.idtypes = v.records
+      },
+
+      update_selected_idtype(state, v) {
+         state.selected_idtype = v
+      }
+   },
+   actions: {
+      async search(context, prm) {
+         context.commit("update_search_status",1)
+         try {
+            let resp= await api.search(context.state.noreg,context.state.search)
+            if (resp.status != "OK") {
+               context.commit("update_search_status",3)
+               context.commit("update_search_error_message",resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               let data = {
+                  records : resp.data.records,
+                  total: resp.data.total,
+                  total_display: resp.data.total_display
+               }
+               context.commit("update_patients",data)
+               
+               if (prm)
+                  if (prm.use) {
+                     let pat = context.state.patients[prm.use_idx]
+                     context.commit('update_selected_patient', pat)
+                     context.commit('order/update_patient_note', pat.M_PatientNote, {root:true})
+                     context.commit('delivery/update_params', {p_id:pat.M_PatientID}, { root: true })
+                     context.dispatch('delivery/search', null, { root: true })
+
+                     context.commit('photo/update_patient_id', pat.M_PatientID, {root: true})
+                  }
+                     
+               // commit("patientaddress/test", "X", { root: true })
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message",e.message )
+         }
+      },
+
+      async add_new(context, prm) {
+         context.commit("update_search_status",1)
+         try {
+
+            let resp= await api.add_new(prm)
+            if (resp.status != "OK") {
+               context.commit("update_search_status",3)
+               context.commit("update_search_error_message", resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               
+               if (prm.use) {
+                  context.commit('update_noreg', resp.data.noreg)
+                  context.commit('update_search', '')
+
+                  context.dispatch('search', {use:true, use_idx:0})
+               }
+               
+               // commit("patientaddress/test", "X", { root: true })
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message",e.message )
+         }
+      },
+
+      async search_idtype(context) {
+         context.commit("update_search_status",1)
+         try {
+            let resp= await api.search_idtype()
+            if (resp.status != "OK") {
+               context.commit("update_search_status",3)
+               context.commit("update_search_error_message",resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               
+               let data = {
+                  records : resp.data.records
+               }
+               
+               context.commit("update_idtypes", data)
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message",e.message )
+         }
+      }
+   }
+}

test/vuex/one-fo-registration-dev/modules/patientaddress.js

@@ -0,0 +1,86 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/patientaddress.js"
+window.api = api
+
+export default  {
+   namespaced: true,
+   state: {
+      noreg:'',
+      search: '',
+      search_status:0,
+      search_error_message:'',
+      search_dialog_is_active: false,
+      patients: [],
+      total_patient: 0,
+      total_display: 0,
+      selected_patient: {},
+
+      address: [],
+      patient_id: 0
+   },
+   mutations: {
+      update_search_dialog_is_active(state,status) {
+         state.search_dialog_is_active = status
+      },
+      update_search_error_message(state,status) {
+         state.search_error_message = status
+      },
+      update_noreg(state,val) {
+         state.noreg=val 
+      },
+      update_search(state,val) {
+         state.search=val 
+      },
+      update_search_status(state,status) {
+         state.search_status = status
+      },
+      update_patients(state,data) {
+         state.patients= data.records
+         state.total_patient = data.total
+         state.total_display = data.total_display
+      },
+      update_selected_patient(state,val) {
+         state.selected_patient=val 
+      },
+
+      update_address(state, val) {
+          state.address = val;
+      },
+
+      testx(state, val) {
+         state.patient_id = val
+      }
+   },
+   actions: {
+      async search(context,prm) {
+         context.commit("update_search_status",1)
+         try {
+            let resp= await api.getAll(context.state.patient_id)
+            if (resp.status != "OK") {
+               context.commit("update_search_status",3)
+               context.commit("update_search_error_message",resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               let data = resp.data;
+               context.commit("update_address",data)
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message",e.message )
+         }
+      },
+
+      async loadAddress(context, prm) {
+
+      }
+   },
+
+   methods: {
+      tests (a) {
+         alert(a)
+      }
+   }
+}

test/vuex/one-fo-registration-dev/modules/payment.js

@@ -0,0 +1,250 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/payment.js"
+
+export default  {
+   namespaced: true,
+   state: {
+       order_id: 0,
+
+       selected_patient: {
+           order_no: '-',
+           order_date: '-',
+           order_mou: '-',
+           order_company: '-',
+           patient_name: '-',
+           patient_mr: '-',
+           doctor_sender: '-',
+           doctor_sender_address: '-',
+           doctor_pj: '-'
+       },
+
+       order_detail: [
+      //   { n:1, d_id:1, t_id:1, t_name:'SGOT', t_price:80000, t_disctotal:7000, t_total:73000 },
+      //   { n:2, d_id:2, t_id:2, t_name:'SGPT', t_price:75000, t_disctotal:8000, t_total:67000 }
+        ],
+        order_delivery: [],
+
+        order_subtotal: 0,
+        order_rounding: 0,
+        order_total: 0,
+        order_company: {
+         is_bill: "N",
+         min_dp: 0,
+         min_dp_rp: 0,
+         on_hold: "N",
+         on_hold_text: ""
+        },
+
+        payment_cash_amount: 0,
+        payment_debit_amount: 0,
+        payment_credit_amount: 0,
+
+        payments: [],
+        payment_total: 0,
+
+        payment_id: 0,
+        payment_number: '',
+        finish_dialog_is_active: false,
+
+        paid: false
+   },
+   mutations: {
+      update_order (state, data) {
+        state.selected_patient = data.order_header
+        state.order_detail = data.order_detail
+        state.order_delivery = data.order_delivery
+
+        state.order_subtotal = data.order_header.order_subtotal
+        state.order_rounding = data.order_header.order_rounding
+        state.order_total = data.order_header.order_total
+
+        state.order_company = {
+         is_bill: data.order_header.M_CompanyIsBill,
+         min_dp: data.order_header.M_CompanyMinDP,
+         min_dp_rp: Math.round(data.order_header.M_CompanyMinDP * data.order_header.order_total / 100),
+         on_hold: data.order_header.M_CompanyIsAgingOnHold,
+         on_hold_text: data.order_header.M_CompanyIsAgingOnHoldNote
+        }
+      },
+
+      update_order_id (state, id) {
+          state.order_id = id
+      },
+
+      update_payment(state, o) {
+         if (o.type == 'cash')
+            state.payment_cash_amount = o.amount
+         if (o.type == 'debit')
+            state.payment_debit_amount = o.amount
+         if (o.type == 'credit')
+            state.payment_credit_amount = o.amount
+      },
+
+      update_payments(state, o) {
+         state.payments = o
+
+         // Total payments
+         let total = 0
+         for (let i in o) {
+            o[i].payment_actual = Math.round(o[i].payment_actual)
+            total += o[i].payment_actual
+         }
+
+         state.payment_total = total
+
+         // Calculate change
+         for (let i in o) {
+            o[i].payment_amount = o[i].payment_actual
+
+            if (o[i].payment_type_code == 'CASH') {
+               o[i].payment_change = 0
+               let chg = total - state.order_total;
+               
+               if (chg > o[i].payment_actual)
+                  chg = o[i].payment_actual
+               if (chg < 0)
+                  chg = 0
+               
+               o[i].payment_change = chg
+
+               // re-calculate payment amount
+               o[i].payment_amount = o[i].payment_actual - o[i].payment_change
+               state.payment_total -= chg
+            }
+         }
+
+         state.payments = o
+      },
+
+      reset_payment(state) {
+         state.payment_total = 0
+      },
+      
+      update_finish_dialog_is_active(state, val) {
+         state.finish_dialog_is_active = val
+      },
+
+      update_payment_number(state, val) {
+         state.payment_number = val
+      },
+
+      update_payment_id(state, val) {
+         state.payment_id = val
+      },
+
+      update_paid(state, val) {
+         state.paid = val
+      },
+
+      update_order_company(state, val) {
+         state.order_company = val
+      }
+   },
+   actions: {
+    async get_order(context, prm) {
+        // context.commit("update_search_status",1)
+        try {
+           let resp= await api.get_order(prm)
+           if (resp.status != "OK") {
+            //   context.commit("update_search_status",3)
+            //   context.commit("update_search_error_message",resp.message)
+           } else {
+            //   context.commit("update_search_status",2)
+            //   context.commit("update_search_error_message","")
+              let data = resp.data.data
+              context.commit("update_order", data)
+              
+              // commit("patientaddress/test", "X", { root: true })
+           }
+        } catch(e) {
+        //    context.commit("update_search_status",3)
+        //    context.commit("update_search_error_message",e.message )
+        }
+     },
+
+     async search(context, prm) {
+         // context.commit("update_search_status",1)
+         try {
+            let resp= await api.search(prm)
+            if (resp.status != "OK") {
+            //   context.commit("update_search_status",3)
+            //   context.commit("update_search_error_message",resp.message)
+            } else {
+            //   context.commit("update_search_status",2)
+            //   context.commit("update_search_error_message","")
+               let data = resp.data
+               context.commit("update_payments", data)
+               
+               // commit("patientaddress/test", "X", { root: true })
+            }
+         } catch(e) {
+         //    context.commit("update_search_status",3)
+         //    context.commit("update_search_error_message",e.message )
+         }
+      },
+
+      async save(context) {
+         var order_id = context.state.order_id;
+         let payments = []
+         let p = context.state.payments
+         for (let i in context.state.payments) {
+            if (Math.round(p[i].payment_amount) == 0)
+               continue;
+
+            payments.push({
+               type: p[i].payment_type_id,
+               amount: p[i].payment_amount,
+               actual: p[i].payment_actual,
+               changes: p[i].payment_change,
+               note: p[i].payment_note,
+               card: p[i].payment_card_id,
+               edc: p[i].payment_edc_id
+            })
+         }
+
+         // context.commit("update_search_status",1)
+         try {
+            let resp= await api.save(one_token(), order_id, payments)
+
+            if (resp.status != "200") {
+               // context.commit("update_search_status",3)
+               // context.commit("update_search_error_message",resp.message)
+               alert('error')
+            } else {
+               context.commit('update_payment_number', resp.data.data.payment_number)
+               context.commit('update_payment_id', resp.data.data.payment_id)
+               context.commit('update_finish_dialog_is_active', true)
+               context.commit('update_paid', true)
+            }
+         } catch(e) {
+            // context.commit("update_search_status",3)
+            // context.commit("update_search_error_message",e.message )
+         }
+      },
+
+        async print_nota (context, a) {
+            let usr = one_user()
+            let ts = Date.now() / 1000 | 0
+            let x = context.rootState.company.selected_mou
+            let rpt_url = '/birt/run?__report=report/one/fo/rpt_t_003.rptdesign&PID='+a+'&username='+usr.M_UserUsername+'&__format=pdf&ts='+ts
+            if (x.M_MouIsBill == 'Y')
+                rpt_url = '/birt/run?__report=report/one/fo/rpt_t_006.rptdesign&__format=pdf&username='+usr.M_UserUsername+'&PID='+a+'&ts='+ts
+
+            context.commit('order/update_rpt_url', window.BASE_URL + rpt_url, {root:true})
+            context.commit('order/update_print_dialog_is_active', true, {root:true})
+        },
+
+      async print_invoice (context, a) {
+         context.commit('order/update_rpt_url', window.BASE_URL + '/birt/run?__report=report/one/fo/rpt_t_001.rptdesign&PID='+a+'&username=admin&__format=pdf', {root:true})
+         context.commit('order/update_print_dialog_is_active', true, {root:true})
+      },
+
+      async print_control (context, a) {
+         context.commit('order/update_rpt_url', window.BASE_URL + '/birt/run?__report=report/one/lab/rpt_fo_001.rptdesign&PID='+a+'&username=admin&__format=pdf', {root:true})
+         context.commit('order/update_print_dialog_is_active', true, {root:true})
+      }
+
+   }
+}

test/vuex/one-fo-registration-dev/modules/photo.js

@@ -0,0 +1,50 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/photo.js"
+window.api = api
+
+export default  {
+   namespaced: true,
+   state: {
+      dialog_photo: false,
+      photo_64: '',
+      photo_url: 'https://www.sgm-inc.com/wp-content/uploads/2014/06/no-profile-male-img.gif',
+      default_photo_url: 'https://www.sgm-inc.com/wp-content/uploads/2014/06/no-profile-male-img.gif',
+      patient_id: 0
+   },
+   mutations: {
+      update_dialog_photo (state, v) {
+          state.dialog_photo = v
+      },
+
+      update_photo_64 (state, data) {
+          state.photo_64 = data
+      },
+
+      update_photo_url (state, data) {
+          state.photo_url = data
+      },
+
+      update_patient_id (state, id) {
+          state.patient_id = id
+      }
+   },
+   actions: {
+        async upload(context) {
+            
+            try {
+            let resp = await api.upload(one_token(), context.state.patient_id, context.state.photo_64)
+            
+            if (resp.status != "OK") {
+                              
+            } else {
+                context.commit('update_photo_url', resp.data.photo_url);
+                context.commit('update_dialog_photo', false)
+            }
+            } catch(e) {
+                console.log(e)
+            }
+        }
+   }
+}

test/vuex/one-fo-registration-dev/modules/px.js

@@ -0,0 +1,480 @@
+// 1 => LOADING
+// 2 => DONE
+// 3 => ERROR
+import * as api from "../api/px.js"
+
+export default  {
+   namespaced: true,
+   state: {
+      search: '',
+      search_status:0,
+      search_error_message:'',
+      tests: [],
+      total_test: 0,
+      selected_test: [],
+
+      search_panel: '',
+      search_panel_status:0,
+      panels: [],
+      total_panel: 0,
+      selected_panel: [],
+      requirement: [],
+      appx_schedule: '',
+
+      search_profile: '',
+      profiles: [],
+      total_profile: 0,
+
+      cito: {test:[], panel:[]},
+      nat_test: [],
+
+      req_status: "X",
+      reqs: [],
+
+      citos: [],
+      selected_cito: null,
+      is_cito: "N"
+   },
+   mutations: {
+      update_requirement(state,val) {
+         state.requirement = val
+      },
+      update_search_error_message(state,status) {
+         state.search_error_message = status
+      },
+      update_selected_test(state,val) {
+         // if (state.cito.length > 0) {
+            for (var i in val) {
+               val[i]['T_TestIsCito'] = 'N'
+               if (state.cito.test.indexOf(val[i]['T_TestID']) > -1)
+                  val[i]['T_TestIsCito'] = 'Y'
+            }
+         // }
+
+         state.selected_test = val
+      },
+      update_mouCompanyID(state,val) {
+         state.mouCompanyID=val 
+      },
+      update_search(state,val) {
+         state.search=val 
+      },
+      update_search_status(state,status) {
+         state.search_status = status
+      },
+      update_tests(state,data) {
+         state.tests= data.records
+         state.total_test= data.total
+      },
+      update_search_panel(state,val) {
+         state.search_panel=val 
+      },
+      update_search_panel_status(state,status) {
+         state.search_panel_status = status
+      },
+      update_panels(state,data) {
+         state.panels = data.records
+         state.total_panel = data.total
+      },
+      update_selected_panel(state,val) {
+         state.selected_panel= val
+      },
+
+      update_cito(state, val) {
+         let test = state.selected_test
+         let cito = state.cito
+         // if (val.length > 0) {
+            
+            for (var i in test) {
+               test[i]['T_TestIsCito'] = 'N'
+               if (val.v.indexOf(test[i]['T_TestID']) > -1)
+                  test[i]['T_TestIsCito'] = 'Y'
+            }
+            
+         // }
+
+         cito[val.t] = val.v
+         console.log(cito)
+         state.cito = cito
+         state.selected_test = test         
+      },
+
+      update_appx_schedule(state, v) {
+         state.appx_schedule = v
+      },
+
+      update_search_profile(state, v) {
+         state.search_profile = v
+      },
+
+      update_profiles(state, data) {
+         state.profiles = data.records
+         state.total_profile = data.total
+      },
+
+      update_nat_test(state) {
+         let px = state.selected_test
+         let nt = []
+         for (let i in px) {
+            for (let j in px[i].nat_test) {
+               nt.push(px[i].nat_test[j])
+            }
+         }
+
+         state.nat_test = nt
+      },
+
+      update_req_status(state, val) {
+         state.req_status = val
+      },
+
+      update_reqs(state, val) {
+         state.reqs = val
+      },
+
+        update_citos(state, val) {
+            state.citos = val.records
+        },
+
+        update_selected_cito(state, val) {
+            state.selected_cito = val
+        },
+
+        update_is_cito(state, val) {
+            state.is_cito = val
+        }
+   },
+   actions: {
+      delete_px (context, test) {
+         let sel = context.state.selected_test
+         sel.forEach(function(t, idx) {
+            if(t.T_TestID == test.T_TestID && t.px_type == test.px_type) {
+               sel.splice(idx,1)
+            }
+         });
+
+         let cito = context.state.cito.test
+         let cito_idx = cito.indexOf(test.T_TestID)
+         if (cito_idx > -1)
+            cito.splice(cito_idx, 1)
+
+         context.commit("update_selected_test", sel)
+         let tests = context.state.tests
+         if (tests == undefined ) tests = []
+         tests.push(test)
+
+         let dt = {
+            records : tests,
+            total: tests.length
+         }
+
+         context.commit("update_tests", dt)
+         context.dispatch("delete_req", test)
+         // context.dispatch("update_req", null)
+         context.dispatch("appx_schedule")
+         context.commit('update_nat_test')
+      },
+
+      delete_req(context, px) {
+         let req = context.state.requirement
+         for (let i in req) {
+            let x = _.indexOf(req[i].px_id, px.T_TestID)
+            if (x > -1)
+               req[i].px_id.splice(x, 1)
+
+            if (req[i].px_id.length < 1)
+               req.splice(i, 1)
+         }
+
+         context.commit('update_requirement', req)
+      },
+
+      async search(context) {
+         context.commit("update_search_status",1)
+         try {
+            let mouCompanyID = 0
+            if (context.rootState.company.selected_mou.M_MouID) {
+               mouCompanyID = context.rootState.company.selected_mou.M_MouID
+            }
+            let resp= await api.search(mouCompanyID,context.state.search)
+            if (resp.status != "OK") {
+               context.commit("update_search_status",3)
+               context.commit("update_search_error_message",resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               let data = {
+                  records : resp.data.records,
+                  total: resp.data.total
+               }
+               context.commit("update_tests",data)
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message",e.message )
+            console.log(e)
+         }
+      },
+
+      async panel(context,prm) {
+         context.commit("update_search_panel_status",1)
+         try {
+            let mouCompanyID = 0
+            if (context.rootState.company.selected_mou.M_MouCompanyID) {
+               mouCompanyID = context.rootState.company.selected_mou.M_MouCompanyID
+            }
+            let resp= await api.panel(mouCompanyID,context.state.search)
+            if (resp.status != "OK") {
+               context.commit("update_search_panel_status",3)
+               context.commit("update_search_error_message",resp.message)
+            } else {
+               context.commit("update_search_panel_status",2)
+               context.commit("update_search_error_message","")
+               let data = {
+                  records : resp.data.records,
+                  total: resp.data.total
+               }
+               context.commit("update_panels",data)
+            }
+         } catch(e) {
+            context.commit("update_search_panel_status",3)
+            context.commit("update_search_error_message",e.message )
+         }
+      },
+
+      async profile(context) {
+         context.commit("update_search_panel_status", 1)
+         try {
+            let mou_id = 0
+            if (context.rootState.company.selected_mou.M_MouID) {
+               mou_id = context.rootState.company.selected_mou.M_MouID
+            }
+
+            let resp = await api.profile(mou_id, context.state.search_profile)
+            if (resp.status != "OK") {
+               context.commit("update_search_panel_status",3)
+               context.commit("update_search_error_message",resp.message)
+            } else {
+               context.commit("update_search_panel_status",2)
+               context.commit("update_search_error_message","")
+               let data = {
+                  records : resp.data.records,
+                  total: resp.data.total
+               }
+               context.commit("update_profiles", data)
+            }
+         } catch(e) {
+            context.commit("update_search_panel_status",3)
+            context.commit("update_search_error_message",e.message )
+         }
+      },
+
+      async get_price(context, prm) {
+         context.commit("update_search_status",1)
+         try {
+            
+            let mou_id = context.rootState.company.selected_mou.M_MouID
+            let resp = await api.get_price(prm.test_id, mou_id, prm.cito)
+
+            if (resp.status != "OK") {
+               context.commit("update_search_status",3)
+               context.commit("update_search_error_message",resp.message)
+            } else {
+               context.commit("update_search_status",2)
+               context.commit("update_search_error_message","")
+               
+               let x = context.state.selected_test
+               for (let i in x) {
+                  if (x[i].T_TestID == prm.test_id) {
+                     if ((Math.round(resp.data.test_price) == 0 && x[i].T_TestForceSell != "Y") || 
+                        Math.round(resp.data.test_price) < 0 ) {
+                        alert('Pemeriksaan ini belum ada harga CITO-nya !')
+                        x[i].T_TestIsCito = "N"
+                        let n = context.state.cito.test.indexOf(x[i].T_TestID)
+                        if (n > -1)
+                           context.state.cito.test.splice(n, 1)
+
+                        // let tests = context.state.tests
+                        // if (tests == undefined ) tests = []
+                        // tests.push(x[i])
+                        // let dt = {
+                        //    records : tests,
+                        //    total: tests.length
+                        // }
+                        // context.commit("update_tests", dt)
+                        // x.splice(i, 1);
+                     }
+                        
+                     else {
+                        x[i].T_PriceAmount = resp.data.test_price
+                        x[i].T_PriceDisc = resp.data.test_disc
+                        x[i].T_PriceDiscRp = resp.data.test_discrp
+                     }
+                  }
+               }
+
+               context.commit("update_selected_test", x)
+               context.commit("update_nat_test")
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message",e.message )
+            
+         }
+      },
+
+      async appx_schedule(context) {
+         context.commit("update_search_status",1)
+         try {
+            
+            let ids = []
+            let pn_ids = []
+            context.commit("update_appx_schedule", '-')
+
+            let pxs = context.state.selected_test
+            for (let i in pxs) {
+                if (pxs[i].px_type == 'PN')
+                    pn_ids.push(pxs[i].T_TestID)
+                else
+                    ids.push(pxs[i].T_TestID)
+            }
+               
+            let resp = await api.appx_schedule(ids.join(','), pn_ids.join(','))
+
+            if (resp.status != "OK") {
+               context.commit("update_search_status", 3)
+               context.commit("update_search_error_message",resp.message)
+            } else {
+               context.commit("update_search_status", 2)
+               context.commit("update_search_error_message","")
+               
+               context.commit("update_appx_schedule", resp.data)
+            }
+         } catch(e) {
+            context.commit("update_search_status",3)
+            context.commit("update_search_error_message", e.message )
+            
+         }
+      },
+
+        async search_cito(context) {
+            context.commit("update_search_status",1)
+            try {
+                let resp= await api.search_cito(one_token())
+                if (resp.status != "OK") {
+                    context.commit("update_search_status",3)
+                    context.commit("update_search_error_message", resp.message)
+                } else {
+                    context.commit("update_search_status",2)
+                    context.commit("update_search_error_message","")
+                    let data = {
+                        records : resp.data.records
+                    }
+                    context.commit("update_citos", data)
+
+                    for (let i in data.records)
+                        if (data.records[i].Nat_CitoIsDefault == "Y")
+                            context.commit('update_selected_cito', data.records[i])
+                }
+            } catch(e) {
+                context.commit("update_search_status",3)
+                context.commit("update_search_error_message", e.message )
+            }
+        },
+
+        async search_pxs(context, id) {
+            context.commit("update_search_status",1)
+            // LOADING
+            context.commit('update_dialog_loading', true, {root:true})
+
+            try {
+               let mouCompanyID = 0
+               if (context.rootState.company.selected_mou.M_MouID) {
+                  mouCompanyID = context.rootState.company.selected_mou.M_MouID
+               }
+               let resp= await api.search_pxs(mouCompanyID, id)
+               if (resp.status != "OK") {
+                  context.commit("update_search_status",3)
+                  context.commit("update_search_error_message",resp.message)
+
+                  // LOADING
+                  context.commit('update_dialog_loading', false, {root:true})
+               } else {
+                  context.commit("update_search_status",2)
+                  context.commit("update_search_error_message","")
+                  
+                    let x = resp.data.records
+                    
+                    for (let k in x) {
+                        // SEARCH NAT TEST
+                        let px = x[k]
+                        let nt = context.state.nat_test
+                        let found_nt = false
+                        for (let i in px.nat_test) {
+                            if (nt.indexOf(px.nat_test[i]) > -1)
+                                found_nt = true
+                        }
+
+                        if (found_nt)
+                            continue
+
+                        let selected_test = context.state.selected_test
+                        let flag_found = false
+                        selected_test.forEach( function(t, idx) {
+                            if (t.T_TestID == px.T_TestID) {
+                                selected_test[idx] = px 
+                                flag_found = true
+                            }
+                        })
+
+                        if (!flag_found) {
+                            selected_test.push(px)
+                        }
+                        context.commit('update_selected_test', selected_test)
+
+                        let req = px.requirement
+                        let reqs = context.state.requirement
+                        if (req.length > 0) {
+                            for(let i in req) {
+                                let found = false
+                                for(let j in reqs) {
+                                    if (reqs[j]['req_id'] == req[i]['req_id'])
+                                        found = j
+                                }
+
+                                if (!found)
+                                    reqs.push({
+                                        px_id: [px.T_TestID],
+                                        label: req[i]['req_name'],
+                                        error_message: 'Hasil harus di isi',
+                                        is_error: true,
+                                        checked : false,
+                                        note: '',
+                                        req_id: req[i]['req_id']
+                                    })
+                                else
+                                    reqs[found].px_id.push(px.T_TestID)
+                            }
+
+                            context.commit('update_requirement', reqs)
+                        }
+
+                        
+                        context.commit('update_nat_test')
+                        // END LOADING
+                        
+                    }
+
+                    context.dispatch('appx_schedule')
+                    context.commit('update_dialog_loading', false, {root:true})
+                    context.commit('history/update_history_dialog', false, {root:true})
+                    context.commit('change_tab', '02', {root:true})
+               }
+            } catch(e) {
+               context.commit("update_search_status",3)
+               context.commit("update_search_error_message",e.message )
+               console.log(e)
+            }
+         }
+   }
+}

test/vuex/one-fo-registration-dev/store.js

@@ -0,0 +1,61 @@
+// State
+//  data ...
+// Mutations
+//
+//
+// Actions
+import patient from "./modules/patient.js";
+import history from "./modules/history.js";
+import patientaddress from "./modules/patientaddress.js";
+import doctor from "./modules/doctor.js";
+import doctor_new from "./modules/doctor_new.js";
+import language from "./modules/language.js";
+import order from "./modules/order.js";
+import delivery from "./modules/delivery.js";
+import company from "./modules/company.js";
+import px from "./modules/px.js";
+import payment from "./modules/payment.js";
+import other from "./modules/other.js";
+import area from "./modules/area.js";
+import photo from "./modules/photo.js";
+import system from "../../../apps/modules/system/system.js";
+
+export const store = new Vuex.Store({
+  state : {
+    tab_active : '01',
+    dialog_loading : false,
+    dialog_error : false
+  },
+
+  mutations : {
+    change_tab(state, tab) {
+      state.tab_active = tab;
+    },
+
+    update_dialog_loading(state, v) {
+        state.dialog_loading = v
+    },
+
+    update_dialog_error(state, v) {
+        state.dialog_error = v
+    }
+  },
+
+  modules : {
+     patient: patient,
+     history: history,
+     patientaddress: patientaddress,
+     doctor: doctor,
+     doctor_new: doctor_new,
+     language: language,
+     order: order,
+     delivery: delivery,
+     company: company,
+     px:px,
+     payment:payment,
+     other:other,
+     area:area,
+     photo:photo,
+     system: system
+  }
+});