adib/fe-accone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update proses add akun pusat media jurnal & move barcode to serah terima

Browse Source
This commit is contained in:
adibwp
2026-05-13 16:52:20 +07:00
parent 38a182641a
commit d018e85927
44 changed files with 14646 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
test/vuex/one-md-usergroup-user-v6/action.js Normal file
View File

31
test/vuex/one-md-usergroup-user-v6/api.js Normal file
View File

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

98
test/vuex/one-md-usergroup-user-v6/api/user.js Normal file
View File

@@ -0,0 +1,98 @@
const URL = "/one-api/mockup/usergroup/";
console.log("user new v5")
export async function reset_password(prm) {
try {
var resp = await axios.post(URL + 'usergroupv6/reset_password', prm);
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}
export async function save(prm) {
try {
var resp = await axios.post(URL + 'usergroupv6/addnewuser', prm);
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}
export async function save_edit(prm) {
try {
var resp = await axios.post(URL + 'usergroupv6/edituser', prm);
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}
export async function xdelete(token,id) {
try {
var resp = await axios.post(URL + 'usergroupv6/deleteuser', { id: id ,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 lookup(token,id) {
try {
var resp = await axios.post(URL + 'usergroupv6/lookupuser', { id: id, 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
};
}
}

192
test/vuex/one-md-usergroup-user-v6/api/usergroup.js Normal file
View File

@@ -0,0 +1,192 @@
const URL = "/one-api/mockup/usergroup/";
export async function lookup(token, search,all ) {
try {
var resp = await axios.post(URL + 'usergroupv6/lookup', { token: token, search: search, all:all });
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 getdashboards(prm) {
try {
var resp = await axios.post(URL + 'usergroupv6/getdashboards', prm);
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}
export async function getreportsample(token) {
try {
var resp = await axios.post(URL + 'usergroupv6/getreportsample',{token:token});
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}
export async function save(prm) {
try {
var resp = await axios.post(URL + 'usergroupv6/addnewusergroup', prm);
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}
export async function update(prm) {
try {
var resp = await axios.post(URL + 'usergroupv6/editusergroup', prm);
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}
export async function xdelete(token,id) {
try {
var resp = await axios.post(URL + 'usergroupv6/deleteusergroup', { id: id, 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_regional(prm) {
try {
var resp = await axios.post(URL + 'usergroupv6/search_regional', prm);
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}
export async function search_branch(prm) {
try {
var resp = await axios.post(URL + 'usergroupv6/search_branch', prm);
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}
export async function getapprovelevel(prm) {
try {
var resp = await axios.post(URL + 'usergroupv6/search_approvelevel', prm);
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}
export async function getdivision(prm) {
try {
var resp = await axios.post(URL + 'usergroupv6/getdivision', prm);
if (resp.status != 200) {
return {
status: "ERR",
message: resp.statusText
};
}
let data = resp.data;
return data;
} catch (e) {
return {
status: "ERR",
message: e.message
};
}
}

458
test/vuex/one-md-usergroup-user-v6/components/oneMdUserGroupList.vue Normal file
View File

@@ -0,0 +1,458 @@
<template>
<v-layout>
<v-dialog v-model="dialogdeletealert" max-width="30%">
<v-card>
<v-card-title class="headline grey lighten-2 pt-2 pb-2" primary-title>
Peringatan !
</v-card-title>
<v-card-text class="pt-2 pb-2">
<v-layout row>
<v-flex xs12 d-flex>
<v-layout row>
<v-flex pb-1 xs12>
<v-layout row>
<v-flex pt-2 pr-2 xs12>
{{ msgalert }}
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</v-card-text>
<v-divider></v-divider>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="primary" flat @click="dialogdeletealert = false">
Tutup
</v-btn>
<v-btn color="primary" flat @click="closeDeleteAlert()">
Yakin lah
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
<v-flex xs12>
<v-card class="scroll-container" style="/*max-height:645px;overflow: auto;*/">
<v-toolbar color="blue lighten-3" dark height="50px">
<v-toolbar-title>USER GROUP</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn @click="openFormUsergroup()" icon>
<v-icon>library_add</v-icon>
</v-btn>
</v-toolbar>
<v-snackbar v-model="snackbar" :color="color" :timeout="5000" :multi-line="false" :vertical="false" :top="true">
{{ msgsnackbar }}
<v-btn flat @click="updateAlert_success(false)">
Tutup
</v-btn>
</v-snackbar>
<v-layout row style="background:#bbdefb;padding-top:5px;" justify-left>
<v-list-tile>
<input type="text" v-model="xsearch" class="textinput" placeholder="Cari ..." />
</v-list-tile>
</v-layout>
<v-divider></v-divider>
<div v-for="(vs, index) in vusergroups">
<v-layout pa-2 v-if="isSelected(vs)" row>
<v-flex xs12 @click="selectMe(vs)">
<v-layout row>
<v-flex class="boxsolid" xs10>
<v-tooltip right>
<template v-slot:activator="{ on }">
<span v-html="subname(vs.description)" v-on="on"></span>
</template>
<span>{{ vs.name }}</span>
</v-tooltip>
</v-flex>
<v-flex class="boxsolid text-center" style="padding-top:10px" pl-2 pb-2 pr-2 xs2>
<v-layout row align-center justify-space-between>
<v-icon style="color:#ffffff" @click="editUsergroup(vs)">edit</v-icon>
<v-icon style="color:#ffffff" @click="deleteUsergroup(vs)">clear</v-icon>
</v-layout>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
<v-layout pa-2 v-if="!isSelected(vs)" row>
<v-flex xs12 @click="selectMe(vs)">
<v-layout row>
<v-flex class="boxoutline" xs10>
<v-tooltip right>
<template v-slot:activator="{ on }">
<span v-html="subname(vs.description)" v-on="on"></span>
</template>
<span>{{ vs.name }}</span>
</v-tooltip>
</v-flex>
<v-flex class="boxoutline text-center" style="padding-top:10px" pl-2 pb-2 pr-2 xs2>
<v-layout row align-center justify-space-between>
<v-icon style="color:red" @click="editUsergroup(vs)">edit</v-icon>
<v-icon style="color:red" @click="deleteUsergroup(vs)">clear</v-icon>
</v-layout>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
<v-divider></v-divider>
</div>
<v-layout row>
<v-flex class="text-xs-center" pt-3 xs12>
<p style="margin-bottom:2px;color: rgba(0,0,0,0.54);font-size:12px;">Menampilkan <span
class="red--text">{{ xtotalfilterusergroups }}</span> dari <span
class="red--text">{{ xtotalusergroups }}</span>
total data</p>
<v-btn small v-if="xshowall === 'N'" flat @click="updateShowAll('Y')" color="primary" dark>Tampilkan
Semua</v-btn>
<v-btn small v-if="xshowall === 'Y'" flat @click="updateShowAll('N')" color="primary" dark>Batasi
data</v-btn>
</v-flex>
</v-layout>
<template>
<v-layout row justify-center>
<v-dialog v-model="dialogusergroup" persistent max-width="600px">
<v-card>
<v-form ref="formusergroup" v-model="valid" lazy-validation>
<v-card-title>
<span class="headline">Form User Group</span>
</v-card-title>
<v-card-text class="pt-0 pb-0">
<v-layout wrap>
<v-flex xs12>
<v-text-field v-model="usergroupname" label="Nama User Group" :rules="nameRules"
required></v-text-field>
</v-flex>
<!--<v-flex xs12>
<v-text-field v-model="usergroupdashboard" label="Nama Dashboard" :rules="dashboardRules" required></v-text-field>
</v-flex>-->
<v-flex xs12>
<v-select item-text="name" return-object :items="xdashboards" v-model="xselected_dashboard"
label="Dashboard"></v-select>
</v-flex>
<!--<v-flex xs12>
<v-checkbox true-value="Y" false-value="N" v-model="usergroupclinic" label="Is Clinic" :rules="clinicRules" required></v-checkbox>
</v-flex>-->
<v-flex>
<p v-for="(xerror, idx) in xerrors" class="error pl-2 pr-2" style="color:#fff">{{ xerror.msg }}</p>
</v-flex>
</v-layout>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" flat @click="updateDialogFormUsergroup()">Tutup</v-btn>
<v-btn v-if="xact === 'new'" color="blue darken-1" flat @click="saveFormUsergroup()">Simpan</v-btn>
<v-btn v-if="xact === 'edit'" color="blue darken-1" flat @click="updateFormUsergroup()">Simpan
Perubahan</v-btn>
</v-card-actions>
</v-form>
</v-card>
</v-dialog>
</v-layout>
</template>
</v-card>
</v-flex>
</v-layout>
</template>
<style scoped>
.textinput {
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
background-color: white;
background-position: 10px 10px;
background-repeat: no-repeat;
padding-left: 40px;
width: 100%;
padding: 8px 10px;
margin-bottom: 5px;
box-sizing: border-box;
border: 1px solid #607d8b;
}
.textinput:focus {
width: 100%;
}
.textinput:focus::-webkit-input-placeholder {
color: transparent;
}
.textinput:focus::-moz-placeholder {
color: transparent;
}
.textinput:-moz-placeholder {
color: transparent;
}
.boxoutline {
color: red;
border: 1px solid red;
justify-content: center;
height: 45px;
line-height: 45px;
padding-left: 10px;
background: #ffffff;
font-size: 14px;
font-weight: 500;
border-radius: 1px
}
.boxoutline:hover {
background: rgba(0, 0, 0, 0.07) !important;
font-size: 15px;
font-weight: 700;
}
.boxsolid {
color: #ffffff;
border: 1px solid #ffffff;
justify-content: center;
height: 45px;
line-height: 45px;
padding-left: 10px;
background: #f44336;
font-size: 14px;
font-weight: 500;
border-radius: 1px
}
.boxsolid:hover {
background: #f44336de;
font-size: 15px;
font-weight: 700;
}
.scroll-container {
scroll-padding: 50px 0 0 50px;
}
::-webkit-scrollbar {
width: 7px;
}
/* this targets the default scrollbar (compulsory) */
::-webkit-scrollbar-track {
background-color: #73baf3;
}
/* the new scrollbar will have a flat appearance with the set background color */
::-webkit-scrollbar-thumb {
background-color: #2196f3;
}
/* this will style the thumb, ignoring the track */
::-webkit-scrollbar-button {
background-color: #0079da;
}
/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
::-webkit-scrollbar-corner {
background-color: black;
}
/* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */
</style>
<script>
module.exports = {
data: () => ({
color: "success",
valid: false,
usergroupname: '',
usergroupdashboard: '',
usergroupclinic: 'N',
nameRules: [
v => !!v || 'Nama User Group harus diisi'
],
dashboardRules: [
v => !!v || 'Dashboard harus diisi'
],
clinicRules: [
v => !!v || 'Clinic harus diPilih'
],
dialogdeletealert: false,
msgalert: "",
xid: 0,
xsearch: ""
}),
mounted() {
this.$store.dispatch("usergroup/getreportsample")
this.$store.dispatch("usergroup/getapprovelevel")
this.$store.dispatch("usergroup/getdivision")
this.$store.dispatch("usergroup/lookup", { search: this.xsearch, all: this.xshowall })
},
computed: {
xact() {
return this.$store.state.usergroup.act
},
xerrors() {
return this.$store.state.usergroup.errors
},
xshowall() {
return this.$store.state.usergroup.show_all
},
vusergroups() {
return this.$store.state.usergroup.usergroups
},
xtotalusergroups() {
return this.$store.state.usergroup.total_usergroups
},
xtotalfilterusergroups() {
return this.$store.state.usergroup.total_filter_usergroups
},
dialogusergroup() {
return this.$store.state.usergroup.dialog_form_usergroup
},
xdashboards() {
return this.$store.state.usergroup.dashboards
},
xselected_dashboard: {
get() {
return this.$store.state.usergroup.selected_dashboard
},
set(val) {
this.$store.commit("usergroup/update_selected_dashboard", val)
if (val)
this.usergroupdashboard = val.url
}
},
snackbar: {
get() {
return this.$store.state.usergroup.alert_success
},
set(val) {
this.$store.commit("usergroup/update_alert_success", val)
}
},
msgsnackbar() {
return this.$store.state.usergroup.msg_success
},
lookupstatus() {
return this.$store.state.usergroup.lookup_usergroup
},
selected_group() {
return this.$store.state.usergroup.selected_usergroup
}
},
methods: {
updateShowAll(val) {
this.$store.commit("usergroup/update_show_all", val)
this.$store.dispatch("usergroup/lookup", { search: this.xsearch, all: this.xshowall })
},
isSelected(p) {
return p.id == this.$store.state.usergroup.selected_usergroup.id
},
subname(name) {
var xname = name
if (xname.length > 18) {
xname = xname.substring(0, 18) + '...'
}
return xname
},
selectMe(sc) {
this.$store.commit("usergroup/update_selected_usergroup", sc)
this.$store.dispatch("user/lookup", {
id: this.$store.state.usergroup.selected_usergroup.id
})
},
updateDialogFormUsergroup() {
this.$store.commit("usergroup/update_dialog_form_usergroup", false)
},
openFormUsergroup() {
console.log('hallo dashboard')
var data = { act: 'new' }
this.$store.dispatch("usergroup/getdashboards", data)
this.$refs.formusergroup.reset()
this.$refs.formusergroup.resetValidation()
this.$store.commit("usergroup/update_act", 'new')
this.$store.commit("usergroup/update_error_code", false)
this.$store.commit("usergroup/update_error_name", false)
this.$store.commit("usergroup/update_dialog_form_usergroup", true)
},
saveFormUsergroup() {
if (this.$refs.formusergroup.validate()) {
this.$store.dispatch("usergroup/save", {
name: this.usergroupname,
dashboard: this.usergroupdashboard,
clinic: this.usergroupclinic,
})
}
},
updateFormUsergroup() {
if (this.$refs.formusergroup.validate()) {
this.$store.dispatch("usergroup/update", {
id: this.xid,
name: this.usergroupname,
dashboard: this.usergroupdashboard,
clinic: this.usergroupclinic
})
}
},
updateAlert_success(val) {
this.$store.commit("usergroup/update_alert_success", val)
},
editUsergroup(data) {
var xdata = data
xdata.act = 'edit'
this.xid = data.id
this.$store.dispatch("usergroup/getdashboards", xdata)
this.usergroupname = data.name
this.usergroupdashboard = data.dashboard
this.usergroupclinic = data.clinic
this.$store.commit("usergroup/update_act", 'edit')
this.$store.commit("usergroup/update_error_name", false)
this.$store.commit("usergroup/update_error_dashboard", false)
this.$store.commit("usergroup/update_error_clinic", false)
this.$store.commit("usergroup/update_dialog_form_usergroup", true)
},
deleteUsergroup(data) {
this.xid = data.id
var xdata = { id: data.id, name: data.name, users: 'xxx' }
this.$store.commit("usergroup/update_selected_usergroup", xdata)
this.msgalert = "Yakin, mau hapus user group " + data.name + " ?"
this.dialogdeletealert = true
},
closeDeleteAlert() {
this.$store.dispatch("usergroup/delete", {
usergroupid: this.$store.state.usergroup.selected_usergroup.id,
usergroupname: this.$store.state.usergroup.selected_usergroup.name
})
this.dialogdeletealert = false
},
thr_search: _.debounce(function () {
this.$store.dispatch("usergroup/lookup", { search: this.xsearch, all: this.xshowall })
}, 1000)
},
watch: {
xsearch(val, old) {
if (val !== old && this.lookupstatus !== 1) {
console.log(val)
this.xsearch = val
this.thr_search()
}
}
}
}
</script>

872
test/vuex/one-md-usergroup-user-v6/components/oneMdUserList.vue Normal file
View File

@@ -0,0 +1,872 @@
<template>
<v-layout>
<v-flex xs12>
<v-card class="mb-2" color="white">
<v-toolbar color="blue lighten-3" dark height="50px">
<v-toolbar-title>User Group : {{ xusergroup.name }}</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn v-if="xusergroup.name !== '[ Belum memilih User Group ]'" @click="openFormUser(0)" icon>
<v-icon>library_add</v-icon>
</v-btn>
</v-toolbar>
<v-layout row wrap>
<v-flex class="border-bottom-dashed" xs12 pt-2 pl-4 pr-4 pb-4>
<table>
<tr>
<th width="25%" class="text-md-center pt-2 pb-2">USERNAME</th>
<th width="35%" class="text-md-center pt-2 pb-2">STAFF NAME</th>
<th class="text-md-center pt-2 pb-2">AKSI</th>
</tr>
<tr v-if="users.length > 0" v-for="(user, idx) in users">
<td class="text-md-left pl-3">{{ user.username }}</td>
<td class="text-md-center">{{ user.staffname }}</td>
<td align="center" class="text-md-center">
<v-btn @click="resetPassword(user)" depressed small color="warning"><v-icon>security</v-icon></v-btn>
<v-btn @click="editFormUser(user)" depressed small color="primary"><v-icon>edit</v-icon></v-btn>
<v-btn @click="deleteUser(user)" depressed small color="error"><v-icon>delete</v-icon></v-btn>
</td>
</tr>
<tr v-if="users.length === 0">
<td align="center" style="height:50px;text-align:center" colspan="8">Belum ada data</td>
</tr>
</table>
</v-flex>
</v-layout>
<template>
<v-dialog v-model="dialogdeletealertuser" max-width="30%">
<v-card>
<v-card-title class="headline grey lighten-2 pt-2 pb-2" primary-title>
Peringatan !
</v-card-title>
<v-card-text class="pt-2 pb-2">
<v-layout row>
<v-flex xs12 d-flex>
<v-layout row>
<v-flex pb-1 xs12>
<v-layout row>
<v-flex pt-2 pr-2 xs12>
{{ msgalertuser }}
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
</v-card-text>
<v-divider></v-divider>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="primary" flat @click="dialogdeletealertuser = false">
Tutup
</v-btn>
<v-btn color="primary" flat @click="closeDeleteAlertUser()">
Yakin lah
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</template>
<template>
<v-dialog v-model="dialog_resetpassword" max-width="30%">
<v-card>
<v-card-title class="headline grey lighten-2 pt-2 pb-2" primary-title>
Peringatan !
</v-card-title>
<v-card-text class="pt-2 pb-2">
<v-layout row>
<v-flex xs12 d-flex>
<v-layout v-if="show_reason" row>
<v-flex pb-1 xs12>
<v-layout row>
<v-flex pt-2 pr-2 xs12>
Yakin, mau reset password user {{ selected_user.username }} ?
</v-flex>
</v-layout>
<v-layout row>
<v-flex pt-2 pr-2 xs12>
<v-textarea label="Tuliskan alasan di sini" v-model="reason"></v-textarea>
<p v-if="reason == ''" class="text--error">alasan harus diisi</p>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
<v-layout v-if="!show_reason" row>
<v-flex pb-1 xs12>
<p>Reset password berhasil !!! </p>
<p>Password baru adalah <span class="mono" style="font-weight:bold;font-size:25px">{{ pass_reset
}}</span></p>
</v-flex>
</v-layout>
</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_resetpassword = false">
Tutup
</v-btn>
<v-btn color="green" flat v-if="reason !== '' && show_reason" @click="resetPasswordNow()">
Reset
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</template>
<template>
<v-layout row justify-center>
<v-dialog v-model="dialoguser" persistent max-width="600px">
<v-card>
<v-card-title>
<span class="headline">Form User</span>
</v-card-title>
<v-form ref="formusergroupuser" v-model="validuser" lazy-validation>
<v-card-text class="pt-0 pb-0">
<v-layout wrap>
<v-flex xs12>
USER GROUP : {{ xusergroup.name }}
</v-flex>
<v-flex xs12>
<v-text-field label="User Name" v-model="username"></v-text-field>
</v-flex>
<v-flex xs12>
<v-text-field label="Password" v-model="password" type="password"></v-text-field>
</v-flex>
<v-flex xs12>
<v-autocomplete :search-input.sync="searchStaff" item-text="M_StaffName" return-object
:items="xstaffs" v-model="xstaff" label="Staff Name"></v-autocomplete>
</v-flex>
<!--<v-flex xs12>
<v-select item-text="T_SampleStationName" return-object :items="xsamplestationes" v-model="xsamplestation" label="Sample Station" ></v-select>
</v-flex>-->
<v-flex xs12>
<v-select item-text="M_ApproveLevelName" return-object :items="xuserapprovelevels"
v-model="xuserapprovelevel" label="User Approve Level" clearable
@click:clear="xuserapprovelevel = {}"></v-select>
</v-flex>
<v-flex xs12>
<v-select item-text="R_ReportGroupName" return-object :items="xreportes" v-model="xreport"
label="Report Group"></v-select>
</v-flex>
<!-- <v-flex xs12>
<v-switch v-model="xuserlocationflag" true-value="R" false-value="B" color="blue"
:label="xuserlocationflag === 'R' ? 'REGIONAL' : 'CABANG'"></v-switch>
</v-flex> -->
<v-flex xs12>
<v-select item-text="M_UserLocationFlagName" return-object :items="xuserlocationflags"
v-model="xuserlocationflag" label="User Location"></v-select>
</v-flex>
<v-flex xs12>
<v-autocomplete label="Choose Regional" v-model="xregional" underlined :items="xregionals"
auto-select-first :disable="!xuserlocationflag" item-text="S_RegionalName"
item-value="S_RegionalID" return-object :loading="isLoading" :rules="[rules.regional]"
:error="errors.regional" no-data-text="Cari Regional ...">
</v-autocomplete>
</v-flex>
<v-flex xs12>
<v-select v-if="xuserlocationflag.M_UserLocationFlag == 'B'" item-text="M_BranchName"
item-value="M_BranchID" return-object :items="xbranches" v-model="xbranch"
label="Choose Branch" :disable="!xregional || xregional === null" no-filter
no-data-text="Pilih regional Dulu / Data Cabang Tidak ditemukan..."></v-select>
</v-flex>
<v-flex xs12>
<v-select :item-text="itemTextDivision" return-object :items="xuserdivisions" v-model="xuserdivision"
label="User Division" clearable @click:clear="xuserdivision = {}" :rules="[rules.division]" :error="errors.division"
no-data-text="Pilih Divisi Dulu"></v-select>
</v-flex>
<!-- <v-flex xs12>
<v-autocomplete v-if="xuserlocationflag.M_UserLocationFlag == 'B'" label="Cabang"
v-model="xbranch" underlined :items="xbranches" :search-input.sync="search_branch"
auto-select-first :disable="!xuserlocationflag || !this.$store.state.usergroup.selected_regional"
item-text="M_BranchName" :rules="[rules.branch]" :error="errors.branch"
item-value="M_BranchID" return-object :loading="isLoading" no-data-text="Cari Cabang ...">
</v-autocomplete>
</v-flex> -->
<!--<v-flex xs12>
<v-checkbox v-model="iscoordinator" label="Coordinator ?"></v-checkbox>
</v-flex>-->
<v-flex>
<p v-for="(xerror, idx) in xerrors" class="error pl-2 pr-2" style="color:#fff">{{ xerror.msg }}
</p>
</v-flex>
</v-layout>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" flat @click="updateDialogFormUser()">Tutup</v-btn>
<v-btn color="blue darken-1" flat
:disabled="validerror || this.errors.regional || this.errors.division || (xuserlocationflag.M_UserLocationFlag == 'B' && (_.isEmpty(xbranch)))"
@click="saveFormUser()">Simpan</v-btn>
</v-card-actions>
</v-form>
</v-card>
</v-dialog>
</v-layout>
</template>
<template>
<v-layout row justify-center>
<v-dialog v-model="dialoguseredit" persistent max-width="600px">
<v-card>
<v-card-title>
<span class="headline">Form User</span>
</v-card-title>
<v-form ref="formusergroupuser" v-model="validuser" lazy-validation>
<v-card-text class="pt-0 pb-0">
<v-layout wrap>
<v-flex xs12>
<v-select item-text="M_UserGroupName" return-object :items="xusergroupnames"
item-value="M_UserGroupID" v-model="xusergroupname" label="User Group"></v-select>
</v-flex>
<v-flex xs12>
<v-text-field label="User Name" v-model="username"></v-text-field>
</v-flex>
<v-flex xs12>
<v-autocomplete :search-input.sync="searchStaff" item-text="M_StaffName" return-object
:items="xstaffs" v-model="xstaff" label="Staff Name"></v-autocomplete>
</v-flex>
<v-flex xs12>
<v-select item-text="M_ApproveLevelName" return-object :items="xuserapprovelevels"
v-model="xuserapprovelevel" label="User Approve Level" clearable
@click:clear="xuserapprovelevel = {}"></v-select>
</v-flex>
<v-flex xs12>
<v-select item-text="R_ReportGroupName" return-object :items="xreportes" v-model="xreport"
label="Report Group"></v-select>
</v-flex>
<v-flex xs12>
<v-select item-text="M_UserLocationFlagName" return-object :items="xuserlocationflags"
v-model="xuserlocationflag" label="User Location"></v-select>
</v-flex>
<v-flex xs12>
<v-autocomplete label="Choose Regional" v-model="xregional" underlined :items="xregionals"
:search-input.sync="search_regional" auto-select-first :disable="!xuserlocationflag" no-filter
item-text="S_RegionalName" item-value="S_RegionalID" return-object :loading="isLoading"
:rules="[rules.regional]" :error="errors.regional" no-data-text="Cari Regional ...">
</v-autocomplete>
</v-flex>
<v-flex xs12>
<v-select v-if="xuserlocationflag.M_UserLocationFlag == 'B'" item-text="M_BranchName"
item-value="M_BranchID" return-object :items="xbranches" v-model="xbranch"
label="Choose Branch" :disable="!xregional || xregional === null"
no-data-text="Pilih regional Dulu / Data Cabang Tidak ditemukan..."></v-select>
</v-flex>
<v-flex xs12>
<v-select :item-text="itemTextDivision" return-object :items="xuserdivisions"
v-model="xuserdivision" label="User Division" clearable :rules="[rules.division]" :error="errors.division"
@click:clear="xuserapprovelevel = {}"></v-select>
</v-flex>
<v-flex>
<p v-for="(xerror, idx) in xerrors" class="error pl-2 pr-2" style="color:#fff">{{ xerror.msg }}
</p>
</v-flex>
</v-layout>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="blue darken-1" flat @click="closeDialogEditUser()">Tutup</v-btn>
<v-btn color="blue darken-1" flat @click="saveEditUser()"
:disabled="validerror || this.errors.regional || this.errors.division || (xuserlocationflag.M_UserLocationFlag == 'B' && (_.isEmpty(xbranch) || xbranch == '0'))">Simpan
Perubahan</v-btn>
</v-card-actions>
</v-form>
</v-card>
</v-dialog>
</v-layout>
</template>
</v-card>
</v-flex>
</v-layout>
</template>
<style scoped>
.searchbox .v-input.v-text-field .v-input__slot {
min-height: 60px;
}
.searchbox .v-btn {
min-height: 60px;
}
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 = {
data() {
return {
searchStaff: '',
query: "",
search_regional: '',
search_branch: '',
validerror: false,
items: [],
rules: {
regional: value => {
this.errors.regional = !value.S_RegionalID; // Simpan status error
return !!value.S_RegionalID || "Regional harus dipilih!";
},
division: value => {
this.errors.division = !value.DivisionID; // Simpan status error
return !!value.DivisionID || "Divisi harus dipilih!";
},
// branch: value => {
// if (this.$store.state.usergroup.selected_userlocationflag.M_UserLocationFlag === 'B') {
// if(value.M_BranchID == undefined){
// this.errors.branch = true;
// return "Regional harus dipilih!";
// }
// // Validasi branch
// console.log(value)
// this.errors.branch = !value.M_BranchID;
// return !!value.M_BranchID || "Branch harus dipilih!";
// }
// return true; // Jika userlocationflag bukan 'B', tidak ada validasi
// }
},
headers: [
{
text: "USER NAME",
align: "Center",
sortable: false,
value: "username",
width: "30%",
class: " blue lighten-4"
},
{
text: "STAFF NAME",
align: "Center",
sortable: false,
value: "staffname",
width: "30%",
class: "blue lighten-4"
},
{
text: "PASSWORD",
align: "Center",
sortable: false,
value: "password",
width: "30%",
class: "blue lighten-4"
},
{
text: "Action",
align: "Center",
sortable: false,
value: "status",
width: "15%",
class: "blue lighten-4"
}
],
isLoading: false,
color: "success",
validuser: false,
xid: 0,
username: "",
selected_user: {},
staffname: "",
password: "",
iscoordinator: "",
dialogdeletealertuser: false,
msgalertuser: ""
};
},
computed: {
errors: {
get() {
return this.$store.state.user.errors
},
set(val) {
this.$store.commit('user/update_errors', val)
}
},
xbranches() {
return this.$store.state.usergroup.branches
},
xbranch: {
get() {
return this.$store.state.user.selected_branch
},
set(val) {
// this.$store.commit("user/update_regional", val)
var xval = val
if (val.M_BranchID == undefined) {
for (var i = 0; i < this.xbranches.length; i++) {
var xs = this.xbranches[i]
if (xs.M_BranchID == val) {
xval = xs
}
}
}
this.$store.commit("user/update_selected_branch", xval)
}
},
xregionals() {
return this.$store.state.usergroup.regionals
},
xregional: {
get() {
return this.$store.state.user.selected_regional
},
set(val) {
var xval = val
if (val.S_RegionalID == undefined) {
for (var i = 0; i < this.xregionals.length; i++) {
var xs = this.xregionals[i]
if (xs.S_RegionalID == val) {
xval = xs
let x = this.$store.state.user.selected_regional
if (x) if (x.S_RegionalID) this.errors.regional = false
}
}
}
this.$store.commit("user/update_selected_regional", xval)
}
},
pass_reset() {
return this.$store.state.user.pass_reset
},
dialog_resetpassword: {
get() {
return this.$store.state.user.dialog_resetpassword
},
set(val) {
this.$store.commit("user/update_dialog_resetpassword", val)
}
},
reason: {
get() {
return this.$store.state.user.reason
},
set(val) {
this.$store.commit("user/update_reason", val)
}
},
show_reason: {
get() {
return this.$store.state.user.show_reason
},
set(val) {
this.$store.commit("user/update_show_reason", val)
}
},
dialoguseredit() {
return this.$store.state.user.dialog_form_user_edit
},
users() {
return this.$store.state.user.users
},
xusergroup() {
return this.$store.state.usergroup.selected_usergroup
},
dialoguser() {
return this.$store.state.user.dialog_form_user
},
xerrors() {
return this.$store.state.user.errors
},
xsamplestationes() {
return this.$store.state.usergroup.samplestations
},
xsamplestation: {
get() {
return this.$store.state.user.selected_samplestation
},
set(val) {
var xval = val
if (val.T_SampleStationID == undefined) {
for (var i = 0; i < this.xsamplestationes.length; i++) {
var xs = this.xsamplestationes[i]
if (xs.T_SampleStationID == val) {
xval = xs
}
}
}
this.$store.commit("user/update_selected_samplestation", xval)
}
},
xstaffs() {
return this.$store.state.usergroup.staffs
},
xstaff: {
get() {
return this.$store.state.user.selected_staff
},
set(val) {
var xval = val
if (val.M_StaffID == undefined) {
for (var i = 0; i < this.xstaffs.length; i++) {
var xs = this.xstaffs[i]
if (xs.M_StaffID == val) {
xval = xs
}
}
}
this.$store.commit("user/update_selected_staff", xval)
}
},
xusergroupnames() {
return this.$store.state.usergroup.usergroupnames
},
xusergroupname: {
get() {
return this.$store.state.user.selected_usergroupname
},
set(val) {
var xval = val
if (val.M_UserGroupID == undefined) {
for (var i = 0; i < this.xusergroupnames.length; i++) {
var xs = this.xusergroupnames[i]
if (xs.M_UserGroupID == val) {
xval = xs
}
}
}
this.$store.commit("user/update_selected_usergroupname", xval)
}
},
xuserlocationflags() {
return this.$store.state.usergroup.userlocationflags
},
xuserlocationflag: {
get() {
return this.$store.state.user.selected_userlocationflag
},
set(val) {
var xval = val
console.log("xval", val)
if (val.M_UserLocationFlag == undefined) {
console.log("xval2", val)
for (var i = 0; i < this.xuserlocationflags.length; i++) {
var xs = this.xuserlocationflags[i]
if (xs.M_UserLocationFlag == val) {
xval = xs
console.log("xva3", val)
}
}
}
this.$store.commit("user/update_selected_userlocationflag", xval)
if (val.M_UserLocationFlag == "R") {
this.$store.commit("user/update_selected_branch", {})
}
}
},
xuserapprovelevels() {
return this.$store.state.usergroup.approvelevels
},
xuserapprovelevel: {
get() {
return this.$store.state.user.selected_userapprovelevel
},
set(val) {
var xval = val
console.log("xapprovelevel1", val)
if (val.M_ApproveLevelID == undefined) {
console.log("xapprovelevel12", val)
for (var i = 0; i < this.xuserapprovelevels.length; i++) {
var xs = this.xuserapprovelevels[i]
if (xs.M_ApproveLevelID == val) {
xval = xs
console.log("xapprovelevel13", val)
}
}
}
this.$store.commit("user/update_selected_userapprovelevel", xval)
// if (val.M_UserLocationFlag == "R") {
// this.$store.commit("user/update_selected_branch", {})
// }
}
},
xuserdivisions() {
return this.$store.state.usergroup.divisions
},
xuserdivision: {
get() {
return this.$store.state.user.selected_userdivision
},
set(val) {
var xval = val
console.log("division", val)
if (val.DivisionID == undefined) {
console.log("xdivision2", val)
for (var i = 0; i < this.xuserdivisions.length; i++) {
var xs = this.xuserdivisions[i]
if (xs.DivisionID == val) {
xval = xs
let x = this.$store.state.user.selected_userdivision
if (x) if (x.DivisionID) this.errors.division = false
console.log("xdivision3", val)
}
}
}
this.$store.commit("user/update_selected_userdivision", xval)
// if (val.M_UserLocationFlag == "R") {
// this.$store.commit("user/update_selected_branch", {})
// }
}
},
xreportes() {
return this.$store.state.usergroup.reports
},
xreport: {
get() {
return this.$store.state.usergroup.selected_report
},
set(val) {
var xval = val
if (val.R_ReportGroupID == undefined) {
for (var i = 0; i < this.xreportes.length; i++) {
var xs = this.xreportes[i]
if (xs.R_ReportGroupID == val) {
xval = xs
}
}
}
this.$store.commit("usergroup/update_selected_report", xval)
}
}
},
methods: {
resetPasswordNow() {
var param = this.selected_user
param.reason = this.reason
this.$store.dispatch("user/resetPassword", param)
},
resetPassword(value) {
this.selected_user = value
this.reason = ''
this.show_reason = true
this.dialog_resetpassword = true
},
updateDialogFormUser() {
this.$store.commit("user/update_dialog_form_user", false)
},
itemTextDivision(item) {
return `${item.DivisionCode} - ${item.DivisionName}`;
},
openFormUser(val) {
this.xid = val
this.username = ''
this.xuserapprovelevel = {}
this.xuserdivision = {}
this.password = ''
this.xstaff = ''
this.xsamplestation = ''
this.xuserlocationflag = { M_UserLocationFlagName: 'REGIONAL', M_UserLocationFlag: 'R' }
this.xregional = {}
this.xbranch = {}
this.xapprovelevel = {}
this.xreport = ''
this.iscoordinator = ''
this.$store.commit("user/update_dialog_form_user", true)
},
editFormUser(val) {
this.$store.dispatch("usergroup/getreportsample")
this.$store.commit("user/update_error_username", false)
this.$store.commit("user/update_error_password", false)
this.$store.commit("user/update_error_xstaff", false)
this.$store.commit("user/update_error_xsamplestation", false)
this.$store.commit("user/update_error_xreport", false)
this.$store.commit("user/update_error_xusergroupname", false)
this.$store.commit("user/update_error_iscoordinator", false)
this.xid = val.id
this.username = val.username
this.password = val.password
// this.xbranch = val.xbranch
this.$store.commit("usergroup/update_branches", [{
M_BranchID: val.xbranch,
M_BranchName: val.M_BranchName
}])
this.$store.commit("user/update_selected_branch", {
M_BranchID: val.xbranch,
M_BranchName: val.M_BranchName
})
this.$store.commit("user/update_selected_userapprovelevel", {
M_ApproveLevelID: val.xapprovelevelid,
M_ApproveLevelName: val.xapprovelevelname,
})
this.$store.commit("user/update_selected_userdivision", {
DivisionID: val.xuserdivisonid,
DivisionCode: val.xuserdivisioncode,
DivisionName: val.xuserdivisionname,
})
// this.xregional = val.xregional
this.$store.commit("usergroup/update_regionals", [{
S_RegionalID: val.xregional,
S_RegionalName: val.S_RegionalName
}])
this.$store.commit("user/update_selected_regional", {
S_RegionalID: val.xregional,
S_RegionalName: val.S_RegionalName
})
// this.xstaff = val.xstaff
this.$store.commit("usergroup/update_staffs", [{
M_StaffID: val.xstaff,
M_StaffName: val.staffname
}])
this.$store.commit("user/update_selected_staff", {
M_StaffID: val.xstaff,
M_StaffName: val.staffname
})
if (val.M_UserLocationFlag == 'B') {
this.xuserlocationflag = { M_UserLocationFlag: val.M_UserLocationFlag, M_UserLocationFlagName: 'CABANG' }
} else if (val.M_UserLocationFlag == 'R') {
this.xuserlocationflag = { M_UserLocationFlag: val.M_UserLocationFlag, M_UserLocationFlagName: 'REGIONAL' }
}
this.xsamplestation = val.xsamplestation
// this.xreport = val.xreport
this.$store.commit("usergroup/update_reports", [{
R_ReportGroupID: val.xreport,
R_ReportGroupName: val.R_ReportGroupName
}])
this.$store.commit("usergroup/update_selected_report", {
R_ReportGroupID: val.xreport,
R_ReportGroupName: val.R_ReportGroupName
})
this.xusergroupname = val.usergroupid
this.iscoordinator = val.iscoordinator === 'N' ? false : true
this.$store.commit("user/update_dialog_form_user_edit", true)
},
closeDialogEditUser() {
this.$store.commit("user/update_dialog_form_user_edit", false)
this.$store.dispatch("usergroup/getreportsample")
},
saveEditUser() {
this.$store.dispatch("user/save_edit", {
xid: this.xid,
usergroupid: this.$store.state.usergroup.selected_usergroup.id,
usergroupname: this.$store.state.usergroup.selected_usergroup.name,
username: this.username,
xregional: this.$store.state.user.selected_regional.S_RegionalID,
userlocationflag: this.$store.state.user.selected_userlocationflag.M_UserLocationFlag,
xbranch: this.$store.state.user.selected_branch.M_BranchID,
xapprovelevel: this.$store.state.user.selected_userapprovelevel.M_ApproveLevelID,
xdivision: this.$store.state.user.selected_userdivision.DivisionID,
xstaff: this.xstaff,
xsamplestation: this.xsamplestation,
xreport: this.xreport,
xusergroupname: this.xusergroupname,
iscoordinator: this.iscoordinator === true ? "Y" : "N"
})
},
saveFormUser() {
this.$store.dispatch("user/save", {
xid: this.xid,
usergroupid: this.$store.state.usergroup.selected_usergroup.id,
usergroupname: this.$store.state.usergroup.selected_usergroup.name,
username: this.username,
xregional: this.$store.state.user.selected_regional.S_RegionalID,
userlocationflag: this.$store.state.user.selected_userlocationflag.M_UserLocationFlag,
xbranch: this.$store.state.user.selected_branch.M_BranchID,
xapprovelevel: this.$store.state.user.selected_userapprovelevel.M_ApproveLevelID,
xdivision: this.$store.state.user.selected_userdivision.DivisionID,
password: this.password,
xstaff: this.xstaff,
xsamplestation: this.xsamplestation,
xreport: this.xreport,
iscoordinator: this.iscoordinator === true ? "Y" : "N"
})
},
updateAlert_success(val) {
this.$store.commit("usergroup/update_alert_success", val)
},
deleteUser(data) {
this.xid = data.id
this.msgalertuser = "Yakin, mau hapus user ?"
this.dialogdeletealertuser = true
},
closeDeleteAlertUser() {
this.$store.dispatch("user/delete", {
xid: this.xid,
usergroupid: this.$store.state.usergroup.selected_usergroup.id,
usergroupname: this.$store.state.usergroup.selected_usergroup.name,
username: this.username
})
this.dialogdeletealertuser = false
},
thr_search_regional: _.debounce(function () {
this.$store.dispatch("usergroup/search_regional", { search: this.search_regional })
}, 2000),
thr_search_branch: _.debounce(function () {
this.$store.dispatch("usergroup/search_branch", { regionalid: this.$store.state.user.selected_regional.S_RegionalID })
}, 1000),
},
watch: {
xregional(val, old) {
if (val == old) return
if (!val) return
if (val.length < 1) return
if (this.$store.state.usergroup.update_autocomplete_status == 1) return
//this.selected_icd10 = {}
// this.$store.commit("user/update_selected_branch", {})
this.thr_search_branch()
},
}
}
</script>

76
test/vuex/one-md-usergroup-user-v6/index.php Normal file
View File

@@ -0,0 +1,76 @@
<!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 xs4 class="left" fill-height pa-1>
<!-- komponen kiri -->
<one-md-user-group-list></one-md-user-group-list>
</v-flex>
<v-flex xs8 class="right" fill-height pa-1>
<!-- komponen kanan -->
<one-md-user-list></one-md-user-list>
</v-flex>
</v-layout>
</v-container>
</v-content>
<one-footer> </one-footer>
</v-app>
</div>
<!-- Vendor -->
<script src="../../../libs/vendor/moment.min.js"></script>
<script src="../../../libs/vendor/numeral.min.js"></script>
<script src="../../../libs/vendor/moment-locale-id.js"></script>
<script src="../../../libs/vendor/lodash.js"></script>
<script src="../../../libs/vendor/axios.min.js"></script>
<script src="../../../libs/vendor/vue.js"></script>
<script src="../../../libs/vendor/vuex.js"></script>
<script src="../../../libs/vendor/vuetify.js"></script>
<script src="../../../libs/vendor/httpVueLoader.js"></script>
<script src="../../../libs/one_global.js"></script>
<!-- App Script -->
<?php
$ts = "?ts=" . Date("ymdhis");
?>
<script type="module">
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-md-user-group-list': httpVueLoader('./components/oneMdUserGroupList.vue'),
'one-md-user-list' : httpVueLoader('./components/oneMdUserList.vue')
}
})
</script>
<style>
[v-cloak] {
display: none
}
.left {
}
.right {
}
</style>
</body>
</html>

295
test/vuex/one-md-usergroup-user-v6/modules/user.js Normal file
View File

@@ -0,0 +1,295 @@
// 1 => LOADING
// 2 => DONE
// 3 => ERROR
import * as api from "../api/user.js"
export default {
namespaced: true,
state: {
users: [],
save_status: 0,
save_error_message: '',
dialog_form_user: false,
dialog_form_user_edit: false,
lookup_user: 0,
error_username: false,
error_password: false,
error_xreport: false,
error_xusergroupname: false,
error_xstaff: false,
error_xsamplestation: false,
error_iscoordinator: false,
update_error_xusergroup: false,
show_all: 'N',
reports: [],
selected_report: {},
staffs: [],
selected_staff: {},
samplestations: [],
selected_samplestation: {},
usergroupnames: [],
selected_usergroupname: {},
errors: [],
dialog_resetpassword: false,
reason: '',
show_reason: false,
pass_reset: '',
branches: [],
selected_branch: {},
regionals: [],
selected_regional: {},
selected_userlocationflag: { M_UserLocationFlagName: 'REGIONAL', M_UserLocationFlag: 'R' },
selected_userapprovelevel: {},
selected_userdivision: {},
errors: {
regional: false, branch: false, regbranch: false, division: false
}
},
mutations: {
update_branches(state, val) {
state.branches = val
},
update_selected_branch(state, val) {
state.selected_branch = val
},
update_selected_userapprovelevel(state, val){
state.selected_userapprovelevel = val
},
update_selected_userdivision(state, val){
state.selected_userdivision = val
},
update_regionals(state, val) {
state.regionals = val
},
update_selected_regional(state, val) {
state.selected_regional = val
},
update_selected_userlocationflag(state, val) {
state.selected_userlocationflag = val
},
update_errors(state, status) {
state.errors = status
},
update_pass_reset(state, val) {
state.pass_reset = val
},
update_show_reason(state, val) {
state.show_reason = val
},
update_reason(state, val) {
state.reason = val
},
update_dialog_resetpassword(state, val) {
state.dialog_resetpassword = val
},
update_errors(state, val) {
state.errors = val
},
update_error_username(state, val) {
state.error_username = val
},
update_error_password(state, val) {
state.error_password = val
},
update_error_xreport(state, val) {
state.error_xreport = val
},
update_error_xstaff(state, val) {
state.error_xstaff = val
},
update_error_xusergroupname(state, val) {
state.error_xusergroupname = val
},
update_error_xsamplestation(state, val) {
state.error_xsamplestation = val
},
update_error_iscoordinator(state, val) {
state.error_iscoordinator = val
},
update_error_xusergroup(state, val) {
state.error_xusergroup = val
},
update_users(state, data) {
state.users = data
},
update_save_status(state, val) {
state.save_status = val
},
update_save_error_message(state, val) {
state.save_error_message = val
},
update_dialog_form_user(state, val) {
state.dialog_form_user = val
},
update_dialog_form_user_edit(state, val) {
state.dialog_form_user_edit = val
},
update_reports(state, val) {
state.reports = val
},
update_selected_report(state, val) {
state.selected_report = val
},
update_staffs(state, val) {
state.staffs = val
},
update_selected_staff(state, val) {
state.selected_staff = val
},
update_usergroupnames(state, val) {
state.usergroupnames = val
},
update_selected_usergroupname(state, val) {
state.selected_usergroupname = val
},
update_samplestations(state, val) {
state.samplestations = val
},
update_selected_samplestation(state, val) {
state.selected_samplestation = val
},
update_lookup_user(state, val) {
state.lookup_user = val
}
},
actions: {
async resetPassword(context, prm) {
context.commit("update_save_status", 1)
try {
prm.token = one_token()
let resp = await api.reset_password(prm)
if (resp.status != "OK") {
context.commit("usergroup/update_save_status", 3, { root: true })
context.commit("usergroup/update_save_error_message", resp.message, { root: true })
} else {
context.commit("update_pass_reset", resp.data.password)
context.commit("update_show_reason", false)
}
} catch (e) {
context.commit("update_save_status", 3)
context.commit("update_save_error_message", e.message)
console.log(e)
}
},
async save_edit(context, prm) {
context.commit("update_save_status", 1)
try {
prm.token = one_token()
let resp = await api.save_edit(prm)
if (resp.status != "OK") {
context.commit("usergroup/update_save_status", 3, { root: true })
context.commit("usergroup/update_save_error_message", resp.message, { root: true })
} else {
var data = {
records: resp.data.records,
total: resp.data.total
}
if (data.total !== -1) {
context.commit("usergroup/update_save_status", 2, { root: true })
context.commit("usergroup/update_save_error_message", resp.message, { root: true })
context.commit("usergroup/update_alert_success", true, { root: true })
context.commit("update_dialog_form_user_edit", false)
var msg = "User " + prm.username + " sudah update dong"
context.commit("usergroup/update_msg_success", msg, { root: true })
context.commit("usergroup/update_alert_success", true, { root: true })
context.dispatch("lookup", {
id: prm.usergroupid
})
} else {
context.commit("update_errors", resp.data.errors)
}
}
} catch (e) {
context.commit("update_save_status", 3)
context.commit("update_save_error_message", e.message)
console.log(e)
}
},
async save(context, prm) {
context.commit("update_save_status", 1)
try {
prm.token = one_token()
let resp = await api.save(prm)
if (resp.status != "OK") {
context.commit("usergroup/update_save_status", 3, { root: true })
context.commit("usergroup/update_save_error_message", resp.message, { root: true })
} else {
var data = {
records: resp.data.records,
total: resp.data.total
}
if (data.total !== -1) {
context.commit("usergroup/update_save_status", 2, { root: true })
context.commit("usergroup/update_save_error_message", resp.message, { root: true })
context.commit("usergroup/update_alert_success", true, { root: true })
context.commit("update_dialog_form_user", false)
var msg = "User " + prm.username + " sudah update dong"
context.commit("usergroup/update_msg_success", msg, { root: true })
context.commit("usergroup/update_alert_success", true, { root: true })
context.dispatch("lookup", {
id: prm.usergroupid
})
} else {
context.commit("update_errors", resp.data.errors)
}
}
} catch (e) {
context.commit("update_save_status", 3)
context.commit("update_save_error_message", e.message)
console.log(e)
}
},
async lookup(context, prm) {
context.commit("update_lookup_user", 1)
try {
let resp = await api.lookup(one_token(), prm.id)
if (resp.status != "OK") {
context.commit("update_lookup_user", 3)
} else {
context.commit("update_lookup_user", 2)
let data = {
records: resp.data.records,
total: resp.data.total
}
context.commit("update_users", data.records)
}
} catch (e) {
context.commit("update_lookup_user", 3)
}
},
async delete(context, prm) {
context.commit("update_save_status", 1)
try {
let resp = await api.xdelete(one_token(), prm.xid)
if (resp.status != "OK") {
context.commit("usergroup/update_save_status", 3, { root: true })
context.commit("usergroup/update_save_error_message", resp.message, { root: true })
} else {
context.commit("usergroup/update_save_status", 2, { root: true })
context.commit("usergroup/update_save_error_message", resp.message, { root: true })
context.commit("usergroup/update_alert_success", true, { root: true })
//context.commit("update_dialog_form_schedule_promise", false)
var msg = "User " + prm.username + " dari usergroup " + prm.usergroupname + " sudah dihapus dong"
context.commit("usergroup/update_msg_success", msg, { root: true })
context.commit("usergroup/update_alert_success", true, { root: true })
context.dispatch("lookup", {
id: prm.usergroupid
})
}
} catch (e) {
context.commit("update_save_status", 3)
context.commit("update_save_error_message", e.message)
console.log(e)
}
}
}
}

437
test/vuex/one-md-usergroup-user-v6/modules/usergroup.js Normal file
View File

@@ -0,0 +1,437 @@
// 1 => LOADING
// 2 => DONE
// 3 => ERROR
import * as api from "../api/usergroup.js"
export default {
namespaced: true,
state: {
act: 'new',
lookup_usergroup: 0,
get_data_status: 0,
lookup_error_message: '',
usergroups: [],
total_usergroups: 0,
total_filter_usergroups: 0,
selected_usergroup: { name: "[ Belum memilih User Group ]" },
save_status: 0,
save_error_message: '',
dialog_form_usergroup: false,
dialog_edit_form_usergroup: false,
alert_success: false,
msg_success: "",
error_clinic: false,
error_name: false,
error_dashboard: false,
reports: [],
selected_report: {},
staffs: [],
selected_staff: {},
regionals: [],
selected_regional: {},
branches: [],
approvelevels: [],
divisions: [],
selected_branch: {},
usergroupnames: [],
selected_usergroupname: {},
samplestations: [],
selected_samplestation: {},
dashboards: [],
selected_dashboard: {},
show_all: 'N',
userlocationflags: [
{ M_UserLocationFlagName: 'PUSAT', M_UserLocationFlag: 'P' },
{ M_UserLocationFlagName: 'REGIONAL', M_UserLocationFlag: 'R' },
{ M_UserLocationFlagName: 'CABANG', M_UserLocationFlag: 'B' }
],
selected_userlocationflag: { M_UserLocationFlagName: 'REGIONAL', M_UserLocationFlag: 'R' },
autocomplete_status: 0,
errors: []
},
mutations: {
update_autocomplete_status(state, val) {
state.autocomplete_status = val
},
update_branches(state, val) {
state.branches = val
},
update_selected_branch(state, val) {
state.selected_branch = val
},
update_regionals(state, val) {
state.regionals = val
},
update_selected_regional(state, val) {
state.selected_regional = val
},
update_selected_userlocationflag(state, val) {
state.selected_userlocationflag = val
},
update_dashboards(state, val) {
state.dashboards = val
},
update_selected_dashboard(state, val) {
state.selected_dashboard = val
},
update_act(state, val) {
state.act = val
},
update_error_code(state, val) {
state.error_code = val
},
update_error_name(state, val) {
state.error_name = val
},
update_error_clinic(state, val) {
state.error_clinic = val
},
update_error_dashboard(state, val) {
state.error_dashboard = val
},
update_errors(state, val) {
state.errors = val
},
update_show_all(state, val) {
state.show_all = val
},
update_lookup_error_message(state, status) {
state.lookup_error_message = status
},
update_lookup_usergroup(state, status) {
state.lookup_usergroup = status
},
update_usergroups(state, data) {
state.usergroups = data.records
state.total_usergroups = data.total
state.total_filter_usergroups = data.total_filter
},
update_selected_usergroup(state, val) {
state.selected_usergroup = val
},
update_save_status(state, val) {
state.save_status = val
},
update_save_error_message(state, val) {
state.save_error_message = val
},
update_dialog_form_usergroup(state, val) {
state.dialog_form_usergroup = val
},
update_dialog_edit_form_usergroup(state, val) {
state.dialog_edit_form_usergroup = val
},
update_alert_success(state, val) {
state.alert_success = val
},
update_msg_success(state, val) {
state.msg_success = val
},
update_reports(state, val) {
state.reports = val
},
update_selected_report(state, val) {
state.selected_report = val
},
update_staffs(state, val) {
state.staffs = val
},
update_selected_staff(state, val) {
state.selected_staff = val
},
update_samplestations(state, val) {
state.samplestations = val
},
update_selected_samplestation(state, val) {
state.selected_samplestation = val
},
update_usergroupnames(state, val) {
state.usergroupnames = val
},
update_selected_usergroupname(state, val) {
state.selected_usergroupname = val
},
update_approvelevels(state, val) {
state.approvelevels = val
},
update_divisions(state, val) {
state.divisions = val
},
update_get_data_status(state, val) {
state.get_data_status = val
}
},
actions: {
async lookup(context, prm) {
context.commit("update_lookup_usergroup", 1)
try {
let resp = await api.lookup(one_token(), prm.search, prm.all)
if (resp.status != "OK") {
context.commit("update_lookup_usergroup", 3)
context.commit("update_lookup_error_message", resp.message)
} else {
context.commit("update_lookup_usergroup", 2)
context.commit("update_lookup_error_message", "")
let data = {
records: resp.data.records,
total: resp.data.total,
total_filter: resp.data.total_filter
}
context.commit("update_usergroups", data)
}
} catch (e) {
context.commit("update_lookup_usergroup", 3)
context.commit("update_lookup_error_message", e.message)
}
},
async getdashboards(context, prm) {
context.commit("update_lookup_usergroup", 1)
try {
console.log("dasdsa")
prm.token = one_token()
console.log(prm)
let resp = await api.getdashboards(prm)
if (resp.status != "OK") {
context.commit("update_lookup_usergroup", 3)
context.commit("update_lookup_error_message", resp.message)
} else {
context.commit("update_lookup_usergroup", 2)
context.commit("update_lookup_error_message", "")
let data = {
records: resp.data.records,
total: resp.data.total
}
context.commit("update_dashboards", data.records)
if (prm.cat === 'new') {
if (data.records.length > 0)
context.commit("update_selected_dashboard", data.records[0])
else
context.commit("update_selected_dashboard", {})
}
else {
var xdata = data.records
var idx = _.findIndex(xdata, function (o) { return o.url == prm.dashboard })
context.commit("update_selected_dashboard", data.records[idx])
}
}
} catch (e) {
context.commit("update_lookup_usergroup", 3)
context.commit("update_lookup_error_message", e.message)
}
},
async save(context, prm) {
context.commit("update_save_status", 1)
context.commit("update_error_name", false)
context.commit("update_error_dashboard", false)
context.commit("update_error_clinic", false)
try {
prm.token = one_token()
let resp = await api.save(prm)
if (resp.status != "OK") {
context.commit("update_save_status", 3)
context.commit("update_save_error_message", resp.message)
} else {
context.commit("update_save_status", 2)
context.commit("update_save_error_message", resp.message)
context.commit("update_save_error_message", resp.message)
var data = {
records: resp.data.records,
total: resp.data.total
}
if (data.total !== -1) {
context.commit("update_errors", [])
context.commit("update_alert_success", true)
context.commit("update_dialog_form_usergroup", false)
var msg = "User Group " + prm.name + " sudah tersimpan dong ..."
context.commit("update_msg_success", msg)
context.dispatch("lookup", { search: "", all: context.show_all })
} else {
context.commit("update_errors", resp.data.errors)
}
}
} catch (e) {
context.commit("update_save_status", 3)
context.commit("update_save_error_message", e.message)
console.log(e)
}
},
async update(context, prm) {
context.commit("update_save_status", 1)
context.commit("update_error_name", false)
context.commit("update_error_dashboard", false)
context.commit("update_error_clinic", false)
try {
prm.token = one_token()
let resp = await api.update(prm)
if (resp.status != "OK") {
context.commit("update_save_status", 3)
context.commit("update_save_error_message", resp.message)
} else {
context.commit("update_save_status", 2)
context.commit("update_save_error_message", resp.message)
context.commit("update_save_error_message", resp.message)
let data = {
records: resp.data.records,
total: resp.data.total
}
if (data.total !== -1) {
context.commit("update_error_name", false)
context.commit("update_error_dashboard", false)
context.commit("update_error_clinic", false)
context.commit("update_alert_success", true)
context.commit("update_dialog_form_usergroup", false)
var msg = "User Group " + prm.name + " sudah terupdate dong ..."
context.commit("update_msg_success", msg)
context.dispatch("lookup", { search: "", all: context.show_all })
} else {
if (resp.data.errorcode === 'Y') {
context.commit("update_error_code", true)
}
if (resp.data.errorname === 'Y') {
context.commit("update_error_name", true)
}
}
}
} catch (e) {
context.commit("update_save_status", 3)
context.commit("update_save_error_message", e.message)
console.log(e)
}
},
async delete(context, prm) {
context.commit("update_save_status", 1)
try {
let resp = await api.xdelete(one_token(), prm.usergroupid)
if (resp.status != "OK") {
context.commit("update_save_status", 3)
context.commit("update_save_error_message", resp.message)
} else {
context.commit("update_save_status", 2)
context.commit("update_save_error_message", resp.message)
context.commit("update_alert_success", true)
var msg = "Schedule " + prm.usergroupname + " sudah dihapus dong"
context.commit("update_msg_success", msg)
context.commit("update_alert_success", true)
context.commit("update_selected_usergroup", {})
context.dispatch("lookup", { search: "" })
context.commit("user/update_usergroup_user", [], { root: true })
}
} catch (e) {
context.commit("update_save_status", 3)
console.log(e)
}
},
async getreportsample(context) {
context.commit("update_get_data_status", 1)
try {
let resp = await api.getreportsample(one_token())
if (resp.status != "OK") {
context.commit("update_get_data_status", 3)
} else {
context.commit("update_get_data_status", 2)
let data = {
records: resp.data.records,
total: resp.data.total
}
context.commit("update_staffs", data.records.staffs)
context.commit("update_reports", data.records.reports)
context.commit("update_regionals", data.records.regionals)
// context.commit("update_samplestations",data.records.samplestations)
context.commit("update_usergroupnames", data.records.usergroupnames)
}
} catch (e) {
context.commit("update_get_data_status", 3)
}
},
async search_regional(context, prm) {
context.commit("update_autocomplete_status", 1)
try {
prm.token = one_token()
let resp = await api.search_regional(prm)
if (resp.status != "OK") {
context.commit("update_autocomplete_status", 3)
} else {
context.commit("update_autocomplete_status", 2)
let data = {
records: resp.data.records,
total: resp.data.total
}
context.commit("update_regionals", resp.data.records)
}
} catch (e) {
context.commit("update_autocomplete_status", 3)
}
},
async search_branch(context, prm) {
context.commit("update_autocomplete_status", 1)
console.log(prm)
try {
prm.token = one_token()
let resp = await api.search_branch(prm)
if (resp.status != "OK") {
context.commit("update_autocomplete_status", 3)
} else {
context.commit("update_autocomplete_status", 2)
let data = {
records: resp.data.records,
total: resp.data.total
}
context.commit("update_branches", resp.data.records)
}
} catch (e) {
context.commit("update_autocomplete_status", 3)
}
},
async getapprovelevel(context) {
// context.commit("update_autocomplete_status", 1)
try {
let prm = {}
prm.token = one_token()
let resp = await api.getapprovelevel(prm)
if (resp.status != "OK") {
// context.commit("update_autocomplete_status", 3)
} else {
// context.commit("update_autocomplete_status", 2)
let data = {
records: resp.data.records,
total: resp.data.total
}
context.commit("update_approvelevels", data.records)
}
} catch (e) {
// context.commit("update_autocomplete_status", 3)
}
},
async getdivision(context) {
// context.commit("update_autocomplete_status", 1)
try {
let prm = {}
prm.token = one_token()
let resp = await api.getdivision(prm)
if (resp.status != "OK") {
// context.commit("update_autocomplete_status", 3)
} else {
// context.commit("update_autocomplete_status", 2)
let data = {
records: resp.data.records,
total: resp.data.total
}
context.commit("update_divisions", data.records)
}
} catch (e) {
// context.commit("update_autocomplete_status", 3)
}
},
}
}

0
test/vuex/one-md-usergroup-user-v6/mutation.js Normal file
View File

25
test/vuex/one-md-usergroup-user-v6/store.js Normal file
View File

@@ -0,0 +1,25 @@
// State
// data ...
// Mutations
//
//
// Actions
import usergroup from "./modules/usergroup.js";
import user from "./modules/user.js";
import system from "../../../apps/modules/system/system.js";
export const store = new Vuex.Store({
modules: {
usergroup: usergroup,
user: user,
system:system
},
state: {
},
mutations: {
},
actions: {
}
});