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 : MulticheckboxComponent.vue \| Size : 1.28 KB
<template> <div> <div class="row multicheckbox " v-for="(option, index) in field.options" :for="'#'+index+'v'"> <label class="with-text" :for="'#'+index+'v'">{{option.text}}</label> <div style="width:25px;height:25px;overflow: hidden;"> <div class="checkbox-tbf" :for="'#'+index+'v'"> <input :id="'#'+index+'v'" type="checkbox" v-model="values" :key="" :value="option.value" :disabled="values.length >= field.max && values.indexOf(option.value) === -1" > <span class="checkmark"></span> </div> </div> </div> </div> </template> <script> export default { data() { return { values: [] } }, props: { field: Object, updateMulticheckbox: Function }, watch:{ values: function(newVal, oldVal){ this.updateMulticheckbox(newVal, this.field.name) } }, methods: { } } </script> Back

Edit File : MulticheckboxComponent.vue | Size : 1.28 KB

<template>
        <div>
            <div class="row multicheckbox " v-for="(option, index) in field.options" :for="'#'+index+'v'">
                <label class="with-text" :for="'#'+index+'v'">{{option.text}}</label>
                <div style="width:25px;height:25px;overflow: hidden;">
                    <div class="checkbox-tbf" :for="'#'+index+'v'">
                        <input
                            :id="'#'+index+'v'"
                            type="checkbox"
                            v-model="values"
                            :key=""
                            :value="option.value"
                            :disabled="values.length >= field.max && values.indexOf(option.value) === -1"
                        >
                        <span class="checkmark"></span>
                    </div>
                </div>
            </div>
        </div>
</template>
<script>
export default {
        data() {
            return {
                values: []
            }
        },
        props: {
            field: Object,
            updateMulticheckbox: Function
        },
        watch:{
            values: function(newVal, oldVal){
                this.updateMulticheckbox(newVal, this.field.name)
            }
        },
        methods: {
        }
    }
</script>

Back