{"version":3,"sources":["webpack:///./src/views/Evento.vue?30ec","webpack:///./src/views/Evento.vue?61db","webpack:///src/views/Evento.vue","webpack:///./src/views/Evento.vue?cead","webpack:///./src/views/Evento.vue"],"names":["render","_vm","this","_c","_self","staticClass","style","undefined","resp","id","backgroundImage","imgEvento","attrs","_v","_s","nombre","zona","lugar","_l","hrs","fechaInicio","key","formatDate","descripcion","facebook","twitter","instagram","directives","name","rawName","value","expression","_e","link","categoria","staticStyle","lat","lugares","find","idSubzona","latitud","lng","longitud","options","url","on","$event","center","m","position","domicilio","staticRenderFns","components","horarios","zoomControl","mapTypeControl","scaleControl","streetViewControl","rotateControl","fullscreenControl","disableDefaultUI","suppressMarkers","styles","featureType","elementType","stylers","visibility","color","hue","lightness","saturation","weight","that","$route","params","a","get","then","response","data","catch","error","location","reload","eventos","forEach","it","ix","toString","horaios","computed","methods","v","fdate","String","format","mounted","component"],"mappings":"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","file":"js/Evento.de617567.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Evento.vue?vue&type=style&index=0&id=24d506b3&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"dynamicBgWrapper\"},[_c('div',{staticClass:\"imgContainer\",style:(this.resp.id != undefined\n          ? { backgroundImage: `url(${_vm.imgEvento + this.resp.id + '/800'})` }\n          : {})})]),_c('div',{staticClass:\"container customMargin\"},[_c('div',{staticClass:\"row g-0\"},[_c('div',{staticClass:\"col-md-8\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"infoWrapper\"},[_c('router-link',{staticClass:\"headerLink\",attrs:{\"to\":\"/\"}},[_vm._v(\"← Regresar a eventos\")]),_c('br'),_c('p',{staticClass:\"titulo-evento\"},[_vm._v(_vm._s(this.resp.nombre))]),_c('p',{staticClass:\"lugar-evento\"},[_vm._v(_vm._s(this.resp.zona))])],1)]),_c('div',{staticClass:\"col-md-12 bg_blanco p-5\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6 pt-4\"},[_c('p',{staticClass:\"text-uppercase fw-bold mb-0\"},[_vm._v(\"Lugar\")]),_c('p',[_vm._v(_vm._s(this.resp.lugar))])]),_c('div',{staticClass:\"col-md-6 pt-4\"},[_c('p',{staticClass:\"text-uppercase fw-bold mb-0\"},[_vm._v(\"Fecha(s) y hora\")]),_c('div',{staticClass:\"fechasWrapper\"},_vm._l((this.horarios),function(hrs,fechaInicio){return _c('div',{key:fechaInicio,staticClass:\"fechas\"},[_c('p',[_vm._v(\" \"+_vm._s(_vm.formatDate(hrs.fechaInicio, \"dddd D MMMM YYYY \"))+\" \")]),_c('p',[_vm._v(_vm._s(_vm.formatDate(hrs.fechaInicio, \" h:mm a \")))]),_c('hr')])}),0)]),_c('div',{staticClass:\"divider mt-4\"})]),_c('div',{staticClass:\"_\"},[_c('div',{staticClass:\"col-md-12\"},[_c('p',{staticClass:\"text-uppercase fw-bold mt-3\"},[_vm._v(\"Acerca del evento\")]),_c('p',{staticClass:\"evento-descripcion\"},[_vm._v(\" \"+_vm._s(this.resp.descripcion)+\" \")])]),(\n                (this.resp.facebook && this.resp.facebook != '') ||\n                (this.resp.twitter && this.resp.twitter != '') ||\n                (this.resp.instagram && this.resp.instagram != '')\n              )?_c('div',{staticClass:\"col-md-12\"},[_c('p',{staticClass:\"text-uppercase fw-bold mt-3 mb-3\"},[_vm._v(\"Redes Sociales\")]),_c('ul',{staticClass:\"eventos-redes\"},[_c('li',{directives:[{name:\"show\",rawName:\"v-show\",value:(this.resp.facebook && this.resp.facebook != ''),expression:\"this.resp.facebook && this.resp.facebook != ''\"}]},[_c('a',{staticClass:\"round-social\",attrs:{\"href\":this.resp.facebook,\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../assets/img/face.svg\"),\"alt\":\"\"}})])]),_c('li',{directives:[{name:\"show\",rawName:\"v-show\",value:(this.resp.instagram && this.resp.instagram != ''),expression:\"this.resp.instagram && this.resp.instagram != ''\"}]},[_c('a',{staticClass:\"round-social\",attrs:{\"href\":this.resp.instagram,\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../assets/img/instagram.svg\"),\"alt\":\"\"}})])]),_c('li',{directives:[{name:\"show\",rawName:\"v-show\",value:(this.resp.twitter && this.resp.twitter != ''),expression:\"this.resp.twitter && this.resp.twitter != ''\"}]},[_c('a',{staticClass:\"round-social\",attrs:{\"href\":this.resp.twitter,\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../assets/img/twitter.svg\"),\"alt\":\"\"}})])])])]):_vm._e(),_c('div',{staticClass:\"col-md-12 mt-4\"},[_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(this.resp.link && this.resp.link != ''),expression:\"this.resp.link && this.resp.link != ''\"}],staticClass:\"text-uppercase fw-bold\"},[_vm._v(\" Sitio Web \")]),_c('a',{attrs:{\"href\":this.resp.link,\"target\":\"_blank\"}},[_vm._v(_vm._s(this.resp.link))])])])])]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"imgPoster\",style:(this.resp.id != undefined\n              ? {\n                  backgroundImage: `url(${\n                    _vm.imgEvento + this.resp.id + '/1110'\n                  })`,\n                }\n              : {})}),_c('div',{staticClass:\"tipo-evento\"},[_c('p',[_vm._v(_vm._s(this.categoria))])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\",attrs:{\"id\":\"map\"}},[_c('GmapMap',{staticStyle:{\"width\":\"100%\",\"height\":\"400px\"},attrs:{\"center\":{\n            lat:\n              this.lugares.find(\n                (lugar) => lugar.id === this.resp.idSubzona\n              ) !== undefined\n                ? this.lugares.find(\n                    (lugar) => lugar.id === this.resp.idSubzona\n                  ).latitud\n                : 0,\n            lng:\n              this.lugares.find(\n                (lugar) => lugar.id === this.resp.idSubzona\n              ) !== undefined\n                ? this.lugares.find(\n                    (lugar) => lugar.id === this.resp.idSubzona\n                  ).longitud\n                : 0,\n          },\"zoom\":18,\"map-type-id\":\"roadmap\",\"options\":_vm.options}},[_c('GmapMarker',{attrs:{\"position\":{\n              lat:\n                this.lugares.find(\n                  (lugar) => lugar.id === this.resp.idSubzona\n                ) !== undefined\n                  ? this.lugares.find(\n                      (lugar) => lugar.id === this.resp.idSubzona\n                    ).latitud\n                  : 0,\n              lng:\n                this.lugares.find(\n                  (lugar) => lugar.id === this.resp.idSubzona\n                ) !== undefined\n                  ? this.lugares.find(\n                      (lugar) => lugar.id === this.resp.idSubzona\n                    ).longitud\n                  : 0,\n            },\"clickable\":true,\"draggable\":false,\"icon\":{ url: require('@/assets/img/marker.png') }},on:{\"click\":function($event){_vm.center = _vm.m.position}}}),_vm._v(\" /> \")],1)],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col p-4\"},[_c('p',{staticClass:\"text-center eventoTituloB\"},[_vm._v(_vm._s(this.resp.nombre))]),_c('p',{staticClass:\"text-center evento-lugarB\"},[_vm._v(_vm._s(this.resp.lugar))]),_c('p',{staticClass:\"text-center eventoDireccion\"},[_vm._v(\" \"+_vm._s(this.lugares.find((lugar) => lugar.id === this.resp.idSubzona) !== undefined ? this.lugares.find((lugar) => lugar.id === this.resp.idSubzona) .domicilio : \"\" || \"\")+\" \")]),_c('p'),_c('p')])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"dynamicBgWrapper\">\r\n      <div\r\n        class=\"imgContainer\"\r\n        :style=\"\r\n          this.resp.id != undefined\r\n            ? { backgroundImage: `url(${imgEvento + this.resp.id + '/800'})` }\r\n            : {}\r\n        \"\r\n      ></div>\r\n    </div>\r\n    <!-- Evento -->\r\n    <div class=\"container customMargin\">\r\n      <div class=\"row g-0\">\r\n        <!-- info -->\r\n        <div class=\"col-md-8\">\r\n          <div class=\"col-md-12\">\r\n            <div class=\"infoWrapper\">\r\n              <router-link to=\"/\" class=\"headerLink\"\r\n                >← Regresar a eventos</router-link\r\n              >\r\n              <!-- <a class=\"headerLink\" href=\"javascript:history.back()\"\r\n                >← Regresar a eventos</a\r\n              > -->\r\n              <br />\r\n              <p class=\"titulo-evento\">{{ this.resp.nombre }}</p>\r\n              <p class=\"lugar-evento\">{{ this.resp.zona }}</p>\r\n            </div>\r\n          </div>\r\n          <!-- Info del evento -->\r\n          <div class=\"col-md-12 bg_blanco p-5\">\r\n            <div class=\"row\">\r\n              <div class=\"col-md-6 pt-4\">\r\n                <p class=\"text-uppercase fw-bold mb-0\">Lugar</p>\r\n                <p>{{ this.resp.lugar }}</p>\r\n              </div>\r\n              <div class=\"col-md-6 pt-4\">\r\n                <p class=\"text-uppercase fw-bold mb-0\">Fecha(s) y hora</p>\r\n                <div class=\"fechasWrapper\">\r\n                  <div\r\n                    v-for=\"(hrs, fechaInicio) in this.horarios\"\r\n                    :key=\"fechaInicio\"\r\n                    class=\"fechas\"\r\n                  >\r\n                    <p>\r\n                      {{ formatDate(hrs.fechaInicio, \"dddd D MMMM YYYY \") }}\r\n                    </p>\r\n                    <p>{{ formatDate(hrs.fechaInicio, \"   h:mm a \") }}</p>\r\n                    <hr />\r\n\r\n                    <!-- {{this.horarios}} -->\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"divider mt-4\"></div>\r\n            </div>\r\n            <div class=\"_\">\r\n              <div class=\"col-md-12\">\r\n                <p class=\"text-uppercase fw-bold mt-3\">Acerca del evento</p>\r\n                <p class=\"evento-descripcion\">\r\n                  {{ this.resp.descripcion }}\r\n                </p>\r\n              </div>\r\n              <div\r\n                class=\"col-md-12\"\r\n                v-if=\"\r\n                  (this.resp.facebook && this.resp.facebook != '') ||\r\n                  (this.resp.twitter && this.resp.twitter != '') ||\r\n                  (this.resp.instagram && this.resp.instagram != '')\r\n                \"\r\n              >\r\n                <p class=\"text-uppercase fw-bold mt-3 mb-3\">Redes Sociales</p>\r\n                <ul class=\"eventos-redes\">\r\n                  <li v-show=\"this.resp.facebook && this.resp.facebook != ''\">\r\n                    <a\r\n                      class=\"round-social\"\r\n                      :href=\"this.resp.facebook\"\r\n                      target=\"_blank\"\r\n                    >\r\n                      <img src=\"../assets/img/face.svg\" alt />\r\n                    </a>\r\n                  </li>\r\n                  <li v-show=\"this.resp.instagram && this.resp.instagram != ''\">\r\n                    <a\r\n                      class=\"round-social\"\r\n                      :href=\"this.resp.instagram\"\r\n                      target=\"_blank\"\r\n                    >\r\n                      <img src=\"../assets/img/instagram.svg\" alt />\r\n                    </a>\r\n                  </li>\r\n                  <li v-show=\"this.resp.twitter && this.resp.twitter != ''\">\r\n                    <a\r\n                      class=\"round-social\"\r\n                      :href=\"this.resp.twitter\"\r\n                      target=\"_blank\"\r\n                    >\r\n                      <img src=\"../assets/img/twitter.svg\" alt />\r\n                    </a>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n              <div class=\"col-md-12 mt-4\">\r\n                <p\r\n                  v-show=\"this.resp.link && this.resp.link != ''\"\r\n                  class=\"text-uppercase fw-bold\"\r\n                >\r\n                  Sitio Web\r\n                </p>\r\n                <a :href=\"this.resp.link\" target=\"_blank\">{{\r\n                  this.resp.link\r\n                }}</a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!-- imagen -->\r\n        <div class=\"col-md-4\">\r\n          <div\r\n            class=\"imgPoster\"\r\n            :style=\"\r\n              this.resp.id != undefined\r\n                ? {\r\n                    backgroundImage: `url(${\r\n                      imgEvento + this.resp.id + '/1110'\r\n                    })`,\r\n                  }\r\n                : {}\r\n            \"\r\n          ></div>\r\n          <div class=\"tipo-evento\">\r\n            <p>{{ this.categoria }}</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!-- Mapa -->\r\n      <div class=\"row\">\r\n        <div id=\"map\" class=\"col-md-12\">\r\n          <GmapMap\r\n            :center=\"{\r\n              lat:\r\n                this.lugares.find(\r\n                  (lugar) => lugar.id === this.resp.idSubzona\r\n                ) !== undefined\r\n                  ? this.lugares.find(\r\n                      (lugar) => lugar.id === this.resp.idSubzona\r\n                    ).latitud\r\n                  : 0,\r\n              lng:\r\n                this.lugares.find(\r\n                  (lugar) => lugar.id === this.resp.idSubzona\r\n                ) !== undefined\r\n                  ? this.lugares.find(\r\n                      (lugar) => lugar.id === this.resp.idSubzona\r\n                    ).longitud\r\n                  : 0,\r\n            }\"\r\n            :zoom=\"18\"\r\n            map-type-id=\"roadmap\"\r\n            style=\"width: 100%; height: 400px\"\r\n            :options=\"options\"\r\n          >\r\n            <GmapMarker\r\n              :position=\"{\r\n                lat:\r\n                  this.lugares.find(\r\n                    (lugar) => lugar.id === this.resp.idSubzona\r\n                  ) !== undefined\r\n                    ? this.lugares.find(\r\n                        (lugar) => lugar.id === this.resp.idSubzona\r\n                      ).latitud\r\n                    : 0,\r\n                lng:\r\n                  this.lugares.find(\r\n                    (lugar) => lugar.id === this.resp.idSubzona\r\n                  ) !== undefined\r\n                    ? this.lugares.find(\r\n                        (lugar) => lugar.id === this.resp.idSubzona\r\n                      ).longitud\r\n                    : 0,\r\n              }\"\r\n              :clickable=\"true\"\r\n              :draggable=\"false\"\r\n              @click=\"center = m.position\"\r\n              :icon=\"{ url: require('@/assets/img/marker.png') }\"\r\n            />\r\n            />\r\n          </GmapMap>\r\n        </div>\r\n      </div>\r\n      <!-- detalles -->\r\n      <div class=\"row\">\r\n        <div class=\"col p-4\">\r\n          <p class=\"text-center eventoTituloB\">{{ this.resp.nombre }}</p>\r\n          <p class=\"text-center evento-lugarB\">{{ this.resp.lugar }}</p>\r\n          <p class=\"text-center eventoDireccion\">\r\n            {{\r\n              this.lugares.find((lugar) => lugar.id === this.resp.idSubzona) !==\r\n              undefined\r\n                ? this.lugares.find((lugar) => lugar.id === this.resp.idSubzona)\r\n                    .domicilio\r\n                : \"\" || \"\"\r\n            }}\r\n          </p>\r\n          <p></p>\r\n          <p></p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n.testHeight {\r\n  height: 300px;\r\n}\r\n.customMargin {\r\n  margin-top: 135px;\r\n}\r\n\r\n.dynamicBgWrapper {\r\n  width: 100%;\r\n  position: absolute;\r\n  height: 500px;\r\n  z-index: -1;\r\n  background: lightblue;\r\n  overflow: hidden;\r\n  top: 105px;\r\n\r\n  .imgContainer {\r\n    background-size: cover;\r\n    filter: blur(5px);\r\n    width: 100%;\r\n    height: inherit;\r\n    background-position: center;\r\n  }\r\n}\r\n.infoWrapper {\r\n  background: #2b2a25;\r\n  display: flex;\r\n  align-content: center;\r\n  align-items: center;\r\n  padding: 100px 50px;\r\n  flex-wrap: wrap;\r\n\r\n  .titulo-evento {\r\n    color: white;\r\n    font-weight: bold;\r\n    font-size: 28px;\r\n    text-transform: uppercase;\r\n  }\r\n  .lugar-evento {\r\n    color: white;\r\n    width: 100%;\r\n    text-transform: uppercase;\r\n  }\r\n}\r\n.imgPoster {\r\n  width: 100%;\r\n  height: 512px;\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n  background-position: top;\r\n\r\n  @media (max-width: 768.98px) {\r\n    background-size: cover;\r\n    background-position: center;\r\n    height: 400px;\r\n  }\r\n}\r\n.tipo-evento {\r\n  background: #2b2a25;\r\n  padding: 1rem;\r\n\r\n  p {\r\n    color: white;\r\n  }\r\n}\r\n.headerLink {\r\n  color: #76a8f3;\r\n  width: 100%;\r\n  transition: all ease 0.2s;\r\n}\r\n.fechasWrapper {\r\n  max-height: 200px;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n\r\n  hr {\r\n    margin: 3px;\r\n  }\r\n  .fechas {\r\n    p {\r\n      text-transform: capitalize;\r\n    }\r\n    p:nth-child(2) {\r\n      color: #03a9f4;\r\n      margin-top: -6px;\r\n    }\r\n  }\r\n\r\n  &::-webkit-scrollbar {\r\n    width: 10px;\r\n  }\r\n\r\n  /* Track */\r\n  &::-webkit-scrollbar-track {\r\n    background: #f1f1f1;\r\n    border-radius: 15px;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: #888;\r\n    border-radius: 15px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: rgb(21, 36, 59);\r\n    border-radius: 15px;\r\n  }\r\n}\r\n</style>\r\n<script>\r\nimport axios from \"axios\";\r\nimport moment from \"moment\";\r\nimport \"moment/locale/es\"; // without this line it didn't work\r\nexport default {\r\n  name: \"Eventos\",\r\n  components: {},\r\n  data() {\r\n    return {\r\n      id: null,\r\n      categoria: null,\r\n      resp: [],\r\n      lugares: [],\r\n      horarios: [],\r\n      imgEvento:\r\n        \"https://egobierno2.aguascalientes.gob.mx/moviles/eventos/api/Eventos/image/\",\r\n      options: {\r\n        zoomControl: true,\r\n        mapTypeControl: false,\r\n        scaleControl: false,\r\n        streetViewControl: true,\r\n        rotateControl: false,\r\n        fullscreenControl: true,\r\n        disableDefaultUI: false,\r\n        suppressMarkers: true,\r\n        styles: [\r\n          {\r\n            featureType: \"administrative\",\r\n            elementType: \"labels\",\r\n            stylers: [\r\n              {\r\n                visibility: \"simplified\",\r\n              },\r\n            ],\r\n          },\r\n          {\r\n            featureType: \"landscape.natural\",\r\n            elementType: \"geometry.fill\",\r\n            stylers: [\r\n              {\r\n                visibility: \"on\",\r\n              },\r\n              {\r\n                color: \"#e0efef\",\r\n              },\r\n            ],\r\n          },\r\n          {\r\n            featureType: \"poi\",\r\n            elementType: \"geometry.fill\",\r\n            stylers: [\r\n              {\r\n                visibility: \"on\",\r\n              },\r\n              {\r\n                hue: \"#1900ff\",\r\n              },\r\n              {\r\n                color: \"#c0e8e8\",\r\n              },\r\n            ],\r\n          },\r\n          {\r\n            featureType: \"poi\",\r\n            elementType: \"labels\",\r\n            stylers: [\r\n              {\r\n                visibility: \"simplified\",\r\n              },\r\n            ],\r\n          },\r\n          {\r\n            featureType: \"poi.attraction\",\r\n            elementType: \"labels\",\r\n            stylers: [\r\n              {\r\n                visibility: \"simplified\",\r\n              },\r\n            ],\r\n          },\r\n          {\r\n            featureType: \"poi.business\",\r\n            elementType: \"labels\",\r\n            stylers: [\r\n              {\r\n                visibility: \"off\",\r\n              },\r\n              {\r\n                lightness: \"-11\",\r\n              },\r\n              {\r\n                saturation: \"-24\",\r\n              },\r\n              {\r\n                color: \"#b5afaf\",\r\n              },\r\n              {\r\n                weight: \"0.14\",\r\n              },\r\n            ],\r\n          },\r\n          {\r\n            featureType: \"road\",\r\n            elementType: \"geometry\",\r\n            stylers: [\r\n              {\r\n                lightness: 100,\r\n              },\r\n              {\r\n                visibility: \"simplified\",\r\n              },\r\n            ],\r\n          },\r\n          {\r\n            featureType: \"road\",\r\n            elementType: \"labels\",\r\n            stylers: [\r\n              {\r\n                visibility: \"on\",\r\n              },\r\n              {\r\n                lightness: \"48\",\r\n              },\r\n              {\r\n                saturation: \"-52\",\r\n              },\r\n              {\r\n                hue: \"#ff0000\",\r\n              },\r\n            ],\r\n          },\r\n          {\r\n            featureType: \"transit.line\",\r\n            elementType: \"geometry\",\r\n            stylers: [\r\n              {\r\n                visibility: \"on\",\r\n              },\r\n              {\r\n                lightness: 700,\r\n              },\r\n            ],\r\n          },\r\n          {\r\n            featureType: \"transit.line\",\r\n            elementType: \"labels\",\r\n            stylers: [\r\n              {\r\n                visibility: \"off\",\r\n              },\r\n            ],\r\n          },\r\n          {\r\n            featureType: \"water\",\r\n            elementType: \"all\",\r\n            stylers: [\r\n              {\r\n                color: \"#7dcdcd\",\r\n              },\r\n            ],\r\n          },\r\n        ],\r\n      },\r\n    };\r\n  },\r\n  created() {\r\n    var that = this;\r\n\r\n    that.id = this.$route.params.id;\r\n    that.categoria = this.$route.params.categoria;\r\n\r\n    axios\r\n      .get(\r\n        //\"http://desarrolloweb.aguascalientes.gob.mx/moviles/eventos/api/Eventos/\" + this.id\r\n        \"https://egobierno2.aguascalientes.gob.mx/moviles/eventos/api/Eventos/\" +\r\n          that.id\r\n      )\r\n      .then(function (response) {\r\n        that.resp = response.data;\r\n      })\r\n      .catch(function (error) {\r\n        location.reload();\r\n      });\r\n\r\n    axios\r\n      .get(\r\n        \"https://egobierno2.aguascalientes.gob.mx/moviles/eventos/api/Datos/\"\r\n      )\r\n      .then(function (response) {\r\n        that.lugares = response.data.lugares;\r\n\r\n        response.data.eventos.forEach(function (it, ix) {\r\n          if (it.id.toString() === that.id) {\r\n            that.horarios = it.horaios;\r\n          }\r\n        });\r\n      })\r\n      .catch(function (error) {});\r\n  },\r\n  computed: {},\r\n  methods: {\r\n    formatDate(v, fdate) {\r\n      if (v) {\r\n        return moment(String(v)).format(fdate);\r\n        //  return moment(String(v)).format(\"DD/MM/YYYY hh:mm A\");\r\n      }\r\n    },\r\n  },\r\n  mounted: function () {},\r\n};\r\n</script>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Evento.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Evento.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Evento.vue?vue&type=template&id=24d506b3\"\nimport script from \"./Evento.vue?vue&type=script&lang=js\"\nexport * from \"./Evento.vue?vue&type=script&lang=js\"\nimport style0 from \"./Evento.vue?vue&type=style&index=0&id=24d506b3&prod&lang=scss\"\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":""}