@nixweb/nixloc-ui 1.14.0 → 1.16.0

package/src/component/template/ViewTemplateConfiguration.vue

@@ -1,63 +0,0 @@
-<template>
-  <div>
-    <div>
-      <slot name="content-buttons"></slot>
-      <br v-if="templateList.dragAndDrop" />
-      <div v-if="showSearch">
-        <Search />
-        <br />
-      </div>
-      <ListViewWithDataHandler :templateList="templateList" :actions="actions" :propsParam="propsParam"
-        :showMolded="false" :showHorizontalFilter="showHorizontalFilter" :buttonRemove="buttonRemove">
-        <div slot="content-buttons-table-header">
-          <slot name="content-buttons-table-header"></slot>
-        </div>
-        <div slot="content-filter-horizontal">
-          <slot name="content-filter-horizontal"></slot>
-        </div>
-        <div slot="content-buttons-table">
-          <slot name="content-buttons-table"></slot>
-        </div>
-      </ListViewWithDataHandler>
-    </div>
-  </div>
-</template>
-
-<script>
-import Search from "../shared/Search.vue";
-
-import ListViewWithDataHandler from "@nixweb/nixloc-ui/src/component/template/ListViewWithDataHandler.vue";
-
-import { mapGetters, mapMutations } from "vuex";
-
-export default {
-  name: "ViewTemplateConfiguration",
-  components: { Search, ListViewWithDataHandler },
-  props: {
-    templateList: Object,
-    propsParam: Object,
-    actions: {
-      type: Array,
-      default: [],
-    },
-    showSearch: {
-      type: Boolean,
-      default: true,
-    },
-    showHorizontalFilter: {
-      type: Boolean,
-      default: true,
-    },
-    buttonRemove: {
-      type: Boolean,
-      default: true,
-    },
-  },
-  created() {
-    this.addLoading("loadingLine");
-  },
-  methods: {
-    ...mapMutations("generic", ["addLoading"]),
-  },
-};
-</script>

package/src/component/template/ViewTemplateDocumentView.vue

@@ -1,213 +0,0 @@
-<template>
-  <div>
-    <Panel :module="panel.module" :title="panel.title" :showFilter="panel.showFilter" :showSearch="panel.showSearch"
-      :showButtons="panel.showButtons">
-      <div slot="content-main">
-        <div>
-          <div class="div-top">
-            <Molded>
-              <b-row>
-                <b-col sm="6">
-                  <div class="side-by-side">
-                    <Button _key="saveDocument" type="success" title="Salvar" classIcon="fas fa-save"
-                      :disabled="isDisabled" size="small" :clicked="saveDocument" />
-                  </div>
-                  <div class="side-by-side" v-if="showByRule">
-                    <Button v-if="id" _key="saveAs" type="success" title="Clonar" classIcon="fas fa-clone" size="small"
-                      :clicked="saveAs" />
-                  </div>
-                </b-col>
-                <b-col class="text-right" sm="6">
-                  <div class="side-by-side" v-if="id && showByRule">
-                    <Button key="showModalConfig" type="info" classIcon="fa-solid fa-gear" size="small"
-                      :clicked="showModalConfig" />
-                  </div>
-                  <div class="side-by-side" v-if="showByRule">
-                    <Button key="showModalLegend" type="info" classIcon="fas fa-book-reader" size="small"
-                      :clicked="showModalLegend" />
-                  </div>
-                  <div class="side-by-side" v-if="showByRule">
-                    <Button key="showModalCode" type="info" classIcon="far fa-code" size="small"
-                      :clicked="showModalCode" />
-                  </div>
-                  <div class="side-by-side">
-                    <Button key="showModalPreview" type="info" title="Visualizar" classIcon="far fa-eye" size="small"
-                      :clicked="showModalPreview" />
-                  </div>
-                </b-col>
-              </b-row>
-            </Molded>
-          </div>
-          <Modal title="Salvar" :width="800" v-show="showModal('saveDocument')">
-            <slot></slot>
-          </Modal>
-          <Modal title="Parâmetros" :width="1100" v-show="showModal('legenda')">
-            <ParameterLegend v-show="modal.open" :legend="parameterLegend" :module="module" />
-          </Modal>
-          <Modal title="Editor de Código" :width="900" v-if="showModal('code')">
-            <CodeEditor v-if="modal.open" />
-          </Modal>
-          <Modal title="Visualizar" :width="1200" v-if="showModal('preview')">
-            <div v-if="modal.open">
-              <b-row>
-                <b-col class="text-center">
-                  <Button v-if="false" v-print="'#printMe'" key="print" type="edit" title="Imprimir"
-                    classIcon="fas fa-print" size="small" :clicked="print" />
-                </b-col>
-              </b-row>
-              <br />
-              <ScrollBar :minHeight="500" :maxHeight="500">
-                <div>
-                  <div class="a4">
-                    <div id="printMe">
-                      <div :style="styleCss">
-                        <DocumentPreview :template="documentPreview('dev')" :d="parameterExemple" />
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </ScrollBar>
-            </div>
-          </Modal>
-          <div class="div-editor">
-            <Loading type="line" v-if="!showDocumentEditor" />
-            <DocumentEditor v-if="showDocumentEditor" />
-          </div>
-        </div>
-      </div>
-    </Panel>
-  </div>
-</template>
-
-<script>
-import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel";
-import DocumentEditor from "@nixweb/nixloc-ui/src/component/shared/DocumentEditor.vue";
-import DocumentPreview from "@nixweb/nixloc-ui/src/component/shared/DocumentPreview.vue";
-import CodeEditor from "@nixweb/nixloc-ui/src/component/shared/CodeEditor.vue";
-import ParameterLegend from "@nixweb/nixloc-ui/src/component/shared/ParameterLegend.vue";
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-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 Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-
-import print from "vue-print-nb";
-
-import { mapState, mapGetters, mapMutations } from "vuex";
-
-export default {
-  name: "ViewTemplateDocumentView",
-  directives: {
-    print,
-  },
-  components: {
-    Panel,
-    DocumentEditor,
-    DocumentPreview,
-    CodeEditor,
-    ParameterLegend,
-    Molded,
-    Loading,
-    Button,
-    Modal,
-    ScrollBar,
-  },
-  props: {
-    panel: Object,
-    parameterExemple: Object,
-    parameterLegend: Array,
-    styleCss: String,
-    module: String,
-  },
-  data() {
-    return {
-      id: this.$route.params.id,
-      isDisabled: true,
-      showDocumentEditor: false,
-    };
-  },
-  created() {
-    let self = this;
-    setTimeout(function () {
-      self.showDocumentEditor = true;
-    }, 1500);
-  },
-  computed: {
-    ...mapState("user", ["userLogged"]),
-    ...mapState("generic", ["modal", "documentHtml"]),
-    ...mapGetters("generic", ["showModal", "event", "documentPreview"]),
-    showByRule() {
-      if (this.userLogged.user.userName == "UserTemp" || this.userLogged.companyId == 3)
-        return true;
-      return false;
-    },
-  },
-  methods: {
-    ...mapMutations("generic", [
-      "openModal",
-      "hideModal",
-      "removeLoading",
-      "addEvent",
-    ]),
-    saveDocument() {
-      if (this.id) {
-        this.addEvent({ name: "saveDocument" });
-      } else {
-        this.openModal("saveDocument");
-        this.removeLoading(["saveDocument"]);
-      }
-    },
-    saveAs() {
-      this.addEvent({ name: "saveAs" });
-    },
-    showModalConfig() {
-      this.openModal("saveDocument");
-      this.removeLoading(["showModalConfig"]);
-    },
-    showModalLegend() {
-      this.openModal("legenda");
-      this.removeLoading(["showModalLegend"]);
-    },
-    showModalCode() {
-      this.openModal("code");
-      this.removeLoading(["showModalCode"]);
-    },
-    showModalPreview() {
-      this.openModal("preview");
-      this.removeLoading(["showModalPreview"]);
-    },
-    print() {
-      this.removeLoading(["print"]);
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "documentEditorModified") this.isDisabled = true;
-        if (event.name == "documentEditorChanged") this.isDisabled = false;
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-<style scoped>
-.div-top {
-  margin-top: 30px;
-}
-
-.div-editor {
-  margin-top: 25px;
-}
-
-.a4 {
-  max-width: 1140px;
-  min-height: 21cm;
-  padding: 20px;
-  border: 1px hsl(0, 0%, 82.7%) solid;
-  border-radius: var(--ck-border-radius);
-  background: white;
-  box-shadow: 0 0 5px hsl(0deg 0% 0% / 10%);
-  margin: 0 auto;
-}
-</style>

package/src/component/template/ViewTemplateImportFile.vue

@@ -1,347 +0,0 @@
-<template>
-  <div>
-    <Panel :module="panel.module" :title="panel.title" :showVerticalFilter="panel.showVerticalFilter"
-      :showSearch="panel.showSearch" :showButtons="panel.showButtons">
-      <div slot="content-main">
-        <br />
-        <div class="div-loading" v-show="loading">
-          <span>
-            {{ msg }}
-          </span>
-          <Loading type="line" :center="false" />
-        </div>
-        <div v-show="!success && !loading">
-          <b-tabs>
-            <b-tab title="Importar">
-              <div>
-                <div v-show="!fileName">
-                  <Alert type="info">
-                    <span>
-                      Selecione o arquivo Excel no formato
-                      <b> .xlsx </b> baseado na planilha
-                      <a :href="urlTemplate" class="text-download">
-                        <b>BAIXAR MODELO</b>
-                      </a>
-                      e aguarde até carregar os dados para conferência.
-                    </span>
-                    <br />
-                    <span>
-                      Até <b> 1000 </b> itens por planilha ou <b> 1MB </b> no
-                      arquivo.
-                    </span>
-                  </Alert>
-                  <br />
-                  <slot></slot>
-                  <div class="div-file">
-                    <FileUpload title="Carregar .xlsx" classIcon="fa-solid fa-file-excel" :container="container"
-                      accepted=".xlsx" allowed=".xlsx" :disabled="true" urlPost="/api/v1/adm/file-upload/upload"
-                      urlRemove="/api/v1/adm/file-upload/delete" :onLoad="successUploadFile" :nameDataBase="fileName"
-                      v-model="fileName" />
-                  </div>
-                </div>
-                <div v-show="fileName && !loading">
-                  <div class="import-icon">
-                    <i class="fas fa-file-import"></i>
-                  </div>
-                  <span v-if="!isValid">
-                    Efetue o <b> mapeamento </b> dos campos e clique em iniciar
-                    validação.
-                  </span>
-                  <span v-else>
-                    Dados <b> validado com sucesso, </b> clique em importar.
-                  </span>
-                  <br />
-                  <div class="div-btn">
-                    <Button _key="btnBack" type="info" title="voltar" classIcon="fa-solid fa-circle-arrow-left"
-                      size="small" :clicked="back" />
-                    <Button v-if="!isValid" _key="btnValidate" type="primary" title="Iniciar Validação" :disabled="false"
-                      classIcon="fa-solid fa-arrow-right-arrow-left" size="small" :clicked="validate" />
-                    <Button v-if="listError.length > 0" _key="btnListError" type="danger" title="Erro(s)"
-                      classIcon="fa-sharp fa-solid fa-triangle-exclamation" size="small" :clicked="openListError" />
-                    <Button v-if="isValid" _key="btnImport" type="success" title="Importar"
-                      classIcon="fa-solid fa-file-import" size="small" :clicked="startImport" />
-                  </div>
-                  <br />
-                  <Alert type="danger" v-if="listError.length > 0">
-                    <span>
-                      Atenção, foram identificados
-                      <b>{{ listError.length }}</b> erro(s), corrija-os!
-                    </span>
-                  </Alert>
-                  <Alert type="info">
-                    <span>
-                      Total de <b> {{ totalRecords }} </b> registro(s), para o
-                      mapeamento serão carregados somente os
-                      <b> 10 </b> primeiros (se houver).
-                    </span>
-                  </Alert>
-                  <TableImport v-if="fileName" :select="select" :headerTable="headerTable" :data="data" />
-                </div>
-              </div>
-            </b-tab>
-            <b-tab title="Histórico">
-              <Button v-if="listError.length > 0" _key="btnListError" type="danger" title="Erro(s)"
-                classIcon="fa-sharp fa-solid fa-triangle-exclamation" size="small" :clicked="openListError" />
-              <ViewTemplateConfiguration :templateList="templateList" :showSearch="false" :showHorizontalFilter="false">
-              </ViewTemplateConfiguration>
-            </b-tab>
-          </b-tabs>
-        </div>
-        <div v-show="success">
-          <div class="div-molded text-center">
-            <Molded>
-              <div class="msg-success">Importação realizada com sucesso!</div>
-              <div class="icon-success">
-                <i class="fa-light fa-circle-check"></i>
-              </div>
-              <div>
-                <Button _key="btnBack" type="info" title="voltar" classIcon="fa-solid fa-circle-arrow-left" size="small"
-                  :clicked="back" />
-              </div>
-            </Molded>
-          </div>
-        </div>
-        <br />
-      </div>
-    </Panel>
-    <Modal title="Erro(s)" :width="900" :height="750" v-show="showModal('listError')">
-      <ListNotifications :listError="listError" />
-    </Modal>
-    <Modal title="Você tem certeza?" :width="500" v-show="showModal('confirmDelete')">
-      <Alert type="warning">
-        <span>
-          Atenção, todos os registros relacionados também serão excluídos, esta
-          ação é irreversível!
-        </span>
-      </Alert>
-      <Confirmation :isModal="false" type="danger" :confirmed="removeSelected" />
-    </Modal>
-  </div>
-</template>
-
-<script>
-import Panel from "@nixweb/nixloc-ui/src/component/layout/Panel.vue";
-import Button from "@nixweb/nixloc-ui/src/component/forms/Button";
-import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
-import FileUpload from "@nixweb/nixloc-ui/src/component/forms/FileUpload";
-import Loading from "@nixweb/nixloc-ui/src/component/shared/Loading.vue";
-import Alert from "@nixweb/nixloc-ui/src/component/layout/Alert";
-import Modal from "@nixweb/nixloc-ui/src/component/forms/Modal";
-import Confirmation from "@nixweb/nixloc-ui/src/component/shared/Confirmation.vue";
-import ViewTemplateConfiguration from "@nixweb/nixloc-ui/src/component/template/ViewTemplateConfiguration";
-
-import TableImport from "@nixweb/nixloc-ui/src/component/shared/TableImport.vue";
-import ListNotifications from "@nixweb/nixloc-ui/src/component/shared/ListNotifications.vue";
-
-import { mapState, mapActions, mapMutations, mapGetters } from "vuex";
-
-export default {
-  name: "ViewTemplateImportFileView",
-  components: {
-    Panel,
-    Button,
-    Molded,
-    FileUpload,
-    Loading,
-    ListNotifications,
-    ViewTemplateConfiguration,
-    TableImport,
-    Alert,
-    Modal,
-    Confirmation,
-  },
-  props: {
-    panel: Object,
-    templateList: Object,
-    select: Array,
-    container: String,
-    typeImport: Number,
-    urlMapping: String,
-    urlValidate: String,
-    urlImport: String,
-    urlTemplate: String,
-  },
-  data() {
-    return {
-      fileName: "",
-      loading: false,
-      headerTable: [],
-      data: [],
-      totalRecords: 0,
-      listError: [],
-      isValid: false,
-      idRemove: "",
-      success: false,
-      msg: "",
-      loadingImport: false,
-    };
-  },
-  computed: {
-    ...mapGetters("generic", ["showModal", "event"]),
-  },
-  methods: {
-    ...mapActions("generic", ["postApi", "deleteAllApi"]),
-    ...mapMutations("generic", ["openModal", "hideModal", "removeLoading"]),
-    successUploadFile() {
-      this.listError = [];
-      this.loading = true;
-      this.msg =
-        "Aguarde, estamos carregando os dados, isso pode levar alguns minutos...";
-      let self = this;
-      setTimeout(function () {
-        self.mapping(self.fileName);
-      }, 1000);
-    },
-    mapping(fileName) {
-      let params = {
-        url: this.urlMapping,
-        obj: {
-          fileName: fileName,
-          container: this.container,
-          typeImport: this.typeImport,
-        },
-        notNotifyToast: true,
-      };
-      this.postApi(params).then((response) => {
-        if (response.success) {
-          this.loading = false;
-          this.headerTable = response.content.headerTable;
-          this.data = response.content.data;
-          this.totalRecords = response.content.totalRecords;
-        }
-      });
-    },
-    validate() {
-      this.loading = true;
-      this.msg =
-        "Aguarde, estamos validando os dados, isso pode levar alguns minutos...";
-      this.isValid = false;
-      let params = {
-        url: this.urlValidate,
-        obj: {
-          fileName: this.fileName,
-          container: this.container,
-          typeImport: this.typeImport,
-          items: this.headerTable,
-        },
-        notNotifyToast: true,
-      };
-      this.postApi(params).then((response) => {
-        if (response.success) {
-          this.listError = response.content;
-          if (this.listError.length == 0) this.isValid = true;
-        }
-        this.removeLoading(["btnValidate"]);
-        let self = this;
-        setTimeout(function () {
-          self.loading = false;
-        }, 2000);
-      });
-    },
-    startImport() {
-      this.loading = true;
-      this.msg =
-        "Aguarde, estamos importando os dados, isso pode levar alguns minutos...";
-      let params = {
-        url: this.urlImport,
-        obj: {
-          fileName: this.fileName,
-          container: this.container,
-          typeImport: this.typeImport,
-          items: this.headerTable,
-        },
-        notNotifyToast: true,
-      };
-      this.postApi(params).then((response) => {
-        if (response.success) {
-          this.success = true;
-          this.isValid = false;
-        }
-        this.removeLoading(["btnImport"]);
-        this.loading = false;
-      });
-    },
-    removeSelected() {
-      let params = {
-        url: this.templateList.urlDeleteAllApi,
-        selected: [this.idRemove],
-      };
-      this.deleteAllApi(params).then((response) => {
-        if (response.success) {
-          this.listError = [];
-          this.hideModal();
-        } else {
-          this.listError = response.content;
-          if (this.listError.length == 0) this.isValid = true;
-          this.hideModal();
-        }
-        this.removeLoading(["confirm"]);
-      });
-    },
-    openListError() {
-      this.openModal("listError");
-      this.removeLoading(["btnListError"]);
-    },
-    back() {
-      this.fileName = "";
-      this.listError = [];
-      this.success = false;
-      this.isValid = false;
-      this.removeLoading(["btnBack"]);
-    },
-  },
-  watch: {
-    event: {
-      handler(event) {
-        if (event.name == "deleteHistoryImport") {
-          this.openModal("confirmDelete");
-          this.idRemove = this.event.data.id;
-        }
-      },
-      deep: true,
-    },
-  },
-};
-</script>
-
-<style scoped>
-.import-icon {
-  font-size: 30px;
-  opacity: 0.2;
-  color: #577696;
-}
-
-.div-file {
-  margin-top: 20px;
-}
-
-.div-btn {
-  margin-top: 10px;
-  margin-left: -8px;
-}
-
-.div-loading {
-  margin-top: 10px;
-}
-
-.div-molded {
-  width: 550px;
-  margin: auto;
-}
-
-.text-download {
-  color: #1990ff;
-  cursor: pointer;
-}
-
-.msg-success {
-  font-size: 18px;
-}
-
-.icon-success {
-  font-size: 55px;
-  color: #38a169;
-  margin-top: 10px;
-  margin-bottom: 15px;
-}
-</style>