@nixweb/nixloc-ui 0.0.206 → 0.0.208

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.206",
+  "version": "0.0.208",
   "description": "Componentes UI",
   "author": "Fábio Ávila <fabio@nixweb.com.br>",
   "private": false,

package/src/component/shared/CodeEditor.vue

@@ -1,35 +1,20 @@
 <template>
   <div>
-    <AceEditor
-      v-model="code"
-      lang="html"
-      @init="editorInit"
-      theme="monokai"
-      width="100%"
-      height="400px"
-      :options="{
-        enableBasicAutocompletion: true,
-        enableLiveAutocompletion: true,
-        fontSize: 15,
-        highlightActiveLine: true,
-        enableSnippets: false,
-        showLineNumbers: true,
-        tabSize: 2,
-        showPrintMargin: false,
-        showGutter: true,
-      }"
-    />
+    <AceEditor v-model="code" lang="html" @init="editorInit" theme="monokai" width="100%" height="400px" :options="{
+      enableBasicAutocompletion: true,
+      enableLiveAutocompletion: true,
+      fontSize: 15,
+      highlightActiveLine: true,
+      enableSnippets: false,
+      showLineNumbers: true,
+      tabSize: 2,
+      showPrintMargin: false,
+      showGutter: true,
+    }" />
     <div class="apply">
       <b-row>
         <b-col class="text-right">
-          <Button
-            key="applyCode"
-            type="primary"
-            title="Aplicar"
-            classIcon="far fa-code"
-            size="small"
-            :clicked="apply"
-          />
+          <Button key="applyCode" type="primary" title="Aplicar" classIcon="far fa-code" size="small" :clicked="apply" />
         </b-col>
       </b-row>
     </div>

package/src/component/template/ListViewWithDataHandler.vue

@@ -12,14 +12,15 @@
           </div>
         </b-col>
       </b-row>
+      <br>
       <b-row>
-        <b-col sm="6">
+        <b-col sm="8">
           <div v-if="templateList.dragAndDrop">
             <i class="fa-regular fa-maximize"></i> Clique e arraste para ordenar
           </div>
           <TableTotalization :totalization="content.totalization" />
         </b-col>
-        <b-col sm="6">
+        <b-col sm="4">
           <TableTotalRecords :totalRecords="content.totalRecords" />
         </b-col>
       </b-row>

package/src/component/training/Course.vue

@@ -145,13 +145,13 @@
                         },
                     ]" initialOption="viewText" v-model="selectType" />
                 </div>
-                <Molded>
-                    <div v-if="selectType == 'viewText'">
-                        <div v-if="!selected.videoUrl">Nenhum vídeo para ser exibido!</div>
+                <Molded v-show="selectType == 'viewText'">
+                    <div>
+                        <div v-show="!selected.videoUrl">Nenhum vídeo para ser exibido!</div>
                         <div class="div-view" v-html="selected.videoUrl"></div>
                     </div>
                 </Molded>
-                <CodeEditor :showButtonApply="false" v-if="selectType == 'codeEditor'" v-model="selected.videoUrl" />
+                <TextArea :maxLength="5000" v-if="selectType == 'codeEditor'" v-model="selected.videoUrl" />
             </b-col>
         </Modal>
     </div>
@@ -161,17 +161,18 @@
 import draggable from 'vuedraggable';
 import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
 import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import TextArea from "@nixweb/nixloc-ui/src/component/forms/TextArea";
 import InputTextEdit from "@nixweb/nixloc-ui/src/component/forms/InputTextEdit";
 import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
 import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
 import CodeEditor from "@nixweb/nixloc-ui/src/component/shared/CodeEditor";
 import ButtonFilter from "@nixweb/nixloc-ui/src/component/forms/ButtonFilter";
 
-import { mapGetters, mapActions, mapMutations, mapState } from "vuex";
+import { mapGetters, mapActions, mapMutations } from "vuex";
 
 export default {
     components: {
-        draggable, Molded, InputText, InputTextEdit, Button, Modal, CodeEditor, ButtonFilter
+        draggable, Molded, InputText, InputTextEdit, Button, Modal, ButtonFilter, TextArea
     },
     data() {
         return {