{"version":3,"file":"js/Categoria.2df47fd0.js","mappings":"kLAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,SAAS,CAACE,YAAY,iBAAiBC,MAAM,CACvHC,gBACE,OAASN,EAAIO,cAAgBP,EAAIQ,IAAjC,0BACDC,MAAM,CAAC,GAAK,SAAS,CAACP,EAAG,IAAI,CAACE,YAAY,UAAU,CAACJ,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,SAASV,EAAG,OAAO,CAACE,YAAY,kBAAkB,CAACF,EAAG,IAAI,CAACE,YAAY,4BAA4B,CAACJ,EAAIU,GAAGV,EAAIW,GAAGV,KAAKY,SAASb,EAAIc,GAAId,EAAIe,QAAQd,KAAKe,KAAM,IAAI,SAASC,EAAIC,GAAQ,OAAOhB,EAAG,MAAM,CAACiB,IAAID,EAAOd,YAAY,YAAYJ,EAAIc,GAAG,GAAM,SAASM,EAAKC,GAAS,OAAOnB,EAAG,MAAM,CAACiB,IAAIE,EAAQjB,YAAY,qBAAqB,CAAa,KAAXgB,EAAKE,IAAwB,KAAXF,EAAKE,GAAWpB,EAAG,IAAI,CAACO,MAAM,CAAC,KAAO,cAAgBT,EAAIQ,IAAM,IAAMY,EAAKE,GAAK,IAAMF,EAAKG,SAAS,CAACrB,EAAG,MAAM,CAACE,YAAY,OAAOC,MAAM,CAC1iBC,gBACE,OACAN,EAAIO,cACJa,EAAKE,GAFL,2BAKA,CAACpB,EAAG,IAAI,CAACE,YAAY,UAAU,CAACJ,EAAIU,GAAGV,EAAIW,GAAGS,EAAKG,eAAerB,EAAG,IAAI,CAACO,MAAM,CAAC,KAAO,cAAgBW,EAAKE,GAAK,IAAMF,EAAKG,SAAS,CAACrB,EAAG,MAAM,CAACE,YAAY,OAAOC,MAAM,CAC5KC,gBACE,OACAN,EAAIO,cACJa,EAAKE,GAFL,2BAKA,CAACpB,EAAG,IAAI,CAACE,YAAY,UAAU,CAACJ,EAAIU,GAAGV,EAAIW,GAAGS,EAAKG,gBAAgB,IAAG,EAAE,KAAI,IAC5F,EACIC,EAAkB,G,6BCgDtB,GACEC,KAAM,OACNC,WAAY,CACVC,UAAS,KAEXC,KAAM,KAAM,CACVZ,KAAM,GACNR,IAAK,KACLqB,KAAM,KACNC,IAAK,KACLjB,KAAM,GAENN,cACE,iFACFwB,aAAc,KAEhBC,SAAU,CACRC,SAAU,WACR,OAAOhC,KAAKiC,OAAOC,QAAQF,QAC7B,GAEFG,MAAO,CACLH,SAAU,SAASI,GACjBpC,KAAKqC,eACP,GAEF,OAAAC,GACEtC,KAAKqC,eACP,EACAE,QAAS,CACPF,cAAe,WACbrC,KAAKO,IAAMP,KAAKwC,OAAOC,OAAOlC,IAG9BP,KAAK8B,aACH,0BACA9B,KAAKO,IACL,yBACAP,KAAKgC,SAEP,QACOhC,KAAK8B,cACTY,MAAMC,IACL3C,KAAKe,KAAO4B,EAAShB,KAAKiB,cAC1B5C,KAAKY,KAAO+B,EAAShB,KAAKkB,YAC1B7C,KAAKW,GAAKgC,EAAShB,KAAKL,MAAM,IAE/BwB,OAAOC,IACNC,QAAQC,IAAIF,EAAM,IAEnBG,SAAQ,SAEXF,QAAQC,IAAIjD,KAAK8B,aACnB,EACAhB,QAAS,SAASqC,EAAKC,GACrB,IAAIC,EAAS,GACTC,EAAI,EACJC,EAAIJ,EAAIK,OAEZ,MAAOF,EAAIC,EACTF,EAAOI,KAAKN,EAAIO,MAAMJ,EAAIA,GAAKF,IAGjC,OAAOC,CACT,ICnIiI,I,UCQjIM,GAAY,OACd,EACA7D,EACAyB,GACA,EACA,KACA,WACA,MAIF,EAAeoC,EAAiB,O","sources":["webpack://Viva-Aguascalientes/./src/views/Categoria.vue?0f71","webpack://Viva-Aguascalientes/src/views/Categoria.vue","webpack://Viva-Aguascalientes/./src/views/Categoria.vue?2730","webpack://Viva-Aguascalientes/./src/views/Categoria.vue"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('header',{staticClass:\"seccionBg mb-5\",style:({\n      backgroundImage:\n        'url(' + _vm.imgCategorias + _vm.idc + '/1366?api-version=1.1' + ')',\n    }),attrs:{\"id\":\"test\"}},[_c('p',{staticClass:\"titulo\"},[_vm._v(_vm._s(_vm.tc))])]),_c('main',{staticClass:\"container mb-5\"},[_c('p',{staticClass:\"text-justify descripcion\"},[_vm._v(_vm._s(this.desc))]),_vm._l((_vm.chunked(this.resp, 4)),function(chk,idxchk){return _c('div',{key:idxchk,staticClass:\"row mb-3\"},_vm._l((chk),function(lchk,idxlchk){return _c('div',{key:idxlchk,staticClass:\"col-lg-3 col-md-6\"},[(lchk.id != 137 && lchk.id != 138)?_c('a',{attrs:{\"href\":'/Plantilla/' + _vm.idc + '/' + lchk.id + '/' + lchk.nombre}},[_c('div',{staticClass:\"card\",style:({\n              backgroundImage:\n                'url(' +\n                _vm.imgCategorias +\n                lchk.id +\n                '/1366?api-version=1.1' +\n                ')',\n            })},[_c('p',{staticClass:\"nombre\"},[_vm._v(_vm._s(lchk.nombre))])])]):_c('a',{attrs:{\"href\":'/Categoria/' + lchk.id + '/' + lchk.nombre}},[_c('div',{staticClass:\"card\",style:({\n              backgroundImage:\n                'url(' +\n                _vm.imgCategorias +\n                lchk.id +\n                '/1366?api-version=1.1' +\n                ')',\n            })},[_c('p',{staticClass:\"nombre\"},[_vm._v(_vm._s(lchk.nombre))])])])])}),0)})],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <header\r\n      id=\"test\"\r\n      class=\"seccionBg mb-5\"\r\n      :style=\"{\r\n        backgroundImage:\r\n          'url(' + imgCategorias + idc + '/1366?api-version=1.1' + ')',\r\n      }\"\r\n    >\r\n      <p class=\"titulo\">{{ tc }}</p>\r\n    </header>\r\n    <main class=\"container mb-5\">\r\n      <p class=\"text-justify descripcion\">{{ this.desc }}</p>\r\n      <div\r\n        class=\"row mb-3\"\r\n        v-for=\"(chk, idxchk) in chunked(this.resp, 4)\"\r\n        :key=\"idxchk\"\r\n      >\r\n        <div class=\"col-lg-3 col-md-6\" v-for=\"(lchk, idxlchk) in chk\" :key=\"idxlchk\">\r\n          <a\r\n            v-if=\"lchk.id != 137 && lchk.id != 138\"\r\n            :href=\"\r\n              '/Plantilla/' + idc + '/' + lchk.id + '/' + lchk.nombre\r\n            \"\r\n          >\r\n            <div\r\n              class=\"card\"\r\n              :style=\"{\r\n                backgroundImage:\r\n                  'url(' +\r\n                  imgCategorias +\r\n                  lchk.id +\r\n                  '/1366?api-version=1.1' +\r\n                  ')',\r\n              }\"\r\n            >\r\n              <p class=\"nombre\">{{ lchk.nombre }}</p>\r\n            </div>\r\n          </a>\r\n\r\n          <a v-else :href=\"'/Categoria/' + lchk.id + '/' + lchk.nombre\">\r\n            <div\r\n              class=\"card\"\r\n              :style=\"{\r\n                backgroundImage:\r\n                  'url(' +\r\n                  imgCategorias +\r\n                  lchk.id +\r\n                  '/1366?api-version=1.1' +\r\n                  ')',\r\n              }\"\r\n            >\r\n              <p class=\"nombre\">{{ lchk.nombre }}</p>\r\n            </div>\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </main>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport simplebar from \"simplebar-vue\";\r\nimport \"simplebar/dist/simplebar.min.css\";\r\nimport axios from \"axios\";\r\n\r\nexport default {\r\n  name: \"Info\",\r\n  components: {\r\n    simplebar,\r\n  },\r\n  data: () => ({\r\n    resp: [],\r\n    idc: null,\r\n    idsc: null,\r\n    tsc: null,\r\n    desc: \"\",\r\n    //imgCategorias: \"http://desarrolloweb.aguascalientes.gob.mx/moviles/fnsm/api/Categorias/image/\"\r\n    imgCategorias:\r\n      \"https://egobierno2.aguascalientes.gob.mx/moviles/vivaags/api/Categorias/image/\",\r\n    categoriaUrl: \"\",\r\n  }),\r\n  computed: {\r\n    language: function() {\r\n      return this.$store.getters.language;\r\n    },\r\n  },\r\n  watch: {\r\n    language: function(nw) {\r\n      this.loadCategoria();\r\n    },\r\n  },\r\n  created() {\r\n    this.loadCategoria();\r\n  },\r\n  methods: {\r\n    loadCategoria: function() {\r\n      this.idc = this.$route.params.idc;\r\n      // this.tc = this.$route.params.tc;\r\n\r\n      this.categoriaUrl =\r\n        \"/CategoriasWeb/Detalle/\" +\r\n        this.idc +\r\n        \"?api-version=1.1&lang=\" +\r\n        this.language;\r\n\r\n      axios\r\n        .get(this.categoriaUrl)\r\n        .then((response) => {\r\n          this.resp = response.data.subcategorias;\r\n          this.desc = response.data.descripcion;\r\n          this.tc = response.data.nombre;\r\n        })\r\n        .catch((error) => {\r\n          console.log(error);\r\n        })\r\n        .finally(() => {});\r\n\r\n      console.log(this.categoriaUrl);\r\n    },\r\n    chunked: function(arr, len) {\r\n      let chunks = [];\r\n      let i = 0;\r\n      let n = arr.length;\r\n\r\n      while (i < n) {\r\n        chunks.push(arr.slice(i, (i += len)));\r\n      }\r\n\r\n      return chunks;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.card {\r\n  width: 100%;\r\n  height: 300px;\r\n  background: gray;\r\n  transition: all ease 0.2s;\r\n  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);\r\n  border: 1px solid white;\r\n  overflow: hidden;\r\n  background-size: cover !important;\r\n\r\n  .nombre {\r\n    color: white;\r\n    position: absolute;\r\n    bottom: 10px;\r\n    left: 30px;\r\n    font-size: 20px;\r\n  }\r\n  img {\r\n    position: absolute;\r\n    z-index: -1;\r\n    transition: all ease 0.2s;\r\n  }\r\n}\r\na:hover .card {\r\n  transform: scale(1.02);\r\n}\r\n.seccionBg {\r\n  height: 425px;\r\n  width: 100%;\r\n  position: relative;\r\n  background: rgb(0, 0, 0);\r\n  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);\r\n  background-size: cover;\r\n  background-position: center;\r\n  overflow: hidden;\r\n  @media (max-width: 640px) {\r\n    height: 300px;\r\n  }\r\n\r\n  img {\r\n    width: auto;\r\n    height: 100%;\r\n    position: absolute;\r\n    z-index: -1;\r\n  }\r\n\r\n  .titulo {\r\n    position: absolute;\r\n    bottom: 60px;\r\n    color: white;\r\n    left: 100px;\r\n    font-size: 4.5rem;\r\n\r\n    @media only screen and (max-width: 640px) {\r\n      font-size: 2.5rem;\r\n      left: 20px;\r\n      bottom: 20px;\r\n    }\r\n  }\r\n}\r\nheader::before {\r\n  content: \" \";\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  background: linear-gradient(\r\n    0deg,\r\n    rgba(0, 0, 0, 0.8) 0%,\r\n    rgba(0, 0, 0, 0) 70%\r\n  );\r\n}\r\n\r\n.card::before {\r\n  content: \" \";\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  background: linear-gradient(\r\n    0deg,\r\n    rgba(0, 0, 0, 0.8) 0%,\r\n    rgba(0, 0, 0, 0) 70%\r\n  );\r\n}\r\nmain {\r\n  .subtitulo {\r\n    font-size: 2.375rem;\r\n  }\r\n  .img-contenedor {\r\n    display: block;\r\n    height: 435px;\r\n    background: lightblue;\r\n    position: relative;\r\n\r\n    img {\r\n      height: 100%;\r\n      width: 100%;\r\n      object-fit: cover;\r\n    }\r\n  }\r\n}\r\n.test {\r\n  height: 220px;\r\n}\r\n.descripcion {\r\n  white-space: pre-wrap;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Categoria.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./Categoria.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Categoria.vue?vue&type=template&id=9084991a&scoped=true\"\nimport script from \"./Categoria.vue?vue&type=script&lang=js\"\nexport * from \"./Categoria.vue?vue&type=script&lang=js\"\nimport style0 from \"./Categoria.vue?vue&type=style&index=0&id=9084991a&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"9084991a\",\n  null\n  \n)\n\nexport default component.exports"],"names":["render","_vm","this","_c","_self","staticClass","style","backgroundImage","imgCategorias","idc","attrs","_v","_s","tc","desc","_l","chunked","resp","chk","idxchk","key","lchk","idxlchk","id","nombre","staticRenderFns","name","components","simplebar","data","idsc","tsc","categoriaUrl","computed","language","$store","getters","watch","nw","loadCategoria","created","methods","$route","params","then","response","subcategorias","descripcion","catch","error","console","log","finally","arr","len","chunks","i","n","length","push","slice","component"],"sourceRoot":""}