@include("questions.questions")

<template id="select-question">

    <v-btn :outline="outline" :icon="icon" :small="small" :flat="flat" :block="block" :color="color"
           @click="dialog=true"
           :loading="loading"
    >
        <span>Use Question Bank</span>

        <v-dialog v-model="dialog">

            <questions :selected="assessment.questions" :event="eventListener" :assessment="assessment" :modal="true"
                       :select="true"/>
        </v-dialog>

    </v-btn>


</template>

<script>
    const SelectQuestion = {
        template: "#select-question",
        components: {Questions},
        props: {
            assessment: Object,
            question: {
                type: Object,
                default: {}
            },

            width: {
                type: String,
                default: ""
            },
            required: {
                type: Boolean,
                default: false
            },
            icon: {
                type: Boolean,
                default: false
            },
            btn: {
                type: Boolean,
                default: false
            },
            multiple: {
                type: Boolean, // not yet possible because of data
                default: false
            }
            , block: {
                type: Boolean,
                default: true
            }
            , small: {
                type: Boolean,
                default: false
            },
            flat: {
                type: Boolean,
                default: false
            },
            outline: {
                type: Boolean,
                default: false
            },
            color: {
                type: String,
                default: "primary"
            },
            event: {
                type: Function,
                default: function (event, data) {
                }
            },
        },
        data() {
            return {
                loading: false,
                dialog: false,
                question_dialog: false,
                edit_dialog: false,
                questions_dialog: false,
            };
        },
        watch: {},
        mounted() {
           // console.log("select assess", this.assassment)
        },
        updated() {
            this.$nextTick(function () {

            })
        },

        methods: {
            eventListener(event, data) {
                switch (event) {
                    case "question":


                        //this.$nextTick(function () {
                            var inde = getIndex(this.assessment.questions || [], "id", data.id);
                            if (inde < 0) {
                                this.assessment.questions.push(data);
                            }
                            (this.event)(event, data);
                       // })
                        (this.event)(event,data);
                        break;
                    case "question_selected":
                        //this.$nextTick(function () {
                            let ind = getIndex(this.assessment.questions || [], "id", data.id);
                            if (ind < 0) {
                                this.assessment.questions.push(data);
                            }
                        //})

                        (this.event)(event,data);

                        break;
                    case "questions_selected":
                        //this.$nextTick(function () {
                            for (var i = 0; i < data.length; i++) {
                                let d = data[i];
                                let ind = getIndex(this.assessment.questions || [], "id", d.id);
                                if (ind < 0) {
                                    this.assessment.questions.push(d);
                                } else {
                                    Vue.set(this.assessment.questions, ind, d);
                                }
                            }
                        //})


                        //this.assessment.questions = data;

                        (this.event)(event,data);

                        break;
                    case "close_question":
                        this.question_dialog = false;
                        break;
                    case "close":
                        this.dialog = false;
                        break;
                    default:
                        (this.event)(event, data);

                        break;

                }
            }
        }
    }
</script>