@nixweb/nixloc-ui 1.19.0 → 1.21.0

package/src/component/shared/automation/components/BillingByRent.vue

@@ -1,98 +1,98 @@
-<template>
-    <div>
-        <div class="title">
-            <i class="fa-solid fa-file-invoice"></i>
-            Gerar Faturamento
-        </div>
-        <div class="div-task">
-            <b-row>
-                <b-col xs="12" sm="12" md="12" lg="12" xl="4">
-                    <SelectStatic title="Frequência" :required="true" :data="[
-                            { content: 'Semanal', id: 'weekly' },
-                            { content: 'Quinzenal', id: 'fortnightly' },
-                            { content: 'Mensal', id: 'monthly' },
-                            { content: 'Anual', id: 'yearly' },
-                        ]" :markFormDirty="true" v-model="rule.frequency" />
-                </b-col>
-                <b-col xs="12" sm="12" md="12" lg="12" xl="3">
-                    <InputDecimal title="Valor" field="value" :required="true" :markFormDirty="true" :maxLength="5"
-                        type="float" v-model="rule.amount" />
-                </b-col>
-                <b-col xs="12" sm="12" md="12" lg="12" xl="2">
-                    <DateTime title="Data Início" :required="true" field="dateStart" format="DD/MM/YYYY" type="date"
-                        placeholder v-model="rule.dateStart" />
-                </b-col>
-                <b-col xs="12" sm="12" md="12" lg="12" xl="2">
-                    <DateTime title="Data Fim" field="dateEnd" format="DD/MM/YYYY" type="date" placeholder
-                        v-model="rule.dateEnd" />
-                </b-col>
-            </b-row>
-            <b-row>
-                <b-col xs="12" sm="12" md="12" lg="8" xl="6">
-                    <SelectStatic title="Atividade" :data="[
-                            { content: 'Enviar E-mail', name: 'mail', recipient: '' },
-                            { content: 'Enviar WhatsApp', name: 'whatsapp', recipient: '' },
-                        ]" :markFormDirty="false" v-model="activity" />
-                </b-col>
-                <b-col sm="3">
-                    <div class="div-btn">
-                        <i class="fa-solid fa-circle-plus" @click="add"></i>
-                    </div>
-                </b-col>
-            </b-row>
-        </div>
-    </div>
-</template>
-<script>
-
-import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
-import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
-import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
-
-import { mapMutations } from "vuex";
-
-export default {
-    name: "Teste",
-    components: {
-        InputDecimal, SelectStatic, DateTime
-    },
-    props: {
-        rule: Object
-    },
-    data() {
-        return {
-            activity: {}
-        }
-    },
-    methods: {
-        ...mapMutations("automation", ["addActivity"]),
-        add() {
-            this.activity.id = this.generateId();
-            if (this.activity.content) {
-                var activity = JSON.parse(JSON.stringify(this.activity));
-                this.addActivity({ id: this.rule.id, activity: activity })
-            }
-
-        },
-        generateId() {
-            return Math.random()
-                .toString(36)
-                .replace(/[^a-z]+/g, "")
-                .substr(0, 5);
-        },
-    }
-}
-</script>
-<style scoped>
-.title {
-    font-size: 16px;
-    margin-bottom: 10px;
-}
-
-.div-btn {
-    margin-top: 30px;
-    font-size: 25px;
-    color: #577696;
-    cursor: pointer;
-}
+<template>
+    <div>
+        <div class="title">
+            <i class="fa-solid fa-file-invoice"></i>
+            Gerar Faturamento
+        </div>
+        <div class="div-task">
+            <b-row>
+                <b-col xs="12" sm="12" md="12" lg="12" xl="4">
+                    <SelectStatic title="Frequência" :required="true" :data="[
+                            { content: 'Semanal', id: 'weekly' },
+                            { content: 'Quinzenal', id: 'fortnightly' },
+                            { content: 'Mensal', id: 'monthly' },
+                            { content: 'Anual', id: 'yearly' },
+                        ]" :markFormDirty="true" v-model="rule.frequency" />
+                </b-col>
+                <b-col xs="12" sm="12" md="12" lg="12" xl="3">
+                    <InputDecimal title="Valor" field="value" :required="true" :markFormDirty="true" :maxLength="5"
+                        type="float" v-model="rule.amount" />
+                </b-col>
+                <b-col xs="12" sm="12" md="12" lg="12" xl="2">
+                    <DateTime title="Data Início" :required="true" field="dateStart" format="DD/MM/YYYY" type="date"
+                        placeholder v-model="rule.dateStart" />
+                </b-col>
+                <b-col xs="12" sm="12" md="12" lg="12" xl="2">
+                    <DateTime title="Data Fim" field="dateEnd" format="DD/MM/YYYY" type="date" placeholder
+                        v-model="rule.dateEnd" />
+                </b-col>
+            </b-row>
+            <b-row>
+                <b-col xs="12" sm="12" md="12" lg="8" xl="6">
+                    <SelectStatic title="Atividade" :data="[
+                            { content: 'Enviar E-mail', name: 'mail', recipient: '' },
+                            { content: 'Enviar WhatsApp', name: 'whatsapp', recipient: '' },
+                        ]" :markFormDirty="false" v-model="activity" />
+                </b-col>
+                <b-col sm="3">
+                    <div class="div-btn">
+                        <i class="fa-solid fa-circle-plus" @click="add"></i>
+                    </div>
+                </b-col>
+            </b-row>
+        </div>
+    </div>
+</template>
+<script>
+
+import InputDecimal from "@nixweb/nixloc-ui/src/component/forms/InputDecimal";
+import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
+import DateTime from "@nixweb/nixloc-ui/src/component/forms/DateTime";
+
+import { mapMutations } from "vuex";
+
+export default {
+    name: "Teste",
+    components: {
+        InputDecimal, SelectStatic, DateTime
+    },
+    props: {
+        rule: Object
+    },
+    data() {
+        return {
+            activity: {}
+        }
+    },
+    methods: {
+        ...mapMutations("automation", ["addActivity"]),
+        add() {
+            this.activity.id = this.generateId();
+            if (this.activity.content) {
+                var activity = JSON.parse(JSON.stringify(this.activity));
+                this.addActivity({ id: this.rule.id, activity: activity })
+            }
+
+        },
+        generateId() {
+            return Math.random()
+                .toString(36)
+                .replace(/[^a-z]+/g, "")
+                .substr(0, 5);
+        },
+    }
+}
+</script>
+<style scoped>
+.title {
+    font-size: 16px;
+    margin-bottom: 10px;
+}
+
+.div-btn {
+    margin-top: 30px;
+    font-size: 25px;
+    color: #577696;
+    cursor: pointer;
+}
 </style>

package/src/component/shared/automation/components/SendEmail.vue

@@ -1,94 +1,94 @@
-<template>
-    <div>
-        <b-row>
-            <b-col sm="1">
-                <div class="icon-mail">
-                    <i class="fa-solid fa-envelope"></i>
-                </div>
-            </b-col>
-            <b-col sm="9">
-                <InputText title="Digite o E-mail e tecle enter" :maxLength="100" :enter="addEmail" v-model="email" />
-                <div class="side-by-side" v-for="email in emails ">
-                    <div class="tag">
-                        <div class="side-by-side">
-                            {{ email }}
-                        </div>
-                        <div class="side-by-side">
-                            <i class="icon-close fa-solid fa-circle-xmark"></i>
-                        </div>
-                    </div>
-                </div>
-            </b-col>
-            <b-col sm="2">
-                <div class="text-right div-icon-close" @click="remove">
-                    <i class="fa-solid fa-xmark"></i>
-                </div>
-            </b-col>
-        </b-row>
-    </div>
-</template>
-<script>
-
-import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
-import { mapMutations } from "vuex";
-
-export default {
-    name: "SendMail",
-    props: ["activity", "value"],
-    components: {
-        InputText
-    },
-    data() {
-        return {
-            email: "",
-            emails: []
-        }
-    },
-    methods: {
-        ...mapMutations("automation", ["removeActivity"]),
-        addEmail() {
-            this.emails.push(this.email);
-            this.email = "";
-        },
-        remove() {
-            this.removeActivity(this.activity.id);
-        }
-    },
-    watch: {
-        emails: {
-            handler(emails) {
-                this.$emit("input", emails);
-            },
-            deep: true,
-        },
-    },
-}
-
-</script>
-<style scoped>
-.icon-mail {
-    margin-left: 20px;
-    margin-top: 8px;
-    font-size: 20px;
-}
-
-.tag {
-    background-color: #E0E0E0;
-    margin-right: 10px;
-    padding: 3px;
-    font-size: 13px;
-    border-radius: 20px;
-}
-
-.icon-close {
-    color: darkgrey;
-    font-size: 20px;
-}
-
-.div-icon-close {
-    font-size: 16px;
-    color: red;
-    margin-right: 10px;
-    cursor: pointer;
-}
+<template>
+    <div>
+        <b-row>
+            <b-col sm="1">
+                <div class="icon-mail">
+                    <i class="fa-solid fa-envelope"></i>
+                </div>
+            </b-col>
+            <b-col sm="9">
+                <InputText title="Digite o E-mail e tecle enter" :maxLength="100" :enter="addEmail" v-model="email" />
+                <div class="side-by-side" v-for="email in emails ">
+                    <div class="tag">
+                        <div class="side-by-side">
+                            {{ email }}
+                        </div>
+                        <div class="side-by-side">
+                            <i class="icon-close fa-solid fa-circle-xmark"></i>
+                        </div>
+                    </div>
+                </div>
+            </b-col>
+            <b-col sm="2">
+                <div class="text-right div-icon-close" @click="remove">
+                    <i class="fa-solid fa-xmark"></i>
+                </div>
+            </b-col>
+        </b-row>
+    </div>
+</template>
+<script>
+
+import InputText from "@nixweb/nixloc-ui/src/component/forms/InputText";
+import { mapMutations } from "vuex";
+
+export default {
+    name: "SendMail",
+    props: ["activity", "value"],
+    components: {
+        InputText
+    },
+    data() {
+        return {
+            email: "",
+            emails: []
+        }
+    },
+    methods: {
+        ...mapMutations("automation", ["removeActivity"]),
+        addEmail() {
+            this.emails.push(this.email);
+            this.email = "";
+        },
+        remove() {
+            this.removeActivity(this.activity.id);
+        }
+    },
+    watch: {
+        emails: {
+            handler(emails) {
+                this.$emit("input", emails);
+            },
+            deep: true,
+        },
+    },
+}
+
+</script>
+<style scoped>
+.icon-mail {
+    margin-left: 20px;
+    margin-top: 8px;
+    font-size: 20px;
+}
+
+.tag {
+    background-color: #E0E0E0;
+    margin-right: 10px;
+    padding: 3px;
+    font-size: 13px;
+    border-radius: 20px;
+}
+
+.icon-close {
+    color: darkgrey;
+    font-size: 20px;
+}
+
+.div-icon-close {
+    font-size: 16px;
+    color: red;
+    margin-right: 10px;
+    cursor: pointer;
+}
 </style>