{"version":3,"sources":["webpack:///./src/modules/portaladministrativo/ExamTest/Components/TimeCounter.vue","webpack:///src/modules/portaladministrativo/ExamTest/Components/TimeCounter.vue","webpack:///./src/modules/portaladministrativo/ExamTest/Components/TimeCounter.vue?0494","webpack:///./src/modules/portaladministrativo/ExamTest/Components/TimeCounter.vue?d04a","webpack:///./src/modules/portaladministrativo/ExamTest/Components/TimeCounter.vue?c216"],"names":["_c","_self","staticClass","_vm","_s","attrs","percentage","style","concat","staticRenderFns","props","assestmentTime","type","Number","default","assestmentType","String","validator","value","data","time","moment","duration","asMilliseconds","initialTime","graceTime","interval","computed","timeToDisplay","hours","minutes","seconds","loaderColor","methods","countDown","_this","asMinutes","Math","round","clearInterval","$emit","clock","setInterval","mounted","beforeDestroy","component"],"mappings":"yIAA4CA,EAAOC,WAAS,MAAU,KAAOC,UAAY,GAAwB,OAAM,QAAM,CAACA,YAAY,0BAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAmB,CAACF,EAAG,MAAM,CAAEE,YAAY,mBAAS,CAACC,EAAG,OAAQC,CAAiGC,YAAM,S,CAAC,KAAO,EAACF,GAAIG,kEAAU,U,MAAC,CAAwB,MAAO,EAAE,WAAC,MAAQ,cAAC,QAAI,MAAO,MAAmCC,GAAK,QAAAC,CAA+B,YAAaJ,gBACzf,uCACGK,WAAe,EAAK,uB,gDCaxB,GACAC,MAAA,CACAC,eAAA,CAAAC,KAAAC,OAAAC,QAAA,IACAC,eAAA,CACAH,KAAAI,OACAF,QAAA,UACAG,UAAA,SAAAC,GACA,gBAAAA,GACA,YAAAA,GACA,YAAAA,GACA,iBAAAA,KAIAC,KAAA,WACA,OACAC,KAAAC,IAAAC,SAAA,KAAAX,eAAA,KAAAI,gBAAAQ,iBACAjB,WAAA,EACAkB,YAAA,EACAC,WAAA,EACAC,SAAA,OAGAC,SAAA,CACAC,cAAA,WACA,IAAAC,EAAAR,IAAAC,SAAA,KAAAF,MAAAS,QACAC,EAAAT,IAAAC,SAAA,KAAAF,MAAAU,UACAC,EAAAV,IAAAC,SAAA,KAAAF,MAAAW,UACA,OAAAF,EAAA,GAAArB,OACAqB,EAAA,KAAArB,OAAAsB,EAAA,KAAAtB,OAAAuB,GAAA,GAAAvB,OACAsB,EAAA,KAAAtB,OAAAuB,IAEAC,YAAA,WACA,YAAAZ,MAAA,WAAAA,KAAA,cACA,KAAAA,MAAA,0BAGAa,QAAA,CACAC,UAAA,eAAAC,EAAA,KACAf,EAAA,KAAAA,KACA,kBACAA,GAAA,IACAe,EAAAf,OACA,IAAAE,EAAAD,IAAAC,SAAAF,GAAAgB,YAEAD,EAAAV,UACAU,EAAA7B,WAAA+B,KAAAC,OAAAH,EAAAX,YAAAF,GAAAa,EAAAX,YAAA,KADAW,EAAA7B,WAAA,IAAA+B,KAAAC,OAAAH,EAAAX,YAAAF,GAAAa,EAAAX,YAAA,MAGAJ,GAAAe,EAAAV,WACAc,cAAAJ,EAAAT,UACAS,EAAAK,MAAA,iBACApB,GAAAe,EAAAV,YACAL,EAAA,IACAe,EAAAf,OACAe,EAAAX,YAAAH,IAAAC,SAAAF,GAAAgB,YACAD,EAAAV,WAAA,GAGAU,EAAAK,MAAA,eAAAL,EAAAf,QAGAqB,MAAA,WACA,KAAAjB,cAAA,KAAAA,YAAAH,IAAAC,SAAA,KAAAF,MAAAgB,aACA,KAAAV,SAAAgB,YAAA,KAAAR,YAAA,OAGAS,QAAA,WACA,KAAAF,SAEAG,cAAA,WACAL,cAAA,KAAAb,YCrFiY,I,wBCQ7XmB,EAAY,eACd,EACA,EACApC,GACA,EACA,KACA,WACA,MAIa,aAAAoC,E,sECnBf","file":"@/assets/js/chunk-75fe8f26.61a177e3.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"time-counter-container\"},[_c('div',{staticClass:\"time-counter\"},[_c('div',{staticClass:\"progress-loader\"},[_c('span',{staticClass:\"label\"},[_vm._v(_vm._s(_vm.$t('modules.exams.assestment.studentInformation.timeLabel')))]),_c('v-progress-circular',{attrs:{\"value\":_vm.percentage,\"color\":_vm.loaderColor,\"size\":30,\"width\":8}})],1),_c('div',{staticClass:\"progress-time\",style:(`color: ${_vm.loaderColor}`)},[_vm._v(_vm._s(_vm.timeToDisplay))])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"time-counter-container\">\n        <div class=\"time-counter\">\n            <div class=\"progress-loader\">\n                <span class=\"label\">{{ $t('modules.exams.assestment.studentInformation.timeLabel') }}</span>\n                <v-progress-circular :value=\"percentage\" :color=\"loaderColor\" :size=\"30\" :width=\"8\"></v-progress-circular>\n            </div>\n            <div class=\"progress-time\" :style=\"`color: ${loaderColor}`\">{{ timeToDisplay }}</div>\n        </div>\n    </div>\n</template>\n\n<script>\n    import moment from 'moment';\n\n    export default {\n        props: {\n            assestmentTime: {type: Number, default: 60},\n            assestmentType: {\n                type: String,\n                default: 'minutes',\n                validator(value) {\n                    return value === 'hours'\n                        || value === 'minutes'\n                        || value === 'seconds'\n                        || value === 'milliseconds';\n                }\n            }\n        },\n        data() {\n            return {\n                time: moment.duration(this.assestmentTime, this.assestmentType).asMilliseconds(),\n                percentage: 0,\n                initialTime: 0,\n                graceTime: false,\n                interval: null,\n            }\n        },\n        computed: {\n            timeToDisplay() {\n                const hours = moment.duration(this.time).hours();\n                const minutes = moment.duration(this.time).minutes();\n                const seconds = moment.duration(this.time).seconds();\n                return hours\n                    ? `${hours}:${minutes}:${seconds}`\n                    : `${minutes}:${seconds}`;\n            },\n            loaderColor() {\n                return this.time <= 45000 && this.time > 30000 ? '#F9A825'\n                    : (this.time <= 30000 ? '#B71C1C' : '#012169');\n            }\n        },\n        methods: {\n            countDown() {\n                let {time} = this;\n                return () => {\n                    time -= 1000;\n                    this.time = time;\n                    const duration = moment.duration(time).asMinutes();\n\n                    if (!this.graceTime) this.percentage = 100 - Math.round((this.initialTime - duration) / this.initialTime * 100);\n                    else this.percentage = Math.round((this.initialTime - duration) / this.initialTime * 100);\n\n                    if (!time && this.graceTime) {\n                        clearInterval(this.interval);\n                        this.$emit('time-over', true);\n                    } else if (!time && !this.graceTime) {\n                        time = 60000;\n                        this.time = time;\n                        this.initialTime = moment.duration(time).asMinutes();\n                        this.graceTime = true;\n                    }\n\n                    this.$emit('current-time', this.time);\n                }\n            },\n            clock() {\n                if (!this.initialTime) this.initialTime = moment.duration(this.time).asMinutes()\n                this.interval = setInterval(this.countDown(), 1000);\n            }\n        },\n        mounted() {\n            this.clock();\n        },\n        beforeDestroy() {\n            clearInterval(this.interval)\n        }\n    }\n</script>\n\n<style lang=\"sass\" scoped>\n    .time-counter-container\n        display: flex\n        flex-direction: column\n        padding-bottom: .5rem\n\n        .time-counter\n            display: flex\n            flex-direction: row\n            align-items: center\n            justify-content: center\n\n            .progress-loader\n                margin-right: 1rem\n\n                .label\n                    font-weight: bold\n                    color: rgba(0, 0, 0, 0.87)\n                    margin-right: 1rem\n\n            .progress-time\n                font-size: 27px\n                color: var(--v-primary-base)\n                font-weight: bold\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!./TimeCounter.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!./TimeCounter.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TimeCounter.vue?vue&type=template&id=411ed1d7&scoped=true\"\nimport script from \"./TimeCounter.vue?vue&type=script&lang=js\"\nexport * from \"./TimeCounter.vue?vue&type=script&lang=js\"\nimport style0 from \"./TimeCounter.vue?vue&type=style&index=0&id=411ed1d7&prod&lang=sass&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  \"411ed1d7\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TimeCounter.vue?vue&type=style&index=0&id=411ed1d7&prod&lang=sass&scoped=true\""],"sourceRoot":""}