@nixweb/nixloc-ui 1.19.0 → 1.21.0

package/src/component/shared/actions/ActionsSelected.vue

@@ -1,262 +1,262 @@
-<template>
-  <div>
-    <div
-      v-if="selected.length > 50"
-      class="bab-alert"
-    >
-      <i class="fas fa-triangle-exclamation"></i>
-      <span> Limite máximo de 50 itens!</span>
-    </div>
-
-    <div v-else>
-      <ActionButtons
-        :actions="actions"
-        @confirm="confirm"
-      />
-    </div>
-
-    <Modal
-      title="Tem certeza que deseja executar?"
-      :showValidation="false"
-      :closeOnEsc="false"
-      :closeButton="false"
-      :width="600"
-      :height="750"
-      v-if="showModal('confirm')"
-    >
-      <ActionlHeader
-        :description="actionSelected.description"
-        :total="selected.length"
-        :done="selectedDone.length"
-        :errors="errorCount"
-      />
-
-      <ActionItemList
-        :selected="selected"
-        :status="status"
-        :errorsMap="errorsMap"
-        @show-error="openErrorDetails"
-      />
-
-      <hr class="hr" />
-
-      <ActionFooter
-        :isFinished="isFinished"
-        :processing="processing"
-        :selected="selected"
-        :errorCount="errorCount"
-        @ok="ok"
-        @cancel="hideModal"
-        @finish="finished"
-      />
-    </Modal>
-
-    <Modal
-      v-if="errorDetails.open"
-      :title="`Falha — Item ${errorDetails.index + 1}`"
-      :showValidation="false"
-      :closeOnEsc="false"
-      :closeButton="false"
-      :width="520"
-      :height="360"
-    >
-      <ActionErrorContent
-        :id="errorDetails.id"
-        :index="errorDetails.index"
-        :messages="errorsMap[errorDetails.id]"
-        @close="closeErrorDetails"
-      />
-    </Modal>
-
-    <Modal
-      title="Selecione a opção desejada"
-      :showValidation="false"
-      :closeOnEsc="true"
-      :closeButton="true"
-      :width="600"
-      :height="750"
-      v-if="showModal('actionsOptions')"
-    >
-      <ActionsOptions
-        :actionSelected="actionSelected"
-        v-model="optionSelected"
-      />
-    </Modal>
-  </div>
-</template>
-
-<script>
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
-
-import ActionButtons from "@nixweb/nixloc-ui/src/component/shared/actions/ActionButtons.vue";
-import ActionlHeader from "@nixweb/nixloc-ui/src/component/shared/actions/ActionHeader.vue";
-import ActionsOptions from "@nixweb/nixloc-ui/src/component/shared/actions/ActionsOptions.vue";
-import ActionItemList from "./ActionItemList.vue";
-import ActionErrorContent from "./ActionErrorContent.vue";
-import ActionFooter from "./ActionFooter.vue";
-
-import { mapGetters, mapMutations, mapActions } from "vuex";
-
-export default {
-  name: "ActionsSelected",
-  components: {
-    Button,
-    Modal,
-    ScrollBar,
-    ActionButtons,
-    ActionlHeader,
-    ActionsOptions,
-    ActionItemList,
-    ActionErrorContent,
-    ActionFooter,
-  },
-  props: {
-    actions: { type: Array, default: () => [] },
-    selected: { type: Array, default: () => [] },
-  },
-  data() {
-    return {
-      actionSelected: {},
-      optionSelected: "",
-      selectedDone: [],
-      processing: false,
-      status: {},
-      errorsMap: {},
-      errorDetails: { open: false, id: null, index: -1 },
-      errorIds: [],
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["showModal"]),
-    errorCount() {
-      return Object.values(this.status).filter((s) => s === "error").length;
-    },
-    isFinished() {
-      if (!this.selected.length) return false;
-      const statuses = Object.values(this.status);
-      return (
-        statuses.length === this.selected.length &&
-        statuses.every((s) => s === "done" || s === "error")
-      );
-    },
-  },
-  methods: {
-    ...mapActions("generic", ["putApi", "deleteAllApi"]),
-    ...mapMutations("generic", [
-      "openModal",
-      "hideModal",
-      "executedSearch",
-      "addSelected",
-      "addEvent",
-    ]),
-    confirm(params) {
-      this.actionSelected = params;
-      this.selectedDone = [];
-      this.processing = false;
-      this.status = {};
-      this.errorsMap = {};
-      this.errorIds = [];
-      this.selected.forEach((id) => this.$set(this.status, id, "waiting"));
-
-      if (params.type != "delete") {
-        this.openModal("actionsOptions");
-      } else {
-        this.openModal("confirm");
-      }
-    },
-    async put(id) {
-      const response = await this.putApi({
-        url: this.actionSelected.url,
-        obj: { id: id, any: this.optionSelected },
-        notNotifyToast: true,
-      });
-      this.addEvent({ name: "actionsUpdated" });
-      return response;
-    },
-    async remove(id) {
-      const response = await this.deleteAllApi({
-        url: this.actionSelected.url,
-        selected: [id],
-        notNotifyToast: true,
-      });
-      this.addEvent({ name: "actionsUpdated" });
-      return response;
-    },
-    async ok() {
-      if (this.processing) return;
-      this.processing = true;
-
-      for (let i = 0; i < this.selected.length; i++) {
-        const id = this.selected[i];
-        this.$set(this.status, id, "running");
-
-        try {
-          let result = null;
-          if (this.actionSelected.method == "delete")
-            result = await this.remove(id);
-
-          if (this.actionSelected.method == "put") result = await this.put(id);
-
-          if (result?.success) {
-            this.$set(this.status, id, "done");
-            this.selectedDone.push(id);
-          } else {
-            const msgs = (result?.notifications || [])
-              .map((n) => n && n.message)
-              .filter(Boolean);
-            this.$set(this.errorsMap, id, msgs);
-            this.$set(this.status, id, "error");
-            this.errorIds.push(id);
-          }
-        } catch {
-          this.$set(this.errorsMap, id, [
-            "Falha inesperada ao comunicar com a API.",
-          ]);
-          this.$set(this.status, id, "error");
-          this.errorIds.push(id);
-        }
-      }
-
-      this.processing = false;
-    },
-    openErrorDetails({ id, index }) {
-      this.errorDetails = { open: true, id, index };
-    },
-    closeErrorDetails() {
-      this.errorDetails = { open: false, id: null, index: -1 };
-    },
-    finished() {
-      this.hideModal();
-      this.addEvent({ name: "deselectAll" });
-      this.addSelected(this.errorIds);
-      this.executedSearch();
-    },
-  },
-};
-</script>
-
-<style scoped>
-.bab-alert {
-  box-sizing: border-box;
-  margin-bottom: 10px;
-  color: rgba(0, 0, 0, 0.65);
-  font-size: 14px;
-  padding: 8px 15px;
-  border-radius: 10px;
-  background-color: #fff1f0;
-  border: 1px solid #ffa39e;
-}
-
-.bab-alert i {
-  color: #dc2626;
-  font-size: 15px;
-}
-
-.hr {
-  margin: 14px 0;
-  border: none;
-  border-top: 1px solid #eef2f7;
-}
-</style>
+<template>
+  <div>
+    <div
+      v-if="selected.length > 50"
+      class="bab-alert"
+    >
+      <i class="fas fa-triangle-exclamation"></i>
+      <span> Limite máximo de 50 itens!</span>
+    </div>
+
+    <div v-else>
+      <ActionButtons
+        :actions="actions"
+        @confirm="confirm"
+      />
+    </div>
+
+    <Modal
+      title="Tem certeza que deseja executar?"
+      :showValidation="false"
+      :closeOnEsc="false"
+      :closeButton="false"
+      :width="600"
+      :height="750"
+      v-if="showModal('confirm')"
+    >
+      <ActionlHeader
+        :description="actionSelected.description"
+        :total="selected.length"
+        :done="selectedDone.length"
+        :errors="errorCount"
+      />
+
+      <ActionItemList
+        :selected="selected"
+        :status="status"
+        :errorsMap="errorsMap"
+        @show-error="openErrorDetails"
+      />
+
+      <hr class="hr" />
+
+      <ActionFooter
+        :isFinished="isFinished"
+        :processing="processing"
+        :selected="selected"
+        :errorCount="errorCount"
+        @ok="ok"
+        @cancel="hideModal"
+        @finish="finished"
+      />
+    </Modal>
+
+    <Modal
+      v-if="errorDetails.open"
+      :title="`Falha — Item ${errorDetails.index + 1}`"
+      :showValidation="false"
+      :closeOnEsc="false"
+      :closeButton="false"
+      :width="520"
+      :height="360"
+    >
+      <ActionErrorContent
+        :id="errorDetails.id"
+        :index="errorDetails.index"
+        :messages="errorsMap[errorDetails.id]"
+        @close="closeErrorDetails"
+      />
+    </Modal>
+
+    <Modal
+      title="Selecione a opção desejada"
+      :showValidation="false"
+      :closeOnEsc="true"
+      :closeButton="true"
+      :width="600"
+      :height="750"
+      v-if="showModal('actionsOptions')"
+    >
+      <ActionsOptions
+        :actionSelected="actionSelected"
+        v-model="optionSelected"
+      />
+    </Modal>
+  </div>
+</template>
+
+<script>
+import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
+import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
+import ScrollBar from "@nixweb/nixloc-ui/src/component/layout/ScrollBar.vue";
+
+import ActionButtons from "@nixweb/nixloc-ui/src/component/shared/actions/ActionButtons.vue";
+import ActionlHeader from "@nixweb/nixloc-ui/src/component/shared/actions/ActionHeader.vue";
+import ActionsOptions from "@nixweb/nixloc-ui/src/component/shared/actions/ActionsOptions.vue";
+import ActionItemList from "./ActionItemList.vue";
+import ActionErrorContent from "./ActionErrorContent.vue";
+import ActionFooter from "./ActionFooter.vue";
+
+import { mapGetters, mapMutations, mapActions } from "vuex";
+
+export default {
+  name: "ActionsSelected",
+  components: {
+    Button,
+    Modal,
+    ScrollBar,
+    ActionButtons,
+    ActionlHeader,
+    ActionsOptions,
+    ActionItemList,
+    ActionErrorContent,
+    ActionFooter,
+  },
+  props: {
+    actions: { type: Array, default: () => [] },
+    selected: { type: Array, default: () => [] },
+  },
+  data() {
+    return {
+      actionSelected: {},
+      optionSelected: "",
+      selectedDone: [],
+      processing: false,
+      status: {},
+      errorsMap: {},
+      errorDetails: { open: false, id: null, index: -1 },
+      errorIds: [],
+    };
+  },
+  computed: {
+    ...mapGetters("generic", ["showModal"]),
+    errorCount() {
+      return Object.values(this.status).filter((s) => s === "error").length;
+    },
+    isFinished() {
+      if (!this.selected.length) return false;
+      const statuses = Object.values(this.status);
+      return (
+        statuses.length === this.selected.length &&
+        statuses.every((s) => s === "done" || s === "error")
+      );
+    },
+  },
+  methods: {
+    ...mapActions("generic", ["putApi", "deleteAllApi"]),
+    ...mapMutations("generic", [
+      "openModal",
+      "hideModal",
+      "executedSearch",
+      "addSelected",
+      "addEvent",
+    ]),
+    confirm(params) {
+      this.actionSelected = params;
+      this.selectedDone = [];
+      this.processing = false;
+      this.status = {};
+      this.errorsMap = {};
+      this.errorIds = [];
+      this.selected.forEach((id) => this.$set(this.status, id, "waiting"));
+
+      if (params.type != "delete") {
+        this.openModal("actionsOptions");
+      } else {
+        this.openModal("confirm");
+      }
+    },
+    async put(id) {
+      const response = await this.putApi({
+        url: this.actionSelected.url,
+        obj: { id: id, any: this.optionSelected },
+        notNotifyToast: true,
+      });
+      this.addEvent({ name: "actionsUpdated" });
+      return response;
+    },
+    async remove(id) {
+      const response = await this.deleteAllApi({
+        url: this.actionSelected.url,
+        selected: [id],
+        notNotifyToast: true,
+      });
+      this.addEvent({ name: "actionsUpdated" });
+      return response;
+    },
+    async ok() {
+      if (this.processing) return;
+      this.processing = true;
+
+      for (let i = 0; i < this.selected.length; i++) {
+        const id = this.selected[i];
+        this.$set(this.status, id, "running");
+
+        try {
+          let result = null;
+          if (this.actionSelected.method == "delete")
+            result = await this.remove(id);
+
+          if (this.actionSelected.method == "put") result = await this.put(id);
+
+          if (result?.success) {
+            this.$set(this.status, id, "done");
+            this.selectedDone.push(id);
+          } else {
+            const msgs = (result?.notifications || [])
+              .map((n) => n && n.message)
+              .filter(Boolean);
+            this.$set(this.errorsMap, id, msgs);
+            this.$set(this.status, id, "error");
+            this.errorIds.push(id);
+          }
+        } catch {
+          this.$set(this.errorsMap, id, [
+            "Falha inesperada ao comunicar com a API.",
+          ]);
+          this.$set(this.status, id, "error");
+          this.errorIds.push(id);
+        }
+      }
+
+      this.processing = false;
+    },
+    openErrorDetails({ id, index }) {
+      this.errorDetails = { open: true, id, index };
+    },
+    closeErrorDetails() {
+      this.errorDetails = { open: false, id: null, index: -1 };
+    },
+    finished() {
+      this.hideModal();
+      this.addEvent({ name: "deselectAll" });
+      this.addSelected(this.errorIds);
+      this.executedSearch();
+    },
+  },
+};
+</script>
+
+<style scoped>
+.bab-alert {
+  box-sizing: border-box;
+  margin-bottom: 10px;
+  color: rgba(0, 0, 0, 0.65);
+  font-size: 14px;
+  padding: 8px 15px;
+  border-radius: 10px;
+  background-color: #fff1f0;
+  border: 1px solid #ffa39e;
+}
+
+.bab-alert i {
+  color: #dc2626;
+  font-size: 15px;
+}
+
+.hr {
+  margin: 14px 0;
+  border: none;
+  border-top: 1px solid #eef2f7;
+}
+</style>

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

@@ -1,44 +1,44 @@
-<template>
-    <div>
-        <div v-for="activity in listActivity(ruleId)">
-            <div class="div-molded">
-                <SendEmail :activity="activity" v-if="activity.name == 'mail'" v-model="activity.recipient" />
-            </div>
-        </div>
-    </div>
-</template>
-<script>
-
-import SendEmail from '@nixweb/nixloc-ui/src/component/shared/automation/components/SendEmail.vue';
-
-
-import { mapGetters } from 'vuex';
-
-
-export default {
-    name: "ActivitiesList",
-    components: {
-        SendEmail
-    },
-    props: {
-        ruleId: String
-    },
-    computed: {
-        ...mapGetters("automation", ["listActivity"]),
-
-    }
-}
-
-</script>
-<style scoped>
-.div-molded {
-    padding: 10px;
-    margin-top: 10px;
-    margin-left: 50px;
-    margin-right: 50px;
-    min-height: 110px;
-    border-radius: 10px;
-    background-color: #FAFAFC;
-    border: 1px solid #E8EAED;
-}
+<template>
+    <div>
+        <div v-for="activity in listActivity(ruleId)">
+            <div class="div-molded">
+                <SendEmail :activity="activity" v-if="activity.name == 'mail'" v-model="activity.recipient" />
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+
+import SendEmail from '@nixweb/nixloc-ui/src/component/shared/automation/components/SendEmail.vue';
+
+
+import { mapGetters } from 'vuex';
+
+
+export default {
+    name: "ActivitiesList",
+    components: {
+        SendEmail
+    },
+    props: {
+        ruleId: String
+    },
+    computed: {
+        ...mapGetters("automation", ["listActivity"]),
+
+    }
+}
+
+</script>
+<style scoped>
+.div-molded {
+    padding: 10px;
+    margin-top: 10px;
+    margin-left: 50px;
+    margin-right: 50px;
+    min-height: 110px;
+    border-radius: 10px;
+    background-color: #FAFAFC;
+    border: 1px solid #E8EAED;
+}
 </style>