{"version":3,"sources":["webpack:///./src/services/distributors/getDistributor.js","webpack:///./src/views/distributors/Modules.vue?663d","webpack:///./src/views/distributors/Modules.vue?500f","webpack:///./src/services/distributors/getModulos.js","webpack:///./src/services/distributors/updateModulos.js","webpack:///src/views/distributors/Modules.vue","webpack:///./src/views/distributors/Modules.vue?18a9","webpack:///./src/views/distributors/Modules.vue","webpack:///./src/components/layout/DetailLayoutFullWidth.vue?f2ec","webpack:///src/components/layout/DetailLayoutFullWidth.vue","webpack:///./src/components/layout/DetailLayoutFullWidth.vue?6a01","webpack:///./src/components/layout/DetailLayoutFullWidth.vue"],"names":["async","getDistributor","params","req","url","method","headers","res","axiosInstance","data","render","_vm","this","_h","$createElement","_c","_self","slot","attrs","header","staticClass","ref","form","rules","isGeneralLoading","Modulos","length","_e","_v","_s","msgEmptyModules","_l","cabecera","index","key","refInFor","Descripcion","modulo","idModulo","$t","model","value","callback","$$v","$set","expression","FechaCambioEstado","on","goBack","$event","submitForm","staticRenderFns","getModulos","updateModulos","payload","name","components","DetailLayoutFullWidth","activeName","title","icon","breadcrumb","nav","msgEmptyDate","computed","created","breadcrumbs","path","methods","formatDate","downloadDistributorData","idDistribuidor","distributor","modulos","Activo","downloadData","setData","cabeceras","x","component","_t"],"mappings":"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","file":"js/chunk-7a71d0eb.v.6.0.0.1728293495878.js","sourcesContent":["import axiosInstance from '@/services/axiosInstance'\r\nimport mock from '@/services/mock/index'\r\n\r\nasync function getDistributor (params = null) {\r\n  if (process.env.VUE_APP_ENVIRONMENT === 'tests') {\r\n    return new Promise((resolve, reject) => {\r\n      const data = mock.getCompanies\r\n      const pages = data.data.length\r\n\r\n      const clone = JSON.parse(JSON.stringify(data))\r\n      console.log(clone.data)\r\n\r\n      clone.meta.total = pages\r\n\r\n      resolve(clone)\r\n    })\r\n  } else {\r\n    const req = {\r\n      url: 'api/distribuidores/getdistribuidorbyid',\r\n      method: 'GET',\r\n      headers: {\r\n        'Content-type': 'application/json',\r\n        'access-control-allow-origin': '*'\r\n      },\r\n      params,\r\n    }\r\n    const res = await axiosInstance(req)\r\n    return res.data\r\n  }\r\n}\r\n\r\nexport { getDistributor }\r\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/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!./Modules.vue?vue&type=style&index=0&id=7341a20d&prod&scoped=true&lang=css\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('detail-layout-full-width',[_c('template',{slot:\"header\"},[_c('base-header',{attrs:{\"icon\":\"user\",\"content\":_vm.header}})],1),_c('template',{slot:\"main\"},[_c('div',{staticClass:\"form-wrapper\"},[_c('el-form',{ref:\"ruleForm\",attrs:{\"model\":_vm.form,\"rules\":_vm.rules}},[_c('div',{staticClass:\"lg:max-w-detail lg:mr-auto\"},[(!_vm.isGeneralLoading && _vm.form.Modulos.length === 0)?_c('div',[_c('label',{staticClass:\"text-sm font-semibold text-secondary-600 block mb-1\"},[_vm._v(_vm._s(_vm.msgEmptyModules))])]):_vm._e(),_vm._l((_vm.form.Modulos),function(cabecera,index){return _c('base-collapsible-form',{key:index,ref:'baseCollapsibleModules'+index,refInFor:true,staticClass:\"mt-2 bg-white dark:bg-darkblue-900 rounded-lg border-solid border-primary-100 dark:border-darkblue-600 border pr-4 pl-4 mb-2\"},[_c('template',{slot:\"headerRight\"},[_c('h4',{staticClass:\"dark:text-darkblue-200 font-bold mt-4 mb-4 text-sm\"},[_vm._v(_vm._s(cabecera.Descripcion))])]),_c('template',{slot:\"content\"},_vm._l((cabecera.Modulos),function(modulo){return _c('div',{key:modulo.idModulo,staticClass:\"mb-4\"},[_c('label',{staticClass:\"text-sm font-semibold text-secondary-600 block mb-1\"},[_vm._v(_vm._s(modulo.Descripcion))]),_c('div',{staticClass:\"flex flex-col md:flex-row\"},[_c('el-switch',{staticClass:\"switch-text break-normal both-switch\",attrs:{\"active-text\":_vm.$t('app.active')},model:{value:(modulo.Contratado),callback:function ($$v) {_vm.$set(modulo, \"Contratado\", $$v)},expression:\"modulo.Contratado\"}}),_c('label',{staticClass:\"text-sm font-semibold dark:text-secondary-600 text-secondary-300 block mb-1 ml-0 md:ml-4\"},[_vm._v(_vm._s(modulo.FechaCambioEstado))])],1)])}),0)],2)})],2)])],1)]),_c('template',{slot:\"layout-extend\"},[_c('base-footer',[_c('template',{slot:\"actions\"},[_c('base-button-responsive',{attrs:{\"mode\":\"secondary\",\"text\":_vm.$t('app.cancel'),\"icon\":\"cross\",\"loading\":_vm.isGeneralLoading},on:{\"click\":_vm.goBack}}),_c('base-button-responsive',{attrs:{\"mode\":\"primary\",\"text\":_vm.$t('app.save'),\"icon\":\"check\",\"loading\":_vm.isGeneralLoading,\"disabled\":_vm.isGeneralLoading},on:{\"click\":function($event){return _vm.submitForm()}}})],1)],2)],1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import axiosInstance from '@/services/axiosInstance'\r\nimport mock from '@/services/mock/index'\r\n\r\nasync function getModulos (params = null) {\r\n  if (process.env.VUE_APP_ENVIRONMENT === 'tests') {\r\n    return new Promise((resolve, reject) => {\r\n      const data = mock.getCompanies\r\n      const pages = data.data.length\r\n\r\n      const clone = JSON.parse(JSON.stringify(data))\r\n      console.log(clone.data)\r\n\r\n      clone.meta.total = pages\r\n\r\n      resolve(clone)\r\n    })\r\n  } else {\r\n    const req = {\r\n      url: 'api/distribuidores/getmodulosdistribuidor',\r\n      method: 'GET',\r\n      headers: {\r\n        'Content-type': 'application/json',\r\n        'access-control-allow-origin': '*'\r\n      },\r\n      params,\r\n    }\r\n    const res = await axiosInstance(req)\r\n    return res.data\r\n  }\r\n}\r\n\r\nexport { getModulos }\r\n","import axiosInstance from '@/services/axiosInstance'\r\nimport mock from '@/services/mock/index'\r\n\r\nasync function updateModulos (params = null, payload = {}) {\r\n  if (process.env.VUE_APP_ENVIRONMENT === 'test') {\r\n    return new Promise((resolve, reject) => {\r\n      setTimeout(() => {\r\n        resolve(mock.getCompanytemplate)\r\n      }, 500)\r\n    })\r\n  } else {\r\n    const req = {\r\n      url: '/api/distribuidores/updatemodulosdistribuidor',\r\n      method: 'POST',\r\n      headers: {\r\n        'Content-type': 'application/json',\r\n        'access-control-allow-origin': '*'\r\n      },\r\n      data: payload,\r\n      params\r\n    }\r\n    const res = await axiosInstance(req)\r\n    return res.data\r\n  }\r\n}\r\n\r\nexport { updateModulos }\r\n","<template>\r\n  <detail-layout-full-width>\r\n    <template slot=\"header\">\r\n      <base-header\r\n        icon=\"user\"\r\n        :content=\"header\"\r\n      />\r\n    </template>\r\n    <template slot=\"main\">\r\n      <div class=\"form-wrapper\">\r\n        <el-form\r\n          :model=\"form\"\r\n          :rules=\"rules\"\r\n          ref=\"ruleForm\"\r\n        >\r\n        <div class=\"lg:max-w-detail lg:mr-auto\">\r\n\r\n          <div v-if=\"!isGeneralLoading && form.Modulos.length === 0\">\r\n            <label class=\"text-sm font-semibold text-secondary-600 block mb-1\">{{msgEmptyModules}}</label>\r\n          </div>\r\n\r\n          <base-collapsible-form \r\n            v-for=\"(cabecera, index) in form.Modulos\"\r\n            :key=\"index\"\r\n            :ref=\"'baseCollapsibleModules'+index\" \r\n            class=\"mt-2 bg-white dark:bg-darkblue-900 rounded-lg border-solid border-primary-100 dark:border-darkblue-600 border pr-4 pl-4 mb-2\">\r\n            <template slot=\"headerRight\">\r\n              <h4 class=\"dark:text-darkblue-200 font-bold mt-4 mb-4 text-sm\">{{cabecera.Descripcion}}</h4>\r\n            </template>\r\n            <template slot=\"content\">\r\n\r\n              <div class=\"mb-4\" \r\n                v-for=\"modulo in cabecera.Modulos\"\r\n                :key=\"modulo.idModulo\">\r\n                <label class=\"text-sm font-semibold text-secondary-600 block mb-1\">{{modulo.Descripcion}}</label>\r\n                <div class=\"flex flex-col md:flex-row\">\r\n                  <el-switch \r\n                    class=\"switch-text break-normal both-switch\" \r\n                    v-model=\"modulo.Contratado\" \r\n                    :active-text=\"$t('app.active')\" \r\n                    />\r\n                  <label class=\"text-sm font-semibold dark:text-secondary-600 text-secondary-300 block mb-1 ml-0 md:ml-4\">{{modulo.FechaCambioEstado}}</label>\r\n                </div>\r\n              </div>\r\n\r\n            </template>\r\n          </base-collapsible-form>\r\n        </div>\r\n        </el-form>\r\n      </div>\r\n      </template>\r\n    <template slot=\"layout-extend\">\r\n      <base-footer>\r\n        <template slot=\"actions\">\r\n          <base-button-responsive mode=\"secondary\" :text=\"$t('app.cancel')\" icon=\"cross\" @click=\"goBack\" :loading=\"isGeneralLoading\"/>\r\n          <base-button-responsive mode=\"primary\" :text=\"$t('app.save')\" icon=\"check\" @click=\"submitForm()\" :loading=\"isGeneralLoading\" :disabled=\"isGeneralLoading\"/>\r\n        </template>\r\n      </base-footer>\r\n    </template>\r\n  </detail-layout-full-width>\r\n</template>\r\n\r\n<script>\r\nimport DetailLayoutFullWidth from '../../components/layout/DetailLayoutFullWidth.vue'\r\nimport { getDistributor } from '@/services/distributors/getDistributor'\r\nimport { getModulos } from '@/services/distributors/getModulos'\r\nimport { updateModulos } from '@/services/distributors/updateModulos'\r\nimport { i18n } from '@/i18n'\r\nimport moment from 'moment'\r\n\r\nexport default {\r\n  /* eslint-disable camelcase */\r\n  name: 'modules-distributor-detail',\r\n  components: {\r\n    DetailLayoutFullWidth,\r\n  },\r\n  data: function () {\r\n    return {\r\n      activeName: 'es',\r\n      header: {\r\n        title: i18n.t('clients.modules'),\r\n        icon: 'config',\r\n        breadcrumb: {},\r\n        nav: [],\r\n        url: 'configurations/distributors/details'\r\n      },\r\n      msgEmptyModules: this.$i18n.t('clients.modules_empty'),\r\n      msgEmptyDate: this.$i18n.t('clients.modules_empty_date'),\r\n      form: {\r\n        Modulos: [],\r\n      },\r\n      rules: {}\r\n    }\r\n  },\r\n  computed: {\r\n    isGeneralLoading: function () {\r\n      return this.$store.getters.isLoading\r\n    }\r\n  },\r\n  created: async function () {\r\n    const distributorId = this.$route.params.id\r\n    const breadcrumbs = []\r\n    breadcrumbs.push({\r\n      path: 'configurationssa',\r\n      name: this.$i18n.t('app.configurations')\r\n    })\r\n    breadcrumbs.push({\r\n      path: 'configurations/distributors',\r\n      name: this.$i18n.t('distributors.header')\r\n    })\r\n    if (distributorId !== -1) {\r\n      if (this.$store.getters['app/fromRouteName'] !== null) {\r\n        const breadcrumbHeader = this.$store.getters['app/headerBreadCrumb']\r\n        breadcrumbs.push({ path: '', name: breadcrumbHeader })\r\n      } else {\r\n        const distribuidor = await this.downloadDistributorData(distributorId)\r\n        breadcrumbs.push({ path: '', name: distribuidor.distribuidor.Nombre })\r\n        this.$store.commit('app/setheaderBreadCrumb', distribuidor.distribuidor.Nombre)\r\n      }\r\n    }\r\n    this.header.breadcrumb = breadcrumbs\r\n\r\n    const data = await this.downloadData(distributorId)\r\n    this.setData(data.Cabeceras)\r\n  },\r\n  methods: {\r\n    formatDate: function (strDate) {\r\n      return moment(strDate).format('DD-MM-yyyy HH:mm')\r\n    },\r\n    downloadDistributorData: async function (id) {\r\n      let distributor = null\r\n      try {\r\n        this.$store.commit('setIsLoading', true)\r\n        const params = {\r\n          idDistribuidor: id\r\n        }\r\n        distributor = await getDistributor(params)\r\n        if (distributor.blnError === true) {\r\n          this.doFeedback(distributor.msgError + ' [' + distributor.codError + ']')\r\n        }\r\n      } catch (error) {\r\n        this.doFeedback()\r\n      } finally {\r\n        this.$store.commit('setIsLoading', false)\r\n      }\r\n      return distributor\r\n    },\r\n    submitForm: async function () {\r\n      this.$store.commit('setAjaxRequestPending', true)\r\n      this.$store.commit('setIsLoading', true)\r\n      try {\r\n        const modulos = []\r\n        this.form.Modulos.forEach(cabecera => {\r\n          cabecera.Modulos.forEach(modulo => {\r\n            modulos.push({\r\n              idModulo: modulo.idModulo,\r\n              Activo: modulo.Contratado,\r\n            })\r\n          })\r\n        })\r\n        const payload = {\r\n          idDistribuidor: this.$route.params.id,\r\n          Modulos: modulos,\r\n        }\r\n        const response = await updateModulos(null, payload)\r\n        if (response.blnError === true) {\r\n          this.doFeedback(response.msgError + ' [' + response.codError + ']')\r\n        } else {\r\n          this.doFeedback('Datos actualizados correctamente', 'success')\r\n          const data = await this.downloadData(this.$route.params.id)\r\n          this.setData(data.Modulos)\r\n        }\r\n      } catch (error) {\r\n        this.doFeedback()\r\n      } finally {\r\n        this.$store.commit('setIsLoading', false)\r\n      }\r\n    },\r\n    goBack: function () {\r\n      this.$router.push({ name: 'configurations/distributors/details', params: this.$route.params.id })\r\n    },\r\n    downloadData: async function (id) {\r\n      try {\r\n        this.$store.commit('setIsLoading', true)\r\n        const data = await getModulos({ idDistribuidor: id })\r\n        if (data.blnError === true) {\r\n          this.doFeedback(data.msgError + ' [' + data.codError + ']')\r\n        } else {\r\n          return data\r\n        }\r\n        return data\r\n      } catch (error) {\r\n        this.doFeedback()\r\n      } finally {\r\n        this.$store.commit('setIsLoading', false)\r\n      }\r\n      return null\r\n    },\r\n    setData: function (data) {\r\n      if (data) {\r\n        const cabeceras = data\r\n        cabeceras.forEach(cabecera => {\r\n          cabecera.Modulos.forEach(x => {\r\n            if (x.FechaCambioEstado) x.FechaCambioEstado = this.formatDate(x.FechaCambioEstado)\r\n            else x.FechaCambioEstado = this.msgEmptyDate\r\n          })\r\n        })\r\n        this.form.Modulos = cabeceras\r\n      }\r\n    }\r\n  }\r\n\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.box {\r\n  background-color: #444;\r\n  color: #fff;\r\n  border-radius: 5px;\r\n  border: 1px solid black;\r\n  padding: 5px 20px;\r\n}\r\n.grid {\r\n  display: grid;\r\n  grid-gap: 10px;\r\n}\r\n.wrapper {\r\n  grid-template-columns: 1fr 1fr ;\r\n  background-color: seagreen;\r\n  padding: 10px;\r\n  width: 50%;\r\n  margin: 20px auto;\r\n}\r\n.grid.left {\r\n  grid-column: 1 / span 1;\r\n  grid-auto-rows: min-content;\r\n}\r\n.grid.right {\r\n  grid-column: span 1 / -1;\r\n  grid-auto-rows: min-content;\r\n}\r\n.tip {\r\n  grid-column: 1 / -1;\r\n}\r\n.pic>img {\r\n  max-width: 100%;\r\n}\r\n\r\n</style>\r\n\r\n<style lang=\"sass\" scoped>\r\n</style>\r\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!./Modules.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!./Modules.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Modules.vue?vue&type=template&id=7341a20d&scoped=true\"\nimport script from \"./Modules.vue?vue&type=script&lang=js\"\nexport * from \"./Modules.vue?vue&type=script&lang=js\"\nimport style0 from \"./Modules.vue?vue&type=style&index=0&id=7341a20d&prod&scoped=true&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  \"7341a20d\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content-wrapper bg-white dark:bg-darkblue-900 flex flex-col w-full relative overflow-hidden\"},[_vm._t(\"header\"),_c('main',{staticClass:\"content flex flex-col flex-auto overflow-y-auto w-full\"},[_c('div',{staticClass:\"w-full md:w-11.5/12\"},[_c('div',{staticClass:\"px-4 lg:px-10\"},[_vm._t(\"main\")],2)])]),_vm._t(\"layout-extend\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"content-wrapper bg-white dark:bg-darkblue-900 flex flex-col w-full relative overflow-hidden\">\r\n    <slot name=\"header\" />\r\n    <main class=\"content flex flex-col flex-auto overflow-y-auto w-full\">\r\n      <div class=\"w-full md:w-11.5/12\">\r\n        <div class=\"px-4 lg:px-10\">\r\n            <slot name=\"main\" />\r\n        </div>\r\n      </div>\r\n    </main>\r\n    <slot name=\"layout-extend\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'layout-detail-full-width'\r\n}\r\n</script>\r\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!./DetailLayoutFullWidth.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!./DetailLayoutFullWidth.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DetailLayoutFullWidth.vue?vue&type=template&id=d8a951bc\"\nimport script from \"./DetailLayoutFullWidth.vue?vue&type=script&lang=js\"\nexport * from \"./DetailLayoutFullWidth.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"],"sourceRoot":""}