{"version":3,"sources":["webpack:///./src/components/atoms/IconoServicioDisponible.vue?4cc2","webpack:///src/components/atoms/IconoServicioDisponible.vue","webpack:///./src/components/atoms/IconoServicioDisponible.vue?c5da","webpack:///./src/components/atoms/IconoServicioDisponible.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","VHover","scopedSlots","_u","key","fn","ref","hover","VCard","staticClass","style","border","servicio","color","attrs","staticStyle","VFlex","idServicio","VIcon","fontSize","margin","_v","_s","iconoMui","wordBreak","lineHeight","fontWeight","descripcion","idEstatus","loading","_e","textAlign","estatus","VSkeletonLoader","VBtn","on","$event","goSolicitudServicio","error","staticRenderFns","name","props","type","Object","required","goUrlSolicitud","Boolean","default","getEstatusServicioDisponible_","methods","self","response","claveServicio","status","data","flag","message","e","$router","push","path","url","window","location","href","component"],"mappings":"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","file":"js/chunk-2d0b65b6.e4eee34a.js","sourcesContent":["import { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VHover } from 'vuetify/lib/components/VHover';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\n\nvar render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(VHover,{scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar hover = ref.hover;\nreturn [_c(VCard,{staticClass:\"mx-auto\",style:({\n                border: '1px solid ' + _vm.servicio.color + ' !important'\n            }),attrs:{\"elevation\":hover ? 24 : 6,\"max-width\":\"344\",\"shaped\":\"\"}},[_c(VCardTitle,{staticStyle:{\"flex-wrap\":\"nowrap\"}},[_c(VFlex,{key:'sl_serv_icon_' + _vm.servicio.idServicio,attrs:{\"xs12\":\"\",\"text-center\":\"\"}},[_c(VIcon,{style:({\n                            color: _vm.servicio.color + ' !important',\n                            fontSize: '65px',\n                            margin: '0 auto!important'\n                        }),attrs:{\"x-large\":\"\",\"cols\":\"12\",\"xs\":\"12\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.servicio.iconoMui)+\"\\n                    \")])],1),_c(VFlex,{key:'sl_serv_txt_' + _vm.servicio.idServicio,attrs:{\"xs12\":\"\",\"text-center\":\"\"}},[_c('p',{staticClass:\"text-center\",style:({\n                            color: _vm.servicio.color + ' !important',\n                            margin: '0 auto!important',\n                            fontSize: '1rem!important',\n                            wordBreak: 'break-word',\n                            lineHeight: '1rem!important',\n                            fontWeight: '300!important'\n                        })},[_vm._v(\"\\n                        \"+_vm._s(_vm.servicio.descripcion)+\"\\n                    \")])])],1),(\n                    (_vm.idEstatus === 2 || _vm.idEstatus === 3 || _vm.idEstatus === 4) && !_vm.loading\n                )?_c(VCardText,{style:({\n                    color: _vm.servicio.color + ' !important',\n                    textAlign: 'center'\n                })},[_c('div',{staticClass:\"text--primary\"},[_vm._v(\"Estatus\")]),_c('div',[_vm._v(_vm._s(_vm.estatus))])]):_vm._e(),_c(VCardActions,[_c(VFlex,{attrs:{\"xs12\":\"\",\"text-center\":\"\"}},[(_vm.loading)?_c(VSkeletonLoader,{attrs:{\"type\":\"text\"}}):(_vm.idEstatus === 1 || _vm.idEstatus === 3)?_c(VBtn,{style:({\n                            color: _vm.servicio.color + ' !important'\n                        }),attrs:{\"text\":\"\"},on:{\"click\":function($event){return _vm.goSolicitudServicio()}}},[_vm._v(\"Solicitar servicio\")]):(_vm.idEstatus === 4)?_c(VBtn,{style:({\n                            color: _vm.servicio.color + ' !important'\n                        }),attrs:{\"text\":\"\"},on:{\"click\":function($event){return _vm.goSolicitudServicio()}}},[_vm._v(\"Editar solicitud\")]):_c('div',{staticClass:\"text--primary\",staticStyle:{\"color\":\"red\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.error)+\"\\n                    \")])],1)],1)],1)]}}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <v-hover>\n        <template v-slot=\"{ hover }\">\n            <v-card\n                :elevation=\"hover ? 24 : 6\"\n                :style=\"{\n                    border: '1px solid ' + servicio.color + ' !important'\n                }\"\n                class=\"mx-auto\"\n                max-width=\"344\"\n                shaped\n            >\n                <v-card-title style=\"flex-wrap: nowrap;\">\n                    <v-flex \n                        :key=\"'sl_serv_icon_' + servicio.idServicio\" \n                        xs12 \n                        text-center>\n                        <v-icon\n                            :style=\"{\n                                color: servicio.color + ' !important',\n                                fontSize: '65px',\n                                margin: '0 auto!important'\n                            }\"\n                            x-large\n                            cols=\"12\"\n                            xs=\"12\"\n                        >\n                            {{ servicio.iconoMui }}\n                        </v-icon>\n                    </v-flex>\n                    <v-flex \n                        :key=\"'sl_serv_txt_' + servicio.idServicio\" \n                        xs12 \n                        text-center>\n                        <p\n                            :style=\"{\n                                color: servicio.color + ' !important',\n                                margin: '0 auto!important',\n                                fontSize: '1rem!important',\n                                wordBreak: 'break-word',\n                                lineHeight: '1rem!important',\n                                fontWeight: '300!important'\n                            }\"\n                            class=\"text-center\"\n                        >\n                            {{ servicio.descripcion }}\n                        </p>\n                    </v-flex>\n                </v-card-title>\n                <v-card-text\n                    v-if=\"\n                        (idEstatus === 2 || idEstatus === 3 || idEstatus === 4) && !loading\n                    \"\n                    :style=\"{\n                        color: servicio.color + ' !important',\n                        textAlign: 'center'\n                    }\"\n                >\n                    <div class=\"text--primary\">Estatus</div>\n                    <div>{{ estatus }}</div>\n                </v-card-text>\n                <v-card-actions>\n                    <v-flex \n                        xs12 \n                        text-center>\n                        <v-skeleton-loader \n                            v-if=\"loading\" \n                            type=\"text\" />\n                        <v-btn\n                            v-else-if=\"idEstatus === 1 || idEstatus === 3\"\n                            :style=\"{\n                                color: servicio.color + ' !important'\n                            }\"\n                            text\n                            @click=\"goSolicitudServicio()\"\n                        >Solicitar servicio</v-btn\n                        >\n                        <v-btn\n                            v-else-if=\"idEstatus === 4\"\n                            :style=\"{\n                                color: servicio.color + ' !important'\n                            }\"\n                            text\n                            @click=\"goSolicitudServicio()\"\n                        >Editar solicitud</v-btn\n                        >\n                        <div \n                            v-else \n                            class=\"text--primary\" \n                            style=\"color: red\">\n                            {{ error }}\n                        </div>\n                    </v-flex>\n                </v-card-actions>\n                <!-- <v-card-text>\n                    <v-row>\n                      <v-col v-if=\"loading\" class=\"py-1\" cols=\"12\">\n                        <v-skeleton-loader type=\"text\" />\n                      </v-col>\n                      <v-col v-else class=\"py-1\" cols=\"12\">\n                        Servicios disponibles\n                        <v-chip\n                          class=\"mx-2\"\n                          small\n                          color=\"primary\"\n                          style=\"float:right;\"\n                        >\n                          {{ serviciosDisponibles }}\n                        </v-chip>\n                      </v-col>\n                    </v-row>\n                    <v-row>\n                      <v-col v-if=\"loading\" class=\"py-1\" cols=\"12\">\n                        <v-skeleton-loader type=\"text\" />\n                      </v-col>\n                      <v-col v-else class=\"py-1\" cols=\"12\">\n                        Solicitudes pendientes\n                        <v-chip\n                          class=\"mx-2\"\n                          small\n                          color=\"primary\"\n                          style=\"float:right;\"\n                        >\n                          {{ solicitudes }}\n                        </v-chip>\n                      </v-col>\n                    </v-row>\n                  </v-card-text> -->\n            </v-card>\n        </template>\n    </v-hover>\n</template>\n\n<script>\nimport { getEstatusServicioDisponible } from \"@/api\";\n\nexport default {\n  name: \"IconoServicioDisponible\",\n  props: {\n    servicio: {\n      type: Object,\n      required: true\n    },\n    goUrlSolicitud: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data () {\n    return {\n      idEstatus: 0,\n      estatus: \"\",\n      loading: true,\n      error: \"\"\n    };\n  },\n  mounted () {\n    this.getEstatusServicioDisponible_();\n  },\n  methods: {\n    async getEstatusServicioDisponible_ () {\n      var self = this;\n      self.loading = true;\n      self.error = \"\";\n      self.idEstatus = 0;\n      self.estatus = \"\";\n\n      try {\n        let response = await getEstatusServicioDisponible(\n          self.servicio.idServicio,\n          self.servicio.claveServicio\n        );\n\n        if (response.status === 200) {\n          if (response.data.flag === true) {\n            self.loading = false;\n            self.idEstatus = response.data.data.idEstatus;\n            self.estatus = response.data.data.estatus;\n          } else {\n            self.loading = false;\n            self.error = response.data.message;\n          }\n        } else {\n          self.loading = false;\n          self.error =\n            \"Servicio \" + self.servicio.descripcion + \": Error de red\";\n        }\n      } catch (e) {\n        self.loading = false;\n        self.error = \"Servicio \" + self.servicio.descripcion + \": \" + e;\n      }\n    },\n    goSolicitudServicio () {\n      var self = this;\n      if (\n        self.idEstatus === 1 ||\n        self.idEstatus === 3 ||\n        self.idEstatus === 4\n      ) {\n        this.$router.push({\n          path: `/Externo/SolicitudServicio/${self.servicio.idServicio}/${self.servicio.claveServicio}/${self.idEstatus}`\n        }); // -> /user/123\n      }\n    },\n    goUrlServicio (url, idServicio, claveServicio) {\n      if (this.goUrlSolicitud) {\n        this.$router.push({\n          path: `/Externo/SolicitudServicio/${idServicio}/${claveServicio}`\n        }); // -> /user/123\n      } else {\n        window.location.href = url;\n      }\n    }\n  }\n};\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IconoServicioDisponible.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!./IconoServicioDisponible.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IconoServicioDisponible.vue?vue&type=template&id=4b002302&\"\nimport script from \"./IconoServicioDisponible.vue?vue&type=script&lang=js&\"\nexport * from \"./IconoServicioDisponible.vue?vue&type=script&lang=js&\"\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":""}