{"version":3,"sources":["webpack:///./src/modules/dashboard/contracts/components/Download.vue","webpack:///src/modules/dashboard/contracts/components/Download.vue","webpack:///./src/modules/dashboard/contracts/components/Download.vue?c97f","webpack:///./src/modules/dashboard/contracts/components/Download.vue?7cc6","webpack:///./src/modules/dashboard/contracts/pages/ContractList.vue?360a","webpack:///./src/modules/dashboard/contracts/services/ContractService.js","webpack:///./src/modules/dashboard/components/WrapperTooltip.vue","webpack:///src/modules/dashboard/components/WrapperTooltip.vue","webpack:///./src/modules/dashboard/components/WrapperTooltip.vue?3584","webpack:///./src/modules/dashboard/components/WrapperTooltip.vue?5fdc","webpack:///./src/modules/dashboard/contracts/pages/ContractList.vue","webpack:///src/modules/dashboard/contracts/pages/ContractList.vue","webpack:///./src/modules/dashboard/contracts/pages/ContractList.vue?74a9","webpack:///./src/modules/dashboard/contracts/pages/ContractList.vue?58a8"],"names":["render","_vm","this","_c","_self","contract","staticClass","on","$event","stopPropagation","onDownloadContract","attrs","_e","staticRenderFns","name","methods","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_this$contract","contractId","contractName","response","data","wrap","_context","prev","next","id","$store","dispatch","ContractService","downloadContractId","finally","sent","downloadFile","t0","abrupt","stop","components","WrapperTooltipComponent","props","default","component","getContractTemplates","Api","get","getContracts","getContractId","concat","addContracts","post","updateContractId","put","deleteContractId","delete","responseType","content","placement","_t","slot","goRouter","apiResponse","success","contracts","length","onChangeSearch","onSelectOrderBy","key","searchQuery","resultQueryContracts","perPaginate","_l","paginated","index","_v","_s","created_at","directives","rawName","value","expression","ul","li","a","emptyMedia4","orderByQuery","paginate","computed","sort","b","toLowerCase","filter","item","includes","toggleApiResponse","property","params","arguments","undefined","$router","push","_ref","search","_ref2","orderBy","_this2","_response$data","TopBarTitleComponent","InputSearchComponent","SelectOrderByComponent","ButtonPrimaryComponent","SkeletonLoadingCard","EmptyPage","DownloadContractComponent","mounted"],"mappings":"kHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAII,SAAUF,EAAG,SAAS,CAACG,YAAY,uBAAuBC,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBR,EAAIS,wBAAwB,CAACP,EAAG,0BAA0B,CAACQ,MAAM,CAAC,QAAU,cAAc,CAACR,EAAG,IAAI,CAACG,YAAY,qCAAqC,GAAGL,EAAIW,MAEtVC,EAAkB,G,kFCeP,GACfC,KAAA,4BACAC,QAAA,CACAL,mBAAA,eAAAM,EAAA,YAAAC,eAAAC,iBAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,OAAAP,iBAAAQ,MAAA,SAAAC,GAAA,eAAAA,EAAAC,KAAAD,EAAAE,MAAA,OAGA,OAHAR,EACAL,EAAAX,SAAAiB,EAAAD,EAAAS,GAAAP,EAAAF,EAAAP,KAAAa,EAAAC,KAAA,EAEAZ,EAAAe,OAAAC,SAAA,wBAAAL,EAAAE,KAAA,EACAI,OAAAC,mBACAZ,GACAa,SAAA,WACAnB,EAAAe,OAAAC,SAAA,2BACA,OAJAR,EAAAG,EAAAS,KAKAX,EAAAD,EAAAC,KACAD,GACAa,eAAAZ,EAAAF,GAAA,YACAI,EAAAE,KAAA,wBAAAF,EAAAC,KAAA,GAAAD,EAAAW,GAAAX,EAAA,YAAAA,EAAAY,OAAA,UAEA,4BAAAZ,EAAAa,UAAApB,EAAA,kBAdAH,KAkBAwB,WAAA,CACAC,gCAEAC,MAAA,CACAtC,SAAA,CACAuC,QAAA,QC3C8X,I,YCO1XC,EAAY,eACd,EACA7C,EACAa,GACA,EACA,KACA,KACA,MAIa,OAAAgC,E,6CClBf,W,oCCAA,gBAEe,QACbC,qBAAoB,WAClB,OAAOC,iBAAMC,IAAI,yBAEnBC,aAAY,WACV,OAAOF,iBAAMC,IAAI,eAEnBE,cAAa,SAAC5B,GACZ,OAAOyB,iBAAMC,IAAI,cAADG,OAAe7B,KAEjC8B,aAAY,SAAC3B,GACX,OAAOsB,iBAAMM,KAAK,aAAc5B,IAElC6B,iBAAgB,SAAC7B,GACf,OAAOsB,iBAAMQ,IAAI,cAADJ,OAAe1B,EAAKK,IAAML,IAE5C+B,iBAAgB,SAAC/B,GACf,OAAOsB,iBAAMU,OAAO,cAADN,OAAe1B,EAAKK,MAEzCI,mBAAkB,SAACZ,GACjB,OAAOyB,iBAAMC,IAAI,cAADG,OAAe7B,EAAU,sBAAsB,CAC7DoC,aAAc,mB,oCCvBpB,IAAI1D,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,aAAa,CAACQ,MAAM,CAAC,QAAUV,EAAI0D,QAAQ,UAAY1D,EAAI2D,YAAY,CAAC3D,EAAI4D,GAAG,YAAY,IAE7JhD,EAAkB,GCKP,GACfC,KAAA,0BACA6B,MAAA,CACAgB,QAAA,CACAf,QAAA,IAEAgB,UAAA,CACAhB,QAAA,SCdqX,I,YCOjXC,EAAY,eACd,EACA7C,EACAa,GACA,EACA,KACA,WACA,MAIa,OAAAgC,E,yFClBX7C,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,GAAG,CAACA,EAAG,uBAAuB,CAACQ,MAAM,CAAC,MAAQ,YAAY,cAAe,IAAO,CAACR,EAAG,WAAW,CAAC2D,KAAK,cAAc,CAAC3D,EAAG,MAAM,CAACG,YAAY,iDAAiD,CAACH,EAAG,yBAAyB,CAACQ,MAAM,CAAC,MAAQ,kBAAkBJ,GAAG,CAAC,YAAc,SAASC,GAAQ,OAAOP,EAAI8D,SAAS,6BAA6B,MAAM,GAAG5D,EAAG,cAAc,CAACG,YAAY,eAAeK,MAAM,CAAC,MAAQ,KAAK,CAAEV,EAAI+D,YAAYC,QAAS,CAAEhE,EAAIiE,UAAUC,OAAQ,CAAChE,EAAG,UAAU,CAACG,YAAY,iBAAiB,CAACH,EAAG,uBAAuB,CAACI,GAAG,CAAC,eAAiBN,EAAImE,kBAAkBjE,EAAG,yBAAyB,CAACI,GAAG,CAAC,gBAAkBN,EAAIoE,oBAAoB,GAAGlE,EAAG,WAAW,CAACmE,IAAIrE,EAAIsE,YAAYjE,YAAY,qBAAqBK,MAAM,CAAC,KAAO,uBAAuB,KAAOV,EAAIuE,qBAAqB,IAAMvE,EAAIwE,cAAc,CAACtE,EAAG,MAAM,CAACG,YAAY,sBAAsB,CAACH,EAAG,QAAQF,EAAIyE,GAAIzE,EAAI0E,UAAU,yBAAyB,SAAStE,EAASuE,GAAO,OAAOzE,EAAG,QAAQ,CAACmE,IAAIM,EAAMjE,MAAM,CAAC,GAAK,KAAK,GAAK,IAAI,GAAK,IAAI,GAAK,IAAI,GAAK,MAAM,CAACR,EAAG,MAAM,CAACG,YAAY,wBAAwBC,GAAG,CAAC,MAAQ,SAASC,GAAiC,OAAzBA,EAAOC,kBAAyBR,EAAI8D,SAAS,kBAAmB,CAAEjC,GAAIzB,EAASyB,QAAS,CAAC3B,EAAG,MAAM,CAACG,YAAY,mCAAmC,CAACH,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,MAAM,CAACG,YAAY,oCAAoC,CAACH,EAAG,KAAK,CAACG,YAAY,4CAA4C,CAACL,EAAI4E,GAAG,IAAI5E,EAAI6E,GAAGzE,EAASS,MAAM,SAASX,EAAG,MAAM,CAACG,YAAY,+BAA+B,CAACH,EAAG,MAAM,CAACG,YAAY,qDAAqD,CAACH,EAAG,QAAQ,CAACG,YAAY,SAAS,CAACL,EAAI4E,GAAG,WAAW5E,EAAI6E,GAAGzE,EAAS0E,eAAe5E,EAAG,4BAA4B,CAACQ,MAAM,CAAC,SAAWN,MAAa,gBAAe,IAAI,KAAKF,EAAG,iBAAiB,CAAC6E,WAAW,CAAC,CAAClE,KAAK,OAAOmE,QAAQ,SAASC,MAAOjF,EAAIuE,qBAAqBL,OAASlE,EAAIwE,YAAaU,WAAW,8CAA8CxE,MAAM,CAAC,IAAM,uBAAuB,QAAU,CAAEyE,GAAI,aAAcC,GAAI,YAAaC,EAAG,aAAc,OAAS,CACvjEzD,KAAM,cACND,KAAM,kBACFzB,EAAG,YAAY,CAACQ,MAAM,CAAC,MAAQV,EAAIsF,YAAY,KAAO,6GAA6GpF,EAAG,wBAAwB,IAAI,IAE9MU,EAAkB,G,oPCiGP,GACfC,KAAA,mBACAW,KAAA,kBACA8D,mBACAvB,YAAA,CACAC,SAAA,GAEAM,YAAA,KACAiB,aAAA,KACAC,SAAA,yBACAhB,YAAA,EACAP,UAAA,KAEAwB,SAAA,CACAlB,qBAAA,eAAAxD,EAAA,KACAkD,EAAA,KAAAA,UACA,OAAAA,EACAf,SACAwC,MAAA,SAAAL,EAAAM,GACA,OAAA5E,EAAAwE,cACA,aACA,OAAAF,EAAAxD,GAAA8D,EAAA9D,GAAA,KACA,UACA,OAAAwD,EAAAxD,GAAA8D,EAAA9D,GAAA,KACA,UACA,OAAAwD,EAAAxE,KAAA+E,cAAAD,EAAA9E,KAAA+E,eAAA,IACA,UACA,OAAAP,EAAAxE,KAAA+E,cAAAD,EAAA9E,KAAA+E,eAAA,QAGAC,QAAA,SAAAC,GAAA,OACA/E,EAAAuD,YACAwB,EAAAjF,KAAA+E,cAAAG,SAAAhF,EAAAuD,YAAAsB,eACAE,OAIAhF,QAAA,CACAkF,kBAAA,SAAAC,EAAAhB,GACA,KAAAlB,YAAAkC,GAAAhB,GAEAnB,SAAA,SAAAjD,GAAA,IAAAqF,EAAAC,UAAAjC,OAAA,QAAAkC,IAAAD,UAAA,GAAAA,UAAA,MACA,KAAAE,QAAAC,KAAA,CAAAzF,OAAAqF,YAEA/B,eAAA,SAAAoC,GAAA,IAAAC,EAAAD,EAAAC,OACA,KAAAlC,YAAAkC,GAEApC,gBAAA,SAAAqC,GAAA,IAAAC,EAAAD,EAAAC,QACA,KAAAnB,aAAAmB,GAEA1D,aAAA,eAAA2D,EAAA,YAAA3F,eAAAC,iBAAAC,MAAA,SAAAC,IAAA,IAAAI,EAAAqF,EAAA5C,EAAAxC,EAAA,OAAAP,iBAAAQ,MAAA,SAAAC,GAAA,eAAAA,EAAAC,KAAAD,EAAAE,MAAA,cAAAF,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAEAI,OAAAgB,eAAA,OAAAzB,EAAAG,EAAAS,KAAAyE,EACArF,EAAAC,KAAAwC,EAAA4C,EAAA5C,QAAAxC,EAAAoF,EAAApF,KACAwC,IACA2C,EAAA1C,UAAAzC,EACAmF,EAAAX,kBAAA,eACAtE,EAAAE,KAAA,uBAAAF,EAAAC,KAAA,EAAAD,EAAAW,GAAAX,EAAA,YAAAA,EAAAY,OAAA,UAEA,4BAAAZ,EAAAa,UAAApB,EAAA,iBATAH,KAaAwB,WAAA,CACAqE,4BACAC,4BACAC,8BACAC,8BACAC,2BACAC,iBACAC,kCAEAC,QAAA,WACA,KAAApE,iBC/KkY,I,wBCQ9XJ,EAAY,eACd,EACA7C,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAgC,E","file":"js/chunk-b9290920.3150e0be.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.contract)?_c('button',{staticClass:\"md__btn-link m-0 p-0\",on:{\"click\":function($event){$event.stopPropagation();return _vm.onDownloadContract()}}},[_c('WrapperTooltipComponent',{attrs:{\"content\":\"Descargar\"}},[_c('i',{staticClass:\"h5 el-icon-download font-bold\"})])],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <button\n    class=\"md__btn-link m-0 p-0\"\n    @click.stop=\"onDownloadContract()\"\n    v-if=\"contract\"\n  >\n    <WrapperTooltipComponent content=\"Descargar\">\n      <i class=\"h5 el-icon-download font-bold\"></i>\n    </WrapperTooltipComponent>\n  </button>\n</template>\n\n<script>\nimport WrapperTooltipComponent from \"../../components/WrapperTooltip\";\nimport ContractService from \"../services/ContractService\";\nimport { downloadFile } from \"@/assets/utils/files\";\n\nexport default {\n  name: \"DownloadContractComponent\",\n  methods: {\n    async onDownloadContract() {\n      const { id: contractId, name: contractName } = this.contract;\n      try {\n        this.$store.dispatch(\"toggleRequestLoading\");\n        let response = await ContractService.downloadContractId(\n          contractId\n        ).finally(() => {\n          this.$store.dispatch(\"toggleRequestLoading\");\n        });\n        const { data } = response;\n        if (response) {\n          downloadFile(data, contractName || \"Contrato\");\n        }\n      } catch (error) {\n        return false;\n      }\n    }\n  },\n  components: {\n    WrapperTooltipComponent\n  },\n  props: {\n    contract: {\n      default: null\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!./Download.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!./Download.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Download.vue?vue&type=template&id=6767c34d\"\nimport script from \"./Download.vue?vue&type=script&lang=js\"\nexport * from \"./Download.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--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContractList.vue?vue&type=style&index=0&id=51ab18ba&prod&lang=scss&scoped=true\"","import Api from \"@/config/Api\";\n\nexport default {\n  getContractTemplates() {\n    return Api().get(\"/contracts/templates\");\n  },\n  getContracts() {\n    return Api().get(\"/contracts\");\n  },\n  getContractId(contractId) {\n    return Api().get(`/contracts/${contractId}`);\n  },\n  addContracts(data) {\n    return Api().post(\"/contracts\", data);\n  },\n  updateContractId(data) {\n    return Api().put(`/contracts/${data.id}`, data);\n  },\n  deleteContractId(data) {\n    return Api().delete(`/contracts/${data.id}`);\n  },\n  downloadContractId(contractId) {\n    return Api().get(`/contracts/${contractId}?download=download`, {\n      responseType: \"arraybuffer\"\n    });\n  }\n};\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('el-tooltip',{attrs:{\"content\":_vm.content,\"placement\":_vm.placement}},[_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <el-tooltip :content=\"content\" :placement=\"placement\">\n    <slot></slot>\n  </el-tooltip>\n</template>\n\n<script>\nexport default {\n  name: \"WrapperTooltipComponent\",\n  props: {\n    content: {\n      default: \"\"\n    },\n    placement: {\n      default: \"top\"\n    }\n  }\n};\n</script>\n<style lang=\"scss\" scoped></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!./WrapperTooltip.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!./WrapperTooltip.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./WrapperTooltip.vue?vue&type=template&id=53387d2a&scoped=true\"\nimport script from \"./WrapperTooltip.vue?vue&type=script&lang=js\"\nexport * from \"./WrapperTooltip.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  \"53387d2a\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{},[_c('TopBarTitleComponent',{attrs:{\"title\":\"Contratos\",\"showBackIcon\":true}},[_c('template',{slot:\"right-area\"},[_c('div',{staticClass:\"d-flex justify-content-end align-items-center\"},[_c('ButtonPrimaryComponent',{attrs:{\"title\":\"Nuevo Contrato\"},on:{\"onSaveClick\":function($event){return _vm.goRouter('agreements.templates')}}})],1)])],2),_c('b-container',{staticClass:\"pb-4 px-lg-4\",attrs:{\"fluid\":\"\"}},[(_vm.apiResponse.success)?[(_vm.contracts.length)?[_c('section',{staticClass:\"input-filters\"},[_c('InputSearchComponent',{on:{\"onChangeSearch\":_vm.onChangeSearch}}),_c('SelectOrderByComponent',{on:{\"onSelectOrderBy\":_vm.onSelectOrderBy}})],1),_c('paginate',{key:_vm.searchQuery,staticClass:\"wrapper-pagination\",attrs:{\"name\":\"resultQueryContracts\",\"list\":_vm.resultQueryContracts,\"per\":_vm.perPaginate}},[_c('div',{staticClass:\"card-content-items\"},[_c('b-row',_vm._l((_vm.paginated('resultQueryContracts')),function(contract,index){return _c('b-col',{key:index,attrs:{\"xs\":\"12\",\"sm\":\"6\",\"md\":\"6\",\"lg\":\"4\",\"xl\":\"3\"}},[_c('div',{staticClass:\"card card-shadow mb-4\",on:{\"click\":function($event){$event.stopPropagation();return _vm.goRouter('agreements.edit', { id: contract.id })}}},[_c('div',{staticClass:\"card-body card-shadow-body py-2\"},[_c('div',{staticClass:\"px-2 pt-4\"},[_c('div',{staticClass:\"agreements-description-item mb-3\"},[_c('h3',{staticClass:\"h3 font-bold text-center str-limit-space\"},[_vm._v(\" \"+_vm._s(contract.name)+\" \")])]),_c('div',{staticClass:\"agreements-description-item\"},[_c('div',{staticClass:\"d-flex justify-content-between align-items-center\"},[_c('small',{staticClass:\"small\"},[_vm._v(\"Creado: \"+_vm._s(contract.created_at))]),_c('DownloadContractComponent',{attrs:{\"contract\":contract}})],1)])])])])])}),1)],1)]),_c('paginate-links',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.resultQueryContracts.length > _vm.perPaginate),expression:\"resultQueryContracts.length > perPaginate\"}],attrs:{\"for\":\"resultQueryContracts\",\"classes\":{ ul: 'pagination', li: 'page-item', a: 'page-link' },\"simple\":{\n            next: 'Siguiente »',\n            prev: '« Regresar'\n          }}})]:_c('EmptyPage',{attrs:{\"media\":_vm.emptyMedia4,\"text\":\"No se han encontrado registros, empieza a crear tu lista de contratos para adjuntar a tus cotizaciones\"}})]:_c('SkeletonLoadingCard')],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"\">\n    <TopBarTitleComponent title=\"Contratos\" :showBackIcon=\"true\">\n      <template slot=\"right-area\">\n        <div class=\"d-flex justify-content-end align-items-center\">\n          <ButtonPrimaryComponent\n            title=\"Nuevo Contrato\"\n            @onSaveClick=\"goRouter('agreements.templates')\"\n          />\n        </div>\n      </template>\n    </TopBarTitleComponent>\n\n    <b-container fluid class=\"pb-4 px-lg-4\">\n      <template v-if=\"apiResponse.success\">\n        <template v-if=\"contracts.length\">\n          <section class=\"input-filters\">\n            <InputSearchComponent @onChangeSearch=\"onChangeSearch\" />\n            <SelectOrderByComponent @onSelectOrderBy=\"onSelectOrderBy\" />\n          </section>\n          <paginate\n            class=\"wrapper-pagination\"\n            name=\"resultQueryContracts\"\n            :list=\"resultQueryContracts\"\n            :per=\"perPaginate\"\n            :key=\"searchQuery\"\n          >\n            <div class=\"card-content-items\">\n              <b-row>\n                <b-col\n                  xs=\"12\"\n                  sm=\"6\"\n                  md=\"6\"\n                  lg=\"4\"\n                  xl=\"3\"\n                  v-for=\"(contract, index) in paginated('resultQueryContracts')\"\n                  :key=\"index\"\n                >\n                  <div\n                    class=\"card card-shadow mb-4\"\n                    @click.stop=\"\n                      goRouter('agreements.edit', { id: contract.id })\n                    \"\n                  >\n                    <div class=\"card-body card-shadow-body py-2\">\n                      <div class=\"px-2 pt-4\">\n                        <div class=\"agreements-description-item mb-3\">\n                          <h3 class=\"h3 font-bold text-center str-limit-space\">\n                            {{ contract.name }}\n                          </h3>\n                        </div>\n                        <div class=\"agreements-description-item\">\n                          <div\n                            class=\"d-flex justify-content-between align-items-center\"\n                          >\n                            <small class=\"small\"\n                              >Creado: {{ contract.created_at }}</small\n                            >\n\n                            <DownloadContractComponent :contract=\"contract\" />\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </b-col>\n              </b-row>\n            </div>\n          </paginate>\n          <paginate-links\n            v-show=\"resultQueryContracts.length > perPaginate\"\n            for=\"resultQueryContracts\"\n            :classes=\"{ ul: 'pagination', li: 'page-item', a: 'page-link' }\"\n            :simple=\"{\n              next: 'Siguiente »',\n              prev: '« Regresar'\n            }\"\n          ></paginate-links>\n        </template>\n        <EmptyPage\n          :media=\"emptyMedia4\"\n          text=\"No se han encontrado registros, empieza a crear tu lista de contratos para adjuntar a tus cotizaciones\"\n          v-else\n        />\n      </template>\n      <SkeletonLoadingCard v-else />\n    </b-container>\n  </div>\n</template>\n\n<script>\nimport TopBarTitleComponent from \"../../components/TopBarTitle\";\nimport InputSearchComponent from \"../../components/InputSearch\";\nimport SelectOrderByComponent from \"../../components/SelectOrderBy\";\nimport ButtonPrimaryComponent from \"../../components/ButtonPrimary\";\nimport SkeletonLoadingCard from \"@/components/Animations/Loading/SkeletonCard\";\nimport EmptyPage from \"../../components/EmptyPage\";\nimport DownloadContractComponent from \"../components/Download\";\n\nimport ContractService from \"../services/ContractService\";\nimport { emptyMedia4 } from \"@/services/resources\";\n\nexport default {\n  name: \"ContractListPage\",\n  data: () => ({\n    emptyMedia4,\n    apiResponse: {\n      success: false\n    },\n    searchQuery: null,\n    orderByQuery: null,\n    paginate: [\"resultQueryContracts\"],\n    perPaginate: 4,\n    contracts: []\n  }),\n  computed: {\n    resultQueryContracts() {\n      let contracts = this.contracts;\n      return contracts\n        .concat()\n        .sort((a, b) => {\n          switch (this.orderByQuery) {\n            case \"recent\":\n              return a.id < b.id ? 1 : -1;\n            case \"old\":\n              return a.id > b.id ? 1 : -1;\n            case \"a-z\":\n              return a.name.toLowerCase() < b.name.toLowerCase() ? -1 : 1;\n            case \"z-a\":\n              return a.name.toLowerCase() > b.name.toLowerCase() ? -1 : 1;\n          }\n        })\n        .filter(item =>\n          this.searchQuery\n            ? item.name.toLowerCase().includes(this.searchQuery.toLowerCase())\n            : item\n        );\n    }\n  },\n  methods: {\n    toggleApiResponse(property, value) {\n      this.apiResponse[property] = value;\n    },\n    goRouter(name, params = {}) {\n      this.$router.push({ name, params });\n    },\n    onChangeSearch({ search }) {\n      this.searchQuery = search;\n    },\n    onSelectOrderBy({ orderBy }) {\n      this.orderByQuery = orderBy;\n    },\n    async getContracts() {\n      try {\n        let response = await ContractService.getContracts();\n        const { success, data } = response.data;\n        if (success) {\n          this.contracts = data;\n          this.toggleApiResponse(\"success\", true);\n        }\n      } catch (error) {\n        return false;\n      }\n    }\n  },\n  components: {\n    TopBarTitleComponent,\n    InputSearchComponent,\n    SelectOrderByComponent,\n    ButtonPrimaryComponent,\n    SkeletonLoadingCard,\n    EmptyPage,\n    DownloadContractComponent\n  },\n  mounted() {\n    this.getContracts();\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.card-options-agreements {\n  > div.card {\n    width: 200px;\n    cursor: pointer;\n    .card-body {\n      flex-direction: column;\n\n      h4 {\n        word-break: break-word;\n      }\n    }\n  }\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!./ContractList.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!./ContractList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ContractList.vue?vue&type=template&id=51ab18ba&scoped=true\"\nimport script from \"./ContractList.vue?vue&type=script&lang=js\"\nexport * from \"./ContractList.vue?vue&type=script&lang=js\"\nimport style0 from \"./ContractList.vue?vue&type=style&index=0&id=51ab18ba&prod&lang=scss&scoped=true\"\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  \"51ab18ba\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}