{"version":3,"sources":["webpack:///./src/components/flashcard/FlashcardDescription.vue?204f","webpack:///./src/views/app/FlashcardSimulator.vue","webpack:///src/views/app/FlashcardSimulator.vue","webpack:///./src/views/app/FlashcardSimulator.vue?aced","webpack:///./src/views/app/FlashcardSimulator.vue?299a","webpack:///./src/components/flashcard/FlashcardHeader.vue","webpack:///src/components/flashcard/FlashcardHeader.vue","webpack:///./src/components/flashcard/FlashcardHeader.vue?b771","webpack:///./src/components/flashcard/FlashcardHeader.vue?f400","webpack:///./src/assets/img/icon/star.svg","webpack:///./src/views/app/FlashcardSimulator.vue?02f9","webpack:///./src/assets/img/icon/star-filled.svg","webpack:///./src/components/flashcard/FlashcardFeedback.vue?fd63","webpack:///./src/components/flashcard/Flashcard.vue?74a0","webpack:///./src/components/flashcard/FlashcardsList.vue","webpack:///./src/components/flashcard/Flashcard.vue","webpack:///./src/components/flashcard/FlashcardFeedback.vue","webpack:///src/components/flashcard/FlashcardFeedback.vue","webpack:///./src/components/flashcard/FlashcardFeedback.vue?f6d9","webpack:///./src/components/flashcard/FlashcardFeedback.vue?1547","webpack:///src/components/flashcard/Flashcard.vue","webpack:///./src/components/flashcard/Flashcard.vue?f206","webpack:///./src/components/flashcard/Flashcard.vue?6aa6","webpack:///src/components/flashcard/FlashcardsList.vue","webpack:///./src/components/flashcard/FlashcardsList.vue?e44e","webpack:///./src/components/flashcard/FlashcardsList.vue?cb95","webpack:///./src/assets/mazos/ajolito.svg","webpack:///./src/components/TheDrawerInfo.vue?daa0","webpack:///./src/assets/logo-usa.png","webpack:///./src/components/TheDrawerInfo.vue","webpack:///src/components/TheDrawerInfo.vue","webpack:///./src/components/TheDrawerInfo.vue?6cc0","webpack:///./src/components/TheDrawerInfo.vue?8d55","webpack:///./src/components/flashcard/FlashcardDescription.vue","webpack:///src/components/flashcard/FlashcardDescription.vue","webpack:///./src/components/flashcard/FlashcardDescription.vue?649c","webpack:///./src/components/flashcard/FlashcardDescription.vue?046c","webpack:///./src/components/flashcard/FlashcardHeader.vue?bb6a"],"names":["render","_vm","this","_c","_self","flashcardsSimulator","activeId","attrs","area","especialidad","tema","_e","staticClass","staticStyle","on","$event","$router","go","_v","_s","class","$vuetify","breakpoint","mobile","_l","tags","category","index","key","loading","selectState","smAndDown","timer","progress","nivel","historialResponse","staticRenderFns","name","components","TheDrawerInfo","FlashcardsList","FlashcardLevelBar","FlashcardDescription","FlashcardHeader","data","categories","levelBar","offset","level","timeStop","modo","flashcardsSummary","computed","mapState","mapGetters","percentage","cantidad_flashcards_aprendidas","cantidad_flashcards_total","toFixed","flashcardIndex","length","undefined","id","methods","mapActions","mapMutations","state","$route","params","tipo","axios","post","respuesta","adjustPercentage","fetchUser","assignLvl","ids","flashcardsBatching","e","$root","$confirm","message","response","acceptText","items","toString","split","map","item","parseInt","flashcardsResponse","temas_ids","especialidades_ids","get","areas_ids","fetchHistorialOfResponses","SET_CURRENT_FLASHCARD","confirmRepasoMode","thereIsFlashcardsAvailable","push","confirm","title","cancelText","getExperience","setTimer","today","Date","myToday","getFullYear","getMonth","getDate","end","moment","format","self","setInterval","add","watch","immediate","handler","value","mounted","fetchMaterizedFlashcardsPercent","component","_g","_b","$attrs","$listeners","_t","inheritAttrs","module","exports","model","callback","$$v","expression","flashcards","card","flashcardHeight","isMobile","flipped","toggleCard","preventDefault","stopPropagation","doFavourite","apply","arguments","isFavourite","require","enunciado","comentario","imagen","changeState","isActive","isRichText","domProps","isSmAndDown","labels","width","label","stateFlashcard","mixins","flashcard","props","type","Array","default","$emit","vuetifyHelpers","FlashcardImageViewer","FlashcardFeedback","activeState","Object","fase","es_favorito","acceptMessage","text","patronHTML","coincidencia","match","Flashcard","showDrawerInfo","drawerBack","showDrawer","String","to","from","smAndUp","inmediate","currentFlashcardPhase","flashcardInfo","day","fecha_respuesta","month","descriptionFlashcard","date","getUTCDate","getUTCMonth"],"mappings":"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","file":"js/FlashcardSimulator.051ea1c0.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FlashcardDescription.vue?vue&type=style&index=0&id=409e2722&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-container',[(_vm.flashcardsSimulator[this.activeId])?_c('TheDrawerInfo',{attrs:{\"area\":_vm.flashcardsSimulator[this.activeId].area,\"especialidad\":_vm.flashcardsSimulator[this.activeId].especialidad,\"tema\":_vm.tema()}}):_vm._e()],1),_c('v-container',{staticClass:\"d-flex justify-center\",staticStyle:{\"background\":\"#EFF3F4\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"11\",\"align-self\":\"center\"}},[_c('FlashcardHeader',{staticClass:\"d-flex d-md-none\",on:{\"click\":function($event){return _vm.$router.go(-1)}}},[_vm._v(\" \"+_vm._s(_vm.tema())+\" \")]),_c('div',{staticClass:\"d-flex\",class:_vm.$vuetify.breakpoint.mobile ? 'mb-0': ''},_vm._l((_vm.tags()),function(category,index){return _c('div',{key:index,staticClass:\"chips__wraper px-5 py-2 mr-2\"},[_c('p',{staticClass:\"chips__text my-auto\"},[_vm._v(_vm._s(category))])])}),0),_c('v-slide-x-transition',[(!_vm.loading)?_c('div',{staticClass:\"ma-0 pa-0 flashcard__wraper\",staticStyle:{\"width\":\"104%\",\"margin-left\":\"-2% !important\"}},[_c('FlashcardsList',{attrs:{\"height\":_vm.$vuetify.breakpoint.mobile ? 470: 440,\"flashcards\":_vm.flashcardsSimulator},on:{\"selectState\":_vm.selectState}})],1):_c('div',[_c('br'),_c('div',{staticClass:\"progress__wrapper d-flex justify-center\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\"}})],1),_c('br'),_c('br')])]),_c('div',{class:_vm.$vuetify.breakpoint.smAndDown ? 'd-flex flex-column': 'd-flex'},[_c('div',{staticClass:\"timebar mr-5 d-flex justify-center align-center\",attrs:{\"flat\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.timer)+\" \")]),_c('FlashcardLevelBar',{attrs:{\"progress\":_vm.progress,\"level\":_vm.nivel}})],1),_c('v-card',{staticClass:\"mt-5 pa-5 py-8 d-flex d-md-none flashcard-description__wraper\",attrs:{\"min-height\":\"350\"}},[_c('FlashcardDescription',{attrs:{\"flashcardInfo\":_vm.historialResponse}})],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-container>\n      <TheDrawerInfo\n        v-if=\"flashcardsSimulator[this.activeId]\"\n        :area=\"flashcardsSimulator[this.activeId].area\"\n        :especialidad=\"flashcardsSimulator[this.activeId].especialidad\"\n        :tema=\"tema()\"\n      />\n    </v-container>\n    <v-container style=\"background: #EFF3F4\" class=\"d-flex justify-center \">\n      <v-col cols=\"12\" md=\"11\" align-self=\"center\">\n        <FlashcardHeader class=\"d-flex d-md-none\" @click=\"$router.go(-1)\">\n          {{ tema() }}\n        </FlashcardHeader>\n        <div class=\"d-flex\" :class=\"$vuetify.breakpoint.mobile ? 'mb-0': ''\">\n          <div\n            v-for=\"(category, index) in tags()\"\n            :key=\"index\"\n            class=\"chips__wraper px-5 py-2 mr-2\"\n          >\n            <p class=\"chips__text my-auto\">{{ category }}</p>\n          </div>\n        </div>\n        <v-slide-x-transition>\n          <div v-if=\"!loading\" style=\"width: 104%; margin-left: -2% !important;\" class=\"ma-0 pa-0 flashcard__wraper\">\n            <FlashcardsList\n              :height=\"$vuetify.breakpoint.mobile ? 470: 440\"\n              :flashcards=\"flashcardsSimulator\"\n              @selectState=\"selectState\"\n            />\n          </div>\n          <div v-else>\n            <br>\n            <div class=\"progress__wrapper d-flex justify-center\">\n              <v-progress-circular indeterminate/>\n            </div>\n            <br><br>\n          </div>\n        </v-slide-x-transition>\n        <div :class=\"$vuetify.breakpoint.smAndDown ? 'd-flex flex-column': 'd-flex'\">\n          <div flat class=\"timebar mr-5 d-flex justify-center align-center\">\n            {{ timer }}\n          </div>\n          <!-- <FlashcardLevelBar\n            :progress=\"progress\"\n            :level=\"nivel\"\n          /> -->\n          <FlashcardLevelBar\n            :progress=\"progress\"\n            :level=\"nivel\"\n          />\n        </div>\n        <v-card class=\"mt-5 pa-5 py-8 d-flex d-md-none flashcard-description__wraper\" min-height=\"350\">\n          <FlashcardDescription :flashcardInfo=\"historialResponse\"/>\n        </v-card>\n      </v-col>\n    </v-container>\n  </div>\n</template>\n\n<script>\nimport TheDrawerInfo from '@/components/TheDrawerInfo'\nimport FlashcardsList from '@/components/flashcard/FlashcardsList.vue'\nimport FlashcardLevelBar from '@/components/flashcard/FlashcardLevelBar.vue'\nimport FlashcardDescription from '@/components/flashcard/FlashcardDescription'\nimport FlashcardHeader from '@/components/flashcard/FlashcardHeader'\nimport moment from 'moment'\nimport { mapActions, mapMutations, mapState, mapGetters } from 'vuex'\nimport axios from 'axios'\n\nexport default {\n  name: 'FlashcardSimulator',\n\n  components: {\n    TheDrawerInfo,\n    FlashcardsList,\n    FlashcardLevelBar,\n    FlashcardDescription,\n    FlashcardHeader\n  },\n\n  data: () => ({\n    categories: ['ENAM', 'Internado'],\n    activeId: 0,\n    timer: '',\n    levelBar: 0,\n    offset: 20,\n    level: 1,\n    loading: false,\n    flashcardsSimulator: [],\n    timeStop: false,\n    modo: 'NORMAL',\n    flashcardsSummary: null\n  }),\n\n  computed: {\n    ...mapState('flashcard', ['pendingFlashcards', 'historialResponse', 'experience']),\n    ...mapState('profile', ['user']),\n    ...mapGetters('profile', ['getExperience']),\n    progress () {\n      if (!this.flashcardsSummary) { return 0 }\n      const percentage = this.flashcardsSummary.cantidad_flashcards_aprendidas / this.flashcardsSummary.cantidad_flashcards_total * 100\n      return percentage.toFixed(2)\n    },\n    flashcardIndex () {\n      if (this.flashcardsSimulator.length && this.flashcardsSimulator[this.activeId] !== undefined) {\n        return this.flashcardsSimulator[this.activeId].id\n      } else {\n        return null\n      }\n    },\n    nivel () {\n      return `${this.progress}% Aprendido`\n    }\n  },\n  methods: {\n    tema () {\n      if (this.flashcardsSimulator[this.activeId] !== undefined) {\n        return this.flashcardsSimulator[this.activeId].tema\n      } else {\n        return null\n      }\n    },\n    tags () {\n      if (this.flashcardsSimulator[this.activeId] !== undefined) {\n        return this.flashcardsSimulator[this.activeId].tags\n      } else {\n        return null\n      }\n    },\n    ...mapActions('flashcard', ['fetchPendingFlashcards', 'fetchHistorialOfResponses']),\n    ...mapActions('profile', ['fetchUser']),\n    ...mapMutations('flashcard', ['SET_CURRENT_FLASHCARD']),\n    async selectState (state) {\n      try {\n        if (this.modo !== 'REPASO') {\n          if (this.$route.params.tipo === 'mis-flashcards') {\n            await axios.post(`api/flashcards/mis_flashcards/${this.flashcardIndex}/responder/`, { respuesta: state })\n          } else {\n            await axios.post(`api/flashcards/flashcards/${this.flashcardIndex}/responder/`, { respuesta: state })\n          }\n        }\n        this.adjustPercentage(state)\n        this.levelBar += 1\n        if (this.levelBar === 20) {\n          this.levelBar = 0\n          await this.fetchUser()\n          await this.assignLvl()\n        }\n        if (this.flashcardsSimulator.length - 1 > this.activeId) {\n          // If there's another flashcard to respond\n          this.activeId += 1\n        } else {\n          const tipo = this.$route.params.tipo\n          const ids = this.$route.params.ids\n          await this.flashcardsBatching(tipo, ids)\n          this.activeId = 0\n        }\n      } catch (e) {\n        this.$root.$confirm({\n          message: e.response,\n          acceptText: 'Ok'\n        })\n      }\n    },\n    adjustPercentage (state) {\n      if (!this.flashcardsSummary || state === 'DIFICIL' || state === 'NO_LA_SE' || this.modo === 'REPASO') { return }\n      this.flashcardsSummary.cantidad_flashcards_aprendidas += 1\n    },\n    async flashcardsBatching (tipo, ids) {\n      let items = []\n      items = ids.toString().split(',').map(item => parseInt(item))\n      if (tipo === 'temas') {\n        const flashcardsResponse = await axios.post('api/flashcards/flashcards/por_tema/', { temas_ids: items, modo: this.modo })\n        this.flashcardsSimulator = flashcardsResponse.data\n      } else if (tipo === 'especialidades') {\n        const flashcardsResponse = await axios.post('api/flashcards/flashcards/por_especialidad/', { especialidades_ids: items })\n        this.flashcardsSimulator = flashcardsResponse.data\n      } else if (tipo === 'mis-flashcards') {\n        const flashcardsResponse = await axios.get(`api/flashcards/mis_mazos/${ids}/pendientes/?modo=${this.modo}`)\n        this.flashcardsSimulator = flashcardsResponse.data\n      } else {\n        const flashcardsResponse = await axios.post('api/flashcards/flashcards/por_area/', { areas_ids: items })\n        this.flashcardsSimulator = flashcardsResponse.data\n      }\n      if (this.flashcardsSimulator.length > 0 && this.flashcardIndex !== null) {\n        // Cuándo solo queda una flashcard y la respondemos con no lo se o dificil, el id flashcard no cambia\n        // por lo tanto, no trae su historial, con esto traeremos siempre su historial\n        // aunque cuándo traigamos mas flahscards del backend haga 2 peticiones\n        this.fetchHistorialOfResponses(this.flashcardIndex)\n        // Setereamos el current flashcard al primer elemento\n        this.SET_CURRENT_FLASHCARD(this.flashcardsSimulator[0])\n      } else {\n        if (this.flashcardsSimulator.length === 0) {\n          if (tipo === 'temas' || tipo === 'mis-flashcards') {\n            await this.confirmRepasoMode(tipo, ids)\n          } else {\n            await this.$root.$confirm({\n              message: 'Ups! se terminaron las flashcards',\n              acceptText: 'Ok'\n            })\n          }\n        }\n      }\n    },\n    async confirmRepasoMode (tipo, ids) {\n      // Si no es premium verificar si existen flashcards en ese tema\n      const items = ids.toString().split(',').map(item => parseInt(item))\n      let thereIsFlashcardsAvailable = false\n      if (tipo === 'temas') {\n        const flashcardsResponse = await axios.post('api/flashcards/flashcards/por_tema/', { temas_ids: items, modo: 'REPASO' })\n        thereIsFlashcardsAvailable = !!flashcardsResponse.data.length\n      } else {\n        const flashcardsResponse = await axios.get(`api/flashcards/mis_mazos/${ids}/pendientes/?modo=REPASO`)\n        thereIsFlashcardsAvailable = !!flashcardsResponse.data.length\n      }\n      if (!thereIsFlashcardsAvailable) {\n        await this.$root.$confirm({\n          message: 'Ups! se terminaron las flashcards',\n          acceptText: 'Ok'\n        })\n        if (tipo === 'mis-flashcards') {\n          await this.$router.push({ name: 'Mazos' })\n        } else {\n          await this.$router.push({ name: 'UnitsAreas' })\n        }\n        return\n      }\n      // Si es premium significa que el tema si o si tiene flashcards para repasar\n      // entonces se debe preguntar al usuario si quiere dar un repaso\n      const confirm = await this.$root.$confirm({\n        title: 'Ups!',\n        message: 'Se terminaron las flashcards. ¿Deseas hacer un repaso?',\n        acceptText: 'Si',\n        cancelText: 'No'\n      })\n      if (confirm) {\n        this.modo = 'REPASO'\n        await this.flashcardsBatching(tipo, ids)\n      } else {\n        if (tipo === 'mis-flashcards') {\n          await this.$router.push({ name: 'Mazos' })\n        } else {\n          await this.$router.push({ name: 'UnitsAreas' })\n        }\n      }\n    },\n    assignLvl () {\n      this.level = parseInt(this.getExperience / 20)\n      this.levelBar = this.getExperience % 20\n    },\n    setTimer () {\n      const today = new Date()\n      var myToday = new Date(today.getFullYear(), today.getMonth(), today.getDate(), 0, 0, 0)\n      const end = moment(myToday)\n      this.timer = end.format('mm:ss')\n      const self = this\n      setInterval(function () {\n        end.add(1, 'seconds')\n        self.timer = end.format('mm:ss')\n      }, 1000)\n    },\n    async fetchMaterizedFlashcardsPercent (tipo, ids) {\n      let items = []\n      items = ids.toString().split(',').map(item => parseInt(item))\n      if (tipo === 'temas') {\n        const response = await axios.post('api/flashcards/flashcards/resumen_por_tema/', { temas_ids: items, modo: this.modo })\n        this.flashcardsSummary = response.data\n      } else if (tipo === 'especialidades') {\n        const response = await axios.post('api/flashcards/flashcards/resumen_por_especialidad/', { especialidades_ids: items })\n        this.flashcardsSummary = response.data\n      } else if (tipo === 'mis-flashcards') {\n        const response = await axios.get(`api/flashcards/mis_mazos/${ids}/resumen_pendientes/?modo=${this.modo}`)\n        this.flashcardsSummary = response.data\n      } else {\n        const response = await axios.post('api/flashcards/flashcards/resumen_por_area/', { areas_ids: items })\n        this.flashcardsSummary = response.data\n      }\n    }\n  },\n  watch: {\n    flashcardIndex: function () {\n      if (this.flashcardIndex) {\n        this.fetchHistorialOfResponses(this.flashcardIndex)\n      }\n    },\n    activeId: {\n      immediate: true,\n      handler: function (value) {\n        if (value === undefined || value === null || this.flashcardsSimulator.length === 0) {\n          this.SET_CURRENT_FLASHCARD(null)\n        } else {\n          this.SET_CURRENT_FLASHCARD(this.flashcardsSimulator[value])\n        }\n      }\n    }\n  },\n  mounted () {\n    this.setTimer()\n  },\n  async created () {\n    this.loading = true\n    const tipo = this.$route.params.tipo\n    let ids = 0\n    if (tipo === 'mis-flashcards') {\n      ids = this.$route.params.ids\n    } else {\n      ids = this.$route.params.ids + '' // Convertimos a string, en caso se envie solo 1 id como param\n    }\n    try {\n      await this.fetchUser()\n      await this.flashcardsBatching(tipo, ids)\n      await this.fetchMaterizedFlashcardsPercent(tipo, ids)\n      await this.assignLvl()\n    } catch (e) {\n      this.$root.$confirm({\n        message: 'Ocurrió un error inesperado, por favor actualice la página.',\n        acceptText: 'Ok'\n      })\n    }\n    this.loading = false\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.flashcard-description {\n  &__wraper {\n    cursor: pointer;\n    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15) !important;\n    border-radius: 10px !important;\n  }\n}\n\n.chips__wraper {\n  background: #FFFFFF;\n  border: 1px solid #E5E5E5 !important;\n  border-radius: 100px;\n  cursor: pointer;\n}\n\n.timebar {\n  background: #FFFFFF;\n  border: 1px solid #E5E5E5;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15) !important;\n  border-radius: 10px;\n  width: 23%;\n}\n\n@media (max-width: 960px) {\n  .timebar {\n    width: 100% !important;\n    height: 35px !important;\n    order: 2;\n    font-weight: 400;\n    font-size: 10px;\n    line-height: 15px;\n  }\n  .flashcard {\n    &__wraper {\n      height: 480px;\n    }\n  }\n}\n@media (max-width: 600px) {\n  .timebar {\n    margin-top: 15px;\n  }\n}\n</style>\n","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!./FlashcardSimulator.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!./FlashcardSimulator.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FlashcardSimulator.vue?vue&type=template&id=d256f008&scoped=true\"\nimport script from \"./FlashcardSimulator.vue?vue&type=script&lang=js\"\nexport * from \"./FlashcardSimulator.vue?vue&type=script&lang=js\"\nimport style0 from \"./FlashcardSimulator.vue?vue&type=style&index=0&id=d256f008&prod&lang=scss&scoped=true\"\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  \"d256f008\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-card',_vm._g(_vm._b({staticClass:\"header flashcard-item mb-5 d-inline-flex align-center justify-space-between\",attrs:{\"width\":\"100%\"}},'v-card',_vm.$attrs,false),_vm.$listeners),[_c('v-btn',{staticClass:\"mx-5\",staticStyle:{\"font-weight\":\"600\"},attrs:{\"icon\":\"\",\"color\":\"#000\"}},[_c('v-icon',[_vm._v(\"mdi-chevron-left\")])],1),_c('p',{staticClass:\"my-auto flashcard__text--body mr-auto\",staticStyle:{\"flex-basis\":\"70%\"}},[_vm._t(\"default\")],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-card\n    v-bind=\"$attrs\"\n    v-on=\"$listeners\"\n    width=\"100%\"\n    class=\"header flashcard-item mb-5 d-inline-flex align-center justify-space-between\"\n  >\n    <v-btn icon class=\"mx-5\" color=\"#000\" style=\"font-weight: 600;\">\n      <v-icon>mdi-chevron-left</v-icon>\n    </v-btn>\n    <p style=\"flex-basis: 70%\" class=\"my-auto flashcard__text--body mr-auto\">\n      <slot />\n    </p>\n  </v-card>\n</template>\n\n<script>\nexport default {\n  inheritAttrs: false,\n  name: 'FlashcardHeader'\n}\n</script>\n\n<style>\n.header {\n  height: 59px !important;\n  background: #FFFFFF;\n  border: 1px solid #E5E5E5;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);\n  border-radius: 10px !important;\n}\n</style>\n","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!./FlashcardHeader.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!./FlashcardHeader.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FlashcardHeader.vue?vue&type=template&id=213685ba\"\nimport script from \"./FlashcardHeader.vue?vue&type=script&lang=js\"\nexport * from \"./FlashcardHeader.vue?vue&type=script&lang=js\"\nimport style0 from \"./FlashcardHeader.vue?vue&type=style&index=0&id=213685ba&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/star.b6b60416.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FlashcardSimulator.vue?vue&type=style&index=0&id=d256f008&prod&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/star-filled.e50569d1.svg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FlashcardFeedback.vue?vue&type=style&index=0&id=3104fe09&prod&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Flashcard.vue?vue&type=style&index=0&id=777a931d&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-carousel',_vm._g(_vm._b({staticClass:\"ma-0 pa-0\",attrs:{\"fluid\":\"\",\"hide-delimiters\":\"\",\"show-arrows\":false,\"light\":\"\",\"touchless\":\"\"},model:{value:(_vm.activeId),callback:function ($$v) {_vm.activeId=$$v},expression:\"activeId\"}},'v-carousel',_vm.$attrs,false),_vm.$listeners),_vm._l((_vm.flashcards),function(card,index){return _c('v-carousel-item',{key:index,staticClass:\"ma-0 pa-0\"},[_c('Flashcard',{staticClass:\"m-5 mx-auto\",class:{'py-5': _vm.$vuetify.breakpoint.mobile},staticStyle:{\"width\":\"96% !important\"},attrs:{\"height\":_vm.flashcardHeight,\"card\":card},on:{\"selectState\":_vm.selectState}})],1)}),1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:_vm.isMobile ? 'mt-0': 'ma-0 mt-3'},[_c('v-sheet',_vm._b({staticClass:\"flashcard-general d-flex justify-center align-center transparent\",attrs:{\"flat\":\"\"}},'v-sheet',_vm.$attrs,false),[_c('div',{staticClass:\"flashcard-general__inner\",class:_vm.flipped ? 'is-flipped': 'flashcard-general__inner'},[_c('div',{staticClass:\"d-flex align-center flashcard-general__face flashcard-general__face--front\",on:{\"click\":_vm.toggleCard}},[_c('div',{staticClass:\"flashcard-general__favourite-wrapper\",on:{\"click\":function($event){$event.preventDefault();$event.stopPropagation();}}},[(_vm.$route.params.tipo!=='mis-flashcards')?_c('v-card',{staticClass:\"overflow-hidden d-flex justify-center align-center flashcard-general__favourite\",attrs:{\"height\":\"40\",\"width\":\"40\"},on:{\"click\":function($event){$event.preventDefault();return _vm.doFavourite.apply(null, arguments)}}},[_c('v-img',{attrs:{\"src\":_vm.isFavourite ? require('@/assets/img/icon/star-filled.svg'): require('@/assets/img/icon/star.svg'),\"max-width\":\"24\",\"height\":\"24\"}})],1):_vm._e()],1),_c('v-img',{staticClass:\"flashcard-background\",staticStyle:{\"position\":\"absolute\",\"left\":\"20%\",\"right\":\"20%\"},attrs:{\"src\":require('@/assets/logo-usa.png'),\"contain\":\"\"}}),_c('div',{staticClass:\"d-flex align-center justify-center fill-height flex-grow-1 border\",class:_vm.isMobile ? 'px-10 flex-column mt-10': 'px-15',staticStyle:{\"z-index\":\"1\",\"width\":\"100%\"}},[_c('p',{staticClass:\"flashcard__text--front text-center avoid_selection\",class:{'simulator': _vm.$route.name === 'FlashcardSimulator'}},[_vm._v(\" \"+_vm._s(_vm.card.enunciado)+\" \")])])],1),_c('div',{staticClass:\"d-flex align-center flashcard-general__face flashcard-general__face--back\",class:{'test': _vm.flipped},staticStyle:{\"z-index\":\"2 !important\"},on:{\"click\":_vm.toggleCard}},[(_vm.card.comentario || _vm.card.imagen)?_c('div',{staticStyle:{\"position\":\"absolute\",\"top\":\"15px\",\"right\":\"5px\",\"z-index\":\"3\"},on:{\"click\":function($event){$event.preventDefault();$event.stopPropagation();}}},[_c('v-btn',{staticClass:\"d-flex justify-center align-center showmore__wrapper\",attrs:{\"color\":\"#0583DA\",\"text\":\"\"},on:{\"click\":function($event){$event.preventDefault();return _vm.changeState()}}},[_c('p',{staticClass:\"pa-0 ma-0 showmore\"},[_vm._v(\" Ver más \")]),_c('v-icon',[_vm._v(\" mdi-chevron-right \")])],1)],1):_vm._e(),_c('v-img',{staticClass:\"flashcard-background\",staticStyle:{\"position\":\"absolute\",\"left\":\"20%\",\"right\":\"20%\",\"z-index\":\"-1 !important\"},attrs:{\"src\":require('@/assets/logo-usa.png'),\"contain\":\"\"}}),_c('div',{staticClass:\"d-flex flex-column align-center justify-center fill-height fill-width\",class:_vm.isMobile ? 'py-2': 'px-10'},[_c('v-scroll-x-transition',{attrs:{\"hide-on-leave\":\"\"}},[(_vm.isActive)?[(_vm.isRichText(_vm.card.respuesta))?_c('div',{class:_vm.isMobile ? 'mx-10 ': 'ma-auto',domProps:{\"innerHTML\":_vm._s(_vm.card.respuesta)}}):_c('div',{staticClass:\"flashcard__text--back text-center scrolling avoid_selection\",class:_vm.isMobile ? 'mx-10 ': 'ma-auto',staticStyle:{\"width\":\"80%\"}},[_vm._v(\" \"+_vm._s(_vm.card.respuesta)+\" \")])]:_vm._e()],2),_c('v-slide-x-transition',{attrs:{\"leave-absolute\":\"\"}},[(!_vm.isActive)?_c('div',{staticClass:\"flashcard-general__content d-flex align-center justify-space-between\",class:{'flex-column': _vm.isMobile}},[(_vm.card.imagen)?_c('FlashcardImageViewer',{attrs:{\"imageSrc\":_vm.card.imagen || 'https://picsum.photos/700/400?random'}}):_vm._e(),(_vm.card.comentario)?_c('p',{staticClass:\"avoid_selection flashcard__comment flex-grow-1 text-justify scrolling scrolling__question w-100 d-flex justify-center align-center\",class:_vm.isSmAndDown ? 'mx-10 text-center': 'px-15'},[_vm._v(_vm._s(_vm.card.comentario))]):_vm._e()],1):_vm._e()])],1),_c('v-slide-x-transition',[(_vm.isActive)?_c('div',{staticClass:\"d-flex align-center justify-space-around span__wraper\"},[_c('FlashcardFeedback',{attrs:{\"labels\":_vm.labels},on:{\"selectState\":_vm.selectState}})],1):_vm._e()])],1)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"d-flex justify-center\",class:{'flex-wrap mb-10': _vm.$vuetify.breakpoint.width < 400 },staticStyle:{\"height\":\"35px\"}},_vm._l((_vm.labels),function(label,index){return _c('v-card',{key:index,staticClass:\"span__footer d-flex justify-center mb-1\",class:{ 'flex-shrink': _vm.$vuetify.breakpoint.width > 400, 'span__footer--easy': label==='Fácil', 'span__footer--normal': label==='Normal', 'span__footer--hard': label==='Difícil', 'span__footer--nose': label==='No lo sé' },staticStyle:{\"text-transform\":\"none !important\"},attrs:{\"text\":\"\"},on:{\"click\":function($event){$event.preventDefault();_vm.selectState(_vm.stateFlashcard(label))}}},[_c('p',{staticClass:\"span__text my-auto avoid_selection\"},[_vm._v(\" \"+_vm._s(label)+\" \")])])}),1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"d-flex justify-center\" :class=\"{'flex-wrap mb-10': $vuetify.breakpoint.width < 400 }\" style=\"height: 35px;\">\n    <v-card\n      text\n      v-for=\"(label, index) in labels\"\n      :key=\"index\"\n      @click.prevent=\"selectState(stateFlashcard(label))\"\n      class=\"span__footer d-flex justify-center mb-1\"\n      :class=\"{ 'flex-shrink': $vuetify.breakpoint.width > 400, 'span__footer--easy': label==='Fácil', 'span__footer--normal': label==='Normal', 'span__footer--hard': label==='Difícil', 'span__footer--nose': label==='No lo sé' }\"\n      style=\"text-transform: none !important;\"\n    >\n      <p class=\"span__text my-auto avoid_selection\">\n        {{ label }}\n      </p>\n    </v-card>\n  </div>\n</template>\n\n<script>\nimport flashcard from '@/mixins/flashcard'\n\nexport default {\n  mixins: [flashcard],\n  name: 'FlashcardFeedback',\n  props: {\n    labels: {\n      type: Array,\n      default: () => []\n    }\n  },\n  methods: {\n    selectState (state) {\n      this.$emit('selectState', state)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.span__footer {\n  border-radius: 10px;\n  width: 128px;\n  height: 100%;\n  margin: 0 3px;\n  &--easy {\n    background: linear-gradient(90deg, #0583DA 0%, #7BB6DF 100%);\n    z-index: 10000!important;\n  }\n  &--normal {\n    background: linear-gradient(90deg, #FFA31A 0%, #FFD18B 100%);\n  }\n  &--hard {\n    background: linear-gradient(90deg, #DA0505 0%, #F77272 100%);\n  }\n  &--nose {\n    background: linear-gradient(90deg, #1FC1D0 0%, #9AE7EE 100%);\n  }\n}\n.span__text {\n  font-size: 16px;\n  line-height: 24px;\n  color: #FFFF;\n}\n@media (max-width: 960px) {\n  .span__footer {\n    width: 78px;\n  }\n  .span__text {\n    font-size: 12px;\n    line-height: 18px;\n  }\n}\n</style>\n","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!./FlashcardFeedback.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!./FlashcardFeedback.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FlashcardFeedback.vue?vue&type=template&id=3104fe09&scoped=true\"\nimport script from \"./FlashcardFeedback.vue?vue&type=script&lang=js\"\nexport * from \"./FlashcardFeedback.vue?vue&type=script&lang=js\"\nimport style0 from \"./FlashcardFeedback.vue?vue&type=style&index=0&id=3104fe09&prod&lang=scss&scoped=true\"\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  \"3104fe09\",\n  null\n  \n)\n\nexport default component.exports","<template>\n<div :class=\"isMobile ? 'mt-0': 'ma-0 mt-3'\">\n  <!-- <p class=\"section__text--title\">Flashcard General</p> -->\n  <v-sheet\n    v-bind=\"$attrs\"\n    class=\"flashcard-general d-flex justify-center align-center transparent\"\n    flat\n  >\n    <div class=\"flashcard-general__inner\" :class=\"flipped ? 'is-flipped': 'flashcard-general__inner'\">\n      <div @click=\"toggleCard\" class=\"d-flex align-center flashcard-general__face flashcard-general__face--front\">\n        <div class=\"flashcard-general__favourite-wrapper\" @click.prevent.stop>\n          <v-card\n            v-if=\"$route.params.tipo!=='mis-flashcards'\"\n            class=\"overflow-hidden d-flex justify-center align-center flashcard-general__favourite\"\n            height=\"40\"\n            width=\"40\"\n            @click.prevent=\"doFavourite\"\n          >\n            <v-img\n              :src=\"isFavourite ? require('@/assets/img/icon/star-filled.svg'): require('@/assets/img/icon/star.svg')\"\n              max-width=\"24\"\n              height=\"24\"\n            />\n          </v-card>\n        </div>\n        <v-img\n          :src=\"require('@/assets/logo-usa.png')\"\n          class=\"flashcard-background\"\n          style=\"position: absolute; left: 20%; right: 20%\"\n          contain\n        >\n        </v-img>\n        <div class=\"d-flex align-center justify-center fill-height flex-grow-1 border\" style=\"z-index: 1; width: 100%; \" :class=\"isMobile ? 'px-10 flex-column mt-10': 'px-15'\">\n          <p class=\"flashcard__text--front text-center avoid_selection\" :class=\"{'simulator': $route.name === 'FlashcardSimulator'}\">\n            {{ card.enunciado }}\n          </p>\n        </div>\n      </div>\n      <div\n        class=\"d-flex align-center flashcard-general__face flashcard-general__face--back\"\n        :class=\"{'test': flipped}\"\n        style=\"z-index: 2 !important;\"\n        @click=\"toggleCard\"\n      >\n\n        <div\n          v-if=\"card.comentario || card.imagen\"\n          style=\"position: absolute; top: 15px; right: 5px; z-index: 3;\"\n          @click.prevent.stop\n        >\n          <v-btn\n            color=\"#0583DA\"\n            class=\"d-flex justify-center align-center showmore__wrapper\"\n            text\n            @click.prevent=\"changeState()\"\n          >\n            <p class=\"pa-0 ma-0 showmore\">\n              Ver más\n            </p>\n            <v-icon>\n              mdi-chevron-right\n            </v-icon>\n          </v-btn>\n        </div>\n        <v-img\n          :src=\"require('@/assets/logo-usa.png')\"\n          class=\"flashcard-background\"\n          style=\"position: absolute; left: 20%; right: 20%; z-index: -1 !important;\"\n          contain\n        >\n        </v-img>\n        <div\n          class=\"d-flex flex-column align-center justify-center fill-height fill-width\"\n          :class=\"isMobile ? 'py-2': 'px-10'\"\n        >\n          <v-scroll-x-transition hide-on-leave>\n            <template v-if=\"isActive\">\n              <div v-if=\"isRichText(card.respuesta)\" :class=\"isMobile ? 'mx-10 ': 'ma-auto'\" v-html=\"card.respuesta\">\n              </div>\n              <div v-else\n                class=\"flashcard__text--back text-center scrolling avoid_selection\" style=\"width: 80%;\"\n                :class=\"isMobile ? 'mx-10 ': 'ma-auto'\"\n              >\n                {{ card.respuesta }}\n              </div>\n            </template>\n          </v-scroll-x-transition>\n          <v-slide-x-transition leave-absolute>\n            <div v-if=\"!isActive\" class=\"flashcard-general__content d-flex align-center justify-space-between\"\n              :class=\"{'flex-column': isMobile}\"\n            >\n              <!-- <v-img\n                v-if=\"card.imagen\"\n                :src=\"card.imagen\"\n                class=\"flashcard-general__img\"\n                :class=\"!isMobile ? 'ma-0': 'my-auto mt-10'\"\n              /> -->\n              <FlashcardImageViewer\n                v-if=\"card.imagen\"\n                :imageSrc=\"card.imagen || 'https://picsum.photos/700/400?random'\"\n              />\n              <p v-if=\"card.comentario\" class=\"avoid_selection flashcard__comment flex-grow-1 text-justify scrolling scrolling__question w-100 d-flex justify-center align-center\"\n                :class=\"isSmAndDown ? 'mx-10 text-center': 'px-15'\"\n              >{{ card.comentario }}</p>\n            </div>\n          </v-slide-x-transition>\n        </div>\n        <v-slide-x-transition>\n          <div\n            v-if=\"isActive\"\n            class=\"d-flex align-center justify-space-around span__wraper\"\n          >\n            <FlashcardFeedback\n              :labels='labels'\n              @selectState=\"selectState\"\n            />\n          </div>\n        </v-slide-x-transition>\n      </div>\n    </div>\n  </v-sheet>\n</div>\n</template>\n\n<script>\nimport vuetifyHelpers from '@/mixins/vuetifyHelpers'\nimport FlashcardFeedback from '@/components/flashcard/FlashcardFeedback'\nimport FlashcardImageViewer from '@/components/flashcard/FlashcardImageViewer'\nimport axios from 'axios'\n\nexport default {\n  mixins: [\n    vuetifyHelpers\n  ],\n  components: {\n    FlashcardImageViewer,\n    FlashcardFeedback\n  },\n  data () {\n    return {\n      isActive: true,\n      labels: ['Fácil', 'Normal', 'Difícil', 'No lo sé'],\n      flashcards: [],\n      state: false,\n      flipped: false,\n      activeState: '',\n      isFavourite: false\n    }\n  },\n  props: {\n    card: {\n      type: Object,\n      default: function () {\n        return {\n          area: '',\n          comentario: '',\n          enunciado: '',\n          especialidad: '',\n          fase: '',\n          id: null,\n          imagen: null,\n          respuesta: '',\n          tags: [],\n          tema: '',\n          es_favorito: false\n        }\n      }\n    }\n  },\n  methods: {\n    toggleCard () {\n      this.flipped = !this.flipped\n    },\n    selectState (state) {\n      this.$emit('selectState', state)\n    },\n    changeState () {\n      this.isActive = !this.isActive\n    },\n    async doFavourite () {\n      try {\n        const response = await axios.post(`api/flashcards/flashcards/${this.card.id}/toggle_favorito/`)\n        this.isFavourite = response.data.es_favorito\n      } catch (e) {\n        this.$root.$confirm({\n          title: 'Ups!',\n          message: e.response,\n          acceptMessage: 'Ok'\n        })\n      }\n    },\n    isRichText (text) {\n      const patronHTML = /<[^>]*>/\n      const coincidencia = text.match(patronHTML)\n      return !!coincidencia\n    }\n  },\n  mounted () {\n    this.isFavourite = this.card.es_favorito\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.simulator {\n  font-size: 24px !important;\n  line-height: 36px !important;\n}\n.h-70 {\n  height: 70% !important;\n}\n.flashcard-general {\n  position: relative;\n  margin-left: auto;\n  margin-right: auto;\n  border-radius: 10px;\n  height: 369px;\n  cursor: pointer;\n  perspective: 3500px;\n  backface-visibility: hidden !important;\n  transition: transform 0.2s !important;\n  width: 100%;\n  &__favourite {\n    background: #FFFFFF !important;\n    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1) !important;\n    border-radius: 10px !important;\n  }\n  &__favourite-wrapper {\n    position: absolute;\n    top: 15px;\n    right: 20px;\n    z-index: 999;\n  }\n  // transform-style: preserve-3d !important;\n  &__img {\n    height: 223px !important;\n    max-width: 223px;\n  }\n  &__content {\n    width: 85%;\n    height: 223px;\n  }\n}\n\n.slide-fade-enter-active {\n  //  transition: all .3s ease;\n}\n\n.scrolling {\n  max-height: calc(90vh - 101px);\n  overflow: auto;\n  -ms-overflow-style: none;\n  /* IE and Edge */\n  scrollbar-width: none;\n  /* Firefox */\n  &__question {\n    height: 190px;\n  }\n}\n.scrolling::-webkit-scrollbar {\n  display: none;\n}\n\n.flashcard-general__inner {\n  position: relative;\n  cursor: pointer;\n  width: 100%;\n  height: 100%;\n  transition: transform 0.8s;\n  transform-style: preserve-3d;\n}\n\n.flashcard-general__inner.is-flipped {\n  transform: rotateY(-180deg) !important;\n}\n\n.flashcard-general__face {\n  position: absolute !important;\n  width: 100%;\n  height: 100%;\n  -webkit-backface-visibility: hidden !important;\n  backface-visibility: hidden !important;\n  overflow: hidden;\n  border-radius: 16px;\n  box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.2);\n  font-weight: 600;\n\n  &--front {\n    background: #FFFFFF;\n    color: #262626;\n  }\n  &--back {\n    background: #FFFFFF;\n    transform: rotateY(180deg)translateZ(1px);\n  }\n}\n.span__wraper {\n  // box-sizing: border-box;\n  position: absolute;\n  border-radius: 10px;\n  bottom: 30px;\n  left: 10%;\n  right: 10%;\n  width: 80%;\n  height: 10% !important;\n  z-index: 9998!important;\n}\n.span__footer {\n  border-radius: 10px;\n  width: 300px;\n  height: 100%;\n  margin: 0 3px;\n  &--easy {\n    border: 1px solid #1FC1D0;\n    z-index: 10000!important;\n  }\n  &--normal {\n    border: 1px solid #0583DA;\n  }\n  &--hard {\n    border: 1px solid #DA0505;\n  }\n  &--nose {\n    border: 1px solid #DA0505;\n  }\n}\n.span__text {\n  font-size: 16px;\n  line-height: 24px;\n  color: #262626;\n}\n\n.showmore {\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 24px;\n  color: #0583DA;\n  &__wrapper {\n    border-radius: 10px;\n    text-transform: none;\n  }\n}\n\n.flashcard-background {\n  opacity: 0.275;\n}\n\n@media (max-width: 1260px) {\n  .showmore {\n    font-size: 14px;\n    line-height: 21px;\n    &__wrapper {\n      background: #FFFFFF;\n      box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);\n    }\n  }\n  .tm {\n    top: 5px !important;\n  }\n  .simulator {\n    font-size: 14px !important;\n    line-height: 21px !important;\n  }\n  .flashcard-general {\n    height: 428px !important;\n    &__img {\n      max-height: 162px !important;\n      width: 162px !important;\n    }\n    &__content {\n      height: 389px;\n    }\n  }\n  .span__footer {\n    width: 78px;\n  }\n  .span__wraper {\n    left: 10%;\n    width: 80%;\n    height: 28px;\n  }\n  .span__text {\n    font-size: 12px;\n    line-height: 18px;\n  }\n  .scrolling {\n    &__question {\n      height: 163px;\n    }\n  }\n}\n\n</style>\n","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!./Flashcard.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!./Flashcard.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Flashcard.vue?vue&type=template&id=777a931d&scoped=true\"\nimport script from \"./Flashcard.vue?vue&type=script&lang=js\"\nexport * from \"./Flashcard.vue?vue&type=script&lang=js\"\nimport style0 from \"./Flashcard.vue?vue&type=style&index=0&id=777a931d&prod&lang=scss&scoped=true\"\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  \"777a931d\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <v-carousel\n    v-bind=\"$attrs\"\n    v-on=\"$listeners\"\n    fluid\n    hide-delimiters\n    :show-arrows=\"false\"\n    light\n    touchless\n    v-model=\"activeId\"\n    class=\"ma-0 pa-0\"\n  >\n    <v-carousel-item\n      v-for=\"(card, index) in flashcards\"\n      :key=\"index\"\n      class=\"ma-0 pa-0\"\n    >\n      <Flashcard\n        :height=\"flashcardHeight\"\n        style=\"width: 96% !important;\"\n        class=\"m-5 mx-auto\"\n        :class=\"{'py-5': $vuetify.breakpoint.mobile}\"\n        :card=\"card\"\n        @selectState=\"selectState\"\n      />\n    </v-carousel-item>\n  </v-carousel>\n</template>\n\n<script>\nimport Flashcard from '@/components/flashcard/Flashcard.vue'\n\nexport default {\n  inheritAttrs: false,\n  name: 'FlashcardsList',\n  components: {\n    Flashcard\n  },\n  props: {\n    flashcards: {\n      type: Array,\n      default: () => []\n    }\n  },\n  data () {\n    return {\n      activeId: 0\n    }\n  },\n  computed: {\n    flashcardHeight () {\n      if (this.$route.name === 'Inicio') {\n        return 369\n      } else {\n        return 412\n      }\n    }\n  },\n  methods: {\n    selectState (state) {\n      this.$emit('selectState', state)\n      this.activeId += 1\n    }\n  }\n}\n</script>\n","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!./FlashcardsList.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!./FlashcardsList.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FlashcardsList.vue?vue&type=template&id=55484160\"\nimport script from \"./FlashcardsList.vue?vue&type=script&lang=js\"\nexport * from \"./FlashcardsList.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","module.exports = __webpack_public_path__ + \"img/ajolito.21db3a4e.svg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheDrawerInfo.vue?vue&type=style&index=0&id=a38b629a&prod&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/logo-usa.ee316f11.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-navigation-drawer',{staticClass:\"d-flex flex-column px-15 justify-center py-8 overflow-hidden\",staticStyle:{\"overflow-y\":\"hidden !important\"},attrs:{\"permanent\":!_vm.$vuetify.breakpoint.smAndDown,\"app\":\"\",\"clipped\":\"\",\"width\":\"349\"},model:{value:(_vm.showDrawerInfo),callback:function ($$v) {_vm.showDrawerInfo=$$v},expression:\"showDrawerInfo\"}},[_c('div',{staticClass:\"scrolldrawer\"},[_c('div',{staticClass:\"mb-5 mx-3 d-flex cursor__pointer\",on:{\"click\":_vm.drawerBack}},[_c('v-btn',{staticClass:\"mr-5\",attrs:{\"icon\":\"\"}},[_c('v-icon',[_vm._v(\"mdi-chevron-left\")])],1),_c('div',{staticClass:\"my-auto\"},[_vm._v(\" Regresar \")])],1),_c('div',[_c('p',{staticClass:\"flashcard__text--body ml-5\"},[_vm._v(\" \"+_vm._s(_vm.tema)+\" \")]),_c('p',{staticClass:\"flashcard__text--subtitle mb-1 ml-5\"},[_vm._v(\" \"+_vm._s(_vm.especialidad)+\" \")]),_c('p',{staticClass:\"flashcard__text--subsubtitle pb-5 ml-5\",staticStyle:{\"border-bottom\":\"1px solid #EFF3F4\"}},[_vm._v(\" \"+_vm._s(_vm.area)+\" \")]),(_vm.$route.name==='FlashcardFavouriteSimulator')?_c('v-img',{staticClass:\"mx-auto\",attrs:{\"src\":require(\"@/assets/mazos/ajolito.svg\"),\"height\":\"177\",\"width\":\"177\"}}):_vm._e(),(_vm.$route.name!=='FlashcardFavouriteSimulator')?_c('FlashcardDescription',{staticClass:\"ml-5\",attrs:{\"flashcardInfo\":_vm.historialResponse}}):_vm._e()],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-navigation-drawer\n    :permanent=\"!$vuetify.breakpoint.smAndDown\"\n    app\n    clipped\n    v-model=\"showDrawerInfo\"\n    width=\"349\"\n    class=\"d-flex flex-column px-15 justify-center py-8 overflow-hidden\"\n    style=\"overflow-y: hidden !important;\"\n  >\n    <div class=\"scrolldrawer\">\n      <div class=\"mb-5 mx-3 d-flex cursor__pointer\" @click=\"drawerBack\">\n        <v-btn icon class=\"mr-5\">\n          <v-icon>mdi-chevron-left</v-icon>\n        </v-btn>\n        <div class=\"my-auto\">\n          Regresar\n        </div>\n      </div>\n      <div>\n        <p class=\"flashcard__text--body ml-5\">\n          {{ tema }}\n        </p>\n        <p class=\"flashcard__text--subtitle mb-1 ml-5\">\n          {{ especialidad }}\n        </p>\n        <p\n          class=\"flashcard__text--subsubtitle pb-5 ml-5\"\n          style=\"border-bottom: 1px solid #EFF3F4;\"\n        >\n          {{ area }}\n        </p>\n        <v-img\n          v-if=\"$route.name==='FlashcardFavouriteSimulator'\"\n          src=\"@/assets/mazos/ajolito.svg\"\n          class=\"mx-auto\"\n          height=\"177\"\n          width=\"177\"\n        />\n        <FlashcardDescription\n          v-if=\"$route.name!=='FlashcardFavouriteSimulator'\"\n          class=\"ml-5\"\n          :flashcardInfo=\"historialResponse\"\n        />\n      </div>\n    </div>\n  </v-navigation-drawer>\n</template>\n\n<script>\nimport FlashcardDescription from '@/components/flashcard/FlashcardDescription'\nimport showDrawer from '@/mixins/showDrawer'\nimport vuetifyHelpers from '@/mixins/vuetifyHelpers'\nimport { mapState } from 'vuex'\n\nexport default {\n  name: 'TheDrawerInfo',\n  mixins: [showDrawer, vuetifyHelpers],\n  components: {\n    FlashcardDescription\n  },\n  props: {\n    area: {\n      type: String,\n      default: ''\n    },\n    especialidad: {\n      type: String,\n      default: ''\n    },\n    tema: {\n      type: String,\n      default: ''\n    }\n  },\n  data () {\n    return {\n      showDrawerInfo: false\n    }\n  },\n  computed: {\n    ...mapState('flashcard', ['historialResponse'])\n  },\n  methods: {\n    drawerBack () {\n      if (this.$vuetify.breakpoint.smAndDown) {\n        this.showDrawer = false\n      } else {\n        if (this.$route.name === 'FlashcardFavouriteSimulator') {\n          this.$router.push('/mazos')\n        } else {\n          this.$router.go(-1)\n        }\n      }\n    }\n  },\n  watch: {\n    $vuetify: {\n      handler (to, from) {\n        if (this.$vuetify.breakpoint.smAndUp) {\n          this.showDrawerInfo = true\n        } else {\n          this.showDrawerInfo = false\n        }\n      },\n      inmediate: true\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.scrolldrawer {\n  max-height: 100% !important;\n  overflow: auto  !important;\n  -ms-overflow-style: none !important;\n  scrollbar-width: none !important;\n}\n.scrolldrawer::-webkit-scrollbar {\n  display: none !important;\n}\n</style>\n","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!./TheDrawerInfo.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!./TheDrawerInfo.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TheDrawerInfo.vue?vue&type=template&id=a38b629a&scoped=true\"\nimport script from \"./TheDrawerInfo.vue?vue&type=script&lang=js\"\nexport * from \"./TheDrawerInfo.vue?vue&type=script&lang=js\"\nimport style0 from \"./TheDrawerInfo.vue?vue&type=style&index=0&id=a38b629a&prod&lang=scss&scoped=true\"\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  \"a38b629a\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"d-inline-flex\"},[_c('p',{staticClass:\"flashcard__text--body mr-1\"},[_vm._v(\"Estado: \")]),_c('p',{staticClass:\"general__text--subtitle\"},[_vm._v(_vm._s(_vm.currentFlashcardPhase))])]),_c('p',{staticClass:\"flashcard__text--body mr-1\"},[_vm._v(\"Repetición espaciada\")]),(_vm.flashcardInfo.length)?[_c('v-slide-y-transition',[_c('p',{staticClass:\"general__text--subtitle\"},[_vm._v(\"Última vez visto\")])])]:[_c('v-slide-y-transition',[_c('p',{staticClass:\"general__text--subtitle\"},[_vm._v(\"No has visto esta flashcard antes.\")])])],_c('transition-group',{attrs:{\"name\":\"list\",\"mode\":\"out-in\"}},_vm._l((_vm.flashcardInfo),function(response){return _c('div',{key:response.id,staticClass:\"d-flex general__text--subtitle list-item\"},[_c('p',{staticStyle:{\"flex-basis\":\"21%\"}},[_vm._v(_vm._s(_vm.day(response.fecha_respuesta))+\"/\"+_vm._s(_vm.month(response.fecha_respuesta)))]),_c('p',{class:{'text--easy': response.respuesta==='FACIL', 'text--normal': response.respuesta==='NORMAL', 'text--hard': response.respuesta==='DIFICIL' }},[_vm._v(\" - \"+_vm._s(_vm.descriptionFlashcard(response.respuesta)))])])}),0)],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"d-inline-flex\">\n      <p class=\"flashcard__text--body mr-1\">Estado: </p>\n      <p class=\"general__text--subtitle\">{{ currentFlashcardPhase }}</p>\n    </div>\n    <p class=\"flashcard__text--body mr-1\">Repetición espaciada</p>\n    <template v-if=\"flashcardInfo.length\">\n      <v-slide-y-transition>\n        <p class=\"general__text--subtitle\">Última vez visto</p>\n\n      </v-slide-y-transition>\n\n    </template>\n    <template v-else>\n      <v-slide-y-transition>\n        <p class=\"general__text--subtitle\">No has visto esta flashcard antes.</p>\n      </v-slide-y-transition>\n    </template>\n    <transition-group\n      name=\"list\"\n      mode=\"out-in\"\n    >\n      <div\n        v-for=\"(response) in flashcardInfo\"\n        :key=\"response.id\"\n        class=\"d-flex general__text--subtitle list-item\"\n      >\n        <p style=\"flex-basis: 21%;\">{{ day(response.fecha_respuesta) }}/{{ month(response.fecha_respuesta) }}</p>\n        <p\n          :class=\"{'text--easy': response.respuesta==='FACIL', 'text--normal': response.respuesta==='NORMAL', 'text--hard': response.respuesta==='DIFICIL' }\">\n          - {{ descriptionFlashcard(response.respuesta) }}</p>\n      </div>\n    </transition-group>\n  </div>\n</template>\n\n<script>\nimport flashcard from '@/mixins/flashcard'\nimport { mapGetters } from 'vuex'\n\nexport default {\n  mixins: [flashcard],\n  name: 'FlashcardDescription',\n  props: {\n    flashcardInfo: {\n      type: Array,\n      default: () => []\n    }\n  },\n  computed: {\n    ...mapGetters('flashcard', ['currentFlashcardPhase'])\n  },\n  methods: {\n    day (date) {\n      return new Date(date).getUTCDate()\n    },\n    month (date) {\n      return new Date(date).getUTCMonth() + 1\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.list-item {\n  display: inline-flex;\n  margin-right: 0;\n}\n\n.list-enter-active, .list-leave-active {\n  transition: all 0.3s;\n}\n\n.list-enter, .list-leave-to /* .list-leave-active below version 2.1.8 */\n{\n  opacity: 0;\n  transform: translateY(30px);\n}\n</style>\n","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!./FlashcardDescription.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!./FlashcardDescription.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FlashcardDescription.vue?vue&type=template&id=409e2722&scoped=true\"\nimport script from \"./FlashcardDescription.vue?vue&type=script&lang=js\"\nexport * from \"./FlashcardDescription.vue?vue&type=script&lang=js\"\nimport style0 from \"./FlashcardDescription.vue?vue&type=style&index=0&id=409e2722&prod&lang=scss&scoped=true\"\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  \"409e2722\",\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/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!./FlashcardHeader.vue?vue&type=style&index=0&id=213685ba&prod&lang=css\""],"sourceRoot":""}