{"version":3,"sources":["webpack:///./src/components/user/UserTable.vue?cfd3","webpack:///./src/components/user/UserTable.vue","webpack:///src/components/user/UserTable.vue","webpack:///./src/components/user/UserTable.vue?6171","webpack:///./src/components/user/UserTable.vue?972f"],"names":["staticClass","attrs","model","value","_vm","callback","searchTextFilter","expression","_c","staticRenderFns","moment","locale","components","data","headers","text","search","snack","snackColor","snackText","computed","_objectSpread","mapState","loading","state","properties","property","actualItem","mapGetters","get","$store","filterText","set","newValue","commit","trim","toLowerCase","filters","dateFormat","date","isFullDate","arguments","length","undefined","format","dateParsed","String","created","methods","mapActions","fetchProperties","fetchUpdatelProperty","mapMutations","setLoading","updateActualProperty","cancel","open","component"],"mappings":"kHAAA,W,sHCAmG,W,IAAgB,OAAE,EAAK,W,OAAgBA,QAAY,UAAY,MAAK,CAAgBC,GAAM,mB,CAAY,SAAc,C,YAAsB,a,CAAY,SAAc,C,MAAG,CAAkB,SAACC,cAAM,cAACC,MAAOC,YAAsBC,cAAS,G,eAAoBC,I,MAAsBC,CAA6B,yBAAIC,SAAU,SAAC,GAACR,mBAAY,GAAgFA,WAAY,sBAA0B,SAAQ,C,YAAaI,4B,CAAY,KAAO,sBAAe,a,YAAC,mB,MAAoB,CAAsB,SAAoD,QAAU,EAAC,QAAc,QAAY,WAAM,oBAAI,QAAK,UAC5uB,oDACGK,yBAEJ,YAAiBA,S,oEC6BjBC,IAAAC,OAAA,MAEe,OACfC,WAAA,GAIAC,KAAA,WACA,OACAC,QAAA,CACA,CACAC,KAAA,SACAZ,MAAA,QAEA,CACAY,KAAA,QACAZ,MAAA,SAEA,CACAY,KAAA,iBACAZ,MAAA,QAEA,CACAY,KAAA,iBACAZ,MAAA,KAGAa,OAAA,GACAC,OAAA,EACAC,WAAA,GACAC,UAAA,KAGAC,SAAAC,6CAAA,GACAC,eAAA,CACAC,QAAA,SAAAC,GAAA,OAAAA,EAAAC,WAAAF,SACAG,SAAA,SAAAF,GAAA,OAAAA,EAAAC,WAAAE,eAEAC,eAAA,cACAH,WAAA,mBACA,IACAnB,iBAAA,CACAuB,IAAA,WACA,YAAAC,OAAAN,MAAAC,WAAAM,YAEAC,IAAA,SAAAC,GACA,KAAAH,OAAAI,OACA,2BACAD,EAAAE,OAAAC,mBAKAC,QAAA,CACAC,WAAA,SAAAC,GAAA,IAAAC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GACA,IAAAF,EAAA,SACA,IAAAK,EAAA,cACAJ,IAAAI,EAAA,sBACA,IAAAC,EAAAnC,IAAAoC,OAAAP,IAAAK,UACA,OAAAC,IAGAE,QAAA,aAGAC,QAAA3B,6CAAA,GACA4B,eAAA,CACAC,gBAAA,6BACAC,qBAAA,qCAEAC,eAAA,CACAC,WAAA,wBACAC,qBAAA,qCACA,IA4CAC,OAAA,WACA,KAAAtC,OAAA,EACA,KAAAC,WAAA,QACA,KAAAC,UAAA,YAEAqC,KAAA,WACA,KAAAvC,OAAA,EACA,KAAAC,WAAA,OACA,KAAAC,UAAA,oBC9JkW,I,wBCQ9VsC,EAAY,eACd,EACA,EACAhD,GACA,EACA,KACA,KACA,MAIa,aAAAgD,E","file":"js/chunk-6ddc69e7.66e96f9b.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!./UserTable.vue?vue&type=style&index=0&id=a73f6fd6&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{attrs:{\"id\":\"property-table\"}},[_c('v-card-title',{staticClass:\"pt-1 pb-3\"},[_c('v-text-field',{attrs:{\"dense\":\"\",\"append-icon\":\"mdi-magnify\",\"label\":\"Buscar...\",\"single-line\":\"\",\"hide-details\":\"\"},model:{value:(_vm.searchTextFilter),callback:function ($$v) {_vm.searchTextFilter=$$v},expression:\"searchTextFilter\"}}),_c('v-btn',{staticClass:\"btn btn-info float-right\"},[_vm._v(\"Nueva propiedad\")])],1),_c('v-data-table',{staticClass:\"elevation-1 mx-2\",attrs:{\"dense\":\"\",\"headers\":_vm.headers,\"items\":_vm.properties,\"items-per-page\":25,\"loading\":_vm.loading,\"loading-text\":\"Cargando Asesores inmobiliarios...\",\"sort-by\":['created_at'],\"sort-desc\":[true]}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div id=\"property-table\">\n      <v-card-title class=\"pt-1 pb-3\">\n        <v-text-field\n          dense\n          v-model=\"searchTextFilter\"\n          append-icon=\"mdi-magnify\"\n          label=\"Buscar...\"\n          single-line\n          hide-details\n        ></v-text-field>\n        <v-btn class=\"btn btn-info float-right\">Nueva propiedad</v-btn>\n      </v-card-title>\n      <v-data-table\n        dense\n        :headers=\"headers\"\n        :items=\"properties\"\n        :items-per-page=\"25\"\n        class=\"elevation-1 mx-2\"\n        :loading=\"loading\"\n        loading-text=\"Cargando Asesores inmobiliarios...\"\n        :sort-by=\"['created_at']\"\n        :sort-desc=\"[true]\"\n      >\n      </v-data-table>\n    </div>\n  </div>\n</template>\n<script>\nimport { mapState, mapGetters, mapActions, mapMutations } from \"vuex\";\n\nimport moment from \"moment\";\nmoment.locale(\"es\");\n\nexport default {\n  components: {\n    // PropertySelectContractStatus: () =>\n    // import(\"@/components/property/PropertySelectContractStatus.vue\")\n  },\n  data() {\n    return {\n      headers: [\n        {\n          text: \"Nombre\",\n          value: \"name\"\n        },\n        {\n          text: \"Email\",\n          value: \"email\"\n        },\n        {\n          text: \"Rol de usuario\",\n          value: \"role\"\n        },\n        {\n          text: \"Foto de perfil\",\n          value: \"\"\n        }\n      ],\n      search: \"\",\n      snack: false,\n      snackColor: \"\",\n      snackText: \"\"\n    };\n  },\n  computed: {\n    ...mapState({\n      loading: state => state.properties.loading,\n      property: state => state.properties.actualItem\n    }),\n    ...mapGetters(\"properties\", {\n      properties: \"filteredItems\"\n    }),\n    searchTextFilter: {\n      get() {\n        return this.$store.state.properties.filterText;\n      },\n      set(newValue) {\n        this.$store.commit(\n          \"properties/setFilterText\",\n          newValue.trim().toLowerCase()\n        );\n      }\n    }\n  },\n  filters: {\n    dateFormat(date, isFullDate = false) {\n      if (!date) return \"\";\n      let format = \"DD-MMM-YYYY\";\n      if (isFullDate) format = \"DD-MMM-YYYY h:mm a\";\n      let dateParsed = moment(String(date)).format(format);\n      return dateParsed;\n    }\n  },\n  created() {\n    // this.consultProperties();\n  },\n  methods: {\n    ...mapActions({\n      fetchProperties: \"properties/fetchProperties\",\n      fetchUpdatelProperty: \"properties/fetchUpdatelProperty\"\n    }),\n    ...mapMutations({\n      setLoading: \"properties/setLoading\",\n      updateActualProperty: \"properties/updateActualProperty\"\n    }),\n    // priceFormat(price, currency, status) {\n    //   if (parseFloat(price) <= 0 || isNaN(price) || status === \"vendido\") {\n    //     return \"-\";\n    //   }\n    //   return (\n    //     \"$\" +\n    //     parseFloat(price)\n    //       // .toFixed(2)\n    //       .toString()\n    //       .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")\n    //       .concat(\" \" + currency)\n    //   );\n    // },\n    // getSquareMeterPrice(price, currency, totalBuilding) {\n    //   if (!price || !currency || !totalBuilding) return \"\";\n    //   const smp = parseInt(price / totalBuilding)\n    //     .toString()\n    //     .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")\n    //     .concat(\" \" + currency);\n    //   return smp;\n    // },\n    // consultProperties() {\n    //   let self = this;\n    //   self.setLoading(true);\n    //   setTimeout(() => {\n    //     this.fetchProperties()\n    //       .then()\n    //       .finally(() => {\n    //         setTimeout(() => {\n    //           self.setLoading(false);\n    //         }, 1000);\n    //       });\n    //   }, 1500);\n    // },\n    // updatePropertyList() {\n    //   this.consultProperties();\n    // },\n    // updateProperty(propertyId, data) {\n    //   this.handleUpdateProperty(propertyId, data);\n    //   this.snack = true;\n    //   this.snackColor = \"success\";\n    //   this.snackText = \"Data saved\";\n    // },\n    cancel() {\n      this.snack = true;\n      this.snackColor = \"error\";\n      this.snackText = \"Canceled\";\n    },\n    open() {\n      this.snack = true;\n      this.snackColor = \"info\";\n      this.snackText = \"Dialog opened\";\n    }\n    // handleUpdateProperty(propertyId, propertyData) {\n    //   // una vez cambiado la propiedad actual, actualizar el valor en Vuex\n    //   let data = {\n    //     propertyId,\n    //     property: propertyData,\n    //   };\n\n    //   let self = this;\n    //   this.$snotify.async(\n    //     \"Actualizando propiedad\",\n    //     \"Actualizando ...\",\n    //     () =>\n    //       new Promise((resolve, reject) => {\n    //         setTimeout(() => {\n    //           this.fetchUpdatelProperty(data)\n    //             .then(() => {\n    //               resolve({\n    //                 title: \"Propiedad editada\",\n    //                 body: \"La propiedad se ha editado correctamente.\",\n    //                 config: {\n    //                   closeOnClick: true,\n    //                   titleMaxLength: 30,\n    //                   timeout: 4000,\n    //                 },\n    //               });\n    //             })\n    //             .catch((err) => {\n    //               reject({\n    //                 title: \"Error!!!\",\n    //                 body: `Ocurrio un problema actualizar la propiedad. ${err}`,\n    //                 config: {\n    //                   closeOnClick: true,\n    //                   timeout: 4000,\n    //                 },\n    //               });\n    //             })\n    //             .finally(() => {\n    //               setTimeout(() => {\n    //                 self.setLoading(false);\n    //               }, 1000);\n    //             });\n    //         }, 500);\n    //       })\n    //   );\n    // },\n    // getContractStatusOption(option, propertyId) {\n    //   if (option) this.contract_status = option;\n    //   this.updateProperty(propertyId, { contract_status: option });\n    // },\n    // // end listeners\n    // // pasar a una librería\n    // getSafeNestedField(fn, defaultVal) {\n    //   try {\n    //     return fn();\n    //   } catch (e) {\n    //     return defaultVal;\n    //   }\n    // },\n  }\n};\n</script>\n<style>\n.property-contratct-status-tag:hover {\n  cursor: pointer;\n}\n.property-contratct-status-tag.disponible {\n  text-transform: uppercase;\n  background-color: green !important;\n  color: white !important;\n  font-weight: bold;\n}\n.property-contratct-status-tag.disponible:hover {\n  text-transform: uppercase;\n  background-color: green !important;\n  color: white !important;\n  font-weight: bold;\n}\n.property-contratct-status-tag.reservado {\n  text-transform: uppercase;\n  background-color: orange !important;\n  color: white !important;\n  font-weight: bold;\n}\n.property-contratct-status-tag.reservado:hover {\n  text-transform: uppercase;\n  background-color: orange !important;\n  color: white !important;\n  font-weight: bold;\n}\n.property-contratct-status-tag.vendido {\n  text-transform: uppercase;\n  background-color: #f84b57 !important;\n  color: white !important;\n  font-weight: bold;\n}\n.property-contratct-status-tag.vendido:hover {\n  text-transform: uppercase;\n  background-color: #f84b57 !important;\n  color: white !important;\n  font-weight: bold;\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!./UserTable.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!./UserTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserTable.vue?vue&type=template&id=a73f6fd6&\"\nimport script from \"./UserTable.vue?vue&type=script&lang=js&\"\nexport * from \"./UserTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserTable.vue?vue&type=style&index=0&id=a73f6fd6&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"],"sourceRoot":""}