{"version":3,"sources":["webpack:///./src/components/details/StaffDetails.vue?96ec","webpack:///src/components/details/StaffDetails.vue","webpack:///./src/components/details/StaffDetails.vue?4aa9","webpack:///./src/components/details/StaffDetails.vue?3ff9","webpack:///./src/components/details/StaffDetails.vue?8e07"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","$vuetify","breakpoint","mobile","_v","_s","currentUser","name","organizationName","UserId","user","id","hasAccess","scopedSlots","_u","key","fn","ref","on","_g","_b","$event","$refs","ChangePasswordRef","changePassword","sendPasswordChangeEmail","_e","UserCalender","editUser","updatingState","deleteStaff","email","phoneNumber","cvr","_l","item","index","charAt","toUpperCase","slice","staticStyle","userDetails","getUserDetails","staticRenderFns","components","CreateEditUser","ChangePasswordDialog","props","watch","immediate","handler","val","data","loading","studentListHeaders","text","value","computed","mapGetters","studentIsAssigned","staffId","methods","title","studentName","body","okBtn","dialogResponse","apiService","CreateEditUserRef","$router","push","params","saveChanges","show","color","message","component","VCard","VChip","VCol","VContainer","VDivider","VIcon","VList","VListItem","VMenu","VRow","VSheet"],"mappings":"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","file":"js/chunk-7946956f.69767e0b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-sheet',{staticClass:\"d-flex mx-auto py-4\",attrs:{\"min-height\":\"80vh\",\"width\":_vm.$vuetify.breakpoint.mobile ? '92vw' : '80vw'}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"px-2 py-4\",attrs:{\"cols\":\"12\",\"md\":\"3\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\",\"justify\":\"center\"}},[_c('v-col',{staticClass:\"text-center\",attrs:{\"cols\":\"12\"}},[_c('v-icon',{attrs:{\"size\":\"125\",\"color\":\"activeButton\"}},[_vm._v(\"mdi-card-account-details-outline \")])],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('p',{staticClass:\"text-h5 mb-0 text--secondary text-center font-weight-medium\"},[_vm._v(_vm._s(_vm.currentUser.name))])]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('p',{staticClass:\"text-h6 mb-0 text--secondary text-center font-weight-medium\"},[_vm._v(_vm._s(_vm.currentUser.organizationName))])])],1),_c('div',{staticClass:\"d-block mt-8 px-4\"},[(_vm.UserId == _vm.user.id || _vm.hasAccess('ModifyStaff'))?_c('v-menu',{attrs:{\"top\":\"\",\"close-on-content-click\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('r-btn',_vm._g(_vm._b({staticClass:\"mb-3\",attrs:{\"block\":\"\"}},'r-btn',attrs,false),on),[_vm._v(\"Kodeord\")])]}}],null,false,3235451869)},[_c('v-list',{staticClass:\"my-0 pt-2 pb-0\"},[_c('v-list-item',[_c('r-btn',{staticClass:\"mb-3\",attrs:{\"block\":\"\"},on:{\"click\":function($event){return _vm.$refs.ChangePasswordRef.changePassword(_vm.currentUser, true)}}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\"mdi-lock-reset\")]),_vm._v(\" Skift kodeord \")],1)],1),_c('v-list-item',[_c('r-btn',{staticClass:\"mb-3\",attrs:{\"block\":\"\"},on:{\"click\":_vm.sendPasswordChangeEmail}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\"mdi-email-arrow-right-outline\")]),_vm._v(\" Nulstil kodeord \")],1)],1)],1)],1):_vm._e(),_c('r-btn',{staticClass:\"mb-3\",attrs:{\"block\":\"\"},on:{\"click\":_vm.UserCalender}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\"mdi-calendar-account\")]),_vm._v(\" Se kalender \")],1),(_vm.UserId == _vm.user.id || _vm.hasAccess('ModifyStaff'))?_c('r-btn',{staticClass:\"mb-3\",attrs:{\"block\":\"\"},on:{\"click\":_vm.editUser}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\"mdi-pencil\")]),_vm._v(\" Rediger Bruger \")],1):_vm._e(),(_vm.UserId == _vm.user.id || _vm.hasAccess('ModifyStaff'))?_c('r-btn',{staticClass:\"mb-3\",attrs:{\"block\":\"\",\"loading\":_vm.updatingState,\"delete\":\"\"},on:{\"click\":_vm.deleteStaff}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\"mdi-cancel\")]),_vm._v(\" Slet \")],1):_vm._e()],1)],1),_c('v-divider',{attrs:{\"vertical\":\"\",\"inset\":\"\"}}),_c('v-col',{staticClass:\"px-2 py-4 text-subtitle-1\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-row',{staticClass:\"text-left px-4\",attrs:{\"no-gutters\":\"\"}},[_c('p',{staticClass:\"text-h6 text--secondary font-weight-medium my-auto\"},[_vm._v(\"Instruktør Detaljer\")])]),_c('div',{staticClass:\"px-4\"},[_c('v-row',{staticClass:\"px-2 my-1\"},[_c('v-col',[_vm._v(\"Navn:\")]),_c('v-col',{attrs:{\"cols\":\"auto\"}},[_vm._v(_vm._s(_vm.currentUser.name))])],1),_c('v-divider'),(_vm.currentUser.email)?_c('v-row',{staticClass:\"px-2 my-1\"},[_c('v-col',[_vm._v(\"Email:\")]),_c('v-col',{attrs:{\"cols\":\"auto\"}},[_vm._v(_vm._s(_vm.currentUser.email))])],1):_vm._e(),_c('v-divider'),_c('v-row',{staticClass:\"px-2 my-1\"},[_c('v-col',[_vm._v(\"Telefon nummer:\")]),_c('v-col',{attrs:{\"cols\":\"auto\"}},[_vm._v(_vm._s(_vm.currentUser.phoneNumber))])],1),_c('v-divider'),_c('v-row',{staticClass:\"px-2 my-1\"},[_c('v-col',[_vm._v(\"CVR:\")]),_c('v-col',{attrs:{\"cols\":\"auto\"}},[_vm._v(_vm._s(_vm.currentUser.cvr))])],1),_c('v-divider'),(_vm.isAdmin)?_c('v-row',{staticClass:\"px-2 my-1\"},[_c('v-col',[_vm._v(\"Roller:\")]),_c('v-col',{attrs:{\"cols\":\"auto\"}},_vm._l((_vm.currentUser.roles),function(item,index){return _c('v-chip',{key:index,staticClass:\"mr-1 NoHover\"},[_vm._v(\" \"+_vm._s(item.charAt(0).toUpperCase() + item.slice(1))+\" \")])}),1)],1):_vm._e(),_c('v-divider')],1)],1),_c('v-divider',{attrs:{\"vertical\":\"\",\"inset\":\"\"}}),_c('v-col',{staticClass:\"px-2 py-4\",attrs:{\"cols\":\"12\",\"md\":\"5\"}},[_c('div',{staticClass:\"d-flex flex-column\",staticStyle:{\"height\":\"74vh\"}},[_c('div',{staticClass:\"d-flex px-4\"},[_c('p',{staticClass:\"text-h6 text--secondary font-weight-medium my-auto\"},[_vm._v(\"Elever\")])]),(_vm.currentUser)?_c('div',{staticStyle:{\"overflow-y\":\"auto\"}},_vm._l((_vm.currentUser.students),function(item,index){return _c('div',{key:index,staticClass:\"mb-4 mt-1 px-4\"},[_c('v-card',{attrs:{\"elevation\":\"2\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"px-3 py-2\"},[_c('p',{staticClass:\"text-h6 mb-2\"},[_vm._v(_vm._s(item.name))]),_c('p',{staticClass:\"text-subtitle-1\"},[_vm._v(_vm._s(item.organizationName))])]),_c('v-col',{staticClass:\"d-flex align-center mr-2\",attrs:{\"cols\":\"auto\"}},[_c('r-btn',{attrs:{\"color\":\"Activebutton\",\"x-large\":\"\",\"icon\":\"\",\"title\":\"Detaljer\"},on:{\"click\":function($event){return _vm.userDetails(item)}}},[_c('v-icon',[_vm._v(\"mdi-dots-horizontal\")])],1)],1)],1)],1)],1)}),0):_vm._e()])])],1)],1),_c('create-edit-user',{ref:\"CreateEditUserRef\",on:{\"user-updated\":_vm.getUserDetails}}),_c('confirmation-dialog',{ref:\"confirmationDialogRef\"}),_c('change-password-dialog',{ref:\"ChangePasswordRef\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container fluid>\r\n    <v-sheet class=\"d-flex mx-auto py-4\" min-height=\"80vh\" :width=\"$vuetify.breakpoint.mobile ? '92vw' : '80vw'\">\r\n      <v-row no-gutters>\r\n        <v-col cols=\"12\" md=\"3\" class=\"px-2 py-4\">\r\n          <v-row no-gutters justify=\"center\">\r\n            <v-col cols=\"12\" class=\"text-center\">\r\n              <v-icon size=\"125\" color=\"activeButton\">mdi-card-account-details-outline </v-icon>\r\n            </v-col>\r\n            <v-col cols=\"12\">\r\n              <p class=\"text-h5 mb-0 text--secondary text-center font-weight-medium\">{{ currentUser.name }}</p>\r\n            </v-col>\r\n            <v-col cols=\"12\">\r\n              <p class=\"text-h6 mb-0 text--secondary text-center font-weight-medium\">{{ currentUser.organizationName }}</p>\r\n            </v-col>\r\n          </v-row>\r\n          <div class=\"d-block mt-8 px-4\">\r\n            <v-menu top close-on-content-click v-if=\"UserId == user.id || hasAccess('ModifyStaff')\">\r\n              <template v-slot:activator=\"{ on, attrs }\">\r\n                <r-btn class=\"mb-3\" block v-bind=\"attrs\" v-on=\"on\">Kodeord</r-btn>\r\n              </template>\r\n              <v-list class=\"my-0 pt-2 pb-0\">\r\n                <v-list-item>\r\n                  <r-btn class=\"mb-3\" @click=\"$refs.ChangePasswordRef.changePassword(currentUser, true)\" block>\r\n                    <v-icon left>mdi-lock-reset</v-icon>\r\n                    Skift kodeord\r\n                  </r-btn>\r\n                </v-list-item>\r\n                <v-list-item>\r\n                  <r-btn class=\"mb-3\" @click=\"sendPasswordChangeEmail\" block>\r\n                    <v-icon left>mdi-email-arrow-right-outline</v-icon>\r\n                    Nulstil kodeord\r\n                  </r-btn>\r\n                </v-list-item>\r\n              </v-list>\r\n            </v-menu>\r\n\r\n            <r-btn @click=\"UserCalender\" block class=\"mb-3\">\r\n              <v-icon left>mdi-calendar-account</v-icon>\r\n              Se kalender\r\n            </r-btn>\r\n            <r-btn @click=\"editUser\" block class=\"mb-3\" v-if=\"UserId == user.id || hasAccess('ModifyStaff')\">\r\n              <v-icon left>mdi-pencil</v-icon>\r\n              Rediger Bruger\r\n            </r-btn>\r\n            <r-btn class=\"mb-3\" block :loading=\"updatingState\" @click=\"deleteStaff\" v-if=\"UserId == user.id || hasAccess('ModifyStaff')\" delete>\r\n              <v-icon left>mdi-cancel</v-icon>\r\n              Slet\r\n            </r-btn>\r\n          </div>\r\n        </v-col>\r\n        <v-divider vertical inset />\r\n        <v-col cols=\"12\" md=\"4\" class=\"px-2 py-4 text-subtitle-1\">\r\n          <v-row no-gutters class=\"text-left px-4\"> <p class=\"text-h6 text--secondary font-weight-medium my-auto\">Instruktør Detaljer</p> </v-row>\r\n          <div class=\"px-4\">\r\n            <v-row class=\"px-2 my-1\">\r\n              <v-col>Navn:</v-col>\r\n              <v-col cols=\"auto\">{{ currentUser.name }}</v-col>\r\n            </v-row>\r\n            <v-divider />\r\n            <v-row v-if=\"currentUser.email\" class=\"px-2 my-1\">\r\n              <v-col>Email:</v-col>\r\n              <v-col cols=\"auto\">{{ currentUser.email }}</v-col>\r\n            </v-row>\r\n            <v-divider />\r\n            <v-row class=\"px-2 my-1\">\r\n              <v-col>Telefon nummer:</v-col>\r\n              <v-col cols=\"auto\">{{ currentUser.phoneNumber }}</v-col>\r\n            </v-row>\r\n            <v-divider />\r\n            <v-row class=\"px-2 my-1\">\r\n              <v-col>CVR:</v-col>\r\n              <v-col cols=\"auto\">{{ currentUser.cvr }}</v-col>\r\n            </v-row>\r\n            <v-divider />\r\n            <v-row v-if=\"isAdmin\" class=\"px-2 my-1\">\r\n              <v-col>Roller:</v-col>\r\n              <v-col cols=\"auto\"\r\n                ><v-chip v-for=\"(item, index) in currentUser.roles\" :key=\"index\" class=\"mr-1 NoHover\">\r\n                  {{ item.charAt(0).toUpperCase() + item.slice(1) }}\r\n                </v-chip></v-col\r\n              >\r\n            </v-row>\r\n            <v-divider />\r\n          </div>\r\n        </v-col>\r\n        <v-divider vertical inset />\r\n        <v-col cols=\"12\" md=\"5\" class=\"px-2 py-4\">\r\n          <div class=\"d-flex flex-column\" style=\"height: 74vh\">\r\n            <div class=\"d-flex px-4\">\r\n              <p class=\"text-h6 text--secondary font-weight-medium my-auto\">Elever</p>\r\n            </div>\r\n            <div v-if=\"currentUser\" style=\"overflow-y: auto\">\r\n              <div v-for=\"(item, index) in currentUser.students\" :key=\"index\" class=\"mb-4 mt-1 px-4\">\r\n                <v-card elevation=\"2\">\r\n                  <v-row no-gutters>\r\n                    <v-col class=\"px-3 py-2\">\r\n                      <p class=\"text-h6 mb-2\">{{ item.name }}</p>\r\n                      <p class=\"text-subtitle-1\">{{ item.organizationName }}</p>\r\n                    </v-col>\r\n                    <v-col cols=\"auto\" class=\"d-flex align-center mr-2\">\r\n                      <r-btn color=\"Activebutton\" x-large icon @click=\"userDetails(item)\" title=\"Detaljer\">\r\n                        <v-icon>mdi-dots-horizontal</v-icon>\r\n                      </r-btn>\r\n                    </v-col>\r\n                  </v-row>\r\n                </v-card>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </v-col>\r\n      </v-row>\r\n    </v-sheet>\r\n    <create-edit-user ref=\"CreateEditUserRef\" @user-updated=\"getUserDetails\" />\r\n    <confirmation-dialog ref=\"confirmationDialogRef\" />\r\n    <change-password-dialog ref=\"ChangePasswordRef\" />\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport apiService from '@/services/apiService';\r\nimport CreateEditUser from '@/components/dialogs/CreateEditUser.vue';\r\nimport ChangePasswordDialog from '@/components/ChangePasswordDialog.vue';\r\nimport { mapGetters } from 'vuex';\r\n\r\nexport default {\r\n  name: 'User-Details',\r\n  components: {\r\n    CreateEditUser,\r\n    ChangePasswordDialog,\r\n  },\r\n  props: {\r\n    UserId: String,\r\n  },\r\n  watch: {\r\n    UserId: {\r\n      immediate: true,\r\n      handler(val) {\r\n        if (val) {\r\n          this.getUserDetails();\r\n        }\r\n      },\r\n    },\r\n  },\r\n  data: () => ({\r\n    updatingState: false,\r\n    loading: false,\r\n    currentUser: {},\r\n    studentListHeaders: [\r\n      {\r\n        text: 'Navn',\r\n        value: 'name',\r\n      },\r\n      {\r\n        text: 'Email',\r\n        value: 'email',\r\n      },\r\n      {\r\n        text: 'Tlf. nummer',\r\n        value: 'phoneNumber',\r\n      },\r\n    ],\r\n  }),\r\n  computed: {\r\n    ...mapGetters(['isAdmin', 'user', 'isStaff', 'hasAccess']),\r\n    studentIsAssigned() {\r\n      return this.currentUser.staffId !== null;\r\n    },\r\n  },\r\n  methods: {\r\n    async deleteStaff() {\r\n      let dialogResponse = await this.$refs.confirmationDialogRef.showDialog({\r\n        title: 'Deaktiver kørelærer',\r\n        studentName: this.currentUser.name,\r\n        body: `Ønsker du at deaktivere denne kørelærer?`,\r\n        okBtn: 'Slet',\r\n      });\r\n      if (dialogResponse) {\r\n        this.updatingState = true;\r\n        await apiService.deactivateStaff(this.currentUser.id);\r\n        this.updatingState = false;\r\n        this.$router.push({ name: 'staff' });\r\n      }\r\n      this.$refs.confirmationDialogRef.hideDialog();\r\n    },\r\n    async getUserDetails() {\r\n      this.currentUser = await apiService.getStaffById(this.UserId);\r\n    },\r\n    editUser() {\r\n      this.$refs.CreateEditUserRef.editUser(this.currentUser.id, true);\r\n    },\r\n    UserCalender() {\r\n      this.$router.push({ name: 'Calendar', params: { UserId: this.currentUser.id } });\r\n    },\r\n    async saveChanges() {\r\n      this.loading = true;\r\n      await apiService.updateUser(this.currentUser).then(() => {\r\n        this.getUserDetails();\r\n        this.loading = false;\r\n      });\r\n    },\r\n    async sendPasswordChangeEmail() {\r\n      await apiService.resetPassword(this.currentUser.email);\r\n      this.$store.commit('alert', {\r\n        show: true,\r\n        title: 'Email sendt',\r\n        color: 'success',\r\n        message: `Email Kodeord-reset request er blevet sendt til  ${this.currentUser.email}`,\r\n      });\r\n    },\r\n    userDetails(user) {\r\n      this.$router.push({ name: 'StudentDetails', params: { UserId: user.id } });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.NoHover tr:hover,\r\n.NoHover:before {\r\n  background-color: transparent !important;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StaffDetails.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StaffDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StaffDetails.vue?vue&type=template&id=dc0d6ae0&\"\nimport script from \"./StaffDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./StaffDetails.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StaffDetails.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSheet } from 'vuetify/lib/components/VSheet';\ninstallComponents(component, {VCard,VChip,VCol,VContainer,VDivider,VIcon,VList,VListItem,VMenu,VRow,VSheet})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StaffDetails.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}