@burh/nuxt-core 1.0.404 → 1.0.406

package/components/burh-ds/Questions/Question.vue

@@ -1,183 +1,183 @@
-<template>
-    <div class="card position-relative">
-        <div class="row px-4 justify-content-start">
-            <div class="col-12 col-md-8">
-                <label class="form-control-label d-block pt-1">
-                    {{ `Pergunta #${position + 1}` }}
-                </label>
-                <html-editor
-                    placeholder="Escreva uma pergunta"
-                    :value="question.question"
-                    :baseApiUrl="baseApiUrl"
-                    :token="token"
-                    v-on:input="setQuestion('question', $event)"
-                />
-            </div>
-
-            <div class="col-12 col-md-4 mb-4 mb-md-0">
-                <label class="form-control-label d-block pt-1">
-                    Tipo
-                </label>
-                <el-select
-                    class="select-danger w-100"
-                    placeholder="Escolha o tipo da pergunta"
-                    v-on:change="emitQuestion"
-                    v-model="question.question_type"
-                >
-                    <el-option
-                        v-for="option in listComponentes"
-                        class="select-danger"
-                        :value="option.value"
-                        :label="option.label"
-                        :key="option.label"
-                    >
-                    </el-option>
-                </el-select>
-            </div>
-
-            <div class="col-12 col-md-8 form-group">
-                <paragraph
-                    v-if="question.question_type == 'paragraph'"
-                    :data="question.max_char ? question.max_char : undefined"
-                    v-on:data-changed="mergeDataQuestion"
-                />
-                <question-radio
-                    v-if="question.question_type == 'multiple'"
-                    :data="question.multiples"
-                    v-on:data-changed="mergeDataQuestion"
-                />
-                <question-attach
-                    v-if="question.question_type == 'annex'"
-                    :data="question"
-                    v-on:data-changed="mergeDataQuestion"
-                />
-            </div>
-            <div class="col-12 text-right pb-2">
-                <ul class="question-icons list-inline">
-                    <li
-                        v-for="(icon, index) in icons"
-                        :key="`question-icon-${position}-${index}`"
-                        @click="$emit(icon.event)"
-                        :class="`list-inline-item text-${icon.type}`"
-                    >
-                        <el-tooltip
-                            class="item"
-                            effect="dark"
-                            :content="icon.alt"
-                            placement="top"
-                        >
-                            <font-awesome-icon
-                                :icon="icon.icon"
-                                :class="`icon-${icon.type}`"
-                                :title="icon.alt"
-                            />
-                        </el-tooltip>
-                    </li>
-                </ul>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-import { Select, Option } from 'element-ui';
-import QuestionText from '@burh/nuxt-core/components/burh-ds/Questions/QuestionText.vue';
-import QuestionRadio from '@burh/nuxt-core/components/burh-ds/Questions/QuestionRadio.vue';
-import QuestionAttach from '@burh/nuxt-core/components/burh-ds/Questions/QuestionAttach.vue';
-import HtmlEditor from '@burh/nuxt-core/components/burh-ds/Inputs/HtmlEditor.vue';
-
-export default {
-    components: {
-        [Select.name]: Select,
-        [Option.name]: Option,
-        Paragraph: QuestionText,
-        QuestionRadio,
-        QuestionAttach,
-        HtmlEditor
-    },
-    props: {
-        step: {
-            type: Number,
-            default: 0
-        },
-        position: {
-            type: Number,
-            default: 0
-        },
-        data: null,
-        baseApiUrl: String,
-        token: String,
-        icons: {
-            type: Array,
-            default: () => [
-                {
-                    event: 'first-icon-click',
-                    icon: ['far', 'copy'],
-                    alt: 'Clonar questão',
-                    type: 'primary'
-                },
-                {
-                    event: 'second-icon-click',
-                    icon: ['fas', 'trash-alt'],
-                    alt: 'Remover questão',
-                    type: 'danger'
-                }
-            ]
-        },
-        listComponentes: {
-            type: Array,
-            default: () => [
-                { value: 'paragraph', label: 'Paragrafo' },
-                { value: 'multiple', label: 'Alternativa' },
-                { value: 'annex', label: 'Anexo' }
-            ]
-        }
-    },
-    data() {
-        return {
-            console: console,
-            question: this.data
-        };
-    },
-    watch: {
-        data(newValue) {
-            this.question = newValue;
-        }
-    },
-    methods: {
-        emitQuestion() {
-            this.$emit('change-question', this.question);
-        },
-        setQuestion(type, data) {
-            this.question[type] = data;
-            this.emitQuestion();
-        },
-        mergeDataQuestion(data) {
-            this.question = { ...this.question, ...data };
-            this.emitQuestion();
-        },
-        isChangeTypeQuestion(value) {
-            return this.listComponentes.includes(value);
-        }
-    }
-};
-</script>
-
-<style lang="scss" scoped>
-.question-icons {
-    // position: absolute;
-    // bottom: 0;
-    // right: 1rem;
-    // display: flex;
-    // justify-content: flex-end;
-    // align-items: flex-end;
-    // list-style: none;
-
-    li {
-        padding-top: 1rem;
-        padding-left: 1rem;
-        padding-right: 1rem;
-        cursor: pointer;
-    }
-}
-</style>
+<template>
+    <div class="card position-relative">
+        <div class="row px-4 justify-content-start">
+            <div class="col-12 col-md-8">
+                <label class="form-control-label d-block pt-1">
+                    {{ `Pergunta #${position + 1}` }}
+                </label>
+                <html-editor
+                    placeholder="Escreva uma pergunta"
+                    :value="question.question"
+                    :baseApiUrl="baseApiUrl"
+                    :token="token"
+                    v-on:input="setQuestion('question', $event)"
+                />
+            </div>
+
+            <div class="col-12 col-md-4 mb-4 mb-md-0">
+                <label class="form-control-label d-block pt-1">
+                    Tipo
+                </label>
+                <el-select
+                    class="select-danger w-100"
+                    placeholder="Escolha o tipo da pergunta"
+                    v-on:change="emitQuestion"
+                    v-model="question.question_type"
+                >
+                    <el-option
+                        v-for="option in listComponentes"
+                        class="select-danger"
+                        :value="option.value"
+                        :label="option.label"
+                        :key="option.label"
+                    >
+                    </el-option>
+                </el-select>
+            </div>
+
+            <div class="col-12 col-md-8 form-group">
+                <paragraph
+                    v-if="question.question_type == 'paragraph'"
+                    :data="question.max_char ? question.max_char : undefined"
+                    v-on:data-changed="mergeDataQuestion"
+                />
+                <question-radio
+                    v-if="question.question_type == 'multiple'"
+                    :data="question.multiples"
+                    v-on:data-changed="mergeDataQuestion"
+                />
+                <question-attach
+                    v-if="question.question_type == 'annex'"
+                    :data="question"
+                    v-on:data-changed="mergeDataQuestion"
+                />
+            </div>
+            <div class="col-12 text-right pb-2">
+                <ul class="question-icons list-inline">
+                    <li
+                        v-for="(icon, index) in icons"
+                        :key="`question-icon-${position}-${index}`"
+                        @click="$emit(icon.event)"
+                        :class="`list-inline-item text-${icon.type}`"
+                    >
+                        <el-tooltip
+                            class="item"
+                            effect="dark"
+                            :content="icon.alt"
+                            placement="top"
+                        >
+                            <font-awesome-icon
+                                :icon="icon.icon"
+                                :class="`icon-${icon.type}`"
+                                :title="icon.alt"
+                            />
+                        </el-tooltip>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import { Select, Option } from 'element-ui';
+import QuestionText from '@burh/nuxt-core/components/burh-ds/Questions/QuestionText.vue';
+import QuestionRadio from '@burh/nuxt-core/components/burh-ds/Questions/QuestionRadio.vue';
+import QuestionAttach from '@burh/nuxt-core/components/burh-ds/Questions/QuestionAttach.vue';
+import HtmlEditor from '@burh/nuxt-core/components/burh-ds/Inputs/HtmlEditor.vue';
+
+export default {
+    components: {
+        [Select.name]: Select,
+        [Option.name]: Option,
+        Paragraph: QuestionText,
+        QuestionRadio,
+        QuestionAttach,
+        HtmlEditor
+    },
+    props: {
+        step: {
+            type: Number,
+            default: 0
+        },
+        position: {
+            type: Number,
+            default: 0
+        },
+        data: null,
+        baseApiUrl: String,
+        token: String,
+        icons: {
+            type: Array,
+            default: () => [
+                {
+                    event: 'first-icon-click',
+                    icon: ['far', 'copy'],
+                    alt: 'Clonar questão',
+                    type: 'primary'
+                },
+                {
+                    event: 'second-icon-click',
+                    icon: ['fas', 'trash-alt'],
+                    alt: 'Remover questão',
+                    type: 'danger'
+                }
+            ]
+        },
+        listComponentes: {
+            type: Array,
+            default: () => [
+                { value: 'paragraph', label: 'Paragrafo' },
+                { value: 'multiple', label: 'Alternativa' },
+                { value: 'annex', label: 'Anexo' }
+            ]
+        }
+    },
+    data() {
+        return {
+            console: console,
+            question: this.data
+        };
+    },
+    watch: {
+        data(newValue) {
+            this.question = newValue;
+        }
+    },
+    methods: {
+        emitQuestion() {
+            this.$emit('change-question', this.question);
+        },
+        setQuestion(type, data) {
+            this.question[type] = data;
+            this.emitQuestion();
+        },
+        mergeDataQuestion(data) {
+            this.question = { ...this.question, ...data };
+            this.emitQuestion();
+        },
+        isChangeTypeQuestion(value) {
+            return this.listComponentes.includes(value);
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.question-icons {
+    // position: absolute;
+    // bottom: 0;
+    // right: 1rem;
+    // display: flex;
+    // justify-content: flex-end;
+    // align-items: flex-end;
+    // list-style: none;
+
+    li {
+        padding-top: 1rem;
+        padding-left: 1rem;
+        padding-right: 1rem;
+        cursor: pointer;
+    }
+}
+</style>

package/components/burh-ds/Questions/QuestionAttach.vue

@@ -1,14 +1,14 @@
-<template>
-    <p class="text-lead form-group">Será solicitado um anexo de acordo com a sua pergunta.</p>
-</template>
-
-<script>
-
-export default {
-    name: 'question-attach',
-}
-</script>
-
-<style>
-
+<template>
+    <p class="text-lead form-group">Será solicitado um anexo de acordo com a sua pergunta.</p>
+</template>
+
+<script>
+
+export default {
+    name: 'question-attach',
+}
+</script>
+
+<style>
+
 </style>

package/components/burh-ds/Questions/QuestionRadio.vue

@@ -1,123 +1,123 @@
-<template>
-  <div class="">
-    <div v-for="(answer, index) in answers" :key="index">
-        <div class="d-flex w-100 align-items-start">
-            <el-radio-group v-model="selected">
-                <question-radio-item
-                    :response="answer.name" 
-                    :index="index"
-                    v-on:change-answer="setAnswers($event, answer)"
-                ></question-radio-item>
-            </el-radio-group>
-            
-            <el-tooltip class="item" effect="dark" content="Remover alternativa" placement="top">
-                <base-button size="sm" type="link" class="text-danger px-2 w-auto m-0 ml-2" @click="removeLastOption">
-                    <font-awesome-icon icon="trash" />
-                </base-button>
-            </el-tooltip>
-        </div>
-    </div>
-
-    <ul class="list-inline">
-        <li class="list-inline-item">
-            <base-button size="xs" type="link" class="mr-0" @click="addOption">
-                <font-awesome-icon icon="plus" class="mr-2" />
-                Adicionar alternativa
-            </base-button>
-        </li>
-        <!-- <li class="list-inline-item">
-            <base-button size="xs" type="link" @click="removeLastOption">Remover opção</base-button>
-        </li> -->
-    </ul> 
-  </div>
-</template>
-
-<script>
-import {Radio, RadioGroup} from 'element-ui'
-import QuestionRadioItem from '@burh/nuxt-core/components/burh-ds/Questions/QuestionRadioItem.vue';
-import Swal from 'sweetalert2';
-
-export default {
-    name: 'question-radio',
-    components: {
-        [Radio.name]: Radio,
-        [RadioGroup.name]: RadioGroup,
-        QuestionRadioItem
-    },
-    props: {
-        data: {
-            type: Array,
-            default: () => [{}, {}]
-        },
-    },
-    data() {
-        return {
-            selected: null,
-            answers: this.data,
-            minRadios: 2,
-        }
-    },
-    methods: {
-        addOption() {
-            this.answers.push({});
-        },
-        removeLastOption() {
-            if(this.answers.length <= this.minRadios) {
-                return Swal.fire({
-                    title: 'Erro',
-                    text: 'Questões do tipo alternativa deverão conter no mínimo 2 respostas!',
-                    type: 'warning',
-                    buttonsStyling: false,
-                    confirmButtonText: 'Entendido',
-                    confirmButtonClass: 'btn btn-primary btn-fill',
-                })
-            }
-
-            this.answers.splice(this.answers.length - 1, 1);
-
-            this.emitRadioList();
-        },
-        setAnswers({ index, value }, answer) {
-            answer.name = value;
-
-            if (this.selected == null && answer.correct != false) { // be carefully here, correct can be null
-                this.selected = index
-            }
-
-            this.emitRadioList();
-        },
-        makeRadiolist() {
-            const listRadio = this.answers.map((radio, idx) => {
-                return {
-                    id: radio.id,
-                    name: radio.name,
-                    correct: idx == this.selected ? true : false
-                }
-            })
-
-            return listRadio
-        },
-        emitRadioList() {
-            const payload = {
-                multiples: this.makeRadiolist()
-            }
-
-            this.$emit('data-changed', payload)
-        },
-    },
-    watch: {
-        data(newValue) {
-            this.answers = newValue.map(e => { return { ...e }}); //prevent cloning references
-        },
-        selected() {
-            this.emitRadioList();
-        },
-    },
-}
-</script>
-
-<style lang='scss'>
-.el-radio-group {
-    width: 100%;
-}
+<template>
+  <div class="">
+    <div v-for="(answer, index) in answers" :key="index">
+        <div class="d-flex w-100 align-items-start">
+            <el-radio-group v-model="selected">
+                <question-radio-item
+                    :response="answer.name" 
+                    :index="index"
+                    v-on:change-answer="setAnswers($event, answer)"
+                ></question-radio-item>
+            </el-radio-group>
+            
+            <el-tooltip class="item" effect="dark" content="Remover alternativa" placement="top">
+                <base-button size="sm" type="link" class="text-danger px-2 w-auto m-0 ml-2" @click="removeLastOption">
+                    <font-awesome-icon icon="trash" />
+                </base-button>
+            </el-tooltip>
+        </div>
+    </div>
+
+    <ul class="list-inline">
+        <li class="list-inline-item">
+            <base-button size="xs" type="link" class="mr-0" @click="addOption">
+                <font-awesome-icon icon="plus" class="mr-2" />
+                Adicionar alternativa
+            </base-button>
+        </li>
+        <!-- <li class="list-inline-item">
+            <base-button size="xs" type="link" @click="removeLastOption">Remover opção</base-button>
+        </li> -->
+    </ul> 
+  </div>
+</template>
+
+<script>
+import {Radio, RadioGroup} from 'element-ui'
+import QuestionRadioItem from '@burh/nuxt-core/components/burh-ds/Questions/QuestionRadioItem.vue';
+import Swal from 'sweetalert2';
+
+export default {
+    name: 'question-radio',
+    components: {
+        [Radio.name]: Radio,
+        [RadioGroup.name]: RadioGroup,
+        QuestionRadioItem
+    },
+    props: {
+        data: {
+            type: Array,
+            default: () => [{}, {}]
+        },
+    },
+    data() {
+        return {
+            selected: null,
+            answers: this.data,
+            minRadios: 2,
+        }
+    },
+    methods: {
+        addOption() {
+            this.answers.push({});
+        },
+        removeLastOption() {
+            if(this.answers.length <= this.minRadios) {
+                return Swal.fire({
+                    title: 'Erro',
+                    text: 'Questões do tipo alternativa deverão conter no mínimo 2 respostas!',
+                    type: 'warning',
+                    buttonsStyling: false,
+                    confirmButtonText: 'Entendido',
+                    confirmButtonClass: 'btn btn-primary btn-fill',
+                })
+            }
+
+            this.answers.splice(this.answers.length - 1, 1);
+
+            this.emitRadioList();
+        },
+        setAnswers({ index, value }, answer) {
+            answer.name = value;
+
+            if (this.selected == null && answer.correct != false) { // be carefully here, correct can be null
+                this.selected = index
+            }
+
+            this.emitRadioList();
+        },
+        makeRadiolist() {
+            const listRadio = this.answers.map((radio, idx) => {
+                return {
+                    id: radio.id,
+                    name: radio.name,
+                    correct: idx == this.selected ? true : false
+                }
+            })
+
+            return listRadio
+        },
+        emitRadioList() {
+            const payload = {
+                multiples: this.makeRadiolist()
+            }
+
+            this.$emit('data-changed', payload)
+        },
+    },
+    watch: {
+        data(newValue) {
+            this.answers = newValue.map(e => { return { ...e }}); //prevent cloning references
+        },
+        selected() {
+            this.emitRadioList();
+        },
+    },
+}
+</script>
+
+<style lang='scss'>
+.el-radio-group {
+    width: 100%;
+}
 </style>