{"version":3,"sources":["webpack:///./src/components/profileComps/studentprofile/TopicBlock.vue?ec61","webpack:///./src/components/profileComps/studentprofile/TopicBlock.vue?a206","webpack:///src/components/profileComps/studentprofile/TopicBlock.vue","webpack:///./src/components/profileComps/studentprofile/TopicBlock.vue?9034","webpack:///./src/components/profileComps/studentprofile/TopicBlock.vue","webpack:///./src/components/profileComps/studentprofile/ClassRank.vue?774c","webpack:///./src/components/profileComps/studentprofile/ClassRank.vue?8aa5","webpack:///src/components/profileComps/studentprofile/ClassRank.vue","webpack:///./src/components/profileComps/studentprofile/ClassRank.vue?d9f5","webpack:///./src/components/profileComps/studentprofile/ClassRank.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","color_code","_v","_s","topic","staticRenderFns","name","props","status","data","watch","mounted","methods","assignColor","component","_l","index","key","ranking","rankPosition","classPosition","stateRanking","stateName","rank_success","rank_error","success_list","error_list","rank_list","evaluateRank"],"mappings":"sHAAA,W,kECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,uEAAuE,CAACF,EAAG,OAAO,CAACE,YAAY,+CAA+CC,MAAMP,EAAIQ,YAAY,CAACR,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,aACzSC,EAAkB,GCYP,GACfC,kBAEAC,OACAH,aACAI,eAGAC,KARA,WASA,OACAR,gBAIAS,OACAF,sBAGAG,QAlBA,WAmBA,oBAGAC,SACAC,YADA,WAEA,sBACA,8BACA,wBACA,gCACA,2BACA,qCC1CkX,I,wBCQ9WC,EAAY,eACd,EACAtB,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAS,E,sECnBf,W,0CCAA,IAAItB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,oDAAoD,CAACN,EAAIS,GAAG,oBAAoBL,EAAG,MAAM,CAACE,YAAY,kBAAkBN,EAAIsB,GAAItB,EAAa,WAAE,SAASgB,EAAKO,GAAO,OAAOnB,EAAG,OAAO,CAACoB,IAAID,EAAMhB,MAAM,CAC7X,YAATS,EACI,uCACA,mDAAmD,GAAGZ,EAAG,MAAM,CAACE,YAAY,gDAAgD,CAACN,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIyB,QAAQC,cAAc,KAAKtB,EAAG,OAAO,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIyB,QAAQE,kBAAkB3B,EAAIS,GAAG,KAAKT,EAAIU,GAAGV,EAAIyB,QAAQG,aAAe5B,EAAIyB,QAAQI,UAAY,cAAc,YACnUjB,EAAkB,GC2BP,G,UAAA,CACfC,iBAEAC,OACAW,gBAGAT,KAPA,WAQA,OACAc,gBACAC,cACAC,gBACAC,cACAC,eAIAjB,OACAQ,wBAGAP,QArBA,WAsBA,qBAGAC,SACAgB,aADA,WAEA,yDACA,iCACA,kCAGA,2BACA,yBAGA,oCACA,kCAIA,kCACA,8BAGA,qCACA,yDAEA,6DC/EiX,I,wBCQ7Wd,EAAY,eACd,EACAtB,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAS,E","file":"js/PerformanceSummary.d17a1b38.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopicBlock.vue?vue&type=style&index=0&id=00e6dd16&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex justify-content-start align-items-start flex-wrap fadeInDown\"},[_c('span',{staticClass:\"topic rounded-25 text-left color_ash px-auto\",class:_vm.color_code},[_vm._v(_vm._s(_vm.topic))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"d-flex justify-content-start align-items-start flex-wrap fadeInDown\"\r\n  >\r\n    <span\r\n      class=\"topic rounded-25 text-left color_ash px-auto\"\r\n      :class=\"color_code\"\r\n      >{{ topic }}</span\r\n    >\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"TopicBlock\",\r\n\r\n  props: {\r\n    topic: String,\r\n    status: String,\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      color_code: \"\",\r\n    };\r\n  },\r\n\r\n  watch: {\r\n    status: \"assignColor\",\r\n  },\r\n\r\n  mounted() {\r\n    this.assignColor();\r\n  },\r\n\r\n  methods: {\r\n    assignColor() {\r\n      if (this.status === \"excel\") {\r\n        this.color_code = \"excel_color\";\r\n      } else if (this.status === \"average\") {\r\n        this.color_code = \"average_color\";\r\n      } else if (this.status === \"struggle\") {\r\n        this.color_code = \"struggle_color\";\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.excel_color {\r\n  background: rgba(96, 210, 176, 0.25);\r\n}\r\n\r\n.average_color {\r\n  background: #e5e5e5;\r\n}\r\n\r\n.struggle_color {\r\n  background: rgba(254, 116, 125, 0.25);\r\n}\r\n\r\n.topic {\r\n  margin-right: 10px;\r\n  margin-bottom: 10px;\r\n  padding: 10px 20px;\r\n  white-space: wrap;\r\n  word-wrap: normal;\r\n  font-size: 12.5px;\r\n  line-height: 19px;\r\n\r\n  @include breakpoint_max(lg) {\r\n    font-size: 10px;\r\n  }\r\n\r\n  @include breakpoint_max(md) {\r\n    font-size: 12px;\r\n  }\r\n\r\n  @include breakpoint_max(sm) {\r\n    font-size: 11px;\r\n  }\r\n\r\n  @include breakpoint_max(xs) {\r\n    font-size: 10.5px;\r\n  }\r\n}\r\n</style>\r\n","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!./TopicBlock.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!./TopicBlock.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopicBlock.vue?vue&type=template&id=00e6dd16&scoped=true&\"\nimport script from \"./TopicBlock.vue?vue&type=script&lang=js&\"\nexport * from \"./TopicBlock.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TopicBlock.vue?vue&type=style&index=0&id=00e6dd16&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  \"00e6dd16\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ClassRank.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"class-rank-indicator\"},[_c('div',{staticClass:\"class-rank\"},[_c('div',{staticClass:\"title color_grey_dark text-uppercase text-center\"},[_vm._v(\" Current Rank \")]),_c('div',{staticClass:\"rank-indicator\"},_vm._l((_vm.rank_list),function(data,index){return _c('span',{key:index,class:[\n          data === 'success'\n            ? 'icon-user-fill font-25 brand_inverse'\n            : 'icon-user-outline font-25 border_grey_dark' ]})}),0),_c('div',{staticClass:\"rank-description text-center color_grey_dark\"},[_vm._v(\" \"+_vm._s(_vm.ranking.rankPosition)+\" \"),_c('span',[_vm._v(_vm._s(_vm.ranking.classPosition))]),_vm._v(\"% \"+_vm._s(_vm.ranking.stateRanking ? _vm.ranking.stateName : \"Nationwide\")+\" \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"class-rank-indicator\">\r\n    <div class=\"class-rank\">\r\n      <div class=\"title color_grey_dark text-uppercase text-center\">\r\n        Current Rank\r\n      </div>\r\n\r\n      <!-- RANK INDICATOR -->\r\n      <div class=\"rank-indicator\">\r\n        <span\r\n          v-for=\"(data, index) in rank_list\"\r\n          :key=\"index\"\r\n          :class=\"[\r\n            data === 'success'\r\n              ? 'icon-user-fill font-25 brand_inverse'\r\n              : 'icon-user-outline font-25 border_grey_dark',\r\n          ]\"\r\n        ></span>\r\n      </div>\r\n\r\n      <!-- RANK DESCRIPTION -->\r\n      <div class=\"rank-description text-center color_grey_dark\">\r\n        {{ ranking.rankPosition }}\r\n        <span>{{ ranking.classPosition }}</span\r\n        >% {{ ranking.stateRanking ? ranking.stateName : \"Nationwide\" }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"ClassRank\",\r\n\r\n  props: {\r\n    ranking: Object,\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      rank_success: \"\",\r\n      rank_error: \"\",\r\n      success_list: [],\r\n      error_list: [],\r\n      rank_list: \"\",\r\n    };\r\n  },\r\n\r\n  watch: {\r\n    ranking: \"evaluateRank\",\r\n  },\r\n\r\n  mounted() {\r\n    this.evaluateRank();\r\n  },\r\n\r\n  methods: {\r\n    evaluateRank() {\r\n      this.rank_data = Math.round(this.ranking.classPosition / 10);\r\n      this.rank_success = this.rank_data;\r\n      this.rank_error = 10 - this.rank_data;\r\n\r\n      // EMPTY ARRAY\r\n      this.success_list.length = 0;\r\n      this.error_list.length = 0;\r\n\r\n      // PUSH SUCCESS\r\n      for (let i = 0; i < this.rank_success; i++) {\r\n        this.success_list.push(\"success\");\r\n      }\r\n\r\n      // PUSH FAILED\r\n      for (let j = 0; j < this.rank_error; j++) {\r\n        this.error_list.push(\"error\");\r\n      }\r\n\r\n      if (this.ranking.rankPosition === \"Bottom\") {\r\n        this.rank_list = this.error_list.concat(this.success_list);\r\n      } else {\r\n        this.rank_list = this.success_list.concat(this.error_list);\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.class-rank-indicator {\r\n  margin-top: 30px;\r\n\r\n  .title {\r\n    font-size: 12px !important;\r\n    line-height: 16px;\r\n    letter-spacing: 0.02em;\r\n\r\n    @include breakpoint_max(sm) {\r\n      font-size: 11.5px !important;\r\n    }\r\n  }\r\n\r\n  .rank-indicator {\r\n    margin-top: -28px;\r\n    margin-bottom: 4px;\r\n\r\n    @include breakpoint_max(xl) {\r\n      span {\r\n        font-size: 18px;\r\n      }\r\n    }\r\n\r\n    @include breakpoint_max(lg) {\r\n      span {\r\n        font-size: 17px !important;\r\n      }\r\n    }\r\n\r\n    @include breakpoint_max(md) {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n      @include flex_row_center_nowrap;\r\n\r\n      span {\r\n        font-size: 25px !important;\r\n      }\r\n    }\r\n\r\n    @include breakpoint_max(sm) {\r\n      font-size: 16.5px !important;\r\n    }\r\n  }\r\n\r\n  .rank-description {\r\n    font-size: 14px;\r\n    line-height: 19px;\r\n    letter-spacing: 0.05em;\r\n\r\n    @include breakpoint_max(sm) {\r\n      font-size: 12.5px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","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!./ClassRank.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!./ClassRank.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ClassRank.vue?vue&type=template&id=4f862a8c&\"\nimport script from \"./ClassRank.vue?vue&type=script&lang=js&\"\nexport * from \"./ClassRank.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ClassRank.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}