{"version":3,"sources":["webpack:///./src/components/schoolComps/dashboard/parent/ChildListCard.vue?595e","webpack:///src/components/schoolComps/dashboard/parent/ChildListCard.vue","webpack:///./src/components/schoolComps/dashboard/parent/ChildListCard.vue?bfd0","webpack:///./src/components/schoolComps/dashboard/parent/ChildListCard.vue","webpack:///./src/components/schoolComps/dashboard/parent/ChildListCard.vue?1949"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","goToProfile","directives","name","rawName","value","expression","attrs","child_name","class","setAvatarBg","_v","_s","getInitial","class_name","staticRenderFns","props","data","account_type","computed","methods","generateId","id","component"],"mappings":"wHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,0CAA0CC,GAAG,CAAC,MAAQP,EAAIQ,cAAc,CAACJ,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAAEN,EAAO,IAAEI,EAAG,MAAM,CAACK,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOZ,EAAO,IAAEa,WAAW,QAAQP,YAAY,aAAaQ,MAAM,CAAC,IAAMd,EAAIe,cAAcX,EAAG,MAAM,CAACE,YAAY,oDAAoDU,MAAMhB,EAAIiB,aAAa,CAACjB,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGnB,EAAIoB,YAAY,SAAShB,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,oCAAoC,CAACN,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAIe,eAAeX,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACN,EAAIkB,GAAGlB,EAAImB,GAAGnB,EAAIqB,sBAC1uBC,EAAkB,G,wDC0BP,GACfZ,qBAEAa,6CAEAC,KALA,WAMA,OACAC,8CAIAC,UACAN,WADA,WAEA,wCAGAH,YALA,WAMA,yCAIAU,SACAC,WADA,SACAC,GACA,+CAGArB,YALA,WAMA,6BACA,kBADA,+BACA,8BCvDoY,I,wBCQhYsB,EAAY,eACd,EACA/B,EACAuB,GACA,EACA,KACA,KACA,MAIa,aAAAQ,E,2CCnBf,W","file":"js/ChildListCard.c27403a7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"child-list-card white rounded-5 pointer\",on:{\"click\":_vm.goToProfile}},[_c('div',{staticClass:\"avatar avatar-square avatar_sm_md\"},[(_vm.img)?_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.img),expression:\"img\"}],staticClass:\"avatar-img\",attrs:{\"alt\":_vm.child_name}}):_c('div',{staticClass:\"avatar-text color_white font-weight-bold border-0\",class:_vm.setAvatarBg},[_vm._v(\" \"+_vm._s(_vm.getInitial)+\" \")])]),_c('div',{staticClass:\"child-info\"},[_c('div',{staticClass:\"name color_text font-weight-bold\"},[_vm._v(_vm._s(_vm.child_name))]),_c('div',{staticClass:\"class color_grey_dark\"},[_vm._v(_vm._s(_vm.class_name))])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"child-list-card white rounded-5 pointer\" @click=\"goToProfile\">\r\n      <!-- AVATAR -->\r\n      <div class=\"avatar avatar-square avatar_sm_md\">\r\n        <img v-lazy=\"img\" :alt=\"child_name\" class=\"avatar-img\" v-if=\"img\" />\r\n        <div\r\n          class=\"avatar-text color_white font-weight-bold border-0\"\r\n          :class=\"setAvatarBg\"\r\n          v-else\r\n        >\r\n          {{ getInitial }}\r\n        </div>\r\n      </div>\r\n      <!-- CHILD INFO -->\r\n      <div class=\"child-info\">\r\n        <div class=\"name color_text font-weight-bold\">{{ child_name }}</div>\r\n        <div class=\"class color_grey_dark\">{{ class_name }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { setInitial, randomString } from \"@/scripts/utilities\";\r\nimport { setProfileBg } from \"@/scripts/profile-colors\";\r\n\r\nexport default {\r\n  name: \"ChildListCard\",\r\n\r\n  props: [\"id\", \"img\", \"child_name\", \"class_name\"],\r\n\r\n  data() {\r\n    return {\r\n      account_type: this.$route.path.split(\"/\")[1],\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    getInitial() {\r\n      return setInitial(this.child_name);\r\n    },\r\n\r\n    setAvatarBg() {\r\n      return setProfileBg(this.child_name);\r\n    },\r\n  },\r\n\r\n  methods: {\r\n    generateId(id) {\r\n      return `${randomString(11)}${id}`;\r\n    },\r\n\r\n    goToProfile() {\r\n      this.$router.push(\r\n        `/${this.account_type}/student-profile?id=${this.generateId(this.id)}`\r\n      );\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.child-list-card {\r\n  @include flex_row_start_nowrap;\r\n  align-items: flex-start;\r\n  border: 1px solid $border_grey;\r\n  box-sizing: border-box;\r\n  padding: 10px;\r\n  width: 210px;\r\n  margin-bottom: 5px;\r\n  transition: all 0.4s ease-in-out;\r\n\r\n  @include breakpoint_max(sm) {\r\n    padding: 7px;\r\n  }\r\n\r\n  &:hover {\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  @include breakpoint_min_max(1200, 1280) {\r\n    width: 195px;\r\n  }\r\n\r\n  @include breakpoint_min_max(992, 1090) {\r\n    width: 188px;\r\n  }\r\n\r\n  @include breakpoint_min_max(880, 972) {\r\n    width: 190px;\r\n  }\r\n\r\n  @include breakpoint_min_max(812, 879) {\r\n    width: 170px;\r\n  }\r\n\r\n  @include breakpoint_min_max(768, 812) {\r\n    width: 155px;\r\n  }\r\n\r\n  @include breakpoint_max(md) {\r\n    width: 240px;\r\n  }\r\n\r\n  @include breakpoint_min_max(577, 648) {\r\n    width: 210px;\r\n  }\r\n\r\n  @include breakpoint_max(sm) {\r\n    width: 180px;\r\n  }\r\n\r\n  @include breakpoint_max(xs) {\r\n    width: 160px;\r\n  }\r\n\r\n  @include breakpoint_min_max(370, 400) {\r\n    width: 155px;\r\n  }\r\n\r\n  @include breakpoint_min_max(330, 369) {\r\n    width: 140px;\r\n  }\r\n\r\n  .avatar {\r\n    margin-right: 15px;\r\n    border: 0.4px solid $brand_accent;\r\n\r\n    @include breakpoint_max(sm) {\r\n      margin-right: 10px;\r\n    }\r\n  }\r\n\r\n  .child-info {\r\n    .name {\r\n      font-size: 13.5px;\r\n      line-height: 19px;\r\n      margin-bottom: 1px;\r\n\r\n      @include breakpoint_max(xl) {\r\n        font-size: 13px;\r\n      }\r\n\r\n      @include breakpoint_max(lg) {\r\n        font-size: 12px;\r\n      }\r\n\r\n      @include breakpoint_max(sm) {\r\n        font-size: 11.5px;\r\n      }\r\n      @include breakpoint_max(xs) {\r\n        font-size: 11px;\r\n      }\r\n    }\r\n\r\n    .class {\r\n      font-size: 12px;\r\n      line-height: 16px;\r\n\r\n      @include breakpoint_max(xl) {\r\n        font-size: 11px;\r\n      }\r\n\r\n      @include breakpoint_max(lg) {\r\n        font-size: 10px;\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  }\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!./ChildListCard.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!./ChildListCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChildListCard.vue?vue&type=template&id=987959f8&\"\nimport script from \"./ChildListCard.vue?vue&type=script&lang=js&\"\nexport * from \"./ChildListCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChildListCard.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","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!./ChildListCard.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}