close #1075 Added: add new button on selectbox.

This commit is contained in:
Cüneyt Şentürk 2020-01-18 12:01:14 +03:00
parent 1c53fe607e
commit 687d6354fe
7 changed files with 79 additions and 33 deletions

View File

@ -8,7 +8,7 @@
:placeholder="placeholder"> :placeholder="placeholder">
<div v-if="addNew.status && options.length != 0" class="el-select-dropdown__wrap" slot="empty"> <div v-if="addNew.status && options.length != 0" class="el-select-dropdown__wrap" slot="empty">
<p class="el-select-dropdown__empty"> <p class="el-select-dropdown__empty">
{{ noMatchingData }} {{ noMatchingDataText }}
</p> </p>
<ul class="el-scrollbar__view el-select-dropdown__list"> <ul class="el-scrollbar__view el-select-dropdown__list">
<li class="el-select-dropdown__item el-select__footer"> <li class="el-select-dropdown__item el-select__footer">
@ -24,7 +24,7 @@
<div v-else-if="addNew.status && options.length == 0" slot="empty"> <div v-else-if="addNew.status && options.length == 0" slot="empty">
<p class="el-select-dropdown__empty"> <p class="el-select-dropdown__empty">
{{ noData }} {{ noDataText }}
</p> </p>
<ul class="el-scrollbar__view el-select-dropdown__list"> <ul class="el-scrollbar__view el-select-dropdown__list">
<li class="el-select-dropdown__item el-select__footer"> <li class="el-select-dropdown__item el-select__footer">
@ -77,7 +77,7 @@
:placeholder="placeholder"> :placeholder="placeholder">
<div v-if="addNew.status && options.length != 0" class="el-select-dropdown__wrap" slot="empty"> <div v-if="addNew.status && options.length != 0" class="el-select-dropdown__wrap" slot="empty">
<p class="el-select-dropdown__empty"> <p class="el-select-dropdown__empty">
{{ noMatchingData }} {{ noMatchingDataText }}
</p> </p>
<ul class="el-scrollbar__view el-select-dropdown__list"> <ul class="el-scrollbar__view el-select-dropdown__list">
<li class="el-select-dropdown__item el-select__footer"> <li class="el-select-dropdown__item el-select__footer">
@ -93,7 +93,7 @@
<div v-else-if="addNew.status && options.length == 0" slot="empty"> <div v-else-if="addNew.status && options.length == 0" slot="empty">
<p class="el-select-dropdown__empty"> <p class="el-select-dropdown__empty">
{{ noData }} {{ noDataText }}
</p> </p>
<ul class="el-scrollbar__view el-select-dropdown__list"> <ul class="el-scrollbar__view el-select-dropdown__list">
<li class="el-select-dropdown__item el-select__footer"> <li class="el-select-dropdown__item el-select__footer">
@ -146,7 +146,7 @@
:placeholder="placeholder"> :placeholder="placeholder">
<div v-if="addNew.status && options.length != 0" class="el-select-dropdown__wrap" slot="empty"> <div v-if="addNew.status && options.length != 0" class="el-select-dropdown__wrap" slot="empty">
<p class="el-select-dropdown__empty"> <p class="el-select-dropdown__empty">
{{ noMatchingData }} {{ noMatchingDataText }}
</p> </p>
<ul class="el-scrollbar__view el-select-dropdown__list"> <ul class="el-scrollbar__view el-select-dropdown__list">
<li class="el-select-dropdown__item el-select__footer"> <li class="el-select-dropdown__item el-select__footer">
@ -162,7 +162,7 @@
<div v-else-if="addNew.status && options.length == 0" slot="empty"> <div v-else-if="addNew.status && options.length == 0" slot="empty">
<p class="el-select-dropdown__empty"> <p class="el-select-dropdown__empty">
{{ noData }} {{ noDataText }}
</p> </p>
<ul class="el-scrollbar__view el-select-dropdown__list"> <ul class="el-scrollbar__view el-select-dropdown__list">
<li class="el-select-dropdown__item el-select__footer"> <li class="el-select-dropdown__item el-select__footer">
@ -215,7 +215,7 @@
:placeholder="placeholder"> :placeholder="placeholder">
<div v-if="addNew.status && options.length != 0" class="el-select-dropdown__wrap" slot="empty"> <div v-if="addNew.status && options.length != 0" class="el-select-dropdown__wrap" slot="empty">
<p class="el-select-dropdown__empty"> <p class="el-select-dropdown__empty">
{{ noMatchingData }} {{ noMatchingDataText }}
</p> </p>
<ul class="el-scrollbar__view el-select-dropdown__list"> <ul class="el-scrollbar__view el-select-dropdown__list">
<li class="el-select-dropdown__item el-select__footer"> <li class="el-select-dropdown__item el-select__footer">
@ -231,7 +231,7 @@
<div v-else-if="addNew.status && options.length == 0" slot="empty"> <div v-else-if="addNew.status && options.length == 0" slot="empty">
<p class="el-select-dropdown__empty"> <p class="el-select-dropdown__empty">
{{ noData }} {{ noDataText }}
</p> </p>
<ul class="el-scrollbar__view el-select-dropdown__list"> <ul class="el-scrollbar__view el-select-dropdown__list">
<li class="el-select-dropdown__item el-select__footer"> <li class="el-select-dropdown__item el-select__footer">
@ -316,19 +316,41 @@ export default {
title: { title: {
type: String, type: String,
default: '', default: '',
description: "Selectbox label" description: "Selectbox label text"
}, },
placeholder: { placeholder: {
type: String, type: String,
default: '', default: '',
description: "Selectbox input placeholder" description: "Selectbox input placeholder text"
}, },
formClasses: null, formClasses: {
formError: null, type: String,
name: null, default: null,
value: null, description: "Selectbox input class name"
options: null, },
formError: {
type: String,
default: null,
description: "Selectbox input error message"
},
name: {
type: String,
default: null,
description: "Selectbox attribute name"
},
value: {
type: String,
default: null,
description: "Selectbox selected value"
},
options: {
type: Array,
default: [],
description: "Selectbox options"
},
model: null, model: null,
icon: { icon: {
type: String, type: String,
description: "Prepend icon (left)" description: "Prepend icon (left)"
@ -349,13 +371,37 @@ export default {
description: "Selectbox Add New Item Feature" description: "Selectbox Add New Item Feature"
}, },
group: false, group: {
multiple:false, type: Boolean,
disabled:false, default: false,
collapse: false, description: "Selectbox option group status"
},
multiple: {
type: Boolean,
default: false,
description: "Multible feature status"
},
disabled: {
type: Boolean,
default: false,
description: "Selectbox disabled status"
},
collapse: {
type: Boolean,
default: false,
description: "Selectbox collapse status"
},
noData: '', noDataText: {
noMatchingData: '' type: String,
default: 'No Data',
description: "Selectbox empty options message"
},
noMatchingDataText: {
type: String,
default: 'No Matchign Data',
description: "Selectbox search option not found item message"
}
}, },
data() { data() {

View File

@ -41,8 +41,8 @@
@else @else
:form-error="form.errors.get('{{ $name }}')" :form-error="form.errors.get('{{ $name }}')"
@endif @endif
:no-data="'{{ trans('general.no_data') }}'" :no-data-text="'{{ trans('general.no_data') }}'"
:no-matching-data="'{{ trans('general.no_matching_data') }}'" :no-matching-data-text="'{{ trans('general.no_matching_data') }}'"
></akaunting-select> ></akaunting-select>
@stack($name . '_input_end') @stack($name . '_input_end')

View File

@ -21,8 +21,8 @@
:form-error="{{ $attributes['v-error-message'] }}" :form-error="{{ $attributes['v-error-message'] }}"
@else @else
:form-error="form.errors.get('{{ $name }}')" :form-error="form.errors.get('{{ $name }}')"
:no-data="'{{ trans('general.no_data') }}'" :no-data-text="'{{ trans('general.no_data') }}'"
:no-matching-data="'{{ trans('general.no_matching_data') }}'" :no-matching-data-text="'{{ trans('general.no_matching_data') }}'"
@endif @endif
></akaunting-select> ></akaunting-select>

View File

@ -32,7 +32,7 @@
@change="{{ $attributes['change'] }}($event)" @change="{{ $attributes['change'] }}($event)"
@endif @endif
:form-error="{{ isset($attributes['v-error-message']) ? $attributes['v-error-message'] : 'form.errors.get("' . $name . '")' }}" :form-error="{{ isset($attributes['v-error-message']) ? $attributes['v-error-message'] : 'form.errors.get("' . $name . '")' }}"
:no-data="'{{ trans('general.no_data') }}'" :no-data-text="'{{ trans('general.no_data') }}'"
:no-matching-data="'{{ trans('general.no_matching_data') }}'" :no-matching-data-text="'{{ trans('general.no_matching_data') }}'"
></akaunting-select> ></akaunting-select>
@stack($name . '_input_end') @stack($name . '_input_end')

View File

@ -20,7 +20,7 @@
@else @else
:form-error="form.errors.get('{{ $name }}')" :form-error="form.errors.get('{{ $name }}')"
@endif @endif
:no-data="'{{ trans('general.no_data') }}'" :no-data-text="'{{ trans('general.no_data') }}'"
:no-matching-data="'{{ trans('general.no_matching_data') }}'" :no-matching-data-text="'{{ trans('general.no_matching_data') }}'"
></akaunting-select> ></akaunting-select>
@stack($name . '_input_end') @stack($name . '_input_end')

View File

@ -33,7 +33,7 @@
@change="{{ $attributes['change'] }}($event)" @change="{{ $attributes['change'] }}($event)"
@endif @endif
:form-error="{{ isset($attributes['v-error-message']) ? $attributes['v-error-message'] : 'form.errors.get("' . $name . '")' }}" :form-error="{{ isset($attributes['v-error-message']) ? $attributes['v-error-message'] : 'form.errors.get("' . $name . '")' }}"
:no-data="'{{ trans('general.no_data') }}'" :no-data-text="'{{ trans('general.no_data') }}'"
:no-matching-data="'{{ trans('general.no_matching_data') }}'" :no-matching-data-text="'{{ trans('general.no_matching_data') }}'"
></akaunting-select> ></akaunting-select>
@stack($name . '_input_end') @stack($name . '_input_end')

View File

@ -14,7 +14,7 @@
@change="{{ $attributes['change'] }}($event)" @change="{{ $attributes['change'] }}($event)"
@endif @endif
:form-error="{{ isset($attributes['v-error-message']) ? $attributes['v-error-message'] : 'form.errors.get("' . $name . '")' }}" :form-error="{{ isset($attributes['v-error-message']) ? $attributes['v-error-message'] : 'form.errors.get("' . $name . '")' }}"
:no-data="'{{ trans('general.no_data') }}'" :no-data-text="'{{ trans('general.no_data') }}'"
:no-matching-data="'{{ trans('general.no_matching_data') }}'" :no-matching-data-text="'{{ trans('general.no_matching_data') }}'"
></akaunting-select> ></akaunting-select>
@stack($name . '_input_end') @stack($name . '_input_end')