@nixweb/nixloc-ui 1.19.0 → 1.20.0

package/src/component/signature/Payment.vue

@@ -1,161 +1,161 @@
-<template>
-    <div>
-        <table class="table table-responsive-xs">
-            <thead>
-                <tr>
-                    <th>
-                        <span class="title-header">Descrição</span>
-                    </th>
-                    <th class="text-center">
-                        <span class="title-header">
-                            <span>Vencimento</span>
-                        </span>
-                    </th>
-                    <th class="text-center">
-                        <span class="title-header">
-                            <span>Status</span>
-                        </span>
-                    </th>
-                    <th class="text-center">
-                        <span class="title-header">Valor</span>
-                    </th>
-                    <th class="text-center">
-                        <span class="title-header">2º via Boleto</span>
-                    </th>
-                    <th class="text-center">
-                        <span class="title-header">Nota Fiscal</span>
-                    </th>
-                </tr>
-            </thead>
-            <tbody v-for="billet in billets">
-                <tr>
-                    <td>{{ billet.description }}</td>
-                    <td class="text-center">{{ billet._DueDate | moment("DD/MM/YYYY") }}</td>
-                    <td class="text-center">
-                        <span class="badge badge-primary" v-if="billet.statusName == 'Agendada'">A vencer</span>
-                        <span class="badge badge-success" v-if="billet.statusName == 'Pago'">Pago</span>
-                        <span class="badge badge-warning" v-if="billet.statusName == 'Pendente'">Pendente</span>
-                        <span class="badge badge-danger" v-if="billet.statusName == 'Em atraso'">Em atraso</span>
-                    </td>
-                    <td class="text-center">{{ billet.value | currency }}</td>
-                    <td class="text-center">
-                        <span class="link" @click="openLink(billet)">Visualizar</span>
-                    </td>
-                    <td class="text-center">
-                        <span class="link" v-if="billet.idIntegracao" @click="getPdf(billet)">Baixar PDF</span>
-                    </td>
-                </tr>
-            </tbody>
-            <tbody v-show="billets.length == 0">
-                <tr>
-                    <td colspan="12">
-                        <span>Nenhum produto encontrado!</span>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
-  
-<script>
-
-import axios from 'axios';
-
-export default {
-    name: "Payment",
-    props: {
-        companyId: Number,
-    },
-    data() {
-        return {
-            urlGetAll: "/api/v1/billing/billet/client-get-all",
-            urlGetPdf: `/api/v1/billing/billet/get-pdf`,
-            billets: [],
-        };
-    },
-    mounted() {
-        this.getAll();
-    },
-    methods: {
-
-        getAll() {
-            const apiUrl = `https://backend-adm-prod.azurewebsites.net${this.urlGetAll}?Any=${this.companyId}`;
-
-            //   const apiUrl = `https://localhost:44347${this.urlGetAll}?Any=${this.companyId}`;
-
-            axios.get(apiUrl)
-                .then(response => {
-                    this.billets = response.data.content.data;
-                })
-                .catch(error => {
-                    console.error('Erro ao fazer a solicitação:', error);
-                });
-        },
-        getPdf(billet) {
-            const apiUrl = `https://backend-adm-prod.azurewebsites.net${this.urlGetPdf}?Any=${this.companyId}`;
-
-            let params = {
-                obj: {
-                    idIntegracao: billet.idIntegracao,
-                    fileName: `nota_fiscal`,
-                    fileType: "pdf"
-                },
-            };
-            return axios.get(apiUrl, {
-                params: params.obj,
-                responseType: "arraybuffer",
-            })
-                .then((response) => {
-
-                    let blob = new Blob([response.data], { type: "application/pdf" });
-                    let url = window.URL.createObjectURL(blob);
-
-                    let downloadLink = document.createElement("a");
-                    downloadLink.href = url;
-                    downloadLink.download = `${params.obj.fileName}`;
-
-                    document.body.appendChild(downloadLink);
-                    downloadLink.click();
-
-                    document.body.removeChild(downloadLink);
-
-                }, (err) => {
-                    return false;
-                })
-        },
-        openLink(billet) {
-            window.open(billet.link, '_blank');
-        }
-    },
-};
-</script>
-<style scoped>
-.table th,
-.table td {
-    height: 10px !important;
-    padding-left: 5px !important;
-    padding-top: 7px !important;
-    padding-bottom: 5px !important;
-    padding-right: 5px !important;
-    padding-left: 10px !important;
-    border-bottom: 0px !important;
-}
-
-.title-header {
-    font-size: 14px;
-    color: #757d8c;
-    font-weight: 400;
-    text-transform: uppercase;
-}
-
-.link {
-    color: #3f529b;
-    font-size: 14px;
-    font-weight: 400;
-    cursor: pointer;
-}
-
-.link:hover {
-    text-decoration: underline;
-}
+<template>
+    <div>
+        <table class="table table-responsive-xs">
+            <thead>
+                <tr>
+                    <th>
+                        <span class="title-header">Descrição</span>
+                    </th>
+                    <th class="text-center">
+                        <span class="title-header">
+                            <span>Vencimento</span>
+                        </span>
+                    </th>
+                    <th class="text-center">
+                        <span class="title-header">
+                            <span>Status</span>
+                        </span>
+                    </th>
+                    <th class="text-center">
+                        <span class="title-header">Valor</span>
+                    </th>
+                    <th class="text-center">
+                        <span class="title-header">2º via Boleto</span>
+                    </th>
+                    <th class="text-center">
+                        <span class="title-header">Nota Fiscal</span>
+                    </th>
+                </tr>
+            </thead>
+            <tbody v-for="billet in billets">
+                <tr>
+                    <td>{{ billet.description }}</td>
+                    <td class="text-center">{{ billet._DueDate | moment("DD/MM/YYYY") }}</td>
+                    <td class="text-center">
+                        <span class="badge badge-primary" v-if="billet.statusName == 'Agendada'">A vencer</span>
+                        <span class="badge badge-success" v-if="billet.statusName == 'Pago'">Pago</span>
+                        <span class="badge badge-warning" v-if="billet.statusName == 'Pendente'">Pendente</span>
+                        <span class="badge badge-danger" v-if="billet.statusName == 'Em atraso'">Em atraso</span>
+                    </td>
+                    <td class="text-center">{{ billet.value | currency }}</td>
+                    <td class="text-center">
+                        <span class="link" @click="openLink(billet)">Visualizar</span>
+                    </td>
+                    <td class="text-center">
+                        <span class="link" v-if="billet.idIntegracao" @click="getPdf(billet)">Baixar PDF</span>
+                    </td>
+                </tr>
+            </tbody>
+            <tbody v-show="billets.length == 0">
+                <tr>
+                    <td colspan="12">
+                        <span>Nenhum produto encontrado!</span>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</template>
+  
+<script>
+
+import axios from 'axios';
+
+export default {
+    name: "Payment",
+    props: {
+        companyId: Number,
+    },
+    data() {
+        return {
+            urlGetAll: "/api/v1/billing/billet/client-get-all",
+            urlGetPdf: `/api/v1/billing/billet/get-pdf`,
+            billets: [],
+        };
+    },
+    mounted() {
+        this.getAll();
+    },
+    methods: {
+
+        getAll() {
+            const apiUrl = `https://backend-adm-prod.azurewebsites.net${this.urlGetAll}?Any=${this.companyId}`;
+
+            //   const apiUrl = `https://localhost:44347${this.urlGetAll}?Any=${this.companyId}`;
+
+            axios.get(apiUrl)
+                .then(response => {
+                    this.billets = response.data.content.data;
+                })
+                .catch(error => {
+                    console.error('Erro ao fazer a solicitação:', error);
+                });
+        },
+        getPdf(billet) {
+            const apiUrl = `https://backend-adm-prod.azurewebsites.net${this.urlGetPdf}?Any=${this.companyId}`;
+
+            let params = {
+                obj: {
+                    idIntegracao: billet.idIntegracao,
+                    fileName: `nota_fiscal`,
+                    fileType: "pdf"
+                },
+            };
+            return axios.get(apiUrl, {
+                params: params.obj,
+                responseType: "arraybuffer",
+            })
+                .then((response) => {
+
+                    let blob = new Blob([response.data], { type: "application/pdf" });
+                    let url = window.URL.createObjectURL(blob);
+
+                    let downloadLink = document.createElement("a");
+                    downloadLink.href = url;
+                    downloadLink.download = `${params.obj.fileName}`;
+
+                    document.body.appendChild(downloadLink);
+                    downloadLink.click();
+
+                    document.body.removeChild(downloadLink);
+
+                }, (err) => {
+                    return false;
+                })
+        },
+        openLink(billet) {
+            window.open(billet.link, '_blank');
+        }
+    },
+};
+</script>
+<style scoped>
+.table th,
+.table td {
+    height: 10px !important;
+    padding-left: 5px !important;
+    padding-top: 7px !important;
+    padding-bottom: 5px !important;
+    padding-right: 5px !important;
+    padding-left: 10px !important;
+    border-bottom: 0px !important;
+}
+
+.title-header {
+    font-size: 14px;
+    color: #757d8c;
+    font-weight: 400;
+    text-transform: uppercase;
+}
+
+.link {
+    color: #3f529b;
+    font-size: 14px;
+    font-weight: 400;
+    cursor: pointer;
+}
+
+.link:hover {
+    text-decoration: underline;
+}
 </style>

package/src/component/signature/Warning.vue

@@ -1,76 +1,76 @@
-<template>
-    <div>
-        <div class="div-main" v-if="data.listBillet.length > 0">
-            <Alert type="danger">
-                <span>
-                    ATENÇÃO, existe(m) <b>{{ data.listBillet.length }}</b> boleto(s) em atraso, regularize e evite suspensão
-                    do
-                    serviço!
-                </span>
-                <div class="div-billet">
-                    <div v-for="billet in data.listBillet">
-                        Boleto vencido em <b>{{ billet.dueDate | moment("DD/MM/YYYY") }}</b>
-                        no valor de <b> {{ billet.value | currency }}</b>!
-                        <span class="title-payment" @click="openBillet(billet)">Efetuar pagamento...</span>
-                    </div>
-                </div>
-            </Alert>
-        </div>
-    </div>
-</template>
-
-<script>
-
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-
-import axios from 'axios';
-
-export default {
-    name: "Warning",
-    props: ["companyId"],
-    components: {
-        Alert
-    },
-    data() {
-        return {
-            data: [],
-            showBillet: false,
-        }
-    },
-    mounted() {
-        this.getAll();
-    },
-    methods: {
-        getAll() {
-            const apiUrl = `https://backend-adm-prod.azurewebsites.net/api/v1/billing/billet/warning-billet-delayed?Any=${this.companyId}`;
-
-            axios.get(apiUrl)
-                .then(response => {
-                    this.data = response.data;
-                })
-                .catch(error => {
-                    console.error('Erro ao fazer a solicitação:', error);
-                });
-        },
-        openBillet(billet) {
-            const link = `https://app.boletocloud.com/boleto/2via/${billet.tokenBillet}`;
-            window.open(link, '_blank');
-        }
-    },
-}
-</script>
-
-<style scoped>
-.div-main {
-    margin-top: 50px;
-}
-
-.div-billet {
-    margin-top: 10px;
-}
-
-.title-payment {
-    color: darkblue;
-    cursor: pointer;
-}
+<template>
+    <div>
+        <div class="div-main" v-if="data.listBillet.length > 0">
+            <Alert type="danger">
+                <span>
+                    ATENÇÃO, existe(m) <b>{{ data.listBillet.length }}</b> boleto(s) em atraso, regularize e evite suspensão
+                    do
+                    serviço!
+                </span>
+                <div class="div-billet">
+                    <div v-for="billet in data.listBillet">
+                        Boleto vencido em <b>{{ billet.dueDate | moment("DD/MM/YYYY") }}</b>
+                        no valor de <b> {{ billet.value | currency }}</b>!
+                        <span class="title-payment" @click="openBillet(billet)">Efetuar pagamento...</span>
+                    </div>
+                </div>
+            </Alert>
+        </div>
+    </div>
+</template>
+
+<script>
+
+import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
+
+import axios from 'axios';
+
+export default {
+    name: "Warning",
+    props: ["companyId"],
+    components: {
+        Alert
+    },
+    data() {
+        return {
+            data: [],
+            showBillet: false,
+        }
+    },
+    mounted() {
+        this.getAll();
+    },
+    methods: {
+        getAll() {
+            const apiUrl = `https://backend-adm-prod.azurewebsites.net/api/v1/billing/billet/warning-billet-delayed?Any=${this.companyId}`;
+
+            axios.get(apiUrl)
+                .then(response => {
+                    this.data = response.data;
+                })
+                .catch(error => {
+                    console.error('Erro ao fazer a solicitação:', error);
+                });
+        },
+        openBillet(billet) {
+            const link = `https://app.boletocloud.com/boleto/2via/${billet.tokenBillet}`;
+            window.open(link, '_blank');
+        }
+    },
+}
+</script>
+
+<style scoped>
+.div-main {
+    margin-top: 50px;
+}
+
+.div-billet {
+    margin-top: 10px;
+}
+
+.title-payment {
+    color: darkblue;
+    cursor: pointer;
+}
 </style>