shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Widget add,edit vue refactoring

Browse Source
This commit is contained in:
Cüneyt Şentürk
2019-12-31 14:48:32 +03:00
parent 27cb3d001e
commit ff4d866654
4 changed files with 55 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
resources/assets/js/components/AkauntingWidget.vue
View File

@ -27,13 +27,13 @@
</span>
<el-select
class="select-primary"
v-model="form.widget_id" filterable
v-model="form.class" filterable
:placeholder="placeholder.type">
<el-option v-for="option in types"
<el-option v-for="(name, value) in types"
class="select-primary"
:key="option.name"
:label="option.name"
:value="option.id">
:key="name"
:label="name"
:value="value">
</el-option>
</el-select>
</base-input>
@ -122,47 +122,65 @@ export default {
},
props: {
show: Boolean,
show: {
type: Boolean,
default: false,
description: "Modal Status"
},
action: {
type: String,
default: 'create',
description: "Modal header title"
description: "Widget modal action create/edit"
},
title: {
type: String,
default: '',
description: "Modal header title"
},
text: {},
placeholder: {},
text: {
type: Object,
default: {},
description: "Widget form texts"
},
placeholder: {
type: Object,
default: {},
description: "Widget form placeholder"
},
name: {
type: String,
default: ''
default: '',
description: "Widget Name Field"
},
width: {
type: String,
default: ''
default: '',
description: "Widget Width Field"
},
type: {
type: String,
default: 'create',
description: "Modal header title"
default: '',
description: "Widget Class Field"
},
types: {
type: Object,
default: {},
description: "Widget Get Classes"
},
sort: {
type: String,
default: 'create',
description: "Modal header title"
type: Number,
default: 0,
description: "Widget Sort Field"
},
types: {},
dashboard_id: {
type: Number,
default: 0,
description: "Modal header title"
description: "Widget Dashboard Id"
},
widget_id: {
type: Number,
default: 0,
description: "Modal header title"
description: "Edit Widget ID"
},
},
@ -188,9 +206,9 @@ export default {
],
form: {
loading: false,
class: this.type,
name: this.name,
width: this.width,
widget_id: this.type,
sort: this.sort,
dashboard_id: this.dashboard_id
},

12
resources/assets/js/views/common/dashboard.js vendored
View File

@ -43,12 +43,12 @@ const dashboard = new Vue({
widget_modal: false,
widgets: {},
widget: {
id: 0,
name: '',
type: '',
class: '',
width: '',
action: 'create',
sort: 0,
widget_id: 0
},
filter_date: [],
};
@ -118,12 +118,12 @@ const dashboard = new Vue({
axios.get(url + '/common/widgets/' + widget_id + '/edit')
.then(function (response) {
self.widget.id = widget_id;
self.widget.name = response.data.name;
self.widget.type = response.data.widget_id;
self.widget.class = response.data.class;
self.widget.width = response.data.settings.width;
self.widget.action = 'edit';
self.widget.sort = response.data.sort;
self.widget.widget_id = widget_id;
self.widget_modal = true;
})
@ -142,12 +142,12 @@ const dashboard = new Vue({
this.widget_modal = false;
this.widget.id = 0;
this.widget.name = '';
this.widget.type = '';
this.widget.class = '';
this.widget.width = '';
this.widget.action = 'create';
this.widget.sort = 0;
this.widget.widget_id = 0;
},
onChangeFilterDate() {