@nixweb/nixloc-ui 1.9.0 → 1.11.0

package/@nixweb/nixloc-ui/src/store/modules/validation.js

@@ -1,39 +1,39 @@
-export default {
-    namespaced: true,
-    state: {
-        formDirty: false,
-        validations: [],
-        resetForm: {
-            name: undefined,
-            dateTime: undefined
-        }
-    },
-    getters: {
-        isFormValid: (state) => (formName) => {
-            var hasNotification = state.validations.find(obj => {
-                return obj.formName === formName
-            })
-            if (hasNotification != undefined) return false;
-            return true;
-        }
-    },
-    mutations: {
-        addValidation: (state, obj) => {
-            state.validations.push(obj);
-        },
-        removeValidation: (state, obj) => {
-            let filter = state.validations.filter(v => v.key != obj.key);
-            state.validations = filter;
-        },
-        resetValidation: (state, formName) => {
-            state.resetForm.dateTime = new Date();
-            state.resetForm.name = formName;
-        },
-        updateFormDirty: (state, formDirty) => {
-            state.formDirty = formDirty;
-        },
-        removeFormDirty: (state) => {
-            state.formDirty = false;
-        }
-    },
+export default {
+    namespaced: true,
+    state: {
+        formDirty: false,
+        validations: [],
+        resetForm: {
+            name: undefined,
+            dateTime: undefined
+        }
+    },
+    getters: {
+        isFormValid: (state) => (formName) => {
+            var hasNotification = state.validations.find(obj => {
+                return obj.formName === formName
+            })
+            if (hasNotification != undefined) return false;
+            return true;
+        }
+    },
+    mutations: {
+        addValidation: (state, obj) => {
+            state.validations.push(obj);
+        },
+        removeValidation: (state, obj) => {
+            let filter = state.validations.filter(v => v.key != obj.key);
+            state.validations = filter;
+        },
+        resetValidation: (state, formName) => {
+            state.resetForm.dateTime = new Date();
+            state.resetForm.name = formName;
+        },
+        updateFormDirty: (state, formDirty) => {
+            state.formDirty = formDirty;
+        },
+        removeFormDirty: (state) => {
+            state.formDirty = false;
+        }
+    },
 }

package/@nixweb/nixloc-ui/src/store/store.js

@@ -1,14 +1,14 @@
-import Vue from 'vue';
-import Vuex from 'vuex';
-
-import user from './modules/user'
-import generic from './modules/generic'
-import validation from './modules/validation'
-
-Vue.use(Vuex)
-
-export default new Vuex.Store({
-  modules: {
-    generic, validation, user
-  }
+import Vue from 'vue';
+import Vuex from 'vuex';
+
+import user from './modules/user'
+import generic from './modules/generic'
+import validation from './modules/validation'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  modules: {
+    generic, validation, user
+  }
 })

package/package.json

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

package/src/component/training/CourseView.vue

@@ -1,6 +1,7 @@
 <template>
     <div>
-        <div v-if="courseModules.length == 0">
+        <Loading type="line" :center="true" v-if="loading" />
+        <div v-if="!loading && courseModules.length == 0">
             Nenhum curso cadastrado!
         </div>
         <div v-for="(module, moduleIndex) in courseModules" :key="moduleIndex">
@@ -70,25 +71,27 @@
         </Modal>
     </div>
 </template>
-  
+
 <script>
 
 import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
 import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
 
-import axios from "@/config/axios";
+import axios from "axios";
 
 import { mapGetters, mapMutations } from "vuex";
 
 export default {
     components: {
-        Molded, Modal
+        Molded, Modal, Loading
     },
     data() {
         return {
             urlGet: "",
             environment: "",
             courseModules: [],
+            loading: true,
             moduleSelected: "",
             selectedLesson: {}
         };
@@ -114,17 +117,24 @@ export default {
             this.openModal("play");
         },
         get() {
+            this.loading = true;
             axios.get(this.urlGet, {})
                 .then(response => {
                     if (response.data.success) {
                         this.courseModules = JSON.parse(response.data.content.course);
                     }
                 })
+                .catch(error => {
+                    console.error(error);
+                })
+                .finally(() => {
+                    this.loading = false;
+                });
         },
     },
 };
 </script>
-  
+
 <style scoped>
 .div-title {
     margin-bottom: 10px;
@@ -186,5 +196,4 @@ export default {
     cursor: pointer;
     margin-left: 10px;
 }
-</style>
-  
+</style>

package/src/component/value-objects/Address.vue

@@ -40,12 +40,14 @@
 </template>
 
 <script>
+
 import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
 import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
 import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
-
 import Address from "@nixweb/nixloc-ui/src/component/value-objects/Address.js";
 
+import axios from "axios";
+
 import { mapGetters, mapMutations } from "vuex";
 
 export default {
@@ -113,7 +115,7 @@ export default {
     searchZipCode() {
       let zipCode = this.address.zipCode.replace(/\.|\-/g, "");
       let url = `https://viacep.com.br/ws/${zipCode}/json/`;
-      this.$http.get(url).then((response) => {
+      axios.get(url).then((response) => {
         let self = this;
         setTimeout(function () {
           self.loadData(response.data);