cief/unity
1
0
Fork 0
mirror of https://gitlab.com/CIEFWorldwideSdnBhd/unity.git synced 2026-08-19 12:24:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

contract template obligation contract template dependency UI

Browse Source
This commit is contained in:
glovetleong
2021-07-18 17:29:45 +08:00
parent fca442fb7c
commit 175b99d6dc
20 changed files with 914 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/user/langs/en.js
Vendored
+3 -1
View File
@@ -6,7 +6,7 @@ const En = {
'password': 'password',
'complete_day_range': 'complete day range',
'sequence': 'sequence',
'depend_contract_template_id': 'depend contract template',
// Error
'incorrect_account_or_password': 'Incorrect account or password',
@@ -22,10 +22,12 @@ const En = {
'the_content_must_be_at_least_10_characters': 'The %(att)s must be at least 10 characters',
'the_content_must_be_less_than_100': 'The %(att)s must be less than 100',
'status_error': 'status not allow update',
'obligation_depend_error': 'contract template obligation dependency error',
// toasted
'have_been_successfully_created': '%(value[0].att)s ( %(value[1].att)s ) have been successfully created',
'have_been_successfully_updated': '%(value[0].att)s ( %(value[1].att)s ) have been successfully updated',
'have_been_successfully_deleted': '%(value[0].att)s ( %(value[1].att)s ) have been successfully deleted',
'have_been_successfully_imported': '%(value[0].att)s have been successfully imported',
'error_mass_import': '%(value[0].att)s excel file have error when import',
};
resources/js/user/pages/contract-template-obligation-contract-template-denpendencies/DeleteModal.vue
+69
View File
@@ -0,0 +1,69 @@
<template>
<div>
<b-modal :id="'contract-template-obligation-contract-template-dependency-delete-modal'" size="lg" scrollable @shown="getExistDataList" @hidden="resetData">
<template v-slot:modal-title>
<h4 class="modal-title">Contract Template Obligation Contract Template Dependency Delete</h4>
</template>
<p class="text-center">Are you sure want to delete?</p>
<template v-slot:modal-footer>
<form @submit.prevent="onSubmit">
<v-btn
:loading="loading"
:disabled="loading"
type="submit"
color="primary"
class="white--text"
@click="loader = 'loading'"
>
Submit
</v-btn>
</form>
</template>
</b-modal>
</div>
</template>
<script type="text/javascript">
export default {
props: {
this_contract_template_obligation_contract_template_dependency : Object,
},
data() {
let vm = this;
return {
form: new Form({}),
loader: null,
loading: false
}
},
methods: {
getExistDataList() {
let vm = this;
},
resetData() {
let vm = this;
vm.loader = null;
vm.loading = false;
},
onSubmit() {
let vm = this;
const l = vm.loader
vm[l] = !vm[l];
let method = 'delete';
let url = 'contract-template-obligation-contract-template-dependency/delete/' + vm.this_contract_template_obligation_contract_template_dependency .hash_id;
General.onComplete(url, vm.form, method, true)
.then(data => {
vm[l] = false
vm.loader = null;
vm.$bvModal.hide('contract-template-obligation-contract-template-dependency-delete-modal');
vm.$emit('refresh');
General.toastedMessage('delete', 'Contract Template Obligation Contract Template Dependency', data.data.hash_id);
})
.catch(function (error) {
vm[l] = false
vm.loader = null;
});
},
}
}
</script>
resources/js/user/pages/contract-template-obligation-contract-template-denpendencies/FormModal.vue
+98
View File
@@ -0,0 +1,98 @@
<template>
<div>
<b-modal :id="'contract-template-obligation-contract-template-dependency-form-modal'" size="lg" scrollable @shown="getExistDataList" @hidden="resetData">
<template v-slot:modal-title>
<h4 class="modal-title">Contract Template Obligation Dependency Contract Template Create</h4>
</template>
<contract-template-obligation-form-table
:selected_contract_template_obligation="[this_contract_template_obligation]"
:no_convert="true"
>
</contract-template-obligation-form-table>
<!-- ///////////////////////////////////////////////////// -->
<select-option-auto-complete-input
:input_name="'depend_contract_template_id'"
:form="form"
:placeholder="''"
:label="'Depend on Contract Template*'"
:endpoint="'contract-template/list'"
:params="{}"
:search_field="'name'"
:limit="1"
:return_key="'hash_id'"
></select-option-auto-complete-input>
<!-- ///////////////////////////////////////////////////// -->
<template v-slot:modal-footer>
<form @submit.prevent="onSubmit">
<v-btn
:loading="loading"
:disabled="loading"
type="submit"
color="primary"
class="white--text"
@click="loader = 'loading'"
>
Submit
</v-btn>
</form>
</template>
</b-modal>
</div>
</template>
<script type="text/javascript">
import SelectOptionAutoCompleteInput from '../../components/inputs/SelectOptionAutoCompleteInput';
import ContractTemplateObligationFormTable from '../contract-template-obligations/FormTable';
export default {
props: {
this_contract_template_obligation: Object,
},
components: {
SelectOptionAutoCompleteInput,
ContractTemplateObligationFormTable
},
data() {
let vm = this;
return {
form: new Form({
contract_template_obligation_id: [],
depend_contract_template_id: []
}),
loader: null,
loading: false
}
},
methods: {
getExistDataList() {
let vm = this;
},
resetData() {
let vm = this;
vm.form.contract_template_obligation_id = [];
vm.form.depend_contract_template_id = [];
vm.loader = null;
vm.loading = false;
},
onSubmit() {
let vm = this;
vm.form.contract_template_obligation_id = [vm.this_contract_template_obligation.hash_id];
const l = vm.loader
vm[l] = !vm[l];
let method = 'post';
let url = 'contract-template-obligation-contract-template-dependency/store';
General.onComplete(url, vm.form, method, true)
.then(data => {
vm[l] = false
vm.loader = null;
vm.$bvModal.hide('contract-template-obligation-contract-template-dependency-form-modal');
vm.$emit('refresh');
General.toastedMessage('create', 'Contract Template Obligation Contract Template Dependency', data.data.hash_id);
})
.catch(function (error) {
vm[l] = false
vm.loader = null;
});
},
}
}
</script>
resources/js/user/pages/contract-template-obligation-contract-template-denpendencies/TableModal.vue
+193
View File
@@ -0,0 +1,193 @@
<template>
<div>
<b-modal :id="'contract-template-obligation-dependency-contract-template-table-modal'" size="lg" scrollable @shown="getExistDataList" @hidden="resetData">
<template v-slot:modal-title>
<h4 class="modal-title">Contract Template Obligation Conntract Template Dependency List</h4>
</template>
<b-row class="mb-2" no-gutters>
<b-col md="6"></b-col>
<b-col md="6" v-if="permission_list.includes('add contract_template_obligation_dependency')" class="text-right">
<button
class="btn btn-primary"
tag="button"
@click="contractTemplateObligationContractTemplateDependencyCreateModalToggle()"
>
<i class="fa fa-plus"></i>
</button>
</b-col>
</b-row>
<table class="table table-striped">
<thead>
<paginate-nav
v-if="contract_template_obligation_contract_template_dependency_list.page"
:colspan="colspan"
:pervious_page="contract_template_obligation_contract_template_dependency_list.page.pervious_page"
:next_page="contract_template_obligation_contract_template_dependency_list.page.next_page"
@clicked="dataHandler"
></paginate-nav>
<tr>
<th>#</th>
<th>Contract Obligation Template</th>
<th>Depend On Contract Template</th>
<th>Status</th>
<th>Created</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr v-if="contract_template_obligation_contract_template_dependency_list.data" v-for="(contract, $index) in contract_template_obligation_contract_template_dependency_list.data" :key="$index">
<td>{{ $index + 1 }}</td>
<td>
{{ contract.contract_template_obligation_list[0].name }}
</td>
<td>
{{ contract.depend_contract_template_list[0].name }}
</td>
<td>
<span :class="'badge badge-' + contract.status[0].color">{{ contract.status[0].name }}</span>
</td>
<td>
{{ contract.created_at }}
</td>
<td>
<button
v-if="permission_list.includes('delete contract_template_obligation_dependency')"
class="btn btn-xs btn-light"
tag="button"
@click="contractTemplateObligationContractTemplateDependencyDeleteModalToggle(contract)"
>
<i class="fa fa-trash-alt"></i>
</button>
</td>
</tr>
<tr v-if="!contract_template_obligation_contract_template_dependency_list.data || !contract_template_obligation_contract_template_dependency_list.data[0]">
<td class="text-center" :colspan="colspan">
<vue-element-loading v-if="loading" :active="true" spinner="line-scale" color="var(--primary)"></vue-element-loading>
<span v-if="!loading">Empty</span>
</td>
</tr>
</tbody>
<tfoot v-if="contract_template_obligation_contract_template_dependency_list.page">
<paginate-nav
:colspan="colspan"
:pervious_page="contract_template_obligation_contract_template_dependency_list.page.pervious_page"
:next_page="contract_template_obligation_contract_template_dependency_list.page.next_page"
@clicked="dataHandler"
>
</paginate-nav>
<tr>
<td class="text-right" :colspan="colspan">
<small>Total: {{ contract_template_obligation_contract_template_dependency_list.total }}</small>
</td>
</tr>
</tfoot>
</table>
<template v-slot:modal-footer>
<form>
<v-btn
depressed
small
type="button"
color="warning"
class="m-0"
@click="$bvModal.hide('contract-template-obligation-table-modal')"
>
Close
</v-btn>
</form>
</template>
</b-modal>
<contract-template-obligation-contract-template-dependency-form-modal
:this_contract_template_obligation="this_contract_template_obligation"
@refresh="getcontractTemplateObligationContractTemplateDependencyList()"
></contract-template-obligation-contract-template-dependency-form-modal>
<contract-template-obligation-contract-template-dependency-delete-modal
:this_contract_template_obligation_contract_template_dependency="selected_contract_template_obligation_contract_template_dependency"
@refresh="getcontractTemplateObligationContractTemplateDependencyList()"
></contract-template-obligation-contract-template-dependency-delete-modal>
</div>
</template>
<script type="text/javascript">
import PaginateNav from '../../components/paginations/NextPerviousPagination';
import contractTemplateObligationContractTemplateDependencyFormModal from './FormModal';
import ContractTemplateObligationContractTemplateDependencyDeleteModal from './DeleteModal';
export default {
props: {
this_contract_template_obligation: Object,
permission_list: Array
},
components: {
PaginateNav,
contractTemplateObligationContractTemplateDependencyFormModal,
ContractTemplateObligationContractTemplateDependencyDeleteModal
},
data() {
let vm = this;
return {
form: new Form({
contract_template_obligation_id: [],
page: ''
}),
colspan: 7,
loading: true,
contract_template_obligation_contract_template_dependency_list: [],
selected_contract_template_obligation_contract_template_dependency : {},
mode: ''
}
},
methods: {
contractTemplateObligationContractTemplateDependencyCreateModalToggle() {
let vm = this;
vm.$bvModal.show('contract-template-obligation-contract-template-dependency-form-modal');
},
contractTemplateObligationContractTemplateDependencyDeleteModalToggle(selected_contract_template_obligation_contract_template_dependency) {
let vm = this;
vm.selected_contract_template_obligation_contract_template_dependency = selected_contract_template_obligation_contract_template_dependency;
vm.$bvModal.show('contract-template-obligation-contract-template-dependency-delete-modal');
},
getExistDataList() {
let vm = this;
vm.getcontractTemplateObligationContractTemplateDependencyList();
},
resetData() {
let vm = this;
vm.form.contract_template_oblgation_id = [];
vm.form.page = '';
vm.contract_template_obligation_contract_template_dependency_list = [];
vm.loader = null;
vm.loading = false;
vm.$emit('refresh');
},
getcontractTemplateObligationContractTemplateDependencyList() {
let vm = this;
let url = 'contract-template-obligation-contract-template-dependency/list';
vm.tableCall(url);
},
tableCall(url) {
let vm = this;
vm.loading = true;
vm.form.contract_template_obligation_id = [vm.this_contract_template_obligation.hash_id];
General.tableCall(url, vm.form, 0, '', false).then(response => {
vm.loading = false;
vm.contract_template_obligation_contract_template_dependency_list = response;
vm.convertStatus();
});
},
convertStatus() {
let vm = this;
vm.contract_template_obligation_contract_template_dependency_list.data.forEach(function(element, index) {
element.status = General.initFormArray(Constants.contract_template_obligation_dependency_status, [element.status]);
});
},
dataHandler(url) {
let vm = this;
vm.form.page = General.getStringParam('page', url);
vm.tableCall('contract-template-obligation-contract-template-dependency/list');
},
}
}
</script>
resources/js/user/pages/contract-template-obligation-denpendencies/DeleteModal.vue
+69
View File
@@ -0,0 +1,69 @@
<template>
<div>
<b-modal :id="'contract-template-obligation-dependency-delete-modal'" size="lg" scrollable @shown="getExistDataList" @hidden="resetData">
<template v-slot:modal-title>
<h4 class="modal-title">Contract Template Obligation Dependency Delete</h4>
</template>
<p class="text-center">Are you sure want to delete?</p>
<template v-slot:modal-footer>
<form @submit.prevent="onSubmit">
<v-btn
:loading="loading"
:disabled="loading"
type="submit"
color="primary"
class="white--text"
@click="loader = 'loading'"
>
Submit
</v-btn>
</form>
</template>
</b-modal>
</div>
</template>
<script type="text/javascript">
export default {
props: {
this_contract_template_obligation_dependency: Object,
},
data() {
let vm = this;
return {
form: new Form({}),
loader: null,
loading: false
}
},
methods: {
getExistDataList() {
let vm = this;
},
resetData() {
let vm = this;
vm.loader = null;
vm.loading = false;
},
onSubmit() {
let vm = this;
const l = vm.loader
vm[l] = !vm[l];
let method = 'delete';
let url = 'contract-template-obligation-dependency/delete/' + vm.this_contract_template_obligation_dependency.hash_id;
General.onComplete(url, vm.form, method, true)
.then(data => {
vm[l] = false
vm.loader = null;
vm.$bvModal.hide('contract-template-obligation-dependency-delete-modal');
vm.$emit('refresh');
General.toastedMessage('delete', 'Contract Template Obligation Dependency', data.data.hash_id);
})
.catch(function (error) {
vm[l] = false
vm.loader = null;
});
},
}
}
</script>
resources/js/user/pages/contract-template-obligation-denpendencies/FormModal.vue
+100
View File
@@ -0,0 +1,100 @@
<template>
<div>
<b-modal :id="'contract-template-obligation-dependency-form-modal'" size="lg" scrollable @shown="getExistDataList" @hidden="resetData">
<template v-slot:modal-title>
<h4 class="modal-title">Contract Template Obligation Dependency Create</h4>
</template>
<contract-template-obligation-form-table
:selected_contract_template_obligation="[this_contract_template_obligation]"
:no_convert="true"
>
</contract-template-obligation-form-table>
<!-- ///////////////////////////////////////////////////// -->
<select-option-auto-complete-input
:input_name="'depend_contract_template_obligation_id'"
:form="form"
:placeholder="''"
:label="'Depend on Contract Template Obligation*'"
:endpoint="'contract-template-obligation/list'"
:params="{
'not_id': [this_contract_template_obligation.hash_id]
}"
:search_field="'name'"
:limit="1"
:return_key="'hash_id'"
></select-option-auto-complete-input>
<!-- ///////////////////////////////////////////////////// -->
<template v-slot:modal-footer>
<form @submit.prevent="onSubmit">
<v-btn
:loading="loading"
:disabled="loading"
type="submit"
color="primary"
class="white--text"
@click="loader = 'loading'"
>
Submit
</v-btn>
</form>
</template>
</b-modal>
</div>
</template>
<script type="text/javascript">
import SelectOptionAutoCompleteInput from '../../components/inputs/SelectOptionAutoCompleteInput';
import ContractTemplateObligationFormTable from '../contract-template-obligations/FormTable';
export default {
props: {
this_contract_template_obligation: Object,
},
components: {
SelectOptionAutoCompleteInput,
ContractTemplateObligationFormTable
},
data() {
let vm = this;
return {
form: new Form({
contract_template_obligation_id: [],
depend_contract_template_obligation_id: []
}),
loader: null,
loading: false
}
},
methods: {
getExistDataList() {
let vm = this;
},
resetData() {
let vm = this;
vm.form.contract_template_obligation_id = [];
vm.form.depend_contract_template_obligation_id = [];
vm.loader = null;
vm.loading = false;
},
onSubmit() {
let vm = this;
vm.form.contract_template_obligation_id = [vm.this_contract_template_obligation.hash_id];
const l = vm.loader
vm[l] = !vm[l];
let method = 'post';
let url = 'contract-template-obligation-dependency/store';
General.onComplete(url, vm.form, method, true)
.then(data => {
vm[l] = false
vm.loader = null;
vm.$bvModal.hide('contract-template-obligation-dependency-form-modal');
vm.$emit('refresh');
General.toastedMessage('create', 'Contract Template Obligation Dependency', data.data.hash_id);
})
.catch(function (error) {
vm[l] = false
vm.loader = null;
});
},
}
}
</script>
resources/js/user/pages/contract-template-obligation-denpendencies/TableModal.vue
+193
View File
@@ -0,0 +1,193 @@
<template>
<div>
<b-modal :id="'contract-template-obligation-dependency-table-modal'" size="lg" scrollable @shown="getExistDataList" @hidden="resetData">
<template v-slot:modal-title>
<h4 class="modal-title">Contract Template Obligation Dependency List</h4>
</template>
<b-row class="mb-2" no-gutters>
<b-col md="6"></b-col>
<b-col md="6" v-if="permission_list.includes('add contract_template_obligation_dependency')" class="text-right">
<button
class="btn btn-primary"
tag="button"
@click="contractTemplateObligationDependencyCreateModalToggle()"
>
<i class="fa fa-plus"></i>
</button>
</b-col>
</b-row>
<table class="table table-striped">
<thead>
<paginate-nav
v-if="contract_template_obligation_dependency_list.page"
:colspan="colspan"
:pervious_page="contract_template_obligation_dependency_list.page.pervious_page"
:next_page="contract_template_obligation_dependency_list.page.next_page"
@clicked="dataHandler"
></paginate-nav>
<tr>
<th>#</th>
<th>Contract Obligation Template</th>
<th>Depend On Contract Obligation Template</th>
<th>Status</th>
<th>Created</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr v-if="contract_template_obligation_dependency_list.data" v-for="(contract, $index) in contract_template_obligation_dependency_list.data" :key="$index">
<td>{{ $index + 1 }}</td>
<td>
{{ contract.contract_template_obligation_list[0].name }}
</td>
<td>
{{ contract.depend_contract_template_obligation_list[0].name }}
</td>
<td>
<span :class="'badge badge-' + contract.status[0].color">{{ contract.status[0].name }}</span>
</td>
<td>
{{ contract.created_at }}
</td>
<td>
<button
v-if="permission_list.includes('delete contract_template_obligation_dependency')"
class="btn btn-xs btn-light"
tag="button"
@click="contractTemplateObligationDependencyDeleteModalToggle(contract)"
>
<i class="fa fa-trash-alt"></i>
</button>
</td>
</tr>
<tr v-if="!contract_template_obligation_dependency_list.data || !contract_template_obligation_dependency_list.data[0]">
<td class="text-center" :colspan="colspan">
<vue-element-loading v-if="loading" :active="true" spinner="line-scale" color="var(--primary)"></vue-element-loading>
<span v-if="!loading">Empty</span>
</td>
</tr>
</tbody>
<tfoot v-if="contract_template_obligation_dependency_list.page">
<paginate-nav
:colspan="colspan"
:pervious_page="contract_template_obligation_dependency_list.page.pervious_page"
:next_page="contract_template_obligation_dependency_list.page.next_page"
@clicked="dataHandler"
>
</paginate-nav>
<tr>
<td class="text-right" :colspan="colspan">
<small>Total: {{ contract_template_obligation_dependency_list.total }}</small>
</td>
</tr>
</tfoot>
</table>
<template v-slot:modal-footer>
<form>
<v-btn
depressed
small
type="button"
color="warning"
class="m-0"
@click="$bvModal.hide('contract-template-obligation-table-modal')"
>
Close
</v-btn>
</form>
</template>
</b-modal>
<contract-template-obligation-dependency-form-modal
:this_contract_template_obligation="this_contract_template_obligation"
@refresh="getContractTemplateObligationDependencyList()"
></contract-template-obligation-dependency-form-modal>
<contract-template-obligation-dependency-delete-modal
:this_contract_template_obligation_dependency="selected_contract_template_obligation_dependency"
@refresh="getContractTemplateObligationDependencyList()"
></contract-template-obligation-dependency-delete-modal>
</div>
</template>
<script type="text/javascript">
import PaginateNav from '../../components/paginations/NextPerviousPagination';
import ContractTemplateObligationDependencyFormModal from './FormModal';
import ContractTemplateObligationDependencyDeleteModal from './DeleteModal';
export default {
props: {
this_contract_template_obligation: Object,
permission_list: Array
},
components: {
PaginateNav,
ContractTemplateObligationDependencyFormModal,
ContractTemplateObligationDependencyDeleteModal
},
data() {
let vm = this;
return {
form: new Form({
contract_template_obligation_id: [],
page: ''
}),
colspan: 7,
loading: true,
contract_template_obligation_dependency_list: [],
selected_contract_template_obligation_dependency : {},
mode: ''
}
},
methods: {
contractTemplateObligationDependencyCreateModalToggle() {
let vm = this;
vm.$bvModal.show('contract-template-obligation-dependency-form-modal');
},
contractTemplateObligationDependencyDeleteModalToggle(selected_contract_template_obligation_dependency) {
let vm = this;
vm.selected_contract_template_obligation_dependency = selected_contract_template_obligation_dependency;
vm.$bvModal.show('contract-template-obligation-dependency-delete-modal');
},
getExistDataList() {
let vm = this;
vm.getContractTemplateObligationDependencyList();
},
resetData() {
let vm = this;
vm.form.contract_template_oblgation_id = [];
vm.form.page = '';
vm.contract_template_obligation_dependency_list = [];
vm.loader = null;
vm.loading = false;
vm.$emit('refresh');
},
getContractTemplateObligationDependencyList() {
let vm = this;
let url = 'contract-template-obligation-dependency/list';
vm.tableCall(url);
},
tableCall(url) {
let vm = this;
vm.loading = true;
vm.form.contract_template_obligation_id = [vm.this_contract_template_obligation.hash_id];
General.tableCall(url, vm.form, 0, '', false).then(response => {
vm.loading = false;
vm.contract_template_obligation_dependency_list = response;
vm.convertStatus();
});
},
convertStatus() {
let vm = this;
vm.contract_template_obligation_dependency_list.data.forEach(function(element, index) {
element.status = General.initFormArray(Constants.contract_template_obligation_dependency_status, [element.status]);
});
},
dataHandler(url) {
let vm = this;
vm.form.page = General.getStringParam('page', url);
vm.tableCall('contract-template/list');
},
}
}
</script>
resources/js/user/pages/contract-template-obligations/FormTable.vue
+61
View File
@@ -0,0 +1,61 @@
<template>
<div class="mb-3">
<div>Contract Template</div>
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th style="width: 25%">Details</th>
<th>Contract Template</th>
<th>Sequence</th>
<th>Status</th>
<th>Created</th>
</tr>
</thead>
<tbody>
<tr v-if="selected_contract_template_obligation" v-for="(contract, $index) in selected_contract_template_obligation" :key="$index">
<td>{{ $index + 1 }}</td>
<td>
<div><b>Name</b>: {{ contract.name }}</div>
<div><b>Complete Day Range</b>: {{ contract.complete_day_range }}</div>
<div><b>Must Complete</b>: {{ contract.must_complete }}</div>
<div><b>Must Accept</b>: {{ contract.must_accept }}</div>
</td>
<td>
{{ contract.contract_template_list[0].name }}
</td>
<td>{{ contract.sequence }}</td>
<td>
<span :class="'badge badge-' + contract.status[0].color">{{ contract.status[0].name }}</span>
</td>
<td>
{{ contract.created_at }}
</td>
</tr>
</tbody>
</table>
</div>
</template>
<script>
export default {
props: {
selected_contract_template_obligation: Array,
no_convert: Boolean
},
methods : {
convertStatus() {
let vm = this;
vm.selected_contract_template_obligation.forEach(function(element, index) {
element.status = General.initFormArray(Constants.contract_template_obligation_status, [element.status]);
});
},
},
created() {
let vm = this;
if (!vm.no_convert) {
vm.convertStatus();
}
}
}
</script>
resources/js/user/pages/contract-template-obligations/TableModal.vue
+42 -2
View File
@@ -57,6 +57,24 @@
{{ contract.created_at }}
</td>
<td>
<button
v-if="permission_list.includes('view contract_template_obligation_dependency')"
class="btn btn-xs btn-light"
tag="button"
title="contract template obligation depedency"
@click="contractTemplateObligationDependencyTableModalToggle(contract)"
>
<i class="fa fa-directions"></i>
</button>
<button
v-if="permission_list.includes('view contract_template_obligation_dependency')"
class="btn btn-xs btn-light"
tag="button"
title="contract template obligation contract template depedency"
@click="contractTemplateObligationDependencyContractTemplateTableModalToggle(contract)"
>
<i class="fa fa-map-signs"></i>
</button>
<button
v-if="permission_list.includes('edit contract_template_obligation')"
class="btn btn-xs btn-light"
@@ -110,11 +128,21 @@
:mode="mode"
@refresh="getContractTemplateObligationList()"
></contract-template-obligation-form-modal>
<contract-template-obligation-dependency-table-modal
:this_contract_template_obligation="selected_contract_template_obligation"
:permission_list="permission_list"
></contract-template-obligation-dependency-table-modal>
<contract-template-obligation-contract-template-dependency-table-modal
:this_contract_template_obligation="selected_contract_template_obligation"
:permission_list="permission_list"
></contract-template-obligation-contract-template-dependency-table-modal>
</div>
</template>
<script type="text/javascript">
import PaginateNav from '../../components/paginations/NextPerviousPagination';
import ContractTemplateObligationFormModal from './FormModal';
import ContractTemplateObligationDependencyTableModal from '../contract-template-obligation-denpendencies/TableModal';
import ContractTemplateObligationContractTemplateDependencyTableModal from '../contract-template-obligation-contract-template-denpendencies/TableModal';
import Draggable from 'vuedraggable';
export default {
@@ -125,6 +153,8 @@
components: {
PaginateNav,
ContractTemplateObligationFormModal,
ContractTemplateObligationDependencyTableModal,
ContractTemplateObligationContractTemplateDependencyTableModal,
Draggable
},
data() {
@@ -151,9 +181,18 @@
contractTemplateObligationEditModalToggle(selected_contract_template_obligation) {
let vm = this;
vm.mode = 'edit';
vm.selected_contract_template_obligation = selected_contract_template_obligation;
vm.$bvModal.show('contract-template-obligation-form-modal');
},
contractTemplateObligationDependencyTableModalToggle(selected_contract_template_obligation) {
let vm = this;
vm.selected_contract_template_obligation = selected_contract_template_obligation;
vm.$bvModal.show('contract-template-obligation-dependency-table-modal');
},
contractTemplateObligationDependencyContractTemplateTableModalToggle(selected_contract_template_obligation) {
let vm = this;
vm.selected_contract_template_obligation = selected_contract_template_obligation;
vm.$bvModal.show('contract-template-obligation-dependency-contract-template-table-modal');
},
getExistDataList() {
let vm = this;
vm.getContractTemplateObligationList();
@@ -163,6 +202,7 @@
vm.form.contract_template_id = [];
vm.form.page = '';
vm.contract_template_obligation_list = [];
vm.drag_drop_contract_template_obligation_list = [];
vm.loader = null;
vm.loading = false;
vm.$emit('refresh');
@@ -177,7 +217,7 @@
vm.loading = true;
vm.form.contract_template_id = [vm.this_contract_template.hash_id];
General.tableCall(url, vm.form).then(response => {
General.tableCall(url, vm.form, 0, '', false).then(response => {
vm.loading = false;
vm.contract_template_obligation_list = response;
vm.drag_drop_contract_template_obligation_list = [];
resources/js/user/utilities/constants.js
Vendored
+34
View File
@@ -74,6 +74,40 @@ const Constant = {
'color': 'warning'
},
],
'contract_template_obligation_dependency_status': [
{
'id': 1,
'name': 'Active',
'color': 'primary'
},
{
'id': 2,
'name': 'De-active',
'color': 'danger'
},
{
'id': 9,
'name': 'Pending',
'color': 'warning'
},
],
'contract_template_obligation_contract_template_dependency_status': [
{
'id': 1,
'name': 'Active',
'color': 'primary'
},
{
'id': 2,
'name': 'De-active',
'color': 'danger'
},
{
'id': 9,
'name': 'Pending',
'color': 'warning'
},
],
'contract_status': [
{
'id': 1,
resources/js/user/utilities/form.js
Vendored
+3
View File
@@ -153,6 +153,9 @@ class Form {
else if(code[i] == 'CURRENT_PASSWORD_NOT_MATCH') {
return_message.push(Sprintf(General.lang('current_password_not_match'), value));
}
else if(code[i] == 'OBLIGATION_DEPEND_ERROR') {
return_message.push(Sprintf(General.lang('obligation_depend_error'), value));
}
else {
return_message.push(code[i]);
}
resources/js/user/utilities/general.js
Vendored
+3
View File
@@ -359,6 +359,9 @@ module.exports.toastedMessage = function(type, object, key) {
else if(type == 'edit') {
message = Sprintf(module.exports.lang('have_been_successfully_updated'), {value: value});
}
else if(type == 'delete') {
message = Sprintf(module.exports.lang('have_been_successfully_deleted'), {value: value});
}
Vue.toasted.success(message, {
icon : {