{"version":3,"sources":["webpack:///./src/views/public/Reclutamiento/ListaDeVacantes.vue","webpack:///src/views/public/Reclutamiento/ListaDeVacantes.vue","webpack:///./src/views/public/Reclutamiento/ListaDeVacantes.vue?9e86","webpack:///./src/views/public/Reclutamiento/ListaDeVacantes.vue?af49","webpack:///./src/views/public/Reclutamiento/ListaDeVacantes.vue?61a1"],"names":["render","_vm","this","_c","_self","staticClass","attrs","model","value","filtroCargoEmpresa","callback","$$v","expression","filtroUbicacion","_l","filtradoDeVacantes","vacante","key","id","class","$route","params","name","cargo","sucursal","empresa","urlLogo","_v","_s","nombre","pais","descripcion","municipio","jornadaLaboral","salario","calcularDiferenciaDeTiempo","fechaDeCreacion","staticRenderFns","data","listaDeVacantes","selectedVacante","mounted","getListaDeVacantes","methods","response","$store","getters","fetchGet","path","json","$router","push","fecha","fechaObj","Date","ahora","diferenciaEnMilisegundos","minutos","Math","floor","horas","dias","semanas","meses","años","computed","filter","toLowerCase","includes","component"],"mappings":"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","file":"js/chunk-19e783fb.8cb493c2.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container-fluid\"},[_c('card',{staticClass:\"py-3 px-2 m-2\"},[_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"d-flex card-vacantes\"},[_c('b-form-input',{attrs:{\"type\":\"text\",\"placeholder\":\"Filtrar por cargo o empresa\"},model:{value:(_vm.filtroCargoEmpresa),callback:function ($$v) {_vm.filtroCargoEmpresa=$$v},expression:\"filtroCargoEmpresa\"}}),_c('b-form-input',{attrs:{\"type\":\"text\",\"placeholder\":\"Filtrar por Ciudad, Provincia, estado\"},model:{value:(_vm.filtroUbicacion),callback:function ($$v) {_vm.filtroUbicacion=$$v},expression:\"filtroUbicacion\"}})],1),_c('div',{staticClass:\"container-100 ml-4\"})])]),_c('div',{staticClass:\"container-slider px-3\"},[_c('card',{staticClass:\"card-vacantes 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}}}},[_c('figure',[_c('img',{attrs:{\"src\":vacante.cargo.sucursal.empresa.urlLogo,\"alt\":\"\",\"width\":\"100\"}})]),_c('div',{staticClass:\"content\"},[_c('h3',[_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),_c('section',{staticClass:\"container-100 overflow-75\"},[_c('router-view')],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\n\n\nexport default {\n    name: \"AdministradorDeVacantes\",\n    data() {\n        return {\n            listaDeVacantes: [],\n            filtroCargoEmpresa: \"\",\n            filtroUbicacion: \"\",\n            selectedVacante: {}\n        }\n    },\n    mounted() {\n        this.getListaDeVacantes();\n    },\n    methods: {\n        async getListaDeVacantes() {\n            const response = await this.$store.getters.fetchGet({ path: `Vacante/all/active` })\n            this.listaDeVacantes = await response.json();\n            this.$router.push({ name: 'InformacionVacante', params: { id: this.listaDeVacantes[0].id } })\n        },\n        calcularDiferenciaDeTiempo(fecha) {\n            const fechaObj = new Date(fecha);\n            const ahora = new Date();\n            const diferenciaEnMilisegundos = ahora - fechaObj;\n\n            const minutos = Math.floor(diferenciaEnMilisegundos / (1000 * 60));\n            const horas = Math.floor(minutos / 60);\n            const dias = Math.floor(horas / 24);\n            const semanas = Math.floor(dias / 7);\n            const meses = Math.floor(dias / 30);\n            const años = Math.floor(meses / 12);\n\n            if (años > 0) {\n                return `Hace ${años} ${años === 1 ? 'año' : 'años'} `;\n            } else if (meses > 0) {\n                return `Hace ${meses} ${meses === 1 ? 'mes' : 'meses'}`;\n            } else if (semanas > 0) {\n                return `Hace ${semanas} ${semanas === 1 ? 'semana' : 'semanas'}`;\n            } else if (dias > 0) {\n                return `Hace ${dias} ${dias === 1 ? 'día' : 'días'}`;\n            } else if (horas > 0) {\n                return `Hace ${horas} ${horas === 1 ? 'hora' : 'horas'}`;\n            } else {\n                return `Hace ${minutos} ${minutos === 1 ? 'minuto' : 'minutos'}`;\n            }\n        }\n    },\n    computed: {\n        filtradoDeVacantes() {\n            return this.listaDeVacantes.filter(vacante => {\n                return (\n                    vacante.cargo.nombre.toLowerCase().includes(this.filtroCargoEmpresa.toLowerCase()) ||\n                    vacante.cargo.sucursal.empresa.nombre.toLowerCase().includes(this.filtroCargoEmpresa.toLowerCase())\n                )\n                    && (\n                        vacante.pais.descripcion.toLowerCase().includes(this.filtroUbicacion.toLowerCase()) ||\n                        vacante.municipio.descripcion.toLowerCase().includes(this.filtroUbicacion.toLowerCase())\n                    )\n            })\n        }\n    }\n}\n\n\n</script>\n\n<template>\n    <div class=\"container-fluid\">\n        <card class=\"py-3 px-2 m-2 \">\n            <div class=\"d-flex\">\n                <div class=\"d-flex card-vacantes\">\n                        <b-form-input v-model=\"filtroCargoEmpresa\" type=\"text\" placeholder=\"Filtrar por cargo o empresa\">\n                        </b-form-input>\n    \n                        <b-form-input v-model=\"filtroUbicacion\" type=\"text\" placeholder=\"Filtrar por Ciudad, Provincia, estado\">\n                        </b-form-input>\n                </div>\n                <div class=\"container-100 ml-4\">\n                    <!-- Espacio para mas filtros -->\n                </div>\n            </div>\n        </card>\n\n        <div class=\"container-slider px-3\">\n            <card class=\"card-vacantes overflow-75\">\n                <router-link\n                v-for=\"vacante in filtradoDeVacantes\" :key=\"vacante.id\"\n                :to=\"{ name: 'InformacionVacante', params: {id: vacante.id}}\"\n                class=\"d-flex m-0 p-3 card-vacante pointer\" :class=\"{ 'active': $route.params.id == vacante.id }\">\n                    <figure>\n                        <img :src=\"vacante.cargo.sucursal.empresa.urlLogo\" alt=\"\" width=\"100\">\n                    </figure>\n                    <div class=\"content\">\n                        <h3>{{ vacante.cargo.nombre }}</h3>\n                        <p>\n                            <strong>\n                                {{ vacante.cargo.sucursal.empresa.nombre }}\n                            </strong>\n                        </p>\n                        <p>\n                            {{ vacante.pais.descripcion }},\n                            {{ vacante.municipio.descripcion }},\n                            ( Presencial, {{ vacante.jornadaLaboral.name }} )\n                        </p>\n                        <p></p>\n                        <p>{{ vacante.salario }} / Mes</p>\n                        <div class=\"d-flex justify-content-end\">\n                            <p>{{ calcularDiferenciaDeTiempo(vacante.fechaDeCreacion) }}</p>\n                        </div>\n                    </div>\n                </router-link>\n            </card>\n            <section \n            \n            class=\"container-100 overflow-75\">\n                <router-view></router-view>\n            </section>\n        </div>\n\n    </div>\n</template>\n\n<style scoped>\np {\n    margin: 0 0 0.5rem 0;\n}\n\n.card-vacantes {\n    min-width: 500px;\n}\n\n.overflow-75 {\n    overflow-y: auto;\n    height: 75vh;\n}\n\n.card-vacante:hover {\n    background-color: #173463;\n\n}\n.card-vacante.active {\n    background-color: #20498b;\n\n}\n.card-vacante .content {\n    width: 100%;\n    padding: 0 .8rem\n}\n\n.container-slider {\n    display: flex;\n    justify-content: center;\n}\n\n.container-100 {\n    width: 100%;\n}\n\n</style>","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!./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/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=4a7ab79c&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=4a7ab79c&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  \"4a7ab79c\",\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=4a7ab79c&prod&scoped=true&lang=css\""],"sourceRoot":""}