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

close #1414 Fixed: Re-sort select options.

Browse Source
This commit is contained in:
Cüneyt Şentürk
2020-04-18 18:44:08 +03:00
parent ec07675437
commit b6d471001e
1 changed files with 105 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

134
resources/assets/js/components/AkauntingSelect.vue
View File

@ -51,14 +51,15 @@
</span> </span>
</template> </template>
<el-option v-if="!group" v-for="(label, value) in selectOptions" <el-option v-if="!group" v-for="(option, key) in selectOptions"
:key="value" :key="key"
:label="label" :label="option.value"
:value="value"> :value="option.key">
<span class="float-left">{{ label }}</span> <span class="float-left">{{ option.value }}</span>
<span class="badge badge-pill badge-success float-right mt-2" v-if="new_options[value]">{{ new_text }}</span> <span class="badge badge-pill badge-success float-right mt-2" v-if="new_options[option.key]">{{ new_text }}</span>
</el-option> </el-option>
<!-- Todo sortable -->
<el-option-group <el-option-group
v-if="group" v-if="group"
v-for="(options, name) in selectOptions" v-for="(options, name) in selectOptions"
@ -124,12 +125,12 @@
</span> </span>
</template> </template>
<el-option v-if="!group" v-for="(label, value) in selectOptions" <el-option v-if="!group" v-for="(option, key) in selectOptions"
:key="value" :key="key"
:label="label" :label="option.value"
:value="value"> :value="option.key">
<span class="float-left">{{ label }}</span> <span class="float-left">{{ option.value }}</span>
<span class="badge badge-pill badge-success float-right mt-2" v-if="new_options[value]">{{ new_text }}</span> <span class="badge badge-pill badge-success float-right mt-2" v-if="new_options[option.key]">{{ new_text }}</span>
</el-option> </el-option>
<el-option-group <el-option-group
@ -197,14 +198,15 @@
</span> </span>
</template> </template>
<el-option v-if="!group" v-for="(label, value) in selectOptions" <el-option v-if="!group" v-for="(option, key) in selectOptions"
:key="value" :key="key"
:label="label" :label="option.value"
:value="value"> :value="option.key">
<span class="float-left">{{ label }}</span> <span class="float-left">{{ option.value }}</span>
<span class="badge badge-pill badge-success float-right mt-2" v-if="new_options[value]">{{ new_text }}</span> <span class="badge badge-pill badge-success float-right mt-2" v-if="new_options[option.key]">{{ new_text }}</span>
</el-option> </el-option>
<!-- Todo sortable -->
<el-option-group <el-option-group
v-if="group" v-if="group"
v-for="(options, name) in selectOptions" v-for="(options, name) in selectOptions"
@ -270,14 +272,15 @@
</span> </span>
</template> </template>
<el-option v-if="!group" v-for="(label, value) in selectOptions" <el-option v-if="!group" v-for="(option, key) in selectOptions"
:key="value" :key="key"
:label="label" :label="option.value"
:value="value"> :value="option.key">
<span class="float-left">{{ label }}</span> <span class="float-left">{{ option.value }}</span>
<span class="badge badge-pill badge-success float-right mt-2" v-if="new_options[value]">{{ new_text }}</span> <span class="badge badge-pill badge-success float-right mt-2" v-if="new_options[option.key]">{{ new_text }}</span>
</el-option> </el-option>
<!-- Todo sortable -->
<el-option-group <el-option-group
v-if="group" v-if="group"
v-for="(options, name) in selectOptions" v-for="(options, name) in selectOptions"
@ -343,14 +346,15 @@
</span> </span>
</template> </template>
<el-option v-if="!group" v-for="(label, value) in selectOptions" <el-option v-if="!group" v-for="(option, key) in selectOptions"
:key="value" :key="key"
:label="label" :label="option.value"
:value="value"> :value="option.key">
<span class="float-left">{{ label }}</span> <span class="float-left">{{ option.value }}</span>
<span class="badge badge-pill badge-success float-right mt-2" v-if="new_options[value]">{{ new_text }}</span> <span class="badge badge-pill badge-success float-right mt-2" v-if="new_options[option.key]">{{ new_text }}</span>
</el-option> </el-option>
<!-- Todo sortable -->
<el-option-group <el-option-group
v-if="group" v-if="group"
v-for="(options, name) in selectOptions" v-for="(options, name) in selectOptions"
@ -451,6 +455,12 @@ export default {
}, },
options: null, options: null,
option_sortable: {
type: String,
default: 'value',
description: "Option Sortable type (key|value)"
},
model: { model: {
type: [String, Number, Array, Object], type: [String, Number, Array, Object],
default: '', default: '',
@ -537,6 +547,37 @@ export default {
}, },
created() { created() {
if (this.group != true && Object.keys(this.options).length) {
let sortable = [];
let option_sortable = this.option_sortable;
for (var option_key in this.options) {
sortable.push({
'key' : option_key,
'value': this.options[option_key]
});
}
if (option_sortable == 'value') {
sortable.sort(function(a, b) {
var sortableA = a[option_sortable].toUpperCase();
var sortableB = b[option_sortable].toUpperCase();
let comparison = 0;
if (sortableA > sortableB) {
comparison = 1;
} else if (sortableA < sortableB) {
comparison = -1;
}
return comparison;
});
}
this.options = sortable;
}
this.new_options = {}; this.new_options = {};
}, },
@ -744,6 +785,39 @@ export default {
} }
}, },
selectOptions: function (options) {
if (this.group != true && Object.keys(options).length) {
let sortable = [];
let option_sortable = this.option_sortable;
for (var option_key in options) {
sortable.push({
'key' : option_key,
'value': options[option_key]
});
}
if (this.option_sortable == 'value') {
sortable.sort(function(a, b) {
var sortableA = a[option_sortable].toUpperCase();
var sortableB = b[option_sortable].toUpperCase();
let comparison = 0;
if (sortableA > sortableB) {
comparison = 1;
} else if (sortableA < sortableB) {
comparison = -1;
}
return comparison;
});
}
this.selectOptions = sortable;
}
},
real_model: function (value) { real_model: function (value) {
if (this.multiple) { if (this.multiple) {
return; return;