{"version":3,"sources":["webpack:///./src/views/LecturerDetail.vue?33c9","webpack:///./src/views/components/TwoCols.vue?3a0f","webpack:///./src/views/components/TwoCols.vue","webpack:///./src/views/LecturerDetail.vue?9a09","webpack:///src/views/LecturerDetail.vue","webpack:///./src/views/LecturerDetail.vue?00a0","webpack:///./src/views/LecturerDetail.vue","webpack:///./src/views/components/TwoCols.vue?a364"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_t","staticRenderFns","script","component","attrs","slot","style","getAvatar","_v","_s","lecturer","Name","TeacherOption","length","$t","map","opt","IAName","join","_e","TeacherTag","TagName","TeacherSection","_l","item","index","key","Title","domProps","Description","name","components","created","setTimeout","computed","$store","state","lecturerList","list","i","UID","$route","params","uid","$emit","methods","Picture","DKey"],"mappings":"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","file":"js/chunk-457e61c1.ae6ef597.js","sourcesContent":["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/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LecturerDetail.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:\"row two-cols-layout\"},[_c('div',{staticClass:\"col-md-12 col-lg-3 side-col\"},[_vm._t(\"side-col\")],2),_c('div',{staticClass:\"col-md-12 col-lg-9 content-col\"},[_vm._t(\"content-col\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./TwoCols.vue?vue&type=template&id=e6a7c9b6&lang=pug&\"\nvar script = {}\nimport style0 from \"./TwoCols.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._t(\"default\"),_c('div',{staticClass:\"container\"},[_c('two-cols',[_c('div',{attrs:{\"slot\":\"side-col\"},slot:\"side-col\"},[_c('div',{staticClass:\"lecturer-detail-side-col side-banner\"})]),_c('div',{staticClass:\"lecturer-detail-wrapper\",attrs:{\"slot\":\"content-col\"},slot:\"content-col\"},[_c('div',{staticClass:\"content-block\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-3\"},[_c('div',{staticClass:\"avatar-wrapper\"},[_c('div',{staticClass:\"avatar\",style:({'background-image': _vm.getAvatar()})})])]),_c('div',{staticClass:\"col-sm-9 d-flex flex-column justify-content-end\"},[_c('div',{staticClass:\"lecturer-name\"},[_vm._v(_vm._s(_vm.lecturer.Name))]),(_vm.lecturer.TeacherOption && _vm.lecturer.TeacherOption.length)?_c('div',[_c('strong',[_vm._v(_vm._s(_vm.$t('industry-field'))+_vm._s(_vm.$t('colon')))]),_vm._v(_vm._s(_vm.lecturer.TeacherOption.map(function (opt) { return opt.IAName; }).join('、'))+\" \")]):_vm._e(),(_vm.lecturer.TeacherTag && _vm.lecturer.TeacherTag.length)?_c('div',[_c('strong',[_vm._v(_vm._s(_vm.$t('label'))+_vm._s(_vm.$t('colon')))]),_vm._v(_vm._s(_vm.lecturer.TeacherTag.map(function (opt) { return opt.TagName; }).join('、'))+\" \")]):_vm._e()])])]),(_vm.lecturer.TeacherSection && _vm.lecturer.TeacherSection.length)?_c('div',_vm._l((_vm.lecturer.TeacherSection),function(item,index){return _c('div',{key:index,staticClass:\"content-block\"},[_c('div',{staticClass:\"section-title\"},[_vm._v(_vm._s(item.Title))]),_c('div',{staticClass:\"section-desc\",domProps:{\"innerHTML\":_vm._s(item.Description)}})])}),0):_vm._e()])])],1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <slot></slot>\r\n    <div class=\"container\">\r\n      <two-cols>\r\n        <div slot=\"side-col\">\r\n          <div class=\"lecturer-detail-side-col side-banner\"></div>\r\n        </div>\r\n        <div slot=\"content-col\" class=\"lecturer-detail-wrapper\">\r\n          <div class=\"content-block\">\r\n            <div class=\"row\">\r\n              <div class=\"col-sm-3\">\r\n                <div class=\"avatar-wrapper\">\r\n                  <div class=\"avatar\" :style=\"{'background-image': getAvatar()}\"></div>\r\n                </div>\r\n              </div>\r\n              <div class=\"col-sm-9 d-flex flex-column justify-content-end\">\r\n                <div class=\"lecturer-name\">{{ lecturer.Name }}</div>\r\n                <div v-if=\"lecturer.TeacherOption && lecturer.TeacherOption.length\">\r\n                  <strong>{{ $t('industry-field') }}{{ $t('colon') }}</strong>{{ lecturer.TeacherOption.map((opt) => opt.IAName).join('、') }}\r\n                </div>\r\n                <div v-if=\"lecturer.TeacherTag && lecturer.TeacherTag.length\">\r\n                  <strong>{{ $t('label') }}{{ $t('colon') }}</strong>{{ lecturer.TeacherTag.map((opt) => opt.TagName).join('、') }}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div v-if=\"lecturer.TeacherSection && lecturer.TeacherSection.length\">\r\n            <div\r\n              v-for=\"(item, index) in lecturer.TeacherSection\"\r\n              :key=\"index\"\r\n              class=\"content-block\"\r\n            >\r\n              <div class=\"section-title\">{{ item.Title }}</div>\r\n              <div class=\"section-desc\" v-html=\"item.Description\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </two-cols>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport TwoCols from './components/TwoCols';\r\nimport $ from 'jquery';\r\n\r\nexport default {\r\n  name: 'Lecturer',\r\n  components: { TwoCols },\r\n  created() {\r\n    if ($('body').width() < 576) {\r\n      setTimeout(() => {\r\n        $('.lecturer-detail-wrapper .avatar').css('height', $('.avatar').width() / 8 * 9)\r\n      }, 100);\r\n    }\r\n  },\r\n  computed: {\r\n    lecturer() {\r\n      let lecturer = {}\r\n      if (this.$store.state.lecturerList.list.length) {\r\n        for (let i = 0; i < this.$store.state.lecturerList.list.length; i++) {\r\n          if (this.$store.state.lecturerList.list[i].UID === this.$route.params.uid) {\r\n            lecturer = this.$store.state.lecturerList.list[i];\r\n          }\r\n        }\r\n      }\r\n      if (lecturer.UID) {\r\n        this.$emit('replaceBreadcrumb', [\r\n          { text: this.$t('homepage'), href: '/' },\r\n          { text: this.$t('Lecturer'), href: '/lecturer' },\r\n          { text: lecturer.Name, href: '/lecturer/' + this.$route.params.uid }\r\n        ]);\r\n      }\r\n      return lecturer\r\n    }\r\n  },\r\n  methods: {\r\n    getAvatar() {\r\n      if (this.lecturer.Picture && this.lecturer.Picture.DKey) {\r\n        return 'url( ' + process.env.VUE_APP_BASE_API + 'Api/Public/Getfile?DKey=' + this.lecturer.Picture.DKey;\r\n      }\r\n      return '';\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.lecturer-detail-side-col {\r\n  height: 40rem;\r\n  background-image: url(./../assets/side-col-banners/lecturer.jpg);\r\n}\r\n.lecturer-detail-wrapper {\r\n  .avatar-wrapper {\r\n    background-image: url(\"/img/lecturer.png\");\r\n    background-size: cover;\r\n    background-position: center;\r\n    .avatar {\r\n      width: 100%;\r\n      background-size: cover;\r\n      background-position: center;\r\n    }\r\n  }\r\n  .lecturer-name {\r\n    font-size: 3rem;\r\n    font-weight: 600;\r\n    // display: flex;\r\n    // flex-direction: row;\r\n    // align-self: flex-end;\r\n  }\r\n  .section-title {\r\n    margin-bottom: 1rem;\r\n    font-weight: 600;\r\n    font-size: 1.4rem;\r\n  }\r\n  .section-desc {\r\n    font-size: 1.2rem;\r\n    *:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n}\r\n@media (max-width: 575px) {\r\n  .lecturer-detail-wrapper {\r\n    .avatar {\r\n      height: 322.875px;\r\n    }\r\n  }\r\n}\r\n@media (min-width: 576px) {\r\n  .lecturer-detail-wrapper {\r\n    .avatar {\r\n      height: 101.81px;\r\n    }\r\n  }\r\n}\r\n@media (min-width: 768px) {\r\n  .lecturer-detail-wrapper {\r\n    .avatar {\r\n      height: 152.4375px;\r\n    }\r\n  }\r\n}\r\n@media (min-width: 992px) {\r\n  .lecturer-detail-wrapper {\r\n    .avatar {\r\n      height: 152.4375px;\r\n    }\r\n  }\r\n}\r\n@media (min-width: 1200px) {\r\n  .lecturer-detail-wrapper {\r\n    .avatar {\r\n      height: 190.41px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./LecturerDetail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./LecturerDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LecturerDetail.vue?vue&type=template&id=f0df4ff6&\"\nimport script from \"./LecturerDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./LecturerDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LecturerDetail.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--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/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TwoCols.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}