@nixweb/nixloc-ui 1.19.0 → 1.21.0

package/src/component/shared/automation/AddRule.vue

@@ -1,61 +1,61 @@
-<template>
-    <div>
-        <b-row>
-            <b-col xs="12" sm="12" md="12" lg="5" xl="5">
-                <SelectRule :options="rules" v-model="selectedRule" />
-            </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>
-         <DynamicComponentList />
-    </div>
-</template>
-  
-<script>
-import SelectRule from "./SelectRule.vue";
-import DynamicComponentList from "./DynamicComponentList.vue";
-
-import { mapMutations } from "vuex";
-
-export default {
-    name: "AddRule",
-    components: {
-        SelectRule,
-        DynamicComponentList
-    },
-    props: {
-        rules: Array
-    },
-    data() {
-        return {
-            selectedRule: this.options[0],
-        };
-    },
-    methods: {
-        ...mapMutations("generic", ["addNotifications"]),
-        ...mapMutations("automation", ["addSelectedRules"]),
-        add() {
-            this.selectedRule.id = this.generateId();
-            var selectedRule = JSON.parse(JSON.stringify(this.selectedRule));
-            this.addSelectedRules(selectedRule);
-        },
-        generateId() {
-            return Math.random()
-                .toString(36)
-                .replace(/[^a-z]+/g, "")
-                .substr(0, 5);
-        },
-    }
-};
-</script>
-<style scoped>
-.div-btn {
-    margin-top: -3px;
-    font-size: 25px;
-    color: #577696;
-    cursor: pointer;
-}
+<template>
+    <div>
+        <b-row>
+            <b-col xs="12" sm="12" md="12" lg="5" xl="5">
+                <SelectRule :options="rules" v-model="selectedRule" />
+            </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>
+         <DynamicComponentList />
+    </div>
+</template>
+  
+<script>
+import SelectRule from "./SelectRule.vue";
+import DynamicComponentList from "./DynamicComponentList.vue";
+
+import { mapMutations } from "vuex";
+
+export default {
+    name: "AddRule",
+    components: {
+        SelectRule,
+        DynamicComponentList
+    },
+    props: {
+        rules: Array
+    },
+    data() {
+        return {
+            selectedRule: this.options[0],
+        };
+    },
+    methods: {
+        ...mapMutations("generic", ["addNotifications"]),
+        ...mapMutations("automation", ["addSelectedRules"]),
+        add() {
+            this.selectedRule.id = this.generateId();
+            var selectedRule = JSON.parse(JSON.stringify(this.selectedRule));
+            this.addSelectedRules(selectedRule);
+        },
+        generateId() {
+            return Math.random()
+                .toString(36)
+                .replace(/[^a-z]+/g, "")
+                .substr(0, 5);
+        },
+    }
+};
+</script>
+<style scoped>
+.div-btn {
+    margin-top: -3px;
+    font-size: 25px;
+    color: #577696;
+    cursor: pointer;
+}
 </style>

package/src/component/shared/automation/AutomationBuilder.vue

@@ -1,27 +1,27 @@
-<template>
-    <div>
-        <AddRule :rules="rules" />
-    </div>
-</template>
-  
-<script>
-import AddRule from "./AddRule.vue";
-
-import { mapState } from "vuex";
-
-export default {
-    name: "AutomationBuilder",
-    components: {
-        AddRule,
-    },
-    props: {
-        rules: Array
-    },
-    data() {
-        return {
-
-        };
-    },
-};
-</script>
+<template>
+    <div>
+        <AddRule :rules="rules" />
+    </div>
+</template>
+  
+<script>
+import AddRule from "./AddRule.vue";
+
+import { mapState } from "vuex";
+
+export default {
+    name: "AutomationBuilder",
+    components: {
+        AddRule,
+    },
+    props: {
+        rules: Array
+    },
+    data() {
+        return {
+
+        };
+    },
+};
+</script>
   

package/src/component/shared/automation/DynamicComponentList.vue

@@ -1,86 +1,86 @@
-<template>
-    <div class="div-main">
-        <div v-for="(rule, index) in rules">
-            <div class="div-component">
-                <b-row>
-                    <b-col sm="12">
-                        <Molded>
-                            <b-row>
-                                <b-col sm="11">
-                                    <BillingByRent v-if="rule.name == 'billingByRent'" :rule="rule" />
-                                </b-col>
-                                <b-col sm="1">
-                                    <div class="icon-trash text-right" @click="remove(rule.id)">
-                                        <i class="fa-solid fa-trash"></i>
-                                    </div>
-                                </b-col>
-                            </b-row>
-                            <div>
-                                <ActivitiesList :ruleId="rule.id" />
-                            </div>
-                        </Molded>
-                        <div v-if="index != (rules.length - 1) && rules.length > 1" class="div-icon text-center">
-                            <i class="fa-solid fa-arrow-down-from-line"></i>
-                        </div>
-                    </b-col>
-                </b-row>
-            </div>
-        </div>
-    </div>
-</template>
-  
-<script>
-
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
-import BillingByRent from "./components/BillingByRent";
-import ActivitiesList from "./ActivitiesList";
-
-import { mapMutations, mapState } from "vuex";
-
-export default {
-    name: "DynamicComponentList",
-    components: {
-        Molded, SelectStatic, BillingByRent, ActivitiesList
-    },
-    props: {
-        DynamicComponentList: Array
-    },
-    data() {
-        return {
-
-        };
-    },
-    computed: {
-        ...mapState("automation", ["rules"]),
-    },
-    methods: {
-        ...mapMutations("automation", ["removeRule"]),
-        remove(id) {
-            this.removeRule(id);
-        }
-    }
-};
-</script>
-<style scoped>
-.div-main {
-    margin-left: 100px;
-    margin-right: 100px;
-    margin-top: 40px;
-}
-
-.div-component {
-    margin-top: 20px
-}
-
-.div-icon {
-    font-size: 20px;
-    margin-top: 15px;
-    color: #347ADB;
-}
-
-.icon-trash {
-    color: red;
-    cursor: pointer;
-}
+<template>
+    <div class="div-main">
+        <div v-for="(rule, index) in rules">
+            <div class="div-component">
+                <b-row>
+                    <b-col sm="12">
+                        <Molded>
+                            <b-row>
+                                <b-col sm="11">
+                                    <BillingByRent v-if="rule.name == 'billingByRent'" :rule="rule" />
+                                </b-col>
+                                <b-col sm="1">
+                                    <div class="icon-trash text-right" @click="remove(rule.id)">
+                                        <i class="fa-solid fa-trash"></i>
+                                    </div>
+                                </b-col>
+                            </b-row>
+                            <div>
+                                <ActivitiesList :ruleId="rule.id" />
+                            </div>
+                        </Molded>
+                        <div v-if="index != (rules.length - 1) && rules.length > 1" class="div-icon text-center">
+                            <i class="fa-solid fa-arrow-down-from-line"></i>
+                        </div>
+                    </b-col>
+                </b-row>
+            </div>
+        </div>
+    </div>
+</template>
+  
+<script>
+
+import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
+import SelectStatic from "@nixweb/nixloc-ui/src/component/forms/SelectStatic";
+import BillingByRent from "./components/BillingByRent";
+import ActivitiesList from "./ActivitiesList";
+
+import { mapMutations, mapState } from "vuex";
+
+export default {
+    name: "DynamicComponentList",
+    components: {
+        Molded, SelectStatic, BillingByRent, ActivitiesList
+    },
+    props: {
+        DynamicComponentList: Array
+    },
+    data() {
+        return {
+
+        };
+    },
+    computed: {
+        ...mapState("automation", ["rules"]),
+    },
+    methods: {
+        ...mapMutations("automation", ["removeRule"]),
+        remove(id) {
+            this.removeRule(id);
+        }
+    }
+};
+</script>
+<style scoped>
+.div-main {
+    margin-left: 100px;
+    margin-right: 100px;
+    margin-top: 40px;
+}
+
+.div-component {
+    margin-top: 20px
+}
+
+.div-icon {
+    font-size: 20px;
+    margin-top: 15px;
+    color: #347ADB;
+}
+
+.icon-trash {
+    color: red;
+    cursor: pointer;
+}
 </style>

package/src/component/shared/automation/SelectRule.vue

@@ -1,98 +1,98 @@
-<template>
-    <div class="selected-filter" @blur="open = false">
-      <div class="selected" :class="{ open: open }" @click="open = !open">
-        {{ selected }}
-      </div>
-      <div class="items" :class="{ hide: !open }">
-        <div v-for="(options, i) of options" :key="i">
-          <div @click="select(options)">
-            <span :class="options.classCss">
-              <i :class="options.icon"></i>
-              <span> {{ options.title }}</span>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </template>
-  
-  <script>
-  export default {
-    props: ["options", "value"],
-    data() {
-      return {
-        selected: "Selecione uma opção",
-        open: false,
-      };
-    },
-    mounted() {
-      this.$emit("input", this.selected);
-    },
-    methods: {
-      select(options) {
-        this.$emit("input", options);
-        this.selected = options.title;
-        this.open = false;
-      },
-    },
-  };
-  </script>
-  
-  <style scoped>
-  .selected-filter {
-    position: relative;
-    width: 100%;
-    text-align: left;
-    outline: none;
-    height: 40px;
-    line-height: 40px;
-    z-index: 2;
-  }
-  
-  .selected-filter .selected {
-    background-color: white;
-    border: 1px solid #DBDEE0;
-    border-radius: 6px;
-    color: #495057;
-    padding-left: 1em;
-    cursor: pointer;
-    user-select: none;
-  }
-  
-  .selected-filter .selected:after {
-    position: absolute;
-    content: "";
-    top: 19px;
-    right: 1em;
-    width: 0;
-    height: 0;
-    border: 5px solid transparent;
-    border-color: black transparent transparent transparent;
-  }
-  
-  .selected-filter .items {
-    color: black;
-    border-radius: 0px 0px 6px 6px;
-    overflow: hidden;
-    position: absolute;
-    background-color: #fafafc;
-    left: 0;
-    right: 0;
-    z-index: 1;
-    height: 120px;
-    overflow-y: visible;
-    overflow-x: hidden;
-  }
-  
-  .selected-filter .items div {
-    color: black;
-    padding-left: 1em;
-    cursor: pointer;
-    user-select: none;
-  }
-  
-  .hide {
-    display: none;
-  }
-  </style>
+<template>
+    <div class="selected-filter" @blur="open = false">
+      <div class="selected" :class="{ open: open }" @click="open = !open">
+        {{ selected }}
+      </div>
+      <div class="items" :class="{ hide: !open }">
+        <div v-for="(options, i) of options" :key="i">
+          <div @click="select(options)">
+            <span :class="options.classCss">
+              <i :class="options.icon"></i>
+              <span> {{ options.title }}</span>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    props: ["options", "value"],
+    data() {
+      return {
+        selected: "Selecione uma opção",
+        open: false,
+      };
+    },
+    mounted() {
+      this.$emit("input", this.selected);
+    },
+    methods: {
+      select(options) {
+        this.$emit("input", options);
+        this.selected = options.title;
+        this.open = false;
+      },
+    },
+  };
+  </script>
+  
+  <style scoped>
+  .selected-filter {
+    position: relative;
+    width: 100%;
+    text-align: left;
+    outline: none;
+    height: 40px;
+    line-height: 40px;
+    z-index: 2;
+  }
+  
+  .selected-filter .selected {
+    background-color: white;
+    border: 1px solid #DBDEE0;
+    border-radius: 6px;
+    color: #495057;
+    padding-left: 1em;
+    cursor: pointer;
+    user-select: none;
+  }
+  
+  .selected-filter .selected:after {
+    position: absolute;
+    content: "";
+    top: 19px;
+    right: 1em;
+    width: 0;
+    height: 0;
+    border: 5px solid transparent;
+    border-color: black transparent transparent transparent;
+  }
+  
+  .selected-filter .items {
+    color: black;
+    border-radius: 0px 0px 6px 6px;
+    overflow: hidden;
+    position: absolute;
+    background-color: #fafafc;
+    left: 0;
+    right: 0;
+    z-index: 1;
+    height: 120px;
+    overflow-y: visible;
+    overflow-x: hidden;
+  }
+  
+  .selected-filter .items div {
+    color: black;
+    padding-left: 1em;
+    cursor: pointer;
+    user-select: none;
+  }
+  
+  .hide {
+    display: none;
+  }
+  </style>