{"version":3,"sources":["webpack:///./src/views/StaffDetailDashboard.vue","webpack:///src/views/StaffDetailDashboard.vue","webpack:///./src/views/StaffDetailDashboard.vue?f26d","webpack:///./src/views/StaffDetailDashboard.vue?8e42","webpack:///./src/components/HeadderStaffDetail.vue","webpack:///src/components/HeadderStaffDetail.vue","webpack:///./src/components/HeadderStaffDetail.vue?2866","webpack:///./src/components/HeadderStaffDetail.vue?582a","webpack:///./src/components/HeadderStaffDetail.vue?7cdd"],"names":["render","_vm","this","_c","_self","attrs","staticRenderFns","name","components","DashboardTemplate","HeadderStaffDetail","AdminAndStaffDashboard","computed","getRule","$store","getters","component","staticClass","_v","_s","$t","staffDetail","profilePic","imgUrl","on","$event","target","src","surname","position","mobilePhone","email","state","data","process"],"mappings":"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","file":"js/chunk-fb6651ce.6fe8283f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('DashboardTemplate',[_c('HeadderStaffDetail'),_c('AdminAndStaffDashboard',{attrs:{\"dashBoardrule\":\"staff\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <DashboardTemplate>\r\n    <HeadderStaffDetail/>\r\n    <AdminAndStaffDashboard  dashBoardrule=\"staff\"/>\r\n    </DashboardTemplate>\r\n</template>\r\n/* eslint-disable */\r\n<script>\r\n// @ is an alias to /src\r\nimport DashboardTemplate from \"@/template/DashboardTemplate.vue\";\r\nimport AdminAndStaffDashboard from \"@/components/AdminAndStaffDashboard.vue\";\r\nimport HeadderStaffDetail from \"@/components/HeadderStaffDetail.vue\";\r\n\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n  name: \"dashboard\",\r\n  components: {\r\n    DashboardTemplate,\r\n    HeadderStaffDetail,\r\n    AdminAndStaffDashboard,\r\n  },\r\n  computed: {\r\n    getRule() {\r\n      return this.$store.getters.getRule;\r\n    }\r\n  }\r\n};\r\n</script>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/@vue/cli-plugin-babel/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!./StaffDetailDashboard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/@vue/cli-plugin-babel/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!./StaffDetailDashboard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StaffDetailDashboard.vue?vue&type=template&id=4422283e&\"\nimport script from \"./StaffDetailDashboard.vue?vue&type=script&lang=js&\"\nexport * from \"./StaffDetailDashboard.vue?vue&type=script&lang=js&\"\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 render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{attrs:{\"id\":\"headerDetail\",\"classs\":\"is-flex-column\"}},[_c('router-link',{staticClass:\"is-justify-end is-align-center is-flex-medium is-flex-row box-back-page\",attrs:{\"to\":\"/staff-list\"}},[_c('p',{staticClass:\"text-back-page backpage-color\"},[_c('i',{staticClass:\"fas fa-arrow-left\"}),_vm._v(\" \"+_vm._s(_vm.$t(\"message.btnBackToStaffList\"))+\" \")])]),_c('div',{staticClass:\"columns is-vcentered width-max m-h-auto\"},[_c('div',{staticClass:\"column is-1 has-text-centered\"},[_c('div',{staticClass:\"is-align-center is-justify-center is-flex is-flex-column\"},[_c('figure',{staticClass:\"image imgStaff\"},[(_vm.staffDetail.profilePic)?_c('img',{staticClass:\"is-rounded\",attrs:{\"src\":_vm.imgUrl + _vm.staffDetail.profilePic,\"alt\":\"Profile Picture\"},on:{\"error\":function($event){$event.target.src =\n                  'https://bulma.io/images/placeholders/128x128.png'}}}):_c('img',{staticClass:\"is-rounded\",attrs:{\"src\":\"https://bulma.io/images/placeholders/128x128.png\",\"alt\":\"Placeholder image\"}})])])]),_c('div',{staticClass:\"column\"},[_c('p',{staticClass:\"is-size-4 has-text-centered-mobile has-text-weight-bold pd-column-small\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"staffList.staffDetailDashboard\"))+\" \")]),_c('div',{staticClass:\"columns m-h-auto is-marginless\"},[_c('div',{staticClass:\"column is-3 has-text-centered-mobile pd-column-small\"},[_c('p',{staticClass:\"is-size-6 has-text-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"staffList.staffDetailName\"))+\": \"),_c('span',{staticClass:\"confirm-padding-left th fw-100\"},[_vm._v(_vm._s(_vm.staffDetail.name))])])]),_c('div',{staticClass:\"column has-text-centered-mobile pd-column-small\"},[_c('p',{staticClass:\"is-size-6 has-text-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"staffList.staffDetailLastname\"))+\": \"),_c('span',{staticClass:\"confirm-padding-left th fw-100\"},[_vm._v(_vm._s(_vm.staffDetail.surname))])])])]),_c('div',{staticClass:\"columns m-h-auto is-marginless\"},[_c('div',{staticClass:\"column is-3 has-text-centered-mobile pd-column-small\"},[_c('p',{staticClass:\"is-size-6 has-text-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"staffList.staffDetailPosition\"))+\": \"),_c('span',{staticClass:\"confirm-padding-left th fw-100\"},[_vm._v(_vm._s(_vm.staffDetail.position))])])]),_c('div',{staticClass:\"column has-text-centered-mobile pd-column-small\"},[_c('p',{staticClass:\"is-size-6 has-text-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"staffList.staffDetailTelephone\"))+\": \"),_c('span',{staticClass:\"confirm-padding-left th fw-100\"},[_vm._v(_vm._s(_vm.staffDetail.mobilePhone))])])])]),_c('div',{staticClass:\"columns m-h-auto is-marginless\"},[_c('div',{staticClass:\"column has-text-centered-mobile pd-column-small\"},[_c('p',{staticClass:\"is-size-6 has-text-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"staffList.staffDetailEmail\"))+\": \"),_c('span',{staticClass:\"confirm-padding-left th fw-100\"},[_vm._v(_vm._s(_vm.staffDetail.email))])])])])])])],1),_c('hr')])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div id=\"headerDetail\" classs=\"is-flex-column\">\r\n      <router-link\r\n        to=\"/staff-list\"\r\n        class=\"is-justify-end is-align-center is-flex-medium is-flex-row box-back-page\"\r\n      >\r\n        <p class=\"text-back-page backpage-color\">\r\n          <i class=\"fas fa-arrow-left\"></i>\r\n          {{ $t(\"message.btnBackToStaffList\") }}\r\n        </p>\r\n      </router-link>\r\n\r\n      <div class=\"columns is-vcentered width-max m-h-auto\">\r\n        <div class=\"column is-1 has-text-centered\">\r\n          <div class=\"is-align-center is-justify-center is-flex is-flex-column\">\r\n            <figure class=\"image imgStaff\">\r\n              <img\r\n                class=\"is-rounded\"\r\n                v-if=\"staffDetail.profilePic\"\r\n                :src=\"imgUrl + staffDetail.profilePic\"\r\n                alt=\"Profile Picture\"\r\n                @error=\"\r\n                  $event.target.src =\r\n                    'https://bulma.io/images/placeholders/128x128.png'\r\n                \"\r\n              />\r\n              <img\r\n                class=\"is-rounded\"\r\n                v-else\r\n                src=\"https://bulma.io/images/placeholders/128x128.png\"\r\n                alt=\"Placeholder image\"\r\n              />\r\n            </figure>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"column\">\r\n          <p\r\n            class=\"is-size-4 has-text-centered-mobile has-text-weight-bold pd-column-small\"\r\n          >\r\n            {{ $t(\"staffList.staffDetailDashboard\") }}\r\n          </p>\r\n          <div class=\"columns m-h-auto is-marginless\">\r\n            <div class=\"column is-3 has-text-centered-mobile pd-column-small\">\r\n              <p class=\"is-size-6 has-text-weight-bold\">\r\n                {{ $t(\"staffList.staffDetailName\") }}:\r\n                <span class=\"confirm-padding-left th fw-100\">{{\r\n                  staffDetail.name\r\n                }}</span>\r\n              </p>\r\n            </div>\r\n            <div class=\"column has-text-centered-mobile pd-column-small\">\r\n              <p class=\"is-size-6 has-text-weight-bold\">\r\n                {{ $t(\"staffList.staffDetailLastname\") }}:\r\n                <span class=\"confirm-padding-left th fw-100\">{{\r\n                  staffDetail.surname\r\n                }}</span>\r\n              </p>\r\n            </div>\r\n          </div>\r\n          <div class=\"columns m-h-auto is-marginless\">\r\n            <div class=\"column is-3 has-text-centered-mobile pd-column-small\">\r\n              <p class=\"is-size-6 has-text-weight-bold\">\r\n                {{ $t(\"staffList.staffDetailPosition\") }}:\r\n                <span class=\"confirm-padding-left th fw-100\">{{\r\n                  staffDetail.position\r\n                }}</span>\r\n              </p>\r\n            </div>\r\n            <div class=\"column has-text-centered-mobile pd-column-small\">\r\n              <p class=\"is-size-6 has-text-weight-bold\">\r\n                {{ $t(\"staffList.staffDetailTelephone\") }}:\r\n                <span class=\"confirm-padding-left th fw-100\">{{\r\n                  staffDetail.mobilePhone\r\n                }}</span>\r\n              </p>\r\n            </div>\r\n          </div>\r\n          <div class=\"columns m-h-auto is-marginless\">\r\n            <div class=\"column has-text-centered-mobile pd-column-small\">\r\n              <p class=\"is-size-6 has-text-weight-bold\">\r\n                {{ $t(\"staffList.staffDetailEmail\") }}:\r\n                <span class=\"confirm-padding-left th fw-100\">{{\r\n                  staffDetail.email\r\n                }}</span>\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <hr />\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  computed: {\r\n    staffDetail() {\r\n      return this.$store.state.staffDetail;\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      imgUrl: process.env.VUE_APP_IMAGE_URL,\r\n    };\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n#headerDetail {\r\n  min-height: 191px !important;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/@vue/cli-plugin-babel/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!./HeadderStaffDetail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/@vue/cli-plugin-babel/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!./HeadderStaffDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HeadderStaffDetail.vue?vue&type=template&id=756eb5de&scoped=true&\"\nimport script from \"./HeadderStaffDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./HeadderStaffDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HeadderStaffDetail.vue?vue&type=style&index=0&id=756eb5de&prod&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  \"756eb5de\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/@vue/cli-service/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!./HeadderStaffDetail.vue?vue&type=style&index=0&id=756eb5de&prod&scoped=true&lang=css&\""],"sourceRoot":""}