{"version":3,"sources":["webpack:///./src/views/Helexium/PerfilMedallas/PerfilMedallas.vue","webpack:///src/views/Helexium/PerfilMedallas/PerfilMedallas.vue","webpack:///./src/views/Helexium/PerfilMedallas/PerfilMedallas.vue?095b","webpack:///./src/views/Helexium/PerfilMedallas/PerfilMedallas.vue?de46","webpack:///./src/views/Helexium/PerfilMedallas/PerfilMedallas.vue?dbd2"],"names":["render","_vm","this","_c","_self","attrs","staticClass","scopedSlots","_u","key","fn","_v","proxy","listaMedallas","length","staticStyle","_l","medalla","index","directives","name","rawName","modifiers","on","$event","showModalMedalla","_s","personas","imagen","descripcion","selectedMedalla","user","isRecent","nombre","comentario","_e","_f","fechaObtencion","staticRenderFns","data","usuario","id","fecha","$isLoading","JSON","parse","localStorage","getItem","getData","error","methods","getCollapseId","medallaId","usuarioId","res","$store","dispatch","path","emisor","getPersonaByID","emisorId","medallasAgrupadas","reduce","acumulador","medallas","push","Object","values","nombres","apellidos","currentDate","moment_timezone","emissionDate","tz","daysDifference","diff","filters","formatDate","date","format","component"],"mappings":"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","file":"js/chunk-34c7f748.2746c033.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('HXContentCard',{attrs:{\"title\":\"Perfil de medallas\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('b-card',{staticClass:\"shadow-none\",scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('h2',{staticClass:\"card-title\"},[_c('b',[_vm._v(\"Mis Medallas\")])])]},proxy:true}])},[_c('div',{staticClass:\"card-body\"},[(_vm.listaMedallas.length)?[_c('div',{staticClass:\"row justify-content-center list-medallas\"},[_c('vs-button',{staticClass:\"col-12 col-lg-5 py-3 myBtn\",attrs:{\"to\":\"enviar_medallas\",\"size\":\"large\"}},[_c('div',{staticClass:\"row w-100\"},[_c('div',{staticClass:\"col-3\"},[_c('i',{staticClass:\"fas fa-paper-plane mr-1 icon-paper\"})]),_c('div',{staticClass:\"col text-left\"},[_c('h3',{staticClass:\"text-white font-weight-bold\",staticStyle:{\"font-size\":\"1.5rem\"}},[_vm._v(\" Enviar medallas \")]),_c('p',{staticClass:\"text-white\",staticStyle:{\"line-height\":\"1.5\"}},[_vm._v(\" Puedes enviar medallas a tus compañeros... \")])])])]),_vm._l((_vm.listaMedallas),function(medalla,index){return _c('div',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal_medallas\",modifiers:{\"modal_medallas\":true}}],key:index,staticClass:\"col-12 col-lg-5 bg-dark rounded position-relative\",on:{\"click\":function($event){return _vm.showModalMedalla(medalla)}}},[_c('div',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"position-absolute\",staticStyle:{\"display\":\"grid\",\"place-items\":\"center\",\"top\":\"0\",\"right\":\"0\",\"width\":\"30px\",\"height\":\"30px\"},attrs:{\"title\":\"Cantidad de medallas\"}},[_c('vs-button',{staticClass:\"font-weight-bold\",attrs:{\"circle\":\"\",\"danger\":\"\",\"relief\":\"\"}},[_vm._v(\" \"+_vm._s(medalla.personas.length)+\" \")])],1),_c('div',{staticClass:\"row py-3\"},[_c('div',{staticClass:\"col d-flex align-items-center\"},[_c('img',{staticClass:\"w-100\",attrs:{\"src\":medalla.imagen,\"alt\":medalla.descripcion}})]),_c('div',{staticClass:\"col-8 d-flex flex-column justify-content-center\",staticStyle:{\"gap\":\"0.2rem\"}},[_c('span',{staticClass:\"h4 font-weight-bold\"},[_vm._v(_vm._s(medalla.descripcion))])])])])})],2)]:_c('div',{staticClass:\"d-flex flex-column align-items-center\"},[_c('p',{staticClass:\"font-weight-bolder h3\"},[_vm._v(\"No tienes medallas aún...\")]),_c('vs-button',{staticClass:\"col-12 col-lg-5 py-3 myBtn\",attrs:{\"to\":\"enviar_medallas\",\"size\":\"large\"}},[_c('div',{staticClass:\"row w-100\"},[_c('div',{staticClass:\"col-3\"},[_c('i',{staticClass:\"fas fa-paper-plane mr-1 icon-paper\"})]),_c('div',{staticClass:\"col d-flex flex-column align-items-start\"},[_c('span',{staticClass:\"text-white font-weight-bold\",staticStyle:{\"font-size\":\"1.5rem\"}},[_vm._v(\"Enviar medallas\")]),_c('p',{staticClass:\"text-white\",staticStyle:{\"line-height\":\"1.5\"}},[_vm._v(\" Puedes enviar medallas a tus compañeros... \")])])])])],1)],2)])],1)]),_c('b-modal',{attrs:{\"title\":\"Info Medalla\",\"size\":\"lg\",\"id\":\"modal_medallas\",\"hide-footer\":\"\"}},[_c('b-card',{staticClass:\"w-100\"},[_c('div',{staticClass:\"row\",staticStyle:{\"gap\":\"1rem\"}},[_c('div',{staticClass:\"col-12 bg-dark rounded position-relative\"},[_c('div',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"position-absolute\",staticStyle:{\"display\":\"grid\",\"place-items\":\"center\",\"top\":\"0\",\"right\":\"0\",\"width\":\"30px\",\"height\":\"30px\"},attrs:{\"title\":\"Cantidad de medallas\"}},[_c('vs-button',{staticClass:\"font-weight-bold\",attrs:{\"circle\":\"\",\"danger\":\"\",\"relief\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.selectedMedalla.personas.length)+\" \")])],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col d-flex align-items-center\"},[_c('img',{staticClass:\"w-100\",attrs:{\"src\":_vm.selectedMedalla.imagen,\"alt\":_vm.selectedMedalla.descripcion}})]),_c('div',{staticClass:\"col-8 col-lg-10 d-flex flex-column justify-content-center\",staticStyle:{\"gap\":\"0.2rem\"}},[_c('span',{staticClass:\"h4 font-weight-bold\"},[_vm._v(_vm._s(_vm.selectedMedalla.descripcion))])])])]),_c('div',{staticClass:\"mt-4\"},[_c('h3',{staticClass:\"font-weight-bold\"},[_vm._v(\"¿Quien la envió?\")]),_c('p',{staticClass:\"text-white-50 h4\"},[_vm._v(\" A continuación se muestran los usuarios que te han enviado ésta medalla. \")])]),_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row\",staticStyle:{\"gap\":\"0.5rem\"}},_vm._l((_vm.selectedMedalla.personas),function(user,index){return _c('div',{key:`${index}_user`,staticClass:\"col-12 col-lg bg-dark rounded p-2 d-flex flex-column justify-content-between\"},[_c('vs-avatar',{staticClass:\"rounded mb-1\",attrs:{\"size\":\"30\",\"badge\":user.isRecent,\"badge-position\":\"top-right\"}},[_c('i',{staticClass:\"fas fa-user text-primary\",staticStyle:{\"font-size\":\"1rem\"}})]),_c('div',{staticClass:\"py-2\"},[_c('h3',{staticClass:\"font-weight-bold text-white-50\"},[_vm._v(\" \"+_vm._s(user.nombre)+\" \")]),(user)?_c('p',{staticClass:\"text-white-50 text-truncate mt-2\",staticStyle:{\"line-height\":\"1.5\",\"font-size\":\"0.8rem\"}},[_vm._v(\" \"+_vm._s(user.comentario)+\" \")]):_vm._e()]),_c('span',[_c('i',{staticClass:\"fas fa-calendar mr-1\"}),_c('span',[_vm._v(_vm._s(_vm._f(\"formatDate\")(user.fechaObtencion)))])])],1)}),0)])])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <HXContentCard title=\"Perfil de medallas\">\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <b-card class=\"shadow-none\">\r\n          <template v-slot:headerTitle>\r\n            <h2 class=\"card-title\"><b>Mis Medallas</b></h2>\r\n          </template>\r\n          <!-- card body -->\r\n          <div class=\"card-body\">\r\n            <template v-if=\"listaMedallas.length\">\r\n              <div class=\"row justify-content-center list-medallas\">\r\n                <!-- btn enviar medallas -->\r\n                <vs-button\r\n                  class=\"col-12 col-lg-5 py-3 myBtn\"\r\n                  to=\"enviar_medallas\"\r\n                  size=\"large\"\r\n                >\r\n                  <div class=\"row w-100\">\r\n                    <div class=\"col-3\">\r\n                      <i class=\"fas fa-paper-plane mr-1 icon-paper\"></i>\r\n                    </div>\r\n                    <div class=\"col text-left\">\r\n                      <h3\r\n                        class=\"text-white font-weight-bold\"\r\n                        style=\"font-size: 1.5rem\"\r\n                      >\r\n                        Enviar medallas\r\n                      </h3>\r\n                      <p class=\"text-white\" style=\"line-height: 1.5\">\r\n                        Puedes enviar medallas a tus compañeros...\r\n                      </p>\r\n                    </div>\r\n                  </div>\r\n                </vs-button>\r\n                <!-- lista medallas -->\r\n                <div\r\n                  class=\"col-12 col-lg-5 bg-dark rounded position-relative\"\r\n                  @click=\"showModalMedalla(medalla)\"\r\n                  v-b-modal.modal_medallas\r\n                  v-for=\"(medalla, index) in listaMedallas\"\r\n                  :key=\"index\"\r\n                >\r\n                  <!-- cantidad medalals -->\r\n                  <div\r\n                    v-b-tooltip.hover\r\n                    title=\"Cantidad de medallas\"\r\n                    class=\"position-absolute\"\r\n                    style=\"\r\n                      display: grid;\r\n                      place-items: center;\r\n                      top: 0;\r\n                      right: 0;\r\n                      width: 30px;\r\n                      height: 30px;\r\n                    \"\r\n                  >\r\n                    <vs-button class=\"font-weight-bold\" circle danger relief>\r\n                      {{ medalla.personas.length }}\r\n                    </vs-button>\r\n                  </div>\r\n                  <div class=\"row py-3\">\r\n                    <!-- imagen medalla -->\r\n                    <div class=\"col d-flex align-items-center\">\r\n                      <img\r\n                        class=\"w-100\"\r\n                        :src=\"medalla.imagen\"\r\n                        :alt=\"medalla.descripcion\"\r\n                      />\r\n                    </div>\r\n\r\n                    <div\r\n                      class=\"col-8 d-flex flex-column justify-content-center\"\r\n                      style=\"gap: 0.2rem\"\r\n                    >\r\n                      <!-- descripcion -->\r\n                      <span class=\"h4 font-weight-bold\">{{\r\n                        medalla.descripcion\r\n                      }}</span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </template>\r\n            <div class=\"d-flex flex-column align-items-center\" v-else>\r\n              <p class=\"font-weight-bolder h3\">No tienes medallas aún...</p>\r\n              <!-- btn enviar medallas -->\r\n              <vs-button\r\n                class=\"col-12 col-lg-5 py-3 myBtn\"\r\n                to=\"enviar_medallas\"\r\n                size=\"large\"\r\n              >\r\n                <div class=\"row w-100\">\r\n                  <div class=\"col-3\">\r\n                    <i class=\"fas fa-paper-plane mr-1 icon-paper\"></i>\r\n                  </div>\r\n                  <div class=\"col d-flex flex-column align-items-start\">\r\n                    <span\r\n                      class=\"text-white font-weight-bold\"\r\n                      style=\"font-size: 1.5rem\"\r\n                      >Enviar medallas</span\r\n                    >\r\n                    <p class=\"text-white\" style=\"line-height: 1.5\">\r\n                      Puedes enviar medallas a tus compañeros...\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n              </vs-button>\r\n            </div>\r\n          </div>\r\n        </b-card>\r\n      </div>\r\n    </div>\r\n    <!-- modal info medalla -->\r\n    <b-modal title=\"Info Medalla\" size=\"lg\" id=\"modal_medallas\" hide-footer>\r\n      <b-card class=\"w-100\">\r\n        <div class=\"row\" style=\"gap: 1rem\">\r\n          <!-- medalla info -->\r\n          <div class=\"col-12 bg-dark rounded position-relative\">\r\n            <!-- cantidad medalals -->\r\n            <div\r\n              v-b-tooltip.hover\r\n              title=\"Cantidad de medallas\"\r\n              class=\"position-absolute\"\r\n              style=\"\r\n                display: grid;\r\n                place-items: center;\r\n                top: 0;\r\n                right: 0;\r\n                width: 30px;\r\n                height: 30px;\r\n              \"\r\n            >\r\n              <vs-button class=\"font-weight-bold\" circle danger relief>\r\n                {{ selectedMedalla.personas.length }}\r\n              </vs-button>\r\n            </div>\r\n            <div class=\"row\">\r\n              <!-- imagen medalla -->\r\n              <div class=\"col d-flex align-items-center\">\r\n                <img\r\n                  class=\"w-100\"\r\n                  :src=\"selectedMedalla.imagen\"\r\n                  :alt=\"selectedMedalla.descripcion\"\r\n                />\r\n              </div>\r\n\r\n              <div\r\n                class=\"col-8 col-lg-10 d-flex flex-column justify-content-center\"\r\n                style=\"gap: 0.2rem\"\r\n              >\r\n                <!-- descripcion -->\r\n                <span class=\"h4 font-weight-bold\">{{\r\n                  selectedMedalla.descripcion\r\n                }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"mt-4\">\r\n            <h3 class=\"font-weight-bold\">¿Quien la envió?</h3>\r\n            <p class=\"text-white-50 h4\">\r\n              A continuación se muestran los usuarios que te han enviado ésta\r\n              medalla.\r\n            </p>\r\n          </div>\r\n          <!-- lista de usuario -->\r\n          <div class=\"col-12\">\r\n            <div class=\"row\" style=\"gap: 0.5rem\">\r\n              <div\r\n                v-for=\"(user, index) in selectedMedalla.personas\"\r\n                :key=\"`${index}_user`\"\r\n                class=\"col-12 col-lg bg-dark rounded p-2 d-flex flex-column justify-content-between\"\r\n              >\r\n                <vs-avatar\r\n                  class=\"rounded mb-1\"\r\n                  size=\"30\"\r\n                  :badge=\"user.isRecent\"\r\n                  badge-position=\"top-right\"\r\n                >\r\n                  <i\r\n                    class=\"fas fa-user text-primary\"\r\n                    style=\"font-size: 1rem\"\r\n                  ></i>\r\n                </vs-avatar>\r\n                <div class=\"py-2\">\r\n                  <h3 class=\"font-weight-bold text-white-50\">\r\n                    {{ user.nombre }}\r\n                  </h3>\r\n                  <p\r\n                    v-if=\"user\"\r\n                    class=\"text-white-50 text-truncate mt-2\"\r\n                    style=\"line-height: 1.5; font-size: 0.8rem\"\r\n                  >\r\n                    {{ user.comentario }}\r\n                  </p>\r\n                </div>\r\n                <span>\r\n                  <i class=\"fas fa-calendar mr-1\"></i>\r\n                  <span>{{ user.fechaObtencion | formatDate }}</span>\r\n                </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </b-card>\r\n    </b-modal>\r\n  </HXContentCard>\r\n</template>\r\n\r\n<script>\r\nimport moment_timezone from \"moment-timezone\";\r\nexport default {\r\n  name: \"PerfilMedallas\",\r\n  data() {\r\n    return {\r\n      usuario: {},\r\n      selectedMedalla: {\r\n        id: null,\r\n        descripcion: null,\r\n        imagen: null,\r\n        personas: [\r\n          {\r\n            nombre: null,\r\n            fecha: null,\r\n            comentario: null,\r\n            isRecent: null,\r\n          },\r\n        ],\r\n      },\r\n      listaMedallas: [\r\n        {\r\n          id: null,\r\n          descripcion: null,\r\n          imagen: null,\r\n          personas: [\r\n            {\r\n              nombre: null,\r\n              fecha: null,\r\n              comentario: null,\r\n              isRecent: null,\r\n            },\r\n          ],\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  async mounted() {\r\n    try {\r\n      this.$isLoading(true);\r\n      this.usuario = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\r\n      this.listaMedallas = [];\r\n      await this.getData(this.usuario.id);\r\n      this.$isLoading(false);\r\n    } catch (error) {\r\n      this.$isLoading(false);\r\n      console.log(\"error\", error);\r\n    }\r\n  },\r\n  methods: {\r\n    getCollapseId(medallaId) {\r\n      return `comentario-${medallaId}`;\r\n    },\r\n    async getData(usuarioId) {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"MedallasPersona/ListByUsuario/\" + usuarioId,\r\n        });\r\n\r\n        console.log(\"list medallas... \", res);\r\n\r\n        if (res.length > 0) {\r\n          // Itera sobre las medallas y agrega la información de la persona a cada medalla\r\n          for (let index in res) {\r\n            res[index].emisor = await this.getPersonaByID(res[index].emisorId);\r\n          }\r\n\r\n          // Utiliza reduce para agrupar las medallas por ID\r\n          const medallasAgrupadas = res.reduce((acumulador, emisor) => {\r\n            const id = emisor.medallas.id;\r\n\r\n            // Si ya hay un grupo con este ID, agrégalo; de lo contrario, crea uno nuevo\r\n            if (acumulador[id]) {\r\n              acumulador[id].personas.push({\r\n                comentario: emisor.comentario,\r\n                fecha: emisor.fechaObtencion,\r\n                nombre: emisor.emisor,\r\n                isRecent: this.isRecent(emisor.fechaObtencion),\r\n              });\r\n            } else {\r\n              acumulador[id] = {\r\n                id: emisor.medallas.id,\r\n                imagen: emisor.medallas.imagen,\r\n                descripcion: emisor.medallas.descripcion,\r\n                personas: [\r\n                  {\r\n                    comentario: emisor.comentario,\r\n                    fecha: emisor.fechaObtencion,\r\n                    nombre: emisor.emisor,\r\n                    isRecent: this.isRecent(emisor.fechaObtencion),\r\n                  },\r\n                ],\r\n              };\r\n            }\r\n\r\n            return acumulador;\r\n          }, {});\r\n\r\n          // Convierte el objeto en un array de objetos\r\n          this.listaMedallas = Object.values(medallasAgrupadas);\r\n          console.log(\r\n            \"medallas agrupadas----------------->\",\r\n            this.listaMedallas\r\n          );\r\n        } else {\r\n          this.listaMedallas = [];\r\n        }\r\n      } catch (error) {\r\n        this.listaMedallas = [];\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n\r\n    async getPersonaByID(emisorId) {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"Persona/GetPersona/\" + emisorId,\r\n        });\r\n        console.log(\"emisor... \", `${res.nombres} ${res.apellidos}`);\r\n        return `${res.nombres} ${res.apellidos}`;\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    showModalMedalla(data) {\r\n      this.selectedMedalla = data;\r\n    },\r\n    isRecent(fecha) {\r\n      // Obtener la fecha actual en el formato de moment_timezone\r\n      const currentDate = moment_timezone();\r\n\r\n      // Convertir la fecha de emisión a un objeto moment_timezone\r\n      const emissionDate = moment_timezone.tz(fecha, \"America/Bogota\");\r\n\r\n      // Calcular la diferencia en días\r\n      const daysDifference = currentDate.diff(emissionDate, \"days\");\r\n\r\n      // Devolver true si la diferencia es menor a 3 días, false en caso contrario\r\n      return daysDifference < 3;\r\n    },\r\n  },\r\n  filters: {\r\n    formatDate(date) {\r\n      return moment_timezone.tz(date, \"America/Bogota\").format(\"MMM D, YYYY\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.list-medallas {\r\n  max-height: 600px;\r\n  overflow-y: scroll;\r\n  gap: 1rem;\r\n}\r\n\r\n.icon-paper {\r\n  font-size: 4rem;\r\n  animation: leftAndRight 2s ease-in-out infinite;\r\n}\r\n@keyframes leftAndRight {\r\n  0%,\r\n  100% {\r\n    transform: rotate(10deg) translateY(0);\r\n  }\r\n  50% {\r\n    transform: rotate(10deg) translateY(-10px);\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!./PerfilMedallas.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!./PerfilMedallas.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PerfilMedallas.vue?vue&type=template&id=f60e95c2&scoped=true\"\nimport script from \"./PerfilMedallas.vue?vue&type=script&lang=js\"\nexport * from \"./PerfilMedallas.vue?vue&type=script&lang=js\"\nimport style0 from \"./PerfilMedallas.vue?vue&type=style&index=0&id=f60e95c2&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  \"f60e95c2\",\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!./PerfilMedallas.vue?vue&type=style&index=0&id=f60e95c2&prod&scoped=true&lang=css\""],"sourceRoot":""}