@nixweb/nixloc-ui 1.19.0 → 1.21.0

package/src/component/training/CourseView.vue

@@ -1,199 +1,199 @@
-<template>
-    <div>
-        <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">
-            <Molded>
-                <b-row>
-                    <b-col sm="10">
-                        <div class="title-module">
-                            <i class="fa-solid fa-video"></i>
-                            {{ module.name }}
-                        </div>
-                    </b-col>
-                    <b-col sm="2">
-                        <div class="div-title">
-                            <div class="side-by-side div-arrow" v-if="moduleSelected != module.name"
-                                @click="showLesson(module.name)">
-                                <span class="title-link">Expandir</span>
-                            </div>
-                            <div class="side-by-side div-arrow" v-else @click="showLesson('')">
-                                <span class="title-hide">Recolher</span>
-                            </div>
-                        </div>
-                    </b-col>
-                </b-row>
-                <div v-show="moduleSelected == module.name" v-for="(lesson, lessonIndex) in module.lessons"
-                    :key="lessonIndex">
-                    <Molded>
-                        <b-row>
-                            <b-col sm="8">
-                                <div>
-                                    <div class="div-margin side-by-side">
-                                        <i class="fa-solid fa-film"></i>
-                                    </div>
-                                    <div class="div-margin title-lesson side-by-side">
-                                        {{ lesson.title }}
-                                    </div>
-                                </div>
-                                <span class="title-description"> {{ lesson.description }}</span>
-                            </b-col>
-                            <b-col sm="3">
-                                <div class="div-time div-margin side-by-side">
-                                    <span class="title-time">
-                                        <i class="fa-solid fa-timer"></i>
-                                    </span>
-                                </div>
-                                <div class="div-margin side-by-side">
-                                    {{ lesson.videoTime }}
-                                </div>
-                            </b-col>
-                            <b-col sm="1">
-                                <div class="icon-play" @click="showMovie(lesson)">
-                                    <i class="fa-solid fa-play"></i>
-                                </div>
-                            </b-col>
-                        </b-row>
-                    </Molded>
-                    <br>
-                </div>
-            </Molded>
-            <br />
-        </div>
-        <Modal :title="selectedLesson.title" :width="900" v-show="showModal('play')">
-            <b-col xs="12" sm="12" md="12" lg="12" xl="12">
-                <Molded>
-                    <div class="div-view" v-html="selectedLesson.videoUrl"></div>
-                </Molded>
-            </b-col>
-        </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 "axios";
-
-import { mapGetters, mapMutations } from "vuex";
-
-export default {
-    components: {
-        Molded, Modal, Loading
-    },
-    data() {
-        return {
-            urlGet: "",
-            environment: "",
-            courseModules: [],
-            loading: true,
-            moduleSelected: "",
-            selectedLesson: {}
-        };
-    },
-    mounted() {
-        this.get()
-    },
-    created() {
-        this.environment = process.env.VUE_APP_API_URL == "https://backend-cliente-prod.azurewebsites.net/" ? "prod" : "dev";
-        if (this.environment == "prod") this.urlGet = "https://backend-adm-prod.azurewebsites.net/api/v1/support/training/get";
-        if (this.environment == "dev") this.urlGet = "https://backend-adm-dev.azurewebsites.net/api/v1/support/training/get";
-    },
-    computed: {
-        ...mapGetters("generic", ["showModal"]),
-    },
-    methods: {
-        ...mapMutations("generic", ["openModal", "hideModal"]),
-        showLesson(moduleName) {
-            this.moduleSelected = moduleName;
-        },
-        showMovie(lesson) {
-            this.selectedLesson = lesson;
-            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;
-}
-
-.title-module {
-    font-size: 15px;
-    margin-bottom: 10px;
-}
-
-.title-lesson {
-    font-size: 14px;
-}
-
-.title-description {
-    font-size: 13px;
-    color: rgb(107, 106, 106);
-}
-
-.title-time {
-    font-size: 12px;
-    color: darkblue;
-}
-
-.div-margin {
-    margin-right: 5px;
-}
-
-.icon-play {
-    font-size: 30px;
-    cursor: pointer;
-    color: darkgreen;
-}
-
-.icon-play:hover {
-    color: green;
-}
-
-.div-time {
-    margin-top: 15px;
-}
-
-.div-arrow {
-    cursor: pointer;
-}
-
-.title-link {
-    color: #3f529b;
-    font-size: 14px;
-    font-weight: 400;
-    cursor: pointer;
-    margin-left: 10px;
-}
-
-.title-hide {
-    color: rgb(224, 33, 7);
-    font-size: 14px;
-    font-weight: 400;
-    cursor: pointer;
-    margin-left: 10px;
-}
+<template>
+    <div>
+        <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">
+            <Molded>
+                <b-row>
+                    <b-col sm="10">
+                        <div class="title-module">
+                            <i class="fa-solid fa-video"></i>
+                            {{ module.name }}
+                        </div>
+                    </b-col>
+                    <b-col sm="2">
+                        <div class="div-title">
+                            <div class="side-by-side div-arrow" v-if="moduleSelected != module.name"
+                                @click="showLesson(module.name)">
+                                <span class="title-link">Expandir</span>
+                            </div>
+                            <div class="side-by-side div-arrow" v-else @click="showLesson('')">
+                                <span class="title-hide">Recolher</span>
+                            </div>
+                        </div>
+                    </b-col>
+                </b-row>
+                <div v-show="moduleSelected == module.name" v-for="(lesson, lessonIndex) in module.lessons"
+                    :key="lessonIndex">
+                    <Molded>
+                        <b-row>
+                            <b-col sm="8">
+                                <div>
+                                    <div class="div-margin side-by-side">
+                                        <i class="fa-solid fa-film"></i>
+                                    </div>
+                                    <div class="div-margin title-lesson side-by-side">
+                                        {{ lesson.title }}
+                                    </div>
+                                </div>
+                                <span class="title-description"> {{ lesson.description }}</span>
+                            </b-col>
+                            <b-col sm="3">
+                                <div class="div-time div-margin side-by-side">
+                                    <span class="title-time">
+                                        <i class="fa-solid fa-timer"></i>
+                                    </span>
+                                </div>
+                                <div class="div-margin side-by-side">
+                                    {{ lesson.videoTime }}
+                                </div>
+                            </b-col>
+                            <b-col sm="1">
+                                <div class="icon-play" @click="showMovie(lesson)">
+                                    <i class="fa-solid fa-play"></i>
+                                </div>
+                            </b-col>
+                        </b-row>
+                    </Molded>
+                    <br>
+                </div>
+            </Molded>
+            <br />
+        </div>
+        <Modal :title="selectedLesson.title" :width="900" v-show="showModal('play')">
+            <b-col xs="12" sm="12" md="12" lg="12" xl="12">
+                <Molded>
+                    <div class="div-view" v-html="selectedLesson.videoUrl"></div>
+                </Molded>
+            </b-col>
+        </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 "axios";
+
+import { mapGetters, mapMutations } from "vuex";
+
+export default {
+    components: {
+        Molded, Modal, Loading
+    },
+    data() {
+        return {
+            urlGet: "",
+            environment: "",
+            courseModules: [],
+            loading: true,
+            moduleSelected: "",
+            selectedLesson: {}
+        };
+    },
+    mounted() {
+        this.get()
+    },
+    created() {
+        this.environment = process.env.VUE_APP_API_URL == "https://backend-cliente-prod.azurewebsites.net/" ? "prod" : "dev";
+        if (this.environment == "prod") this.urlGet = "https://backend-adm-prod.azurewebsites.net/api/v1/support/training/get";
+        if (this.environment == "dev") this.urlGet = "https://backend-adm-dev.azurewebsites.net/api/v1/support/training/get";
+    },
+    computed: {
+        ...mapGetters("generic", ["showModal"]),
+    },
+    methods: {
+        ...mapMutations("generic", ["openModal", "hideModal"]),
+        showLesson(moduleName) {
+            this.moduleSelected = moduleName;
+        },
+        showMovie(lesson) {
+            this.selectedLesson = lesson;
+            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;
+}
+
+.title-module {
+    font-size: 15px;
+    margin-bottom: 10px;
+}
+
+.title-lesson {
+    font-size: 14px;
+}
+
+.title-description {
+    font-size: 13px;
+    color: rgb(107, 106, 106);
+}
+
+.title-time {
+    font-size: 12px;
+    color: darkblue;
+}
+
+.div-margin {
+    margin-right: 5px;
+}
+
+.icon-play {
+    font-size: 30px;
+    cursor: pointer;
+    color: darkgreen;
+}
+
+.icon-play:hover {
+    color: green;
+}
+
+.div-time {
+    margin-top: 15px;
+}
+
+.div-arrow {
+    cursor: pointer;
+}
+
+.title-link {
+    color: #3f529b;
+    font-size: 14px;
+    font-weight: 400;
+    cursor: pointer;
+    margin-left: 10px;
+}
+
+.title-hide {
+    color: rgb(224, 33, 7);
+    font-size: 14px;
+    font-weight: 400;
+    cursor: pointer;
+    margin-left: 10px;
+}
 </style>

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

@@ -1,11 +1,11 @@
-export default class Address {
-    constructor() {
-        this.zipCode = "";
-        this.street = "";
-        this.number = "";
-        this.complement = "";
-        this.province = "";
-        this.city = "";
-        this.state = { id: "", content: "" };
-    }
+export default class Address {
+    constructor() {
+        this.zipCode = "";
+        this.street = "";
+        this.number = "";
+        this.complement = "";
+        this.province = "";
+        this.city = "";
+        this.state = { id: "", content: "" };
+    }
 }