{"version":3,"sources":["webpack:///./src/components/modals/administracion/clientes/contactos/AgregarContactoModal.vue?cd80","webpack:///./src/views/administracion/clientes_actualizar/ClientesContactosPage.vue","webpack:///./src/components/modals/administracion/clientes/contactos/AgregarContactoModal.vue","webpack:///src/components/modals/administracion/clientes/contactos/AgregarContactoModal.vue","webpack:///./src/components/modals/administracion/clientes/contactos/AgregarContactoModal.vue?102d","webpack:///./src/components/modals/administracion/clientes/contactos/AgregarContactoModal.vue?9ef5","webpack:///./src/components/modals/administracion/clientes/contactos/ActualizarContactoModal.vue","webpack:///src/components/modals/administracion/clientes/contactos/ActualizarContactoModal.vue","webpack:///./src/components/modals/administracion/clientes/contactos/ActualizarContactoModal.vue?2d82","webpack:///./src/components/modals/administracion/clientes/contactos/ActualizarContactoModal.vue?4193","webpack:///src/views/administracion/clientes_actualizar/ClientesContactosPage.vue","webpack:///./src/views/administracion/clientes_actualizar/ClientesContactosPage.vue?c373","webpack:///./src/views/administracion/clientes_actualizar/ClientesContactosPage.vue?a1d5","webpack:///./src/components/modals/administracion/clientes/contactos/ActualizarContactoModal.vue?ebe7"],"names":["render","_vm","this","_c","_self","staticStyle","staticClass","cargando","attrs","idAux","acciones","length","headers","data","obtenerFilaSeleccionada","dataContactoClienteActualizar","staticRenderFns","nativeOn","$event","openModal","ref","model","value","formulario","nombreModel","callback","$$v","$set","expression","apellidosModel","cargoModel","telefonoModel","celularModel","faxModel","emailModel","on","closeModal","_v","validarCampos","Vue","use","VueToastify","props","id","components","UiModal","UiTextbox","Button","methods","mapActions","$refs","open","close","$vToastify","error","validarFormatoEmail","guardar","valor","a","test","sql","saveClientesContactos","map","item","success","dataClientesContactosDB","getClientesContactos","actionSetDataClientesContactos","data_table","watch","_new","component","titulo","ActionSetVisibleModalEditarClientesContactos","actualizarContactoCliente","Array","Object","dataAux","computed","mapState","updateClientesContactos","idAuxiliarClienteSeleccionado","visibleModalEditarClientesContactos","data_complementaria","title","width","dataTable","AgregarContactoModal","ActualizarContactoModal","NotFoundTable","Loading","generarBotonesAcciones","actualizarURL","me","AccionCambiar","$route","path","index","push","icon","fila","id_contacto","nombre_contacto","accion","prompt","then","respuesta","eliminarClienteContacto","deleteClienteContactos","console","log","dataTableAux","getDataClientesContactos","created","init","dataDatatableClientesContactos"],"mappings":"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","file":"js/chunk-555d46bf.213d6656.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AgregarContactoModal.vue?vue&type=style&index=0&id=51fa8b51&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"border-top\":\"solid 1px #d8d8d8\"}},[_c('div',{staticClass:\"d-flex flex-column p-3\"},[(_vm.cargando)?_c('div',{staticClass:\"d-flex justify-content-center w-100\",staticStyle:{\"margin-top\":\"110px\"}},[_c('loading')],1):_c('div',{staticClass:\"d-flex flex-row flex-wrap justify-content-start mb-2\"},[_c('div',{staticStyle:{\"position\":\"relative\",\"z-index\":\"5\"}},[_c('div',{staticClass:\"d-flex\",staticStyle:{\"position\":\"absolute\"}},[_c('agregar-contacto-modal',{attrs:{\"id\":_vm.idAux}})],1)]),(_vm.acciones.length > 0)?_c('data-table',{attrs:{\"customHeaders\":\"\",\"headers\":_vm.headers,\"data\":_vm.data,\"acciones\":_vm.acciones,\"max\":5,\"paginacion\":\"\",\"buscar\":\"\",\"idtabla\":\"clientes_contactos\",\"exportarExcel\":\"\",\"seleccionar\":_vm.obtenerFilaSeleccionada}}):_c('not-found-table',{staticClass:\"justify-content-center w-100 pt-5\",attrs:{\"text\":'No se encontraron registros de contactos'}})],1)]),_c('actualizar-contacto-modal',{attrs:{\"data\":_vm.dataContactoClienteActualizar}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('Button',{staticClass:\"mt-2 mb-3 mr-2\",attrs:{\"size\":15,\"color\":\"#2da44e\",\"colorText\":\"#ffffff\",\"tooltip\":\"Agregar Contacto\",\"icon\":\"fas fa-plus\",\"round\":\"\",\"width\":30,\"traslate\":\"\"},nativeOn:{\"click\":function($event){return _vm.openModal('modal')}}}),_c('ui-modal',{ref:\"modal\",staticClass:\"modal-agregar-contacto\",attrs:{\"title\":\"Agregar Contacto\"}},[_c('div',{staticClass:\"d-flex flex-column\"},[_c('div',{staticClass:\"d-flex\"},[_c('ui-textbox',{staticClass:\"w-100 mr-3\",attrs:{\"floating-label\":\"\",\"label\":\"Nombre\"},model:{value:(_vm.formulario.nombreModel),callback:function ($$v) {_vm.$set(_vm.formulario, \"nombreModel\", $$v)},expression:\"formulario.nombreModel\"}}),_c('ui-textbox',{staticClass:\"w-100\",attrs:{\"floating-label\":\"\",\"label\":\"Apellidos\"},model:{value:(_vm.formulario.apellidosModel),callback:function ($$v) {_vm.$set(_vm.formulario, \"apellidosModel\", $$v)},expression:\"formulario.apellidosModel\"}})],1),_c('div',{staticClass:\"d-flex mt-2\"},[_c('ui-textbox',{staticClass:\"w-100 mr-3\",attrs:{\"floating-label\":\"\",\"label\":\"Cargo\"},model:{value:(_vm.formulario.cargoModel),callback:function ($$v) {_vm.$set(_vm.formulario, \"cargoModel\", $$v)},expression:\"formulario.cargoModel\"}}),_c('ui-textbox',{staticClass:\"w-100\",attrs:{\"floating-label\":\"\",\"label\":\"Teléfono\"},model:{value:(_vm.formulario.telefonoModel),callback:function ($$v) {_vm.$set(_vm.formulario, \"telefonoModel\", $$v)},expression:\"formulario.telefonoModel\"}})],1),_c('div',{staticClass:\"d-flex mt-2\"},[_c('ui-textbox',{staticClass:\"w-100 mr-3\",attrs:{\"floating-label\":\"\",\"label\":\"Celular\"},model:{value:(_vm.formulario.celularModel),callback:function ($$v) {_vm.$set(_vm.formulario, \"celularModel\", $$v)},expression:\"formulario.celularModel\"}}),_c('ui-textbox',{staticClass:\"w-100\",attrs:{\"floating-label\":\"\",\"label\":\"Fax\"},model:{value:(_vm.formulario.faxModel),callback:function ($$v) {_vm.$set(_vm.formulario, \"faxModel\", $$v)},expression:\"formulario.faxModel\"}})],1),_c('div',{staticClass:\"d-flex mt-2\"},[_c('ui-textbox',{staticClass:\"w-100 mr-3\",attrs:{\"floating-label\":\"\",\"label\":\"Email\"},model:{value:(_vm.formulario.emailModel),callback:function ($$v) {_vm.$set(_vm.formulario, \"emailModel\", $$v)},expression:\"formulario.emailModel\"}}),_c('div',{staticClass:\"w-100\"})],1),_c('div',{staticClass:\"d-flex justify-content-between mt-3\"},[_c('button',{staticClass:\"btn btn-outline-secondary\",on:{\"click\":function($event){return _vm.closeModal('modal')}}},[_vm._v(\" Cerrar \")]),_c('button',{staticClass:\"btn btn-outline-primary\",on:{\"click\":_vm.validarCampos}},[_vm._v(\" Guardar \")])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <Button\n      :size=\"15\"\n      color=\"#2da44e\"\n      colorText=\"#ffffff\"\n      tooltip=\"Agregar Contacto\"\n      icon=\"fas fa-plus\"\n      round\n      :width=\"30\"\n      class=\"mt-2 mb-3 mr-2\"\n      traslate\n      @click.native=\"openModal('modal')\"\n    />\n\n    <ui-modal\n      ref=\"modal\"\n      title=\"Agregar Contacto\"\n      class=\"modal-agregar-contacto\"\n    >\n      <div class=\"d-flex flex-column\">\n        <!-- Cuerpo -->\n\n        <!-- Fila 1 -->\n        <div class=\"d-flex\">\n          <!-- Filial -->\n          <ui-textbox\n            class=\"w-100 mr-3\"\n            floating-label\n            label=\"Nombre\"\n            v-model=\"formulario.nombreModel\"\n          />\n\n          <!-- Razón Social -->\n          <ui-textbox\n            class=\"w-100\"\n            floating-label\n            label=\"Apellidos\"\n            v-model=\"formulario.apellidosModel\"\n          />\n        </div>\n\n        <!-- Fila 2 -->\n        <div class=\"d-flex mt-2\">\n          <!-- Rut -->\n          <ui-textbox\n            class=\"w-100 mr-3\"\n            floating-label\n            label=\"Cargo\"\n            v-model=\"formulario.cargoModel\"\n          />\n          <!-- Sector -->\n          <ui-textbox\n            class=\"w-100\"\n            floating-label\n            label=\"Teléfono\"\n            v-model=\"formulario.telefonoModel\"\n          />\n        </div>\n\n        <!-- Fila 3 -->\n        <div class=\"d-flex mt-2\">\n          <!-- Representante Legal -->\n          <ui-textbox\n            class=\"w-100 mr-3\"\n            floating-label\n            label=\"Celular\"\n            v-model=\"formulario.celularModel\"\n          />\n\n          <!-- Código Inttra -->\n          <ui-textbox\n            class=\"w-100\"\n            floating-label\n            label=\"Fax\"\n            v-model=\"formulario.faxModel\"\n          />\n        </div>\n\n        <!-- Fila 4-->\n        <div class=\"d-flex mt-2\">\n          <!-- Código Inttra -->\n          <ui-textbox\n            class=\"w-100 mr-3\"\n            floating-label\n            label=\"Email\"\n            v-model=\"formulario.emailModel\"\n          />\n          <div class=\"w-100\"></div>\n        </div>\n\n        <!-- Footer -->\n        <div class=\"d-flex justify-content-between mt-3\">\n          <button\n            class=\"btn btn-outline-secondary\"\n            @click=\"closeModal('modal')\"\n          >\n            Cerrar\n          </button>\n          <button class=\"btn btn-outline-primary\" @click=\"validarCampos\">\n            Guardar\n          </button>\n        </div>\n      </div>\n    </ui-modal>\n  </div>\n</template>\n\n<script>\n// Vue\nimport Vue from \"vue\";\n\n// Vuex\nimport { mapActions } from \"vuex\";\n\n// Toast\nimport VueToastify from \"vue-toastify\";\nVue.use(VueToastify);\n\n// UI Modal\nimport UiModal from \"keen-ui/src/UiModal\";\nimport UiTextbox from \"keen-ui/src/UiTextbox\";\n\n// Buttom\nimport Button from \"../../../../common/Button\";\n\n// Constantes\nimport {\n  saveClientesContactos,\n  getClientesContactos,\n} from \"../../../../../constants/administracion\";\n\nexport default {\n  props: [\"id\"],\n  data() {\n    return {\n      // v-models\n      formulario: {\n        id: this.id,\n        nombreModel: \"\",\n        apellidosModel: \"\",\n        cargoModel: \"\",\n        telefonoModel: \"\",\n        celularModel: \"\",\n        faxModel: \"\",\n        emailModel: \"\",\n      },\n    };\n  },\n  components: {\n    UiModal,\n    UiTextbox,\n    Button,\n  },\n  methods: {\n    ...mapActions(\"administracion\", [\"actionSetDataClientesContactos\"]),\n\n    openModal(ref) {\n      this.$refs[ref].open();\n    },\n\n    closeModal(ref) {\n      this.$refs[ref].close();\n    },\n\n    validarCampos() {\n\n      if( this.formulario.nombreModel == \"\" ){\n        return this.$vToastify.error(\"Nombre sin completar\", \"¡Error!\");\n      }\n      \n      if( this.formulario.apellidosModel == \"\" ){\n        return this.$vToastify.error(\"Apellido sin completar\", \"¡Error!\");\n      }\n      \n      if( this.formulario.cargoModel == \"\" ){\n        return this.$vToastify.error(\"Cargo sin completar\", \"¡Error!\");\n      }\n      \n      if( this.formulario.telefonoModel == \"\" ){\n        return this.$vToastify.error(\"Teléfono sin completar\", \"¡Error!\");\n      }\n      \n      if( this.formulario.emailModel == \"\" ){\n        return this.$vToastify.error(\"Email sin completar\", \"¡Error!\");\n      }\n      \n      if( this.formulario.celularModel == \"\" ){\n        return this.$vToastify.error(\"Celular sin completar\", \"¡Error!\");\n      }\n      \n      if( !this.validarFormatoEmail(this.formulario.emailModel) ){\n        return this.$vToastify.error(\"Email con formato incorrecto\", \"¡Error!\");\n      }\n\n      this.guardar();\n\n\n\n    },\n\n        validarFormatoEmail(valor){\n\n        const a =  /^\\w+([.-_+]?\\w+)*@\\w+([.-]?\\w+)*(\\.\\w{2,10})+$/;\n\n        if (a.test(valor)){\n          return true;\n        } else {\n          return false;\n        }\n\n    },\n\n\n    async guardar() {\n      let sql = await saveClientesContactos(this.formulario);\n\n      if (!sql.error) {\n        // Toast proceso exitoso\n        this.$vToastify.success(\"Contacto creado con exito\", \"¡Realizado!\");\n\n        // Limpiar variables\n        this.formulario.nombreModel = \"\";\n        this.formulario.apellidosModel = \"\";\n        this.formulario.cargoModel = \"\";\n        this.formulario.telefonoModel = \"\";\n        this.formulario.celularModel = \"\";\n        this.formulario.faxModel = \"\";\n        this.formulario.emailModel = \"\";\n\n        let dataClientesContactosDB = await getClientesContactos(this.id);\n        this.data = dataClientesContactosDB;\n\n        this.actionSetDataClientesContactos(dataClientesContactosDB.data_table);\n\n        // Cerrar Modal\n        this.closeModal(\"modal\");\n      } else {\n        if (sql.data.length > 0) {\n          // Errores de validación\n          sql.data.map((item) => {\n            this.$vToastify.error(`${item}`);\n          });\n        } else {\n          // Proceso erroneo\n          this.$vToastify.error(\"El Contacto no pudo ser creado\", \"¡Error!\");\n        }\n      }\n    },\n  },\n  watch: {\n    id: function (_new) {\n      if (_new) {\n        this.formulario.id = _new;\n      }\n    },\n  },\n};\n</script>\n\n<style>\n.modal-agregar-contacto .ui-modal__container {\n  width: 35% !important;\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AgregarContactoModal.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AgregarContactoModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AgregarContactoModal.vue?vue&type=template&id=51fa8b51\"\nimport script from \"./AgregarContactoModal.vue?vue&type=script&lang=js\"\nexport * from \"./AgregarContactoModal.vue?vue&type=script&lang=js\"\nimport style0 from \"./AgregarContactoModal.vue?vue&type=style&index=0&id=51fa8b51&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('ui-modal',{ref:\"modal\",staticClass:\"modal-actualizar-contacto\",attrs:{\"title\":`Actualizar Contacto - ${_vm.titulo}`},on:{\"close\":function($event){return _vm.ActionSetVisibleModalEditarClientesContactos(false)}}},[_c('div',{staticClass:\"d-flex flex-column\"},[_c('div',{staticClass:\"d-flex\"},[_c('ui-textbox',{staticClass:\"w-100 mr-3\",attrs:{\"floating-label\":\"\",\"label\":\"Nombre\"},model:{value:(_vm.formulario.nombreModel),callback:function ($$v) {_vm.$set(_vm.formulario, \"nombreModel\", $$v)},expression:\"formulario.nombreModel\"}}),_c('ui-textbox',{staticClass:\"w-100\",attrs:{\"floating-label\":\"\",\"label\":\"Apellidos\"},model:{value:(_vm.formulario.apellidosModel),callback:function ($$v) {_vm.$set(_vm.formulario, \"apellidosModel\", $$v)},expression:\"formulario.apellidosModel\"}})],1),_c('div',{staticClass:\"d-flex mt-2\"},[_c('ui-textbox',{staticClass:\"w-100 mr-3\",attrs:{\"floating-label\":\"\",\"label\":\"Cargo\"},model:{value:(_vm.formulario.cargoModel),callback:function ($$v) {_vm.$set(_vm.formulario, \"cargoModel\", $$v)},expression:\"formulario.cargoModel\"}}),_c('ui-textbox',{staticClass:\"w-100\",attrs:{\"floating-label\":\"\",\"label\":\"Teléfono\"},model:{value:(_vm.formulario.telefonoModel),callback:function ($$v) {_vm.$set(_vm.formulario, \"telefonoModel\", $$v)},expression:\"formulario.telefonoModel\"}})],1),_c('div',{staticClass:\"d-flex mt-2\"},[_c('ui-textbox',{staticClass:\"w-100 mr-3\",attrs:{\"floating-label\":\"\",\"label\":\"Celular\"},model:{value:(_vm.formulario.celularModel),callback:function ($$v) {_vm.$set(_vm.formulario, \"celularModel\", $$v)},expression:\"formulario.celularModel\"}}),_c('ui-textbox',{staticClass:\"w-100\",attrs:{\"floating-label\":\"\",\"label\":\"Fax\"},model:{value:(_vm.formulario.faxModel),callback:function ($$v) {_vm.$set(_vm.formulario, \"faxModel\", $$v)},expression:\"formulario.faxModel\"}})],1),_c('div',{staticClass:\"d-flex mt-2\"},[_c('ui-textbox',{staticClass:\"w-100 mr-3\",attrs:{\"floating-label\":\"\",\"label\":\"Email\"},model:{value:(_vm.formulario.emailModel),callback:function ($$v) {_vm.$set(_vm.formulario, \"emailModel\", $$v)},expression:\"formulario.emailModel\"}}),_c('div',{staticClass:\"w-100\"})],1),_c('div',{staticClass:\"d-flex justify-content-between mt-3\"},[_c('button',{staticClass:\"btn btn-outline-secondary\",on:{\"click\":function($event){return _vm.closeModal('modal')}}},[_vm._v(\" Cerrar \")]),_c('button',{staticClass:\"btn btn-outline-primary\",on:{\"click\":_vm.actualizarContactoCliente}},[_vm._v(\" Guardar \")])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <ui-modal\n      ref=\"modal\"\n      @close=\"ActionSetVisibleModalEditarClientesContactos(false)\"\n      :title=\"`Actualizar Contacto - ${titulo}`\"\n      class=\"modal-actualizar-contacto\"\n    >\n      <div class=\"d-flex flex-column\">\n        <!-- Cuerpo -->\n\n        <!-- Fila 1 -->\n        <div class=\"d-flex\">\n          <!-- Nombre -->\n          <ui-textbox\n            class=\"w-100 mr-3\"\n            floating-label\n            label=\"Nombre\"\n            v-model=\"formulario.nombreModel\"\n          />\n\n          <!-- Apellido -->\n          <ui-textbox\n            class=\"w-100\"\n            floating-label\n            label=\"Apellidos\"\n            v-model=\"formulario.apellidosModel\"\n          />\n        </div>\n\n        <!-- Fila 2 -->\n        <div class=\"d-flex mt-2\">\n          <!-- Rut -->\n          <ui-textbox\n            class=\"w-100 mr-3\"\n            floating-label\n            label=\"Cargo\"\n            v-model=\"formulario.cargoModel\"\n          />\n          <!-- Sector -->\n          <ui-textbox\n            class=\"w-100\"\n            floating-label\n            label=\"Teléfono\"\n            v-model=\"formulario.telefonoModel\"\n          />\n        </div>\n\n        <!-- Fila 3 -->\n        <div class=\"d-flex mt-2\">\n          <!-- Representante Legal -->\n          <ui-textbox\n            class=\"w-100 mr-3\"\n            floating-label\n            label=\"Celular\"\n            v-model=\"formulario.celularModel\"\n          />\n\n          <!-- Fax -->\n          <ui-textbox\n            class=\"w-100\"\n            floating-label\n            label=\"Fax\"\n            v-model=\"formulario.faxModel\"\n          />\n        </div>\n\n        <!-- Fila 4-->\n        <div class=\"d-flex mt-2\">\n          <!-- Email -->\n          <ui-textbox\n            class=\"w-100 mr-3\"\n            floating-label\n            label=\"Email\"\n            v-model=\"formulario.emailModel\"\n          />\n          <div class=\"w-100\"></div>\n        </div>\n\n        <!-- Footer -->\n        <div class=\"d-flex justify-content-between mt-3\">\n          <button\n            class=\"btn btn-outline-secondary\"\n            @click=\"closeModal('modal')\"\n          >\n            Cerrar\n          </button>\n          <button\n            class=\"btn btn-outline-primary\"\n            @click=\"actualizarContactoCliente\"\n          >\n            Guardar\n          </button>\n        </div>\n      </div>\n    </ui-modal>\n  </div>\n</template>\n\n<script>\n// Vue\nimport Vue from \"vue\";\n\n// Vuex\nimport { mapState, mapActions } from \"vuex\";\n\n// Toast\nimport VueToastify from \"vue-toastify\";\nVue.use(VueToastify);\n\n// UI Modal\nimport UiModal from \"keen-ui/src/UiModal\";\nimport UiTextbox from \"keen-ui/src/UiTextbox\";\n\n// Constantes\nimport {\n  updateClientesContactos,\n  getClientesContactos,\n} from \"../../../../../constants/administracion\";\n\nexport default {\n  props: {\n    data: [Array, Object],\n  },\n  data() {\n    return {\n      // v-models\n      formulario: {\n        id: \"\",\n        nombreModel: \"\",\n        apellidosModel: \"\",\n        cargoModel: \"\",\n        telefonoModel: \"\",\n        celularModel: \"\",\n        faxModel: \"\",\n        emailModel: \"\",\n      },\n      titulo: \"\",\n      dataAux: this.data,\n    };\n  },\n  components: {\n    UiModal,\n    UiTextbox,\n  },\n  computed: {\n    ...mapState(\"administracion\", [\n      \"idAuxiliarClienteSeleccionado\",\n      \"visibleModalEditarClientesContactos\",\n    ]),\n  },\n  methods: {\n    ...mapActions(\"administracion\", [\n      \"actionSetDataClientesContactos\",\n      \"ActionSetVisibleModalEditarClientesContactos\",\n    ]),\n\n    openModal(ref) {\n      this.$refs[ref].open();\n    },\n\n    closeModal(ref) {\n      this.$refs[ref].close();\n    },\n\n    async actualizarContactoCliente() {\n      let sql = await updateClientesContactos(this.formulario);\n\n      if (!sql.error) {\n        // Toast proceso exitoso\n        this.$vToastify.success(\n          \"Contacto actualizado con éxito\",\n          \"¡Realizado!\"\n        );\n\n        // Limpiar variables\n        this.formulario.id = \"\";\n        this.formulario.nombreModel = \"\";\n        this.formulario.apellidosModel = \"\";\n        this.formulario.cargoModel = \"\";\n        this.formulario.telefonoModel = \"\";\n        this.formulario.celularModel = \"\";\n        this.formulario.faxModel = \"\";\n        this.formulario.emailModel = \"\";\n\n        let dataClientesContactosDB = await getClientesContactos(\n          this.idAuxiliarClienteSeleccionado\n        );\n        this.dataAux = dataClientesContactosDB;\n\n        this.actionSetDataClientesContactos(dataClientesContactosDB.data_table);\n\n        // Cerrar Modal\n        this.closeModal(\"modal\");\n      } else {\n        if (sql.data.length > 0) {\n          // Errores de validación\n          sql.data.map((item) => {\n            this.$vToastify.error(`${item}`);\n          });\n        } else {\n          // Proceso erroneo\n          this.$vToastify.error(\n            \"El Contacto no ha podido actualizarse\",\n            \"¡Error!\"\n          );\n        }\n      }\n    },\n  },\n  watch: {\n    visibleModalEditarClientesContactos: function (_new) {\n      _new && this.openModal(\"modal\");\n    },\n    data: function (_new) {\n      if (_new) {\n        this.formulario.id = _new.data_complementaria[0];\n\n        // Titulo de modal\n        this.titulo = _new.data[0] + \" \" + _new.data[1];\n\n        // Formulario\n        this.formulario.nombreModel = _new.data[0];\n        this.formulario.apellidosModel = _new.data[1];\n        this.formulario.cargoModel = _new.data[2];\n        this.formulario.telefonoModel = _new.data[3];\n        this.formulario.faxModel = _new.data[4];\n        this.formulario.celularModel = _new.data[5];\n        this.formulario.emailModel = _new.data[6];\n      }\n    },\n  },\n};\n</script>\n\n<style>\n.modal-agregar-coordinador .ui-modal__container {\n  width: 35% !important;\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ActualizarContactoModal.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ActualizarContactoModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ActualizarContactoModal.vue?vue&type=template&id=2c4609e9\"\nimport script from \"./ActualizarContactoModal.vue?vue&type=script&lang=js\"\nexport * from \"./ActualizarContactoModal.vue?vue&type=script&lang=js\"\nimport style0 from \"./ActualizarContactoModal.vue?vue&type=style&index=0&id=2c4609e9&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div style=\"border-top: solid 1px #d8d8d8\">\n    <div class=\"d-flex flex-column p-3\">\n      <!-- Loading tabla -->\n      <div\n        class=\"d-flex justify-content-center w-100\"\n        style=\"margin-top: 110px\"\n        v-if=\"cargando\"\n      >\n        <loading />\n      </div>\n\n      <!-- dataTable y botones -->\n      <div class=\"d-flex flex-row flex-wrap justify-content-start mb-2\" v-else>\n        <!-- Botones -->\n        <div style=\"position: relative; z-index: 5\">\n          <div class=\"d-flex\" style=\"position: absolute\">\n            <!-- Modal -->\n            <agregar-contacto-modal :id=\"idAux\" />\n          </div>\n        </div>\n        <!-- Data Table -->\n        <data-table\n          customHeaders\n          v-if=\"acciones.length > 0\"\n          :headers=\"headers\"\n          :data=\"data\"\n          :acciones=\"acciones\"\n          :max=\"5\"\n          paginacion\n          buscar\n          idtabla=\"clientes_contactos\"\n          exportarExcel\n          :seleccionar=\"obtenerFilaSeleccionada\"\n        />\n\n        <not-found-table\n          v-else\n          :text=\"'No se encontraron registros de contactos'\"\n          class=\"justify-content-center w-100 pt-5\"\n        />\n      </div>\n    </div>\n\n    <!-- Modales para acciones para filas -->\n    <actualizar-contacto-modal :data=\"dataContactoClienteActualizar\" />\n  </div>\n</template>\n\n<script>\n// Vuex\nimport { mapState, mapActions } from \"vuex\";\n\n// Constantes\nimport {\n  getClientesContactos,\n  deleteClienteContactos,\n} from \"../../../constants/administracion\";\n\n// Componentes\nimport dataTable from \"../../../components/common/DataTable\";\nimport AgregarContactoModal from \"../../../components/modals/administracion/clientes/contactos/AgregarContactoModal\";\nimport ActualizarContactoModal from \"../../../components/modals/administracion/clientes/contactos/ActualizarContactoModal\";\nimport Loading from \"../../../components/common/loading\";\nimport NotFoundTable from \"../../../components/common/NotFoundTable\";\n\nexport default {\n  props: [\"id\"],\n  data() {\n    return {\n      // Estructura para utilizar dataTable vue\n      headers: [\n        { title: \"Nombre\", width: \"30px\" },\n        { title: \"Apellidos\", width: \"30px\" },\n        { title: \"Cargo\", width: \"35px\" },\n        { title: \"Teléfono\", width: \"50px\" },\n        { title: \"Fax\", width: \"50px\" },\n        { title: \"Celular\", width: \"50px\" },\n        { title: \"Email\", width: \"50px\" },\n        { title: \"Acciones\", width: \"50px\" },\n      ],\n      data: [],\n      data_complementaria: [],\n      dataContactoClienteActualizar: [],\n      acciones: [],\n      idAux: this.id,\n      cargando: false\n    };\n  },\n  // Función computada para acceder a variable de store\n  computed: {\n    ...mapState([\"loading\", \"loadingTable\", \"token\"]),\n    ...mapState(\"administracion\", [\"dataDatatableClientesContactos\"]),\n  },\n  // Components\n  components: {\n    dataTable,\n    AgregarContactoModal,\n    ActualizarContactoModal,\n    NotFoundTable,\n    Loading,\n  },\n\n  // Metodos\n  methods: {\n    // Acciones de Vuex\n    ...mapActions([\"AccionCambiar\"]),\n    ...mapActions(\"administracion\", [\n      \"actionSetDataClientesContactos\",\n      \"ActionSetVisibleModalEditarClientesContactos\",\n    ]),\n\n    // Obteneción de Depositos desde la BD\n    async getDataClientesContactos() {\n      let dataClientesContactosDB = await getClientesContactos(this.idAux);\n\n      // Asignación de información obtenida a variable a enviar a dataTable\n      this.data = dataClientesContactosDB.data_table;\n\n      this.generarBotonesAcciones();\n    },\n    actualizarURL() {\n      let me = this;\n      me.AccionCambiar(this.$route.path);\n    },\n    async generarBotonesAcciones() {\n      let me = this;\n\n      me.acciones = [];\n\n      await me.data.map((index) => {\n        me.acciones.push([\n          {\n            icon: \"fa fa-edit\",\n            title: \"Editar\",\n            id: index,\n          },\n          {\n            icon: \"fa fa-times text-danger\",\n            title: \"Eliminar\",\n            id: index,\n          },\n        ]);\n      });\n    },\n\n    obtenerFilaSeleccionada(fila) {\n      // let data_fila = this.data[fila.id];\n      let id_contacto = fila.id.data_complementaria[0];\n      let nombre_contacto = fila.id.data[0] + \" \" + fila.id.data[1];\n\n      if (fila.accion == \"Editar\") {\n        /*\n        \n        */\n        this.dataContactoClienteActualizar = fila.id;\n        this.ActionSetVisibleModalEditarClientesContactos(true);\n        /*\n        \n        */\n      } else if (fila.accion == \"Eliminar\") {\n        /*\n        \n        */\n        this.$vToastify\n          .prompt(`¿Desea eliminar el Contacto '${nombre_contacto}'?`)\n          .then(\n            (respuesta) =>\n              respuesta && this.eliminarClienteContacto(id_contacto)\n          );\n        /*\n        \n        */\n      }\n    },\n    async eliminarClienteContacto(id) {\n      let sql = await deleteClienteContactos({ id });\n\n      if (!sql.error) {\n        // Consulta nuevamente a la API para obtener la nueva data\n        let dataClientesContactosDB = await getClientesContactos(this.idAux);\n\n        // Actualizar los datos del dataTable\n        this.actionSetDataClientesContactos(dataClientesContactosDB.data_table);\n        this.generarBotonesAcciones();\n\n        this.dataTableAux = dataClientesContactosDB.data_table;\n\n        this.$vToastify.success(\n          \"Contacto eliminado correctamente\",\n          \"¡Realizado!\"\n        );\n      } else {\n        console.log(\"Error\");\n      }\n    },\n\n    async init(){\n      this.cargando = true;\n      await this.getDataClientesContactos();\n      await this.generarBotonesAcciones();\n      await this.actualizarURL();\n      this.cargando = false;\n    }\n  },\n  // Cuando se crea el componente en el DOM\n  created() {\n    // Esta función se ejecuta cuando el componente fue creadon en el DOM\n    this.init();\n  },\n  watch: {\n    id: function (_new) {\n      let me = this;\n      if (_new) {\n        me.idAux = _new;\n        this.getDataClientesContactos();\n      }\n    },\n    dataDatatableClientesContactos: function (_new) {\n      let me = this;\n      if (_new) {\n        me.data = _new;\n        me.data.fila = _new;\n        this.generarBotonesAcciones();\n      }\n    },\n  },\n};\n</script>\n\n<style></style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClientesContactosPage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClientesContactosPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ClientesContactosPage.vue?vue&type=template&id=be992c98\"\nimport script from \"./ClientesContactosPage.vue?vue&type=script&lang=js\"\nexport * from \"./ClientesContactosPage.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ActualizarContactoModal.vue?vue&type=style&index=0&id=2c4609e9&prod&lang=css\""],"sourceRoot":""}