{"version":3,"sources":["webpack:///./src/views/public/Reclutamiento/ListaDeVacantes.vue","webpack:///src/views/public/Reclutamiento/ListaDeVacantes.vue","webpack:///./src/views/public/Reclutamiento/ListaDeVacantes.vue?7107","webpack:///./src/views/public/Reclutamiento/ListaDeVacantes.vue?af49","webpack:///./src/views/public/Reclutamiento/ListaDeVacantes.vue?0fa7"],"names":["render","_vm","this","_c","_self","attrs","activeUser","name","staticClass","vistaActiva","esPantallaGrande","_v","model","value","filtroCargoEmpresa","callback","$$v","expression","filtroUbicacion","_l","filtradoDeVacantes","vacante","key","id","class","active","$route","params","nativeOn","$event","preventDefault","mostrarDetalleVacante","cargo","sucursal","empresa","urlLogo","staticStyle","_s","nombre","pais","descripcion","municipio","jornadaLaboral","salario","calcularDiferenciaDeTiempo","fechaDeCreacion","_e","on","volverALista","staticRenderFns","data","listaDeVacantes","window","innerWidth","$isLoading","getListaDeVacantes","eventBus","$on","addEventListener","detectarTamanoPantalla","beforeDestroy","$off","removeEventListener","methods","response","$store","getters","fetchGet","path","json","fecha","fechaObj","Date","ahora","diferenciaEnMilisegundos","minutos","Math","floor","horas","dias","semanas","meses","años","computed","user","localStorage","getItem","JSON","parse","filter","toLowerCase","includes","component"],"mappings":"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","file":"js/chunk-41718112.9461f02b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('HXContentCard',{attrs:{\"title\":\"Listado de vacantes\",\"toBack\":_vm.activeUser && { name: 'AdministradorDeVacantes' }}},[_c('div',{staticClass:\"row p-3\"},[(_vm.vistaActiva === 'lista' || _vm.esPantallaGrande)?_c('div',{staticClass:\"col-12 col-lg-5\"},[_c('div',{staticClass:\"py-3 pl-3\"},[_c('strong',[_vm._v(\"Filtrar por:\")]),_c('div',{staticClass:\"d-flex mt-1\"},[_c('b-form-input',{staticClass:\"mr-2 mb-2\",attrs:{\"type\":\"text\",\"placeholder\":\"Cargo o empresa...\"},model:{value:(_vm.filtroCargoEmpresa),callback:function ($$v) {_vm.filtroCargoEmpresa=$$v},expression:\"filtroCargoEmpresa\"}}),_c('b-form-input',{attrs:{\"type\":\"text\",\"placeholder\":\"Ciudad, provincia o estado...\"},model:{value:(_vm.filtroUbicacion),callback:function ($$v) {_vm.filtroUbicacion=$$v},expression:\"filtroUbicacion\"}})],1)]),_c('div',{staticClass:\"overflow-75\"},_vm._l((_vm.filtradoDeVacantes),function(vacante){return _c('router-link',{key:vacante.id,staticClass:\"d-flex m-0 p-3 card-vacante pointer\",class:{ active: _vm.$route.params.id == vacante.id },attrs:{\"to\":{ name: 'InformacionVacante', params: { id: vacante.id } }},nativeOn:{\"click\":function($event){$event.preventDefault();return _vm.mostrarDetalleVacante()}}},[_c('figure',[(vacante.cargo.sucursal.empresa.urlLogo)?_c('img',{attrs:{\"src\":vacante.cargo.sucursal.empresa.urlLogo,\"alt\":\"logo-empresa\",\"width\":\"100\"}}):_c('div',{staticClass:\"d-flex justify-content-center\",staticStyle:{\"width\":\"81.42px\"}},[_c('i',{staticClass:\"fas fa-building fa-4x text-white-50\"})])]),_c('div',{staticClass:\"content\"},[_c('h3',[_c('strong',[_vm._v(\" \"+_vm._s(vacante.cargo.nombre)+\" \")])]),_c('p',[_c('strong',[_vm._v(\" \"+_vm._s(vacante.cargo.sucursal.empresa.nombre)+\" \")])]),_c('p',[_vm._v(\" \"+_vm._s(vacante.pais.descripcion)+\", \"+_vm._s(vacante.municipio.descripcion)+\", ( Presencial, \"+_vm._s(vacante.jornadaLaboral.name)+\" ) \")]),_c('p'),_c('p',[_vm._v(_vm._s(vacante.salario)+\" / Mes\")]),_c('div',{staticClass:\"d-flex justify-content-end\"},[_c('p',[_vm._v(_vm._s(_vm.calcularDiferenciaDeTiempo(vacante.fechaDeCreacion)))])])])])}),1)]):_vm._e(),(_vm.vistaActiva === 'detalle' || _vm.esPantallaGrande)?_c('div',{staticClass:\"col-12 col-lg overflow-75\"},[(!_vm.esPantallaGrande && _vm.vistaActiva === 'detalle')?_c('button',{staticClass:\"btn btn-dark my-3\",on:{\"click\":_vm.volverALista}},[_c('i',{staticClass:\"fas fa-arrow-left\"}),_vm._v(\" Volver a la lista \")]):_vm._e(),_c('router-view')],1):_vm._e()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport { eventBus } from \"@/main\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      listaDeVacantes: [],\r\n      filtroCargoEmpresa: \"\",\r\n      filtroUbicacion: \"\",\r\n      vistaActiva: \"lista\",\r\n      esPantallaGrande: window.innerWidth >= 992,\r\n    };\r\n  },\r\n  async mounted() {\r\n    this.$isLoading(true);\r\n    await this.getListaDeVacantes();\r\n    this.$isLoading(false);\r\n    eventBus.$on(\"volverALista\", this.volverALista);\r\n    window.addEventListener(\"resize\", this.detectarTamanoPantalla);\r\n  },\r\n  beforeDestroy() {\r\n    eventBus.$off(\"volverALista\", this.volverALista);\r\n    // Limpia el listener al destruir el componente\r\n    window.removeEventListener(\"resize\", this.detectarTamanoPantalla);\r\n  },\r\n  methods: {\r\n    detectarTamanoPantalla() {\r\n      this.esPantallaGrande = window.innerWidth >= 992;\r\n    },\r\n    mostrarDetalleVacante() {\r\n      this.vistaActiva = \"detalle\";\r\n    },\r\n    volverALista() {\r\n      this.vistaActiva = \"lista\";\r\n    },\r\n    async getListaDeVacantes() {\r\n      const response = await this.$store.getters.fetchGet({\r\n        path: `Vacante/all/active`,\r\n      });\r\n      this.listaDeVacantes = await response.json();\r\n      // this.$router.push({\r\n      //   name: \"InformacionVacante\",\r\n      //   params: { id: this.listaDeVacantes[0].id },\r\n      // });\r\n    },\r\n    calcularDiferenciaDeTiempo(fecha) {\r\n      const fechaObj = new Date(fecha);\r\n      const ahora = new Date();\r\n      const diferenciaEnMilisegundos = ahora - fechaObj;\r\n\r\n      const minutos = Math.floor(diferenciaEnMilisegundos / (1000 * 60));\r\n      const horas = Math.floor(minutos / 60);\r\n      const dias = Math.floor(horas / 24);\r\n      const semanas = Math.floor(dias / 7);\r\n      const meses = Math.floor(dias / 30);\r\n      const años = Math.floor(meses / 12);\r\n\r\n      if (años > 0) {\r\n        return `Hace ${años} ${años === 1 ? \"año\" : \"años\"} `;\r\n      } else if (meses > 0) {\r\n        return `Hace ${meses} ${meses === 1 ? \"mes\" : \"meses\"}`;\r\n      } else if (semanas > 0) {\r\n        return `Hace ${semanas} ${semanas === 1 ? \"semana\" : \"semanas\"}`;\r\n      } else if (dias > 0) {\r\n        return `Hace ${dias} ${dias === 1 ? \"día\" : \"días\"}`;\r\n      } else if (horas > 0) {\r\n        return `Hace ${horas} ${horas === 1 ? \"hora\" : \"horas\"}`;\r\n      } else {\r\n        return `Hace ${minutos} ${minutos === 1 ? \"minuto\" : \"minutos\"}`;\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    activeUser() {\r\n      const user = localStorage.getItem(\"setPersonaAct\");\r\n      console.log(\"user\", user);\r\n      if (user) {\r\n        return JSON.parse(user);\r\n      }\r\n      return null;\r\n    },\r\n    filtradoDeVacantes() {\r\n      return this.listaDeVacantes.filter((vacante) => {\r\n        return (\r\n          (vacante.cargo.nombre\r\n            .toLowerCase()\r\n            .includes(this.filtroCargoEmpresa.toLowerCase()) ||\r\n            vacante.cargo.sucursal.empresa.nombre\r\n              .toLowerCase()\r\n              .includes(this.filtroCargoEmpresa.toLowerCase())) &&\r\n          (vacante.pais.descripcion\r\n            .toLowerCase()\r\n            .includes(this.filtroUbicacion.toLowerCase()) ||\r\n            vacante.municipio.descripcion\r\n              .toLowerCase()\r\n              .includes(this.filtroUbicacion.toLowerCase()))\r\n        );\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<template>\r\n  <HXContentCard\r\n    title=\"Listado de vacantes\"\r\n    :toBack=\"activeUser && { name: 'AdministradorDeVacantes' }\"\r\n  >\r\n    <div class=\"row p-3\">\r\n      <!-- content vacantes -->\r\n      <div\r\n        v-if=\"vistaActiva === 'lista' || esPantallaGrande\"\r\n        class=\"col-12 col-lg-5\"\r\n      >\r\n        <!-- filtros -->\r\n        <div class=\"py-3 pl-3\">\r\n          <strong>Filtrar por:</strong>\r\n          <div class=\"d-flex mt-1\">\r\n            <b-form-input\r\n              v-model=\"filtroCargoEmpresa\"\r\n              type=\"text\"\r\n              class=\"mr-2 mb-2\"\r\n              placeholder=\"Cargo o empresa...\"\r\n            >\r\n            </b-form-input>\r\n\r\n            <b-form-input\r\n              v-model=\"filtroUbicacion\"\r\n              type=\"text\"\r\n              placeholder=\"Ciudad, provincia o estado...\"\r\n            >\r\n            </b-form-input>\r\n          </div>\r\n        </div>\r\n        <!-- vacantes -->\r\n        <div class=\"overflow-75\">\r\n          <router-link\r\n            v-for=\"vacante in filtradoDeVacantes\"\r\n            :key=\"vacante.id\"\r\n            @click.native.prevent=\"mostrarDetalleVacante()\"\r\n            :to=\"{ name: 'InformacionVacante', params: { id: vacante.id } }\"\r\n            class=\"d-flex m-0 p-3 card-vacante pointer\"\r\n            :class=\"{ active: $route.params.id == vacante.id }\"\r\n          >\r\n            <figure>\r\n              <img\r\n                v-if=\"vacante.cargo.sucursal.empresa.urlLogo\"\r\n                :src=\"vacante.cargo.sucursal.empresa.urlLogo\"\r\n                alt=\"logo-empresa\"\r\n                width=\"100\"\r\n              />\r\n              <div\r\n                v-else\r\n                style=\"width: 81.42px\"\r\n                class=\"d-flex justify-content-center\"\r\n              >\r\n                <i class=\"fas fa-building fa-4x text-white-50\"></i>\r\n              </div>\r\n            </figure>\r\n            <div class=\"content\">\r\n              <h3>\r\n                <strong>\r\n                  {{ vacante.cargo.nombre }}\r\n                </strong>\r\n              </h3>\r\n              <p>\r\n                <strong>\r\n                  {{ vacante.cargo.sucursal.empresa.nombre }}\r\n                </strong>\r\n              </p>\r\n              <p>\r\n                {{ vacante.pais.descripcion }},\r\n                {{ vacante.municipio.descripcion }}, ( Presencial,\r\n                {{ vacante.jornadaLaboral.name }} )\r\n              </p>\r\n              <p></p>\r\n              <p>{{ vacante.salario }} / Mes</p>\r\n              <div class=\"d-flex justify-content-end\">\r\n                <p>{{ calcularDiferenciaDeTiempo(vacante.fechaDeCreacion) }}</p>\r\n              </div>\r\n            </div>\r\n          </router-link>\r\n        </div>\r\n      </div>\r\n      <!-- content info vacante -->\r\n      <div\r\n        v-if=\"vistaActiva === 'detalle' || esPantallaGrande\"\r\n        class=\"col-12 col-lg overflow-75\"\r\n      >\r\n        <button\r\n          v-if=\"!esPantallaGrande && vistaActiva === 'detalle'\"\r\n          @click=\"volverALista\"\r\n          class=\"btn btn-dark my-3\"\r\n        >\r\n          <i class=\"fas fa-arrow-left\"></i>\r\n          Volver a la lista\r\n        </button>\r\n        <router-view></router-view>\r\n      </div>\r\n    </div>\r\n  </HXContentCard>\r\n</template>\r\n\r\n<style scoped>\r\np {\r\n  margin: 0 0 0.5rem 0;\r\n}\r\n\r\n.overflow-75 {\r\n  overflow-y: auto;\r\n  height: 75vh;\r\n}\r\n\r\n.card-vacante:hover {\r\n  background-color: var(--gray-100);\r\n}\r\n.card-vacante.active {\r\n  background-color: var(--gray-300);\r\n}\r\n.card-vacante .content {\r\n  width: 100%;\r\n  padding: 0 0.8rem;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .card-vacantes {\r\n    min-width: 100%;\r\n  }\r\n\r\n  .d-flex {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .card-vacante {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n  }\r\n\r\n  .card-vacante .content {\r\n    padding: 0;\r\n  }\r\n\r\n  .overflow-75 {\r\n    height: auto;\r\n    max-height: 60vh;\r\n  }\r\n}\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/@vue/cli-plugin-babel/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!./ListaDeVacantes.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/@vue/cli-plugin-babel/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!./ListaDeVacantes.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ListaDeVacantes.vue?vue&type=template&id=0586aa2c&scoped=true\"\nimport script from \"./ListaDeVacantes.vue?vue&type=script&lang=js\"\nexport * from \"./ListaDeVacantes.vue?vue&type=script&lang=js\"\nimport style0 from \"./ListaDeVacantes.vue?vue&type=style&index=0&id=0586aa2c&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  \"0586aa2c\",\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/@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/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!./ListaDeVacantes.vue?vue&type=style&index=0&id=0586aa2c&prod&scoped=true&lang=css\""],"sourceRoot":""}