@burh/nuxt-core 1.0.352 → 1.0.354

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

@@ -1,84 +1,84 @@
-<template>
-    <validation-provider tag="div" class="" :vid="`radio-${index}`"
-        name="Resposta" rules="required" v-slot="{ errors }">
-        <el-radio 
-            :label="index" 
-            class="form-radio" 
-            :class="{'form-radio--error': errors[0]}">
-                <base-input 
-                    name="Response" 
-                    class="" 
-                    type="text" 
-                    placeholder="Coloque uma resposta aqui" 
-                    v-model="value"
-                    :error="errors[0]"
-                    :valid="errors.length ? true : false"
-                    v-on:input="$emit('change-answer', { index, value })">
-                </base-input>
-        </el-radio>
-    </validation-provider>
-</template>
-
-<script>
-import { Radio } from 'element-ui'
-
-export default {
-    name: 'question-radio-item',
-    components: {
-        [Radio.name]: Radio,
-    },
-    props: {
-        index: {
-            type: Number,
-            default: null
-        },
-        response: {
-            type: String,
-            default: ''
-        }
-    },
-    created() {
-        this.$emit('change-answer', { index: this.index, value: this.value });
-    },
-    data() {
-        return {
-            value: this.response,
-        }
-    },
-    watch: {
-        response(newValue) {
-            this.value = this.response
-        }
-    }
-}
-</script>
-
-<style lang='scss'>
-.form-radio.el-radio {
-    display: block;
-    margin-right: 1.5rem;
-
-
-    .form-group {
-        display: inline-block;
-        width: 100%;
-        padding-left: 1rem;
-    }
-
-    &:last-child {
-        margin-right: 1.5rem;
-    }
-
-    &__input {
-        top: 1.5rem
-    }
-}
-
-
-.form-radio--error {
-    .el-radio__input {
-        top: -1.5rem;
-    }
-}
-
+<template>
+    <validation-provider tag="div" class="" :vid="`radio-${index}`"
+        name="Resposta" rules="required" v-slot="{ errors }">
+        <el-radio 
+            :label="index" 
+            class="form-radio" 
+            :class="{'form-radio--error': errors[0]}">
+                <base-input 
+                    name="Response" 
+                    class="" 
+                    type="text" 
+                    placeholder="Coloque uma resposta aqui" 
+                    v-model="value"
+                    :error="errors[0]"
+                    :valid="errors.length ? true : false"
+                    v-on:input="$emit('change-answer', { index, value })">
+                </base-input>
+        </el-radio>
+    </validation-provider>
+</template>
+
+<script>
+import { Radio } from 'element-ui'
+
+export default {
+    name: 'question-radio-item',
+    components: {
+        [Radio.name]: Radio,
+    },
+    props: {
+        index: {
+            type: Number,
+            default: null
+        },
+        response: {
+            type: String,
+            default: ''
+        }
+    },
+    created() {
+        this.$emit('change-answer', { index: this.index, value: this.value });
+    },
+    data() {
+        return {
+            value: this.response,
+        }
+    },
+    watch: {
+        response(newValue) {
+            this.value = this.response
+        }
+    }
+}
+</script>
+
+<style lang='scss'>
+.form-radio.el-radio {
+    display: block;
+    margin-right: 1.5rem;
+
+
+    .form-group {
+        display: inline-block;
+        width: 100%;
+        padding-left: 1rem;
+    }
+
+    &:last-child {
+        margin-right: 1.5rem;
+    }
+
+    &__input {
+        top: 1.5rem
+    }
+}
+
+
+.form-radio--error {
+    .el-radio__input {
+        top: -1.5rem;
+    }
+}
+
 </style>

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

@@ -1,67 +1,67 @@
-<template>
-  <div>
-    <label class="form-control-label d-block pt-1">
-        Tamanho da resposta
-    </label>
-    <el-select class="select-danger w-100"
-        v-on:change="$emit('data-changed', { max_char: $event })"
-        placeholder="Selecione o tamanho da resposta"
-        v-model="selected">
-      <el-option v-for="option in list"
-        class="select-danger"
-        :value="option.value"
-        :label="option.label"
-        :key="option.label">
-      </el-option>
-    </el-select>
-  </div>
-</template>
-
-<script>
-import {Select, Option} from 'element-ui'
-
-export default {
-  name: 'question-text',
-  components: {
-    [Select.name]: Select,
-    [Option.name]: Option,
-  },
-  props: {
-    data: {
-      type: Number | String,
-      default: 246
-    },
-    list: {
-      type: Array,
-      default: () => [
-        { value: 246, label: 'Resposta Curta' },
-        { value: 512, label: 'Resposta Média' },
-        { value: 1024, label: 'Resposta Longa' },
-      ]
-    }
-  },
-  data() {
-    return {
-      selected: this.getItemMoreClosest(this.data),
-    }
-  },
-  methods: {
-    getItemMoreClosest(goal) {
-      const values = this.list.map(e => e.value) 
-      const closest = values.reduce((prev, curr) => {
-        return (Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev);
-      });
-      return closest
-    }
-  },
-  watch: {
-    data(value) {
-      this.selected = this.getItemMoreClosest(value);
-    }
-  }
-}
-</script>
-
-<style>
-
+<template>
+  <div>
+    <label class="form-control-label d-block pt-1">
+        Tamanho da resposta
+    </label>
+    <el-select class="select-danger w-100"
+        v-on:change="$emit('data-changed', { max_char: $event })"
+        placeholder="Selecione o tamanho da resposta"
+        v-model="selected">
+      <el-option v-for="option in list"
+        class="select-danger"
+        :value="option.value"
+        :label="option.label"
+        :key="option.label">
+      </el-option>
+    </el-select>
+  </div>
+</template>
+
+<script>
+import {Select, Option} from 'element-ui'
+
+export default {
+  name: 'question-text',
+  components: {
+    [Select.name]: Select,
+    [Option.name]: Option,
+  },
+  props: {
+    data: {
+      type: Number | String,
+      default: 246
+    },
+    list: {
+      type: Array,
+      default: () => [
+        { value: 246, label: 'Resposta Curta' },
+        { value: 512, label: 'Resposta Média' },
+        { value: 1024, label: 'Resposta Longa' },
+      ]
+    }
+  },
+  data() {
+    return {
+      selected: this.getItemMoreClosest(this.data),
+    }
+  },
+  methods: {
+    getItemMoreClosest(goal) {
+      const values = this.list.map(e => e.value) 
+      const closest = values.reduce((prev, curr) => {
+        return (Math.abs(curr - goal) < Math.abs(prev - goal) ? curr : prev);
+      });
+      return closest
+    }
+  },
+  watch: {
+    data(value) {
+      this.selected = this.getItemMoreClosest(value);
+    }
+  }
+}
+</script>
+
+<style>
+
 </style>

package/components/burh-ds/Questions/index.js

@@ -1,14 +1,14 @@
-import Question from '@burh/nuxt-core/components/burh-ds/Questions/Question.vue';
-import QuestionAttach from '@burh/nuxt-core/components/burh-ds/Questions/QuestionAttach.vue';
-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 QuestionRadioItem from '@burh/nuxt-core/components/burh-ds/Questions/QuestionRadioItem.vue';
-
-
-export {
-    Question,
-    QuestionAttach,
-    QuestionText,
-    QuestionRadio,
-    QuestionRadioItem
+import Question from '@burh/nuxt-core/components/burh-ds/Questions/Question.vue';
+import QuestionAttach from '@burh/nuxt-core/components/burh-ds/Questions/QuestionAttach.vue';
+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 QuestionRadioItem from '@burh/nuxt-core/components/burh-ds/Questions/QuestionRadioItem.vue';
+
+
+export {
+    Question,
+    QuestionAttach,
+    QuestionText,
+    QuestionRadio,
+    QuestionRadioItem
 }

package/components/burh-ds/Skeleton/BaseCardTest.vue

@@ -1,51 +1,51 @@
-<template>
-    <div class="column">
-        <div class="card card-app">
-            <skeleton-animate rounded :width="70" :height="70" />
-        </div>
-        <skeleton-animate />
-    </div>
-</template>
-
-<script>
-import SkeletonAnimate from './SkeletonAnimate.vue';
-
-export default {
-    name: 'test-skeleton',
-    components: { SkeletonAnimate }
-};
-</script>
-
-<style lang="scss" scoped>
-.column {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-    &:hover {
-        .custom {
-            display: block;
-        }
-    }
-}
-
-.custom {
-    color: #ffffff;
-    background-color: #8192a6;
-    border-radius: 15%;
-    font-size: 1.25rem;
-    padding: 0.25rem 0.5rem;
-    display: none;
-    &:hover {
-        cursor: pointer;
-    }
-}
-
-.top-right {
-    right: 0.5rem;
-    position: absolute;
-    top: 0.5rem;
-    z-index: 100;
-}
-</style>
+<template>
+    <div class="column">
+        <div class="card card-app">
+            <skeleton-animate rounded :width="70" :height="70" />
+        </div>
+        <skeleton-animate />
+    </div>
+</template>
+
+<script>
+import SkeletonAnimate from './SkeletonAnimate.vue';
+
+export default {
+    name: 'test-skeleton',
+    components: { SkeletonAnimate }
+};
+</script>
+
+<style lang="scss" scoped>
+.column {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+    &:hover {
+        .custom {
+            display: block;
+        }
+    }
+}
+
+.custom {
+    color: #ffffff;
+    background-color: #8192a6;
+    border-radius: 15%;
+    font-size: 1.25rem;
+    padding: 0.25rem 0.5rem;
+    display: none;
+    &:hover {
+        cursor: pointer;
+    }
+}
+
+.top-right {
+    right: 0.5rem;
+    position: absolute;
+    top: 0.5rem;
+    z-index: 100;
+}
+</style>

package/components/burh-ds/Skeleton/BaseTraining.vue

@@ -1,29 +1,29 @@
-<template>
-    <div class="card">
-        <div class="card-header"></div>
-        <div class="card-body">
-            <skeleton-animate :width="160" :height="15" />
-        </div>
-    </div>
-</template>
-
-<script>
-import SkeletonAnimate from './SkeletonAnimate.vue';
-export default {
-    name: 'training-skeleton',
-    components: { SkeletonAnimate }
-};
-</script>
-
-<style lang="scss" scoped>
-.card {
-    width: 100% !important;
-}
-/deep/ .card-header {
-    background: linear-gradient(
-        #ececec 11rem,
-        rgb(255, 255, 255) 20%
-    ) !important;
-    height: 11rem;
-}
-</style>
+<template>
+    <div class="card">
+        <div class="card-header"></div>
+        <div class="card-body">
+            <skeleton-animate :width="160" :height="15" />
+        </div>
+    </div>
+</template>
+
+<script>
+import SkeletonAnimate from './SkeletonAnimate.vue';
+export default {
+    name: 'training-skeleton',
+    components: { SkeletonAnimate }
+};
+</script>
+
+<style lang="scss" scoped>
+.card {
+    width: 100% !important;
+}
+/deep/ .card-header {
+    background: linear-gradient(
+        #ececec 11rem,
+        rgb(255, 255, 255) 20%
+    ) !important;
+    height: 11rem;
+}
+</style>

package/components/burh-ds/Skeleton/BufferFolderSkeleton.vue

@@ -1,41 +1,41 @@
-<template>
-    <div class="card-app">
-        <skeleton-animate rounded :width="40" :height="40" />
-        <skeleton-animate
-            rounded
-            :width="80"
-            :height="15"
-            class="text-skeleton"
-        />
-    </div>
-</template>
-
-<script>
-import SkeletonAnimate from './SkeletonAnimate.vue';
-
-export default {
-    name: 'buffer-folder-skeleton',
-    components: {
-        SkeletonAnimate
-    }
-};
-</script>
-
-<style lang="scss" scoped>
-.card-app {
-    width: 22%;
-    display: flex;
-    align-items: center;
-    justify-content: start;
-    height: 5.625rem !important;
-    flex-direction: row;
-    padding: 1.875rem 2.18rem !important;
-
-    & + div {
-        margin: 0 1rem;
-    }
-    .text-skeleton {
-        margin-left: 1rem;
-    }
-}
-</style>
+<template>
+    <div class="card-app">
+        <skeleton-animate rounded :width="40" :height="40" />
+        <skeleton-animate
+            rounded
+            :width="80"
+            :height="15"
+            class="text-skeleton"
+        />
+    </div>
+</template>
+
+<script>
+import SkeletonAnimate from './SkeletonAnimate.vue';
+
+export default {
+    name: 'buffer-folder-skeleton',
+    components: {
+        SkeletonAnimate
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.card-app {
+    width: 22%;
+    display: flex;
+    align-items: center;
+    justify-content: start;
+    height: 5.625rem !important;
+    flex-direction: row;
+    padding: 1.875rem 2.18rem !important;
+
+    & + div {
+        margin: 0 1rem;
+    }
+    .text-skeleton {
+        margin-left: 1rem;
+    }
+}
+</style>