ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / quiz_tbf_accelerator / resources / js / components /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	89.40.16.97
System	Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User	tbf
PHP Version	7.3.33
Software	Apache
Doc root	Writable

Edit File : MultiselectComponent.vue \| Size : 1.57 KB
<template> <multiselect :show-labels="false" label="text" :multiple="true" track-by="text" v-model="values" class="multiselect-quiz" :options="field.options" :close-on-select="false" :clear-on-select="false" placeholder="Multiselect" :preserve-search="true" :id="'input_' + field.name" :required="field.required" @select="selectValue" @remove="removeValue" /> </template> <script> export default { data() { return { values: '' } }, props: { field: Object, updateMultiselect: Function }, methods:{ selectValue(selectedOption, id){ let temp_val = []; if(this.values != ''){ this.values.map( (val) => { temp_val.push(val); }) } temp_val.push(selectedOption); this.updateMultiselect(temp_val, this.field.name) }, removeValue(removedOption, id){ let temp_val = []; if(this.values != ''){ this.values.map( (val) => { temp_val.push(val); }) } let index = temp_val.findIndex( x => x.value == removedOption.value); temp_val.splice(index, 1); this.updateMultiselect(temp_val, this.field.name) } } } </script> Back

Edit File : MultiselectComponent.vue | Size : 1.57 KB

<template>
        <multiselect 
        :show-labels="false" 
        label="text" 
        :multiple="true" 
        track-by="text"
        v-model="values"
        class="multiselect-quiz" 
        :options="field.options" 
        :close-on-select="false" 
        :clear-on-select="false"
        placeholder="Multiselect"
        :preserve-search="true" 
        :id="'input_' + field.name"
        :required="field.required"
        @select="selectValue"
        @remove="removeValue"
        />
</template>
<script>
export default {
        data() {
            return {
                values: ''
            }
        },
        props: {
            field: Object,
            updateMultiselect: Function
        },
        methods:{
            selectValue(selectedOption, id){
                let temp_val = [];
                if(this.values != ''){
                    this.values.map( (val) => {
                        temp_val.push(val);
                    })
                }
                temp_val.push(selectedOption);
                this.updateMultiselect(temp_val, this.field.name)
            },
            removeValue(removedOption, id){
                let temp_val = [];
                if(this.values != ''){
                    this.values.map( (val) => {
                        temp_val.push(val);
                    })
                }
                let index = temp_val.findIndex( x => x.value == removedOption.value);
                temp_val.splice(index, 1);
                this.updateMultiselect(temp_val, this.field.name)
            }
        }
    }
</script>

Back