{"version":3,"sources":["webpack:///./src/assets/img/icon/maskGroup.svg","webpack:///./src/assets/img/icon/VectorLeft.svg","webpack:///./src/views/Class/ClassUnlockBadge.vue?4657","webpack:///src/views/Class/ClassUnlockBadge.vue","webpack:///./src/views/Class/ClassUnlockBadge.vue?d59d","webpack:///./src/views/Class/ClassUnlockBadge.vue","webpack:///./src/views/Class/ClassUnlockBadge.vue?ce43"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","_v","on","$event","OpenClaimPopup","GoBack","ClaimModal","staticRenderFns","data","methods","GoToChangeName","$router","push","GoToChangeGrade","GoToChangeExam","GoToAddMoreSubject","back","component"],"mappings":"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","file":"js/chunk-0532caf2.2a5e5545.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/maskGroup.aa2f51a3.svg\";","module.exports = __webpack_public_path__ + \"img/VectorLeft.3808b713.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"c-app flex-row align-items-center\"},[_c('CContainer',{staticClass:\"p-0\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('div',{staticClass:\"container-box center\"},[_c('div',{staticClass:\"text-left\"},[_c('div',{staticClass:\"card-custom-web\"},[_c('br'),_c('div',{staticClass:\"text-center\"},[_c('img',{staticStyle:{\"width\":\"20%\"},attrs:{\"src\":require(\"../../assets/img/icon/maskGroup.svg\")}}),_c('div',{staticClass:\"mt-2 sub-title-card text-black\",staticStyle:{\"color\":\"#000a2c\"}},[_vm._v(\" Mad Scientist \")])]),_c('br'),_c('br'),_c('div',{staticClass:\"list-grade\"},[_c('div',{staticClass:\"float-left\"},[_c('label',{staticClass:\"ml-3\"},[_vm._v(\"Unlock Your Badge\")]),_c('br'),_c('label',{staticClass:\"ml-3 sub-title-card text-black\"},[_vm._v(\"You will get 1000 bonus points this month if\"),_c('br'),_vm._v(\" you complete this challenge. \")])]),_c('div',{staticStyle:{\"clear\":\"both\"}})]),_c('br'),_c('div',{staticClass:\"list-grade\"},[_c('div',{staticClass:\"float-left\"},[_c('label',{staticClass:\"ml-3 text-muted\"},[_vm._v(\"Completed Math Quiz so far\")]),_c('br'),_c('h1',{staticClass:\"text-black ml-3\"},[_vm._v(\"10/10 Quiz\")])]),_c('div',{staticStyle:{\"clear\":\"both\"}})])])])])]),_c('div',{staticClass:\"bottom-center mt-5\"},[_c('CButton',{staticClass:\"btn-select-blue mt-5\",on:{\"click\":function($event){return _vm.OpenClaimPopup()}}},[_vm._v(\"Claim Rewards\")])],1),_c('div',{staticClass:\"header-top\"},[_vm._v(\"Yusoff\\\"s Badge\")]),_c('div',{staticClass:\"header-left\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/icon/VectorLeft.svg\")},on:{\"click\":function($event){return _vm.GoBack()}}})]),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('CModal',{attrs:{\"size\":\"md\",\"show\":_vm.ClaimModal},on:{\"update:show\":function($event){_vm.ClaimModal=$event}}},[_c('div',{staticClass:\"text-center\"},[_c('h3',{staticClass:\"custom-title-popup\",staticStyle:{\"color\":\"#000a2c\"}},[_vm._v(\"Confirm Claim\")]),_c('br')]),_c('div',{staticClass:\"text-center\"},[_c('h4',{staticClass:\"sub-title-header\",staticStyle:{\"color\":\"#000a2c\"}},[_vm._v(\" You are claiming \"),_c('br'),_c('strong',{staticStyle:{\"color\":\"blue\"}},[_vm._v(\"1000 bonus points\")]),_c('br'),_vm._v(\" for your bonus challenge. \")]),_c('br')]),_c('div',{staticClass:\"text-center\"},[_c('CButton',{staticClass:\"btn-select-blue mt-5\"},[_vm._v(\"Confirm\")])],1),_c('div',{staticClass:\"text-center\"},[_c('CButton',{staticClass:\"btn-select-white mt-2\"},[_vm._v(\"Cancel\")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"c-app flex-row align-items-center\">\n    <CContainer style=\"display: flex; justify-content: center\" class=\"p-0\">\n      <div class=\"container-box center\">\n        <div class=\"text-left\">\n          <div class=\"card-custom-web\">\n            <br />\n\n            <div class=\"text-center\">\n              <img\n                src=\"../../assets/img/icon/maskGroup.svg\"\n                style=\"width: 20%\"\n              />\n              <div\n                class=\"mt-2 sub-title-card text-black\"\n                style=\"color: #000a2c\"\n              >\n                Mad Scientist\n              </div>\n            </div>\n            <br />\n            <br />\n            <div class=\"list-grade\">\n              <div class=\"float-left\">\n                <label class=\"ml-3\">Unlock Your Badge</label>\n                <br />\n                <label class=\"ml-3 sub-title-card text-black\"\n                  >You will get 1000 bonus points this month if<br />\n                  you complete this challenge.\n                </label>\n              </div>\n              <div style=\"clear: both\"></div>\n            </div>\n            <br />\n            <div class=\"list-grade\">\n              <div class=\"float-left\">\n                <label class=\"ml-3 text-muted\"\n                  >Completed Math Quiz so far</label\n                >\n                <br />\n                <h1 class=\"text-black ml-3\">10/10 Quiz</h1>\n              </div>\n              <div style=\"clear: both\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </CContainer>\n    <div class=\"bottom-center mt-5\">\n      <CButton class=\"btn-select-blue mt-5\" @click=\"OpenClaimPopup()\"\n        >Claim Rewards</CButton\n      >\n    </div>\n    <div class=\"header-top\">Yusoff\"s Badge</div>\n    <div class=\"header-left\">\n      <img src=\"../../assets/img/icon/VectorLeft.svg\" @click=\"GoBack()\" />\n    </div>\n    <div style=\"clear: both\"></div>\n    <CModal size=\"md\" :show.sync=\"ClaimModal\">\n      <div class=\"text-center\">\n        <h3 class=\"custom-title-popup\" style=\"color: #000a2c\">Confirm Claim</h3>\n        <br />\n      </div>\n      <div class=\"text-center\">\n        <h4 class=\"sub-title-header\" style=\"color: #000a2c\">\n          You are claiming <br />\n          <strong style=\"color:blue\">1000 bonus points</strong><br />\n          for your bonus challenge.\n        </h4>\n        <br />\n      </div>\n      <div class=\"text-center\">\n        <CButton class=\"btn-select-blue mt-5\">Confirm</CButton>\n      </div>\n      <div class=\"text-center\">\n        <CButton class=\"btn-select-white mt-2\">Cancel</CButton>\n      </div>\n    </CModal>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      ClaimModal: false,\n    };\n  },\n  methods: {\n    OpenClaimPopup() {\n      this.ClaimModal = true;\n    },\n    GoToChangeName() {\n      this.$router.push(\"/ParentProfile/ChangeName\");\n    },\n    GoToChangeGrade() {\n      this.$router.push(\"/ParentProfile/ChangeGrade\");\n    },\n    GoToChangeExam() {\n      this.$router.push(\"/ParentProfile/ChangeExam\");\n    },\n    GoToAddMoreSubject() {\n      this.$router.push(\"/ParentProfile/AddMoreSubjects\");\n    },\n    GoBack() {\n      this.$router.back();\n    },\n  },\n};\n</script>\n\n<style scoped>\n@import url(\"https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins&display=swap\");\n\ninput {\n  border-bottom: 2px solid #dbdbdb;\n  background: none;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  width: 90%;\n}\n\ninput ::placeholder {\n  color: #e0e0e0;\n}\n\n::placeholder {\n  /* Chrome, Firefox, Opera, Safari 10.1+ */\n  color: #e0e0e0;\n}\n.c-app {\n  background: linear-gradient(286.01deg, #5bc4ff 7.93%, #0085ff 96.74%);\n}\n.custom-bg-color {\n  background: linear-gradient(286.01deg, #5bc4ff 7.93%, #0085ff 96.74%);\n  /* Clickable/Light */\n\n  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);\n  border-radius: 8px;\n  margin: 0px 20px;\n  display: flex;\n  justify-content: center;\n}\nbody {\n  font-family: \"Montserrat\", sans-serif;\n}\n\n.class-teach-name {\n  padding: 4px 1px;\n  top: 45px;\n  /* height: 40px; */\n\n  font-family: \"Montserrat\";\n  font-style: normal;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 20px;\n\n  /* Pure/White */\n\n  color: #ffffff;\n\n  /* Inside auto layout */\n\n  /* flex: none;\n  order: 0;\n  flex-grow: 0; */\n}\n.custom-btn-add {\n  font-family: \"Montserrat\";\n  font-style: normal;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 150%;\n\n  color: #007cef;\n}\n.custom-btn-deactive {\n  position: absolute;\n  left: 0%;\n  right: 0.61%;\n  top: 0%;\n  bottom: 0%;\n\n  /* Body/1/Semibold */\n\n  font-family: \"Montserrat\";\n  font-style: normal;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 150%;\n  /* identical to box height, or 24px */\n\n  color: #f85954;\n}\n.custom-text-deactive {\n  position: absolute;\n  width: 162px;\n  height: 22px;\n  left: 107px;\n  top: 25px;\n\n  /* Title/1/Semibold */\n\n  font-family: \"Montserrat\";\n  font-style: normal;\n  font-weight: 600;\n  font-size: 18px;\n  line-height: 22px;\n  /* identical to box height */\n\n  text-align: center;\n\n  /* Black/Dark-001 */\n\n  color: #000a2c;\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClassUnlockBadge.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClassUnlockBadge.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ClassUnlockBadge.vue?vue&type=template&id=5a1bfbe4&scoped=true&\"\nimport script from \"./ClassUnlockBadge.vue?vue&type=script&lang=js&\"\nexport * from \"./ClassUnlockBadge.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ClassUnlockBadge.vue?vue&type=style&index=0&id=5a1bfbe4&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  \"5a1bfbe4\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClassUnlockBadge.vue?vue&type=style&index=0&id=5a1bfbe4&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClassUnlockBadge.vue?vue&type=style&index=0&id=5a1bfbe4&scoped=true&lang=css&\""],"sourceRoot":""}