{"version":3,"sources":["webpack:///./src/components/FileUploadButton.vue?a6f7","webpack:///./src/components/FileUploadButton.vue?272a","webpack:///src/components/FileUploadButton.vue","webpack:///./src/components/FileUploadButton.vue?2d6d","webpack:///./src/components/FileUploadButton.vue?6491","webpack:///./src/views/tasks/TaskView.vue?dfb4","webpack:///src/views/tasks/TaskView.vue","webpack:///./src/views/tasks/TaskView.vue?585d","webpack:///./src/views/tasks/TaskView.vue?9056","webpack:///./src/views/tasks/TaskView.vue?9095"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","staticStyle","attrs","multiple","accept","disabled","on","onFileChange","nativeOn","$event","onClick","_t","_v","fileInputInfo","length","value","_s","fileName","size","clearInput","_e","staticRenderFns","component","VBtn","VIcon","type","indexOf","_k","keyCode","key","preventDefault","closeModal","model","callback","$$v","isOpen","expression","taskInfo","title","isDataLoading","style","height","scrollableContentHeight","scopedSlots","_u","fn","_g","_b","computedRenewDateFormatted","renewableDateRules","status","datePickerStatus","userRenewableTaskDueDate","Date","formatDate","renewableTaskDueDate","$store","getters","getVisibleRoles","$set","imageObligatoriness","class","uploadedImages","_l","item","index","id","openImageGallery","originalName","deleteImage","imagesRules","imagesToUpload","linkObligatoriness","linkAttachmentRules","isTouched","noteObligatoriness","noteRules","clearForm","isUpdating","updateTask","commentForTaskRules","commentForTask","addCommentToTask","comments","c","employee","getDateAndTime","date","employeeId","getUserId","editModeActivate","text","deleteComment","commentEditMode","refInFor","editedCommentForTask","editComment","history","h","updatedBy","activity","getFormatDateStr","dueDate","interval","overdue","clinic","surgery","assignee","linkedTo","description","attachmentList","linkAttachment","file","isSuperAppraisal","punishedList","openPunishedModal","currentStatus","activeAppraisal","showAppraisalCommentPopup","icon","isStatusChanging","statusToChange","changeTaskHandler","appraisalCommentRules","appraisalComment","changeAppraisalTask","isAppraisalCommentShown","docViewOpen","fileWatchData","carouselIndex","filter","isImage","includes","extension","setActiveImg","overdueModal","personData","fullName","changePunished","updatePunishedLoading","putPunishedEmployees","VBtnToggle","VCard","VCardActions","VCardText","VCardTitle","VCol","VContainer","VDatePicker","VDialog","VDivider","VFadeTransition","VFlex","VForm","VLayout","VMenu","VRadio","VRadioGroup","VRow","VSelect","VSkeletonLoader","VSpacer","VSubheader","VTextField","VTextarea","VToolbar","VToolbarTitle"],"mappings":"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","file":"js/chunk-23e076b6.e667462a.js","sourcesContent":["import mod 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/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileUploadButton.vue?vue&type=style&index=0&id=1f2754b1&lang=scss&scoped=true&\"; export default mod; 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/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileUploadButton.vue?vue&type=style&index=0&id=1f2754b1&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"upload-file-btn\"},[_c('input',{ref:\"fileInput\",staticStyle:{\"display\":\"none\",\"height\":\"0\"},attrs:{\"multiple\":_vm.multiple,\"accept\":_vm.accept,\"disabled\":_vm.disabled,\"type\":\"file\"},on:{\"change\":_vm.onFileChange}}),_c('v-btn',{staticClass:\"upload-file-btn__main-btn\",attrs:{\"disabled\":_vm.disabled,\"color\":\"#fff\"},nativeOn:{\"click\":function($event){return _vm.onClick($event)}}},[_vm._t(\"default\",[_vm._v(\"Upload\")])],2),(_vm.fileInputInfo.length > 0)?_c('div',{staticClass:\"upload-file-btn__info\"},[_c('div',{staticClass:\"body-2\"},[(_vm.value.length)?_c('div',[_vm._v(\" \"+_vm._s(_vm.fileName)+\" (\"+_vm._s(_vm.fileInputInfo.size)+\" in total) \"),_c('v-btn',{attrs:{\"icon\":\"\",\"fap\":\"\",\"color\":\"primary\",\"small\":\"\"},on:{\"click\":_vm.clearInput}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1):_vm._e()])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"upload-file-btn\">\n    <input\n      ref=\"fileInput\"\n      :multiple=\"multiple\"\n      :accept=\"accept\"\n      :disabled=\"disabled\"\n      type=\"file\"\n      style=\"display: none; height: 0;\"\n      @change=\"onFileChange\"\n    >\n    <v-btn class=\"upload-file-btn__main-btn\" :disabled=\"disabled\" @click.native=\"onClick\" color=\"#fff\">\n      <slot>Upload</slot>\n    </v-btn>\n    <div class=\"upload-file-btn__info\" v-if=\"fileInputInfo.length > 0\">\n      <div class=\"body-2\">\n        <div v-if=\"value.length\">\n          {{ fileName }} ({{fileInputInfo.size}} in total)\n          <v-btn icon fap color=\"primary\" small @click=\"clearInput\"><v-icon>mdi-close</v-icon></v-btn>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  import _ from 'lodash'\n  const getFilesSize = (files) => {\n    if (!files) {\n      return\n    }\n    let size\n    let sizeInfoText\n    const length = files.length\n    const sizeInByte = files.reduce((sum, { size }) => {\n      sum += size\n      return sum\n    }, 0)\n    const byteNumber = 1000 // 1024\n    if (sizeInByte > (byteNumber * byteNumber * byteNumber)) {\n      sizeInfoText = 'gB'\n      size = sizeInByte / (byteNumber * byteNumber * byteNumber)\n    } else if (sizeInByte > (byteNumber * byteNumber)) {\n      sizeInfoText = 'MB'\n      size = sizeInByte / (byteNumber * byteNumber)\n    } else if (sizeInByte > byteNumber) {\n      sizeInfoText = 'kB'\n      size = sizeInByte / byteNumber\n    } else {\n      sizeInfoText = 'B'\n      size = sizeInByte\n    }\n    if (sizeInfoText !== 'B') {\n      size = size.toFixed(1)\n    }\n    return {\n      size: `${size} ${sizeInfoText}`,\n      length\n    }\n  }\n  export default {\n    name: 'file-upload-button',\n    props: ['value', 'disabled', 'multiple', 'accept'],\n    model: {\n      prop: 'value',\n      event: 'change'\n    },\n    data: () => ({\n      fileInputInfo: {\n        size: 0,\n        length: 0\n      },\n      fileName: null\n    }),\n    watch: {\n      value (val) {\n        if (!_.isEqual(val, this.$refs.fileInput.files)) {\n          // this.clearInput()\n        }\n      }\n    },\n    methods: {\n      onClick () {\n        if (!this.disabled) {\n          this.$refs.fileInput.click()\n        }\n      },\n      onFileChange ($event) {\n        const files = $event && $event.target ? [...$event.target.files] : {}\n        if (files && files.length) {\n          this.fileInputInfo = getFilesSize(files)\n          this.setFileName(files)\n          this.$emit('change', files)\n        } else {\n          this.fileInputInfo = {\n            size: 0,\n            length: 0\n          }\n          this.fileName = ''\n          this.$emit('change', '')\n        }\n      },\n      setFileName (files) {\n        const sliceFileName = (str) => {\n          if (str.length <= 25) {\n            return str\n          }\n          return `${str.substr(0, 6)}...${str.substr(str.length - 10)}`\n        }\n        if (files.length > 1) {\n          this.fileName = `${files.length} files`\n        } else {\n          this.fileName = sliceFileName(files[0].name)\n        }\n      },\n      clearInput () {\n        this.$refs.fileInput.value = ''\n        this.onFileChange(null)\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .upload-file-btn {\n    display: flex;\n    align-items: center;\n    &__main-btn {\n      border: 1px solid lighten(#6C9D39, 20%);\n      color: lighten(#6C9D39, 20%);\n    }\n    &__info {\n      margin-left: 8px;\n    }\n  }\n</style>\n","import mod from \"-!../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileUploadButton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FileUploadButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FileUploadButton.vue?vue&type=template&id=1f2754b1&scoped=true&\"\nimport script from \"./FileUploadButton.vue?vue&type=script&lang=js&\"\nexport * from \"./FileUploadButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FileUploadButton.vue?vue&type=style&index=0&id=1f2754b1&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  \"1f2754b1\",\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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VBtn,VIcon})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-dialog',{attrs:{\"max-width\":\"1000\",\"scrollable\":\"false\",\"persistent\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"])){ return null; }$event.preventDefault();return _vm.closeModal($event)},\"click:outside\":_vm.closeModal},model:{value:(_vm.isOpen),callback:function ($$v) {_vm.isOpen=$$v},expression:\"isOpen\"}},[(_vm.taskId)?_c('v-card',{ref:\"taskInfoCard\",staticClass:\"pa-0 modalOverflowHidden\"},[_c('v-toolbar',{attrs:{\"color\":\"grey lighten-4 px-3\",\"flat\":\"\"}},[_c('v-toolbar-title',{staticClass:\"text-uppercase\"},[(_vm.taskInfo.overdue)?_c('v-icon',{staticClass:\"mr-1\"},[_vm._v(\"$overdue\")]):_vm._e(),_vm._v(\" \"+_vm._s(_vm.taskInfo.title)+\" \")],1),_c('v-spacer'),_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":_vm.closeModal}},[_c('v-icon',[_vm._v(\"$close\")])],1)],1),_c('v-fade-transition',[(!_vm.isDataLoading)?_c('v-container',{staticClass:\"pa-5 task-view_container\",attrs:{\"fluid\":\"\"}},[_c('v-form',{ref:\"taskEditForm\",staticClass:\"task-view_form\"},[_c('v-layout',{staticClass:\"task-view_content\",style:({height: _vm.scrollableContentHeight}),attrs:{\"row\":\"\",\"px-4\":\"\",\"fluid\":\"\"}},[_c('v-flex',{staticClass:\"overflowForFixedCol\",attrs:{\"xs7\":\"\",\"pr-5\":\"\",\"border-right-separator\":\"\"}},[(_vm.showEvidenceBlock)?_c('div',[_c('h3',[_vm._v(\"Evidence required to complete\")]),(_vm.showRenewableDate)?_c('v-layout',{attrs:{\"row\":\"\",\"px-4\":\"\",\"mt-5\":\"\",\"mb-5\":\"\"}},[_c('v-flex',{staticClass:\"d-flex\",attrs:{\"xs4\":\"\"}},[_c('v-subheader',{staticClass:\"subtitle-1 required\"},[_vm._v(\" Renew date \")])],1),_c('v-flex',{staticClass:\"align-center\",attrs:{\"xs8\":\"\"}},[_c('v-menu',{attrs:{\"close-on-content-click\":false,\"transition\":\"scale-transition\",\"offset-y\":\"\",\"min-width\":\"290px\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-text-field',_vm._g(_vm._b({attrs:{\"value\":_vm.computedRenewDateFormatted,\"rules\":_vm.renewableDateRules,\"disabled\":_vm.taskInfo.status !== 'Pending',\"label\":\"Select date\",\"prepend-icon\":\"mdi-calendar\",\"readonly\":\"\"}},'v-text-field',attrs,false),on))]}}],null,false,4057808193),model:{value:(_vm.datePickerStatus),callback:function ($$v) {_vm.datePickerStatus=$$v},expression:\"datePickerStatus\"}},[_c('v-date-picker',{attrs:{\"first-day-of-week\":\"1\"},on:{\"input\":function($event){_vm.datePickerStatus = false}},model:{value:(_vm.userRenewableTaskDueDate),callback:function ($$v) {_vm.userRenewableTaskDueDate=$$v},expression:\"userRenewableTaskDueDate\"}})],1),_c('div',{staticClass:\"mt2\"},[_vm._v(\" Actual date: \"+_vm._s(Date.formatDate([_vm.renewableTaskDueDate]))+\" \")])],1)],1):_vm._e(),(_vm.isHrRenewable)?_c('v-layout',{attrs:{\"row\":\"\",\"px-4\":\"\",\"mt-5\":\"\",\"mb-5\":\"\"}},[_c('v-flex',{staticClass:\"d-flex align-center\",attrs:{\"xs4\":\"\"}},[_c('v-subheader',{staticClass:\"subtitle-1\"},[_vm._v(\" Supervisor role \")])],1),_c('v-flex',{staticClass:\"d-flex align-center\",attrs:{\"xs8\":\"\"}},[_c('v-select',{attrs:{\"items\":_vm.$store.getters.getVisibleRoles,\"item-text\":\"title\",\"item-value\":\"id\",\"placeholder\":\"Role\",\"dense\":\"\",\"solo\":\"\",\"lighten-1\":\"\",\"multiple\":\"\"},model:{value:(_vm.taskInfo.supervisorIds),callback:function ($$v) {_vm.$set(_vm.taskInfo, \"supervisorIds\", $$v)},expression:\"taskInfo.supervisorIds\"}})],1)],1):_vm._e(),(_vm.taskInfo.imageObligatoriness !== 'Disabled')?_c('v-layout',{attrs:{\"row\":\"\",\"px-4\":\"\",\"mt-5\":\"\",\"mb-5\":\"\"}},[_c('v-flex',{staticClass:\"d-flex\",attrs:{\"xs4\":\"\"}},[_c('v-subheader',{staticClass:\"subtitle-1\",class:_vm.taskInfo.imageObligatoriness === 'Mandatory' ? 'required' : ''},[_vm._v(\" Upload files \")])],1),_c('v-flex',{staticClass:\"align-center\",attrs:{\"xs8\":\"\"}},[(_vm.uploadedImages.length > 0)?_c('ul',{staticClass:\"pa-0 mb-4\"},_vm._l((_vm.uploadedImages),function(item,index){return _c('li',{key:item.id,staticClass:\"d-flex align-center\"},[_c('a',{staticClass:\"d-block flex-grow-1\",on:{\"click\":function($event){return _vm.openImageGallery(index, item)}}},[_vm._v(_vm._s(item.originalName))]),_c('v-spacer'),_c('v-btn',{staticClass:\"elevation-0\",attrs:{\"fab\":\"\",\"small\":\"\",\"primary\":\"transparent\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.deleteImage(item)}}},[_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(\"mdi-delete\")])],1)],1)}),0):_vm._e(),_c('div',{staticClass:\"file-upload-btn d-flex align-center\"},[_c('file-upload-button',{staticClass:\"mb-2\",attrs:{\"rules\":_vm.imagesRules,\"multiple\":true},model:{value:(_vm.imagesToUpload),callback:function ($$v) {_vm.imagesToUpload=$$v},expression:\"imagesToUpload\"}},[_vm._v(\"Browse \")])],1)])],1):_vm._e(),(_vm.taskInfo.linkObligatoriness !== 'Disabled')?_c('v-layout',{attrs:{\"row\":\"\",\"px-4\":\"\",\"mt-5\":\"\",\"mb-5\":\"\"}},[_c('v-flex',{staticClass:\"d-flex align-center\",attrs:{\"xs4\":\"\"}},[_c('v-subheader',{staticClass:\"subtitle-1\",class:_vm.taskInfo.linkObligatoriness === 'Mandatory' ? 'required' : ''},[_vm._v(\" Link \")])],1),_c('v-flex',{staticClass:\"d-flex align-center\",attrs:{\"xs8\":\"\"}},[_c('v-text-field',{attrs:{\"placeholder\":\"Link attachment\",\"rules\":_vm.linkAttachmentRules},on:{\"change\":function($event){_vm.isTouched = true}},model:{value:(_vm.taskInfo.attachedLink),callback:function ($$v) {_vm.$set(_vm.taskInfo, \"attachedLink\", $$v)},expression:\"taskInfo.attachedLink\"}})],1)],1):_vm._e(),(_vm.taskInfo.noteObligatoriness !== 'Disabled')?_c('v-layout',{attrs:{\"row\":\"\",\"px-4\":\"\",\"mt-5\":\"\",\"mb-5\":\"\"}},[_c('v-flex',{staticClass:\"d-flex align-center\",attrs:{\"xs4\":\"\"}},[_c('v-subheader',{staticClass:\"subtitle-1\",class:_vm.taskInfo.noteObligatoriness === 'Mandatory' ? 'required' : ''},[_vm._v(\" Notes \")])],1),_c('v-flex',{staticClass:\"d-flex align-center\",attrs:{\"xs8\":\"\"}},[_c('v-textarea',{staticStyle:{\"position\":\"relative\"},attrs:{\"solo\":\"\",\"rows\":\"3\",\"placeholder\":\"Notes about the task\",\"rules\":_vm.noteRules},on:{\"change\":function($event){_vm.isTouched = true}},model:{value:(_vm.taskInfo.note),callback:function ($$v) {_vm.$set(_vm.taskInfo, \"note\", $$v)},expression:\"taskInfo.note\"}})],1)],1):_vm._e(),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"mx-4\",on:{\"click\":function($event){return _vm.clearForm()}}},[_vm._v(\"Cancel\")]),_c('v-btn',{attrs:{\"color\":\"primary\",\"loading\":_vm.isUpdating},on:{\"click\":function($event){return _vm.updateTask()}}},[_vm._v(\"Save \")])],1)],1):_c('div',{staticClass:\"py-10\"},[_c('h3',{staticClass:\"text-center\"},[_vm._v(\"No evidence required\")])]),_c('div',[_c('h3',{staticClass:\"pb-5 pt-5\"},[_vm._v(\"Communication\")]),_c('v-container',[_c('v-form',{ref:\"commentsForm\",staticClass:\"pb-5\"},[_c('v-textarea',{staticClass:\"commentField\",attrs:{\"solo\":\"\",\"label\":\"Communication with line manager\",\"rows\":\"3\",\"rules\":_vm.commentForTaskRules},model:{value:(_vm.commentForTask),callback:function ($$v) {_vm.commentForTask=$$v},expression:\"commentForTask\"}}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"grey\"},on:{\"click\":_vm.addCommentToTask}},[_vm._v(\"Post\")])],1)],1),(_vm.comments.length > 0)?_c('div',{staticClass:\"comments\"},_vm._l((_vm.comments),function(c){return _c('v-card',{key:c.id,staticClass:\"d-flex flex-column grey lighten-3 pa-2 mb-5\"},[_c('div',{staticClass:\"d-flex justify-space-between pb-2\"},[_c('div',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(c.employee))]),_c('div',{staticClass:\"d-flex justify-space-between align-center\"},[_c('div',{staticStyle:{\"width\":\"150px\",\"font-size\":\"12px\",\"text-align\":\"right\"}},[_vm._v(\" \"+_vm._s(Date.getDateAndTime(c.date))+\" \")]),(c.employeeId === _vm.getUserId)?_c('div',{staticClass:\"pl-5\"},[_c('v-icon',{on:{\"click\":function($event){return _vm.editModeActivate(c.id, c.text)}}},[_vm._v(\"$edit \")]),_c('v-icon',{on:{\"click\":function($event){return _vm.deleteComment(c.id)}}},[_vm._v(\"$delete\")])],1):_vm._e()])]),(_vm.commentEditMode === c.id)?_c('div',[_c('v-form',{ref:\"editCommentsForm\",refInFor:true,staticClass:\"pb-5\"},[_c('v-textarea',{staticClass:\"commentField\",attrs:{\"solo\":\"\",\"rows\":\"2\",\"rules\":_vm.commentForTaskRules},model:{value:(_vm.editedCommentForTask),callback:function ($$v) {_vm.editedCommentForTask=$$v},expression:\"editedCommentForTask\"}}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"grey lighten-2\"},on:{\"click\":function($event){_vm.commentEditMode = null}}},[_vm._v(\"Cancel \")]),_c('v-btn',{attrs:{\"color\":\"grey\"},on:{\"click\":_vm.editComment}},[_vm._v(\"Edit\")])],1)],1)],1):_c('div',[_vm._v(\" \"+_vm._s(c.text)+\" \")])])}),1):_c('div',{staticClass:\"text-center\"},[_vm._v(\" You dont have any comments yet \")])],1)],1),_c('div',[_c('h3',{staticClass:\"pb-5\"},[_vm._v(\"Activity\")]),(_vm.history.length > 0)?_c('v-container',_vm._l((_vm.history),function(h){return _c('div',{key:h.id,staticClass:\"d-flex justify-space-between pb-5\"},[_c('div',[_c('div',[_vm._v(_vm._s(h.updatedBy))]),_c('div',[_vm._v(_vm._s(h.activity))])]),_c('div',{staticStyle:{\"width\":\"150px\",\"font-size\":\"12px\",\"text-align\":\"right\"}},[_vm._v(\" \"+_vm._s(Date.getDateAndTime(h.date))+\" \")])])}),0):_c('div',{staticClass:\"text-center\"},[_vm._v(\" You dont have any activity here \")])],1)]),_c('v-flex',{attrs:{\"xs5\":\"\",\"pl-5\":\"\"}},[_c('div',{staticClass:\"mb-8\"},[_c('table',[_c('tbody',[_c('tr',[_c('td',{staticClass:\"pr-10 pb-4\"},[_c('b',[_vm._v(\"Due Date:\")])]),_c('td',{staticClass:\"pb-4\"},[_vm._v(_vm._s(Date.getFormatDateStr(_vm.dueDate)))])]),_c('tr',[_c('td',{staticClass:\"pr-10 pb-4\"},[_c('b',[_vm._v(\"Interval:\")])]),_c('td',{staticClass:\"pb-4\"},[_vm._v(_vm._s(_vm.taskInfo.interval))])]),_c('tr',[_c('td',{staticClass:\"pr-10 pb-4\"},[_c('b',[_vm._v(\"Overdue:\")])]),_c('td',{staticClass:\"pb-4\"},[_vm._v(_vm._s(_vm.taskInfo.overdue ? 'Overdue' : 'Not overdue'))])]),_c('tr',[_c('td',{staticClass:\"pr-10 pb-4\"},[_c('b',[_vm._v(\"Clinic:\")])]),_c('td',{staticClass:\"pb-4\"},[_vm._v(_vm._s(_vm.taskInfo.clinic))])]),_c('tr',[_c('td',{staticClass:\"pr-10 pb-4\"},[_c('b',[_vm._v(\"Sub-unit:\")])]),_c('td',{staticClass:\"pb-4\"},[_vm._v(_vm._s(_vm.taskInfo.surgery))])]),_c('tr',[_c('td',{staticClass:\"pr-10 pb-4\"},[_c('b',[_vm._v(\"Assignee:\")])]),_c('td',{staticClass:\"pb-4\"},[_vm._v(\" \"+_vm._s(_vm.taskInfo.assignee)+\" \")])]),_c('tr',[_c('td',{staticClass:\"pr-10 pb-4\"},[_c('b',[_vm._v(\"Employee:\")])]),_c('td',{staticClass:\"pb-4\"},[_vm._v(_vm._s(_vm.taskInfo.linkedTo))])])])])]),(_vm.taskInfo.description.length)?_c('div',{staticClass:\"mb-4\"},[_c('div',{staticClass:\"mb-2\"},[_c('b',[_vm._v(\"Description\")])]),_c('div',{staticClass:\"task-view__description\"},[_c('p',[_vm._v(\" \"+_vm._s(_vm.taskInfo.description)+\" \")])])]):_vm._e(),(_vm.attachmentList.length > 0 || _vm.taskInfo.linkAttachment)?_c('div',{staticClass:\"mb-4\"},[_c('div',{staticClass:\"mb-2\"},[_c('b',[_vm._v(\"Attachments\")])]),_c('ul',{staticStyle:{\"list-style-type\":\"none\"}},[_vm._l((_vm.attachmentList),function(file,index){return _c('li',{key:index,staticClass:\"mb-3\",on:{\"click\":function($event){return _vm.openImageGallery(index, file)}}},[_c('a',{attrs:{\"href\":\"#\"}},[_vm._v(\"Attachment \"+_vm._s(index + 1))])])}),_c('li',[_c('a',{attrs:{\"href\":_vm.taskInfo.linkAttachment,\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.taskInfo.linkAttachment))])])],2)]):_vm._e()])],1)],1),_c('v-row',{staticClass:\"grey lighten-2 align-center px-5 justify-space-between task-view_footer\",attrs:{\"px-4\":\"\",\"fluid\":\"\"}},[_c('v-flex',{staticClass:\"justify-center\",staticStyle:{\"flex-basis\":\"46%\"},attrs:{\"xs-7\":\"\",\"pl5\":\"\"}},[(_vm.isSuperAppraisal && _vm.taskInfo.overdue && _vm.taskInfo.status === 'Pending' && _vm.punishedList.length > 0)?_c('div',{staticClass:\"d-flex justify-center align-center\"},[_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":_vm.openPunishedModal}},[_c('v-icon',{attrs:{\"left\":\"\"}},[_vm._v(\"$overdue\")]),_vm._v(\"Overdue Penalty\")],1)],1):_vm._e(),(_vm.currentStatus === 'Done' && !_vm.isUpdating)?_c('div',{staticClass:\"appraisalStatusContainer\"},[_c('div',{staticClass:\"appraisalStatusContainer-title\"},[_vm._v(\" Appraisal \")]),_c('div',{staticClass:\"appraisalStatusContainer-tools\"},[_c('v-btn-toggle',{attrs:{\"dense\":\"\",\"background-color\":\"transparent\",\"borderless\":\"\",\"loading\":true},model:{value:(_vm.activeAppraisal),callback:function ($$v) {_vm.activeAppraisal=$$v},expression:\"activeAppraisal\"}},_vm._l((_vm.appraisalStatus),function(status){return _c('v-btn',{key:status.id,staticClass:\"btn-rounded\",attrs:{\"value\":status.title,\"x-large\":\"\",\"icon\":\"\",\"rounded\":\"\"},on:{\"click\":function($event){return _vm.showAppraisalCommentPopup(status)}}},[_c('v-icon',{attrs:{\"x-large\":\"\"}},[_vm._v(_vm._s(status.icon))])],1)}),1)],1)]):_vm._e()]),_c('v-flex',{attrs:{\"xs-5\":\"\",\"pl5\":\"\"}},[_c('v-layout',{staticClass:\"py-3 justify-end\",attrs:{\"row\":\"\"}},[_c('v-flex',{staticClass:\"d-flex align-center\",attrs:{\"xs3\":\"\"}},[(_vm.completeAsAssignee)?_c('div',{staticClass:\"statusWarning\"},[_vm._v(\"\\\"Done\\\" will be attributed to Assignee\")]):_vm._e(),_c('v-subheader',{staticClass:\"subtitle-1\"},[_c('b',[_vm._v(\"Status\")])])],1),_c('v-flex',{staticClass:\"d-flex align-center\",attrs:{\"xs8\":\"\"}},[_c('div',{staticClass:\"status-btns\"},_vm._l((_vm.statuses),function(status){return _c('v-btn',{key:status.id,staticClass:\"primary lighten-1 elevation-0\",class:{'v-btn--active': _vm.currentStatus === status.text},attrs:{\"value\":status.text,\"disabled\":status.disabled || _vm.isStatusChanging && _vm.statusToChange !== status.text,\"loading\":_vm.isStatusChanging && _vm.statusToChange === status.text},on:{\"click\":function($event){return _vm.changeTaskHandler(status.text, $event)}}},[_vm._v(\" \"+_vm._s(status.text)+\" \")])}),1)])],1)],1)],1),(_vm.isAppraisalCommentShown)?_c('div',{staticClass:\"appraisalStatusContainer-comment\"},[_c('v-form',{ref:\"appraisalCommentForm\"},[_c('v-text-field',{staticStyle:{\"width\":\"100%\",\"padding-bottom\":\"20px\"},attrs:{\"placeholder\":\"Comment\",\"rules\":_vm.appraisalCommentRules,\"solo\":\"\",\"rows\":\"3\"},model:{value:(_vm.appraisalComment),callback:function ($$v) {_vm.appraisalComment=$$v},expression:\"appraisalComment\"}}),_c('div',{staticClass:\"d-flex justify-lg-space-between\"},[_c('v-btn',{attrs:{\"color\":\"primary\"},on:{\"click\":_vm.changeAppraisalTask}},[_vm._v(\"Apply\")]),_c('v-btn',{attrs:{\"color\":\"grey\"},on:{\"click\":function($event){_vm.isAppraisalCommentShown = false}}},[_vm._v(\"Cancel\")])],1)],1)],1):_vm._e()],1):_vm._e()],1),(_vm.isDataLoading)?_c('v-skeleton-loader',{staticClass:\"mx-auto pa-5\",attrs:{\"type\":\"article, article\"}}):_vm._e()],1):_vm._e()],1),_c('doc-view',{attrs:{\"isOpen\":_vm.docViewOpen,\"file-value\":_vm.fileWatchData,\"carouselIndex\":_vm.carouselIndex,\"uploadedImages\":_vm.uploadedImages.filter(function (item) { return _vm.isImage.includes(item.extension); })},on:{\"closeModal\":function($event){_vm.docViewOpen = false},\"setActiveImg\":function($event){return _vm.setActiveImg(_vm.index)},\"deleteImage\":function($event){return _vm.deleteImage(_vm.item)}}}),_c('v-dialog',{attrs:{\"width\":\"1000\"},model:{value:(_vm.overdueModal),callback:function ($$v) {_vm.overdueModal=$$v},expression:\"overdueModal\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"headline grey lighten-4 justify-space-between\"},[_c('v-toolbar-title',{staticClass:\"font-weight-regular\"},[_vm._v(\" Employees who worked during the task span \")]),_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":function($event){_vm.overdueModal = false}}},[_c('v-icon',[_vm._v(\"$close\")])],1)],1),_c('v-card-text',[_c('v-container',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"md-3\"}},[_c('strong',{staticClass:\"body-1 font-weight-bold\"},[_vm._v(\"Employee\")])]),_c('v-col',{attrs:{\"cols\":\"md-3\"}},[_c('strong',{staticClass:\"body-1 font-weight-bold\"},[_vm._v(\"Penalised\")])])],1),_vm._l((_vm.punishedList),function(personData){return _c('v-row',{key:personData.id},[_c('v-col',{attrs:{\"cols\":\"md-3\"}},[_c('div',{staticClass:\"body-1\"},[_vm._v(\" \"+_vm._s(personData.fullName)+\" \"),(personData.isSupervisor)?_c('span',[_vm._v(\"(watch)\")]):_vm._e()])]),_c('v-col',{attrs:{\"cols\":\"md-3\"}},[_c('v-radio-group',{staticClass:\"my-0 py-0\",attrs:{\"row\":\"\",\"hide-details\":\"\"},on:{\"change\":function($event){return _vm.changePunished(personData)}},model:{value:(personData.punished),callback:function ($$v) {_vm.$set(personData, \"punished\", $$v)},expression:\"personData.punished\"}},[_c('v-radio',{staticClass:\"mr-10\",attrs:{\"label\":\"Yes\",\"value\":true}}),_c('v-radio',{attrs:{\"label\":\"No\",\"value\":false}})],1)],1)],1)})],2)],1),_c('v-divider'),_c('v-card-actions',{staticClass:\"px-5 py-4\"},[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"primary\",\"loading\":_vm.updatePunishedLoading},on:{\"click\":_vm.putPunishedEmployees}},[_vm._v(\" Save changes \")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <v-dialog\r\n            v-model=\"isOpen\"\r\n            max-width=\"1000\"\r\n            scrollable=\"false\"\r\n            @keydown.esc.prevent=\"closeModal\"\r\n            persistent\r\n            @click:outside=\"closeModal\"\r\n        >\r\n            <v-card class=\"pa-0 modalOverflowHidden\" v-if=\"taskId\" ref=\"taskInfoCard\">\r\n                <v-toolbar color=\"grey lighten-4 px-3\" flat>\r\n                    <v-toolbar-title class=\"text-uppercase\">\r\n                        <v-icon v-if=\"taskInfo.overdue\" class=\"mr-1\">$overdue</v-icon>\r\n                        {{taskInfo.title}}\r\n                    </v-toolbar-title>\r\n                    <v-spacer></v-spacer>\r\n                    <v-btn icon @click=\"closeModal\">\r\n                        <v-icon>$close</v-icon>\r\n                    </v-btn>\r\n                </v-toolbar>\r\n                <v-fade-transition>\r\n                    <v-container fluid class=\"pa-5 task-view_container\" v-if=\"!isDataLoading\">\r\n                        <v-form ref=\"taskEditForm\" class=\"task-view_form\">\r\n                            <v-layout row px-4 fluid class=\"task-view_content\"\r\n                                :style=\"{height: scrollableContentHeight}\">\r\n                                <v-flex xs7 pr-5 border-right-separator class=\"overflowForFixedCol\">\r\n                                    <div v-if=\"showEvidenceBlock\">\r\n                                        <h3>Evidence required to complete</h3>\r\n                                        <v-layout row px-4 mt-5 mb-5 v-if=\"showRenewableDate\">\r\n                                            <v-flex xs4 class=\"d-flex\">\r\n                                                <v-subheader class=\"subtitle-1 required\">\r\n                                                    Renew date\r\n                                                </v-subheader>\r\n                                            </v-flex>\r\n                                            <v-flex xs8 class=\"align-center\">\r\n                                                <v-menu\r\n                                                    v-model=\"datePickerStatus\"\r\n                                                    :close-on-content-click=\"false\"\r\n                                                    transition=\"scale-transition\"\r\n                                                    offset-y\r\n                                                    min-width=\"290px\"\r\n                                                >\r\n                                                    <template v-slot:activator=\"{ on, attrs }\">\r\n                                                        <v-text-field\r\n                                                            :value=\"computedRenewDateFormatted\"\r\n                                                            :rules=\"renewableDateRules\"\r\n                                                            :disabled=\"taskInfo.status !== 'Pending'\"\r\n                                                            label=\"Select date\"\r\n                                                            prepend-icon=\"mdi-calendar\"\r\n                                                            readonly\r\n                                                            v-on=\"on\"\r\n                                                            v-bind=\"attrs\"\r\n                                                        ></v-text-field>\r\n                                                    </template>\r\n                                                    <v-date-picker first-day-of-week=\"1\"\r\n                                                        v-model=\"userRenewableTaskDueDate\"\r\n                                                        @input=\"datePickerStatus = false\"\r\n                                                    />\r\n                                                </v-menu>\r\n                                                <div class=\"mt2\">\r\n                                                    Actual date: {{Date.formatDate([renewableTaskDueDate])}}\r\n                                                </div>\r\n                                            </v-flex>\r\n                                        </v-layout>\r\n                                        <v-layout row px-4 mt-5 mb-5 v-if=\"isHrRenewable\">\r\n                                            <v-flex xs4 class=\"d-flex align-center\">\r\n                                                <v-subheader class=\"subtitle-1\">\r\n                                                    Supervisor role\r\n                                                </v-subheader>\r\n                                            </v-flex>\r\n                                            <v-flex xs8 class=\"d-flex align-center\">\r\n                                                <v-select\r\n                                                    :items=\"$store.getters.getVisibleRoles\"\r\n                                                    item-text=\"title\"\r\n                                                    item-value=\"id\"\r\n                                                    placeholder=\"Role\"\r\n                                                    v-model=\"taskInfo.supervisorIds\"\r\n                                                    dense\r\n                                                    solo\r\n                                                    lighten-1\r\n                                                    multiple\r\n                                                ></v-select>\r\n                                            </v-flex>\r\n                                        </v-layout>\r\n                                        <v-layout row px-4 mt-5 mb-5 v-if=\"taskInfo.imageObligatoriness !== 'Disabled'\">\r\n                                            <v-flex xs4 class=\"d-flex\">\r\n                                                <v-subheader class=\"subtitle-1\"\r\n                                                    :class=\"taskInfo.imageObligatoriness === 'Mandatory' ? 'required' : ''\">\r\n                                                    Upload files\r\n                                                </v-subheader>\r\n                                            </v-flex>\r\n                                            <v-flex xs8 class=\"align-center\">\r\n                                                <ul class=\"pa-0 mb-4\" v-if=\"uploadedImages.length > 0\">\r\n                                                    <li class=\"d-flex align-center\"\r\n                                                        v-for=\"(item, index) in uploadedImages\" :key=\"item.id\">\r\n                                                        <a class=\"d-block flex-grow-1\" @click=\"openImageGallery(index, item)\">{{item.originalName}}</a>\r\n                                                        <v-spacer></v-spacer>\r\n                                                        <v-btn fab small primary=\"transparent\" class=\"elevation-0\" icon\r\n                                                            @click=\"deleteImage(item)\">\r\n                                                            <v-icon color=\"primary\">mdi-delete</v-icon>\r\n                                                        </v-btn>\r\n                                                    </li>\r\n                                                </ul>\r\n                                                <div class=\"file-upload-btn d-flex align-center\">\r\n                                                    <file-upload-button class=\"mb-2\" v-model=\"imagesToUpload\"\r\n                                                        :rules=\"imagesRules\" :multiple=\"true\">Browse\r\n                                                    </file-upload-button>\r\n                                                </div>\r\n                                            </v-flex>\r\n                                        </v-layout>\r\n                                        <v-layout row px-4 mt-5 mb-5 v-if=\"taskInfo.linkObligatoriness !== 'Disabled'\">\r\n                                            <v-flex xs4 class=\"d-flex align-center\">\r\n                                                <v-subheader class=\"subtitle-1\"\r\n                                                    :class=\"taskInfo.linkObligatoriness === 'Mandatory' ? 'required' : ''\">\r\n                                                    Link\r\n                                                </v-subheader>\r\n                                            </v-flex>\r\n                                            <v-flex xs8 class=\"d-flex align-center\">\r\n                                                <v-text-field\r\n                                                    v-model=\"taskInfo.attachedLink\"\r\n                                                    placeholder=\"Link attachment\"\r\n                                                    :rules=\"linkAttachmentRules\"\r\n                                                    @change=\"isTouched = true\"\r\n                                                ></v-text-field>\r\n                                            </v-flex>\r\n                                        </v-layout>\r\n                                        <v-layout row px-4 mt-5 mb-5 v-if=\"taskInfo.noteObligatoriness !== 'Disabled'\">\r\n                                            <v-flex xs4 class=\"d-flex align-center\">\r\n                                                <v-subheader class=\"subtitle-1\"\r\n                                                    :class=\"taskInfo.noteObligatoriness === 'Mandatory' ? 'required' : ''\">\r\n                                                    Notes\r\n                                                </v-subheader>\r\n                                            </v-flex>\r\n                                            <v-flex xs8 class=\"d-flex align-center\">\r\n                                                <v-textarea\r\n                                                    solo\r\n                                                    rows=\"3\"\r\n                                                    v-model=\"taskInfo.note\"\r\n                                                    placeholder=\"Notes about the task\"\r\n                                                    style=\"position:relative;\"\r\n                                                    :rules=\"noteRules\"\r\n                                                    @change=\"isTouched = true\"\r\n                                                ></v-textarea>\r\n                                            </v-flex>\r\n                                        </v-layout>\r\n                                        <v-card-actions>\r\n                                            <v-spacer></v-spacer>\r\n                                            <v-btn class=\"mx-4\" @click=\"clearForm()\">Cancel</v-btn>\r\n                                            <v-btn color=\"primary\" @click=\"updateTask()\" :loading=\"isUpdating\">Save\r\n                                            </v-btn>\r\n                                        </v-card-actions>\r\n                                    </div>\r\n                                    <div v-else class=\"py-10\">\r\n                                        <h3 class=\"text-center\">No evidence required</h3>\r\n                                    </div>\r\n                                    <div>\r\n                                        <h3 class=\"pb-5 pt-5\">Communication</h3>\r\n                                        <v-container>\r\n                                            <v-form ref=\"commentsForm\" class=\"pb-5\">\r\n                                                <v-textarea\r\n                                                    solo\r\n                                                    label=\"Communication with line manager\"\r\n                                                    rows=\"3\"\r\n                                                    :rules=\"commentForTaskRules\"\r\n                                                    v-model=\"commentForTask\"\r\n                                                    class=\"commentField\"\r\n                                                ></v-textarea>\r\n                                                <v-card-actions>\r\n                                                    <v-spacer></v-spacer>\r\n                                                    <v-btn color=\"grey\" @click=\"addCommentToTask\">Post</v-btn>\r\n                                                </v-card-actions>\r\n                                            </v-form>\r\n                                            <div class=\"comments\" v-if=\"comments.length > 0\">\r\n                                                <v-card class=\"d-flex flex-column grey lighten-3 pa-2 mb-5\"\r\n                                                    v-for=\"c in comments\" :key=\"c.id\">\r\n                                                    <div class=\"d-flex justify-space-between pb-2\">\r\n                                                        <div class=\"font-weight-bold\">{{c.employee}}</div>\r\n                                                        <div class=\"d-flex justify-space-between align-center\">\r\n                                                            <div style=\"width: 150px; font-size: 12px; text-align: right;\">\r\n                                                                {{Date.getDateAndTime(c.date)}}\r\n                                                            </div>\r\n                                                            <!-- <app-due-date-circle :date=\"c.date\" :showCircle=\"false\"\r\n                                                                                 :width=\"100\"></app-due-date-circle> -->\r\n                                                            <div class=\"pl-5\" v-if=\"c.employeeId === getUserId\">\r\n                                                                <v-icon @click=\"editModeActivate(c.id, c.text)\">$edit\r\n                                                                </v-icon>\r\n                                                                <v-icon @click=\"deleteComment(c.id)\">$delete</v-icon>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                    <div v-if=\"commentEditMode === c.id\">\r\n                                                        <v-form ref=\"editCommentsForm\" class=\"pb-5\">\r\n                                                            <v-textarea\r\n                                                                solo\r\n                                                                rows=\"2\"\r\n                                                                :rules=\"commentForTaskRules\"\r\n                                                                v-model=\"editedCommentForTask\"\r\n                                                                class=\"commentField\"\r\n                                                            ></v-textarea>\r\n                                                            <v-card-actions>\r\n                                                                <v-spacer></v-spacer>\r\n                                                                <v-btn color=\"grey lighten-2\"\r\n                                                                    @click=\"commentEditMode = null\">Cancel\r\n                                                                </v-btn>\r\n                                                                <v-btn color=\"grey\" @click=\"editComment\">Edit</v-btn>\r\n                                                            </v-card-actions>\r\n                                                        </v-form>\r\n                                                    </div>\r\n                                                    <div v-else>\r\n                                                        {{c.text}}\r\n                                                    </div>\r\n                                                </v-card>\r\n                                            </div>\r\n                                            <div class=\"text-center\" v-else>\r\n                                                You dont have any comments yet\r\n                                            </div>\r\n                                        </v-container>\r\n                                    </div>\r\n                                    <div>\r\n                                        <h3 class=\"pb-5\">Activity</h3>\r\n                                        <v-container v-if=\"history.length > 0\">\r\n                                            <div class=\"d-flex justify-space-between pb-5\" v-for=\"h in history\"\r\n                                                :key=\"h.id\">\r\n                                                <div>\r\n                                                    <div>{{h.updatedBy}}</div>\r\n                                                    <div>{{h.activity}}</div>\r\n                                                </div>\r\n                                                <div style=\"width: 150px; font-size: 12px; text-align: right;\">\r\n                                                    {{Date.getDateAndTime(h.date)}}\r\n                                                    <!-- <app-due-date-circle :date=\"h.date\" :showCircle=\"false\"\r\n                                                                         :width=\"100\"></app-due-date-circle> -->\r\n                                                </div>\r\n                                            </div>\r\n                                        </v-container>\r\n                                        <div class=\"text-center\" v-else>\r\n                                            You dont have any activity here\r\n                                        </div>\r\n                                    </div>\r\n                                </v-flex>\r\n                                <v-flex xs5 pl-5>\r\n                                    <div class=\"mb-8\">\r\n                                        <table>\r\n                                            <tbody>\r\n                                            <tr>\r\n                                                <td class=\"pr-10 pb-4\"><b>Due Date:</b></td>\r\n                                                <td class=\"pb-4\">{{Date.getFormatDateStr(dueDate)}}</td>\r\n                                            </tr>\r\n                                            <tr>\r\n                                                <td class=\"pr-10 pb-4\"><b>Interval:</b></td>\r\n                                                <td class=\"pb-4\">{{taskInfo.interval}}</td>\r\n                                            </tr>\r\n                                            <tr>\r\n                                                <td class=\"pr-10 pb-4\"><b>Overdue:</b></td>\r\n                                                <td class=\"pb-4\">{{taskInfo.overdue ? 'Overdue' : 'Not overdue'}}</td>\r\n                                            </tr>\r\n                                            <tr>\r\n                                                <td class=\"pr-10 pb-4\"><b>Clinic:</b></td>\r\n                                                <td class=\"pb-4\">{{taskInfo.clinic}}</td>\r\n                                            </tr>\r\n                                            <tr>\r\n                                                <td class=\"pr-10 pb-4\"><b>Sub-unit:</b></td>\r\n                                                <td class=\"pb-4\">{{taskInfo.surgery}}</td>\r\n                                            </tr>\r\n                                            <tr>\r\n                                                <td class=\"pr-10 pb-4\"><b>Assignee:</b></td>\r\n                                                <td class=\"pb-4\">\r\n                                                    {{taskInfo.assignee}}\r\n                                                </td>\r\n                                            </tr>\r\n                                            <tr>\r\n                                                <td class=\"pr-10 pb-4\"><b>Employee:</b></td>\r\n                                                <td class=\"pb-4\">{{taskInfo.linkedTo}}</td>\r\n                                            </tr>\r\n                                            </tbody>\r\n                                        </table>\r\n                                    </div>\r\n                                    <div class=\"mb-4\" v-if=\"taskInfo.description.length\">\r\n                                        <div class=\"mb-2\">\r\n                                            <b>Description</b>\r\n                                        </div>\r\n                                        <div class=\"task-view__description\">\r\n                                            <p>\r\n                                                {{taskInfo.description}}\r\n                                            </p>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"mb-4\" v-if=\"attachmentList.length > 0 || taskInfo.linkAttachment\">\r\n                                        <div class=\"mb-2\">\r\n                                            <b>Attachments</b>\r\n                                        </div>\r\n                                        <ul style=\"list-style-type: none\">\r\n                                            <li\r\n                                                v-for=\"(file, index) in attachmentList\"\r\n                                                :key=\"index\"\r\n                                                class=\"mb-3\"\r\n                                                @click=\"openImageGallery(index, file)\"\r\n                                            >\r\n                                                <a href=\"#\">Attachment {{index + 1}}</a>\r\n                                            </li>\r\n                                            <li>\r\n                                                <a :href=\"taskInfo.linkAttachment\" target=\"_blank\">{{taskInfo.linkAttachment}}</a>\r\n                                            </li>\r\n                                        </ul>\r\n                                    </div>\r\n                                </v-flex>\r\n                            </v-layout>\r\n                        </v-form>\r\n                        <v-row px-4 fluid\r\n                            class=\"grey lighten-2 align-center px-5 justify-space-between task-view_footer\">\r\n                            <v-flex xs-7 pl5 class=\"justify-center\" style=\"flex-basis: 46%\">\r\n                                <div v-if=\"isSuperAppraisal && taskInfo.overdue && taskInfo.status === 'Pending' && punishedList.length > 0\" class=\"d-flex justify-center align-center\">\r\n                                    <v-btn text @click=\"openPunishedModal\"><v-icon left>$overdue</v-icon>Overdue Penalty</v-btn>\r\n                                </div>\r\n                                <div class=\"appraisalStatusContainer\" v-if=\"currentStatus === 'Done' && !isUpdating\">\r\n                                    <div class=\"appraisalStatusContainer-title\">\r\n                                        Appraisal\r\n                                    </div>\r\n                                    <div class=\"appraisalStatusContainer-tools\">\r\n                                        <v-btn-toggle\r\n                                            v-model=\"activeAppraisal\"\r\n                                            dense\r\n                                            background-color=\"transparent\"\r\n                                            borderless\r\n                                            :loading=\"true\"\r\n                                        >\r\n                                            <v-btn v-for=\"status in appraisalStatus\" :key=\"status.id\"\r\n                                                :value=\"status.title\" x-large icon rounded class=\"btn-rounded\"\r\n                                                @click=\"showAppraisalCommentPopup(status)\"\r\n                                            >\r\n                                                <v-icon x-large>{{ status.icon }}</v-icon>\r\n                                            </v-btn>\r\n                                        </v-btn-toggle>\r\n                                    </div>\r\n                                </div>\r\n                            </v-flex>\r\n                            <v-flex xs-5 pl5>\r\n                                <v-layout row class=\"py-3 justify-end\">\r\n                                    <v-flex xs3 class=\"d-flex align-center\">\r\n                                        <div class=\"statusWarning\" v-if=\"completeAsAssignee\">\"Done\" will be attributed to Assignee</div>\r\n                                        <v-subheader class=\"subtitle-1\">\r\n                                            <b>Status</b>\r\n                                        </v-subheader>\r\n                                    </v-flex>\r\n                                    <v-flex xs8 class=\"d-flex align-center\">\r\n                                        <div class=\"status-btns\">\r\n                                            <v-btn :value=\"status.text\" v-for=\"status in statuses\" :key=\"status.id\"\r\n                                                class=\"primary lighten-1 elevation-0\"\r\n                                                :class=\"{'v-btn--active': currentStatus === status.text}\"\r\n                                                @click=\"changeTaskHandler(status.text, $event)\"\r\n                                                :disabled=\"status.disabled || isStatusChanging && statusToChange !== status.text\"\r\n                                                :loading=\"isStatusChanging && statusToChange === status.text\">\r\n                                                {{ status.text }}\r\n                                            </v-btn>\r\n                                        </div>\r\n                                    </v-flex>\r\n                                </v-layout>\r\n                            </v-flex>\r\n                        </v-row>\r\n                        <div class=\"appraisalStatusContainer-comment\" v-if=\"isAppraisalCommentShown\">\r\n                            <v-form ref=\"appraisalCommentForm\">\r\n                                <v-text-field\r\n                                    v-model=\"appraisalComment\"\r\n                                    placeholder=\"Comment\"\r\n                                    :rules=\"appraisalCommentRules\"\r\n                                    style=\"width: 100%; padding-bottom: 20px;\"\r\n                                    solo\r\n                                    rows=\"3\"\r\n                                ></v-text-field>\r\n                                <div class=\"d-flex justify-lg-space-between\">\r\n                                    <v-btn color=\"primary\" @click=\"changeAppraisalTask\">Apply</v-btn>\r\n                                    <v-btn color=\"grey\" @click=\"isAppraisalCommentShown = false\">Cancel</v-btn>\r\n                                </div>\r\n                            </v-form>\r\n                        </div>\r\n                    </v-container>\r\n                </v-fade-transition>\r\n                <v-skeleton-loader\r\n                    v-if=\"isDataLoading\"\r\n                    class=\"mx-auto pa-5\"\r\n                    type=\"article, article\"\r\n                >\r\n                </v-skeleton-loader>\r\n            </v-card>\r\n        </v-dialog>\r\n        <doc-view\r\n            :isOpen=\"docViewOpen\"\r\n            :file-value=\"fileWatchData\"\r\n            :carouselIndex=\"carouselIndex\"\r\n            :uploadedImages=\"uploadedImages.filter(item => isImage.includes(item.extension))\"\r\n            @closeModal=\"docViewOpen = false\"\r\n            @setActiveImg=\"setActiveImg(index)\"\r\n            @deleteImage=\"deleteImage(item)\"\r\n        >\r\n        </doc-view>\r\n        <v-dialog\r\n            v-model=\"overdueModal\"\r\n            width=\"1000\"\r\n        >\r\n            <v-card>\r\n                <v-card-title class=\"headline grey lighten-4 justify-space-between\">\r\n                    <v-toolbar-title class=\"font-weight-regular\">\r\n                        Employees who worked during the task span\r\n                    </v-toolbar-title>\r\n                    <v-btn icon @click=\"overdueModal = false\">\r\n                        <v-icon>$close</v-icon>\r\n                    </v-btn>\r\n                </v-card-title>\r\n\r\n                <v-card-text>\r\n                    <v-container>\r\n                        <v-row>\r\n                            <v-col cols=\"md-3\">\r\n                                <strong class=\"body-1 font-weight-bold\">Employee</strong>\r\n                            </v-col>\r\n                            <v-col cols=\"md-3\">\r\n                                <strong class=\"body-1 font-weight-bold\">Penalised</strong>\r\n                            </v-col>\r\n                        </v-row>\r\n                        <v-row v-for=\"personData in punishedList\" :key=\"personData.id\">\r\n                            <v-col cols=\"md-3\">\r\n                                <div class=\"body-1\">\r\n                                    {{personData.fullName}}\r\n                                    <span v-if=\"personData.isSupervisor\">(watch)</span>\r\n                                </div>\r\n                            </v-col>\r\n                            <v-col cols=\"md-3\">\r\n                                <v-radio-group v-model=\"personData.punished\" @change=\"changePunished(personData)\" row class=\"my-0 py-0\" hide-details>\r\n                                    <v-radio label=\"Yes\" :value=\"true\" class=\"mr-10\"/>\r\n                                    <v-radio label=\"No\" :value=\"false\"/>\r\n                                </v-radio-group>\r\n                            </v-col>\r\n                        </v-row>\r\n                    </v-container>\r\n                </v-card-text>\r\n\r\n                <v-divider></v-divider>\r\n\r\n                <v-card-actions class=\"px-5 py-4\">\r\n                    <v-spacer></v-spacer>\r\n                    <v-btn\r\n                        color=\"primary\"\r\n                        @click=\"putPunishedEmployees\"\r\n                        :loading=\"updatePunishedLoading\"\r\n                    >\r\n                        Save changes\r\n                    </v-btn>\r\n                </v-card-actions>\r\n            </v-card>\r\n        </v-dialog>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    import { mapActions, mapGetters } from 'vuex'\r\n    import { APPRAISALS, APPRAISALS_VALUES } from '@/common/constants'\r\n    // import AppDueDateCircle from '@/components/AppDueDateCircle'\r\n    import fileUploadButton from '@/components/FileUploadButton'\r\n    import moment from 'moment'\r\n    import INTERVALS from '@/constatns/intervalTypes'\r\n    import DocView from './components/DocView'\r\n\r\n    const getScrollableContentHeight = () => {\r\n        let height = window.innerHeight - 72 - 64 - 100\r\n        if (height > 650) height = 650\r\n        return `${height}px`\r\n    }\r\n\r\n    export default {\r\n        props: ['isOpen', 'taskId', 'closeTaskViewModal', 'completeAsAssignee'],\r\n        name: 'EmployeeTaskView',\r\n        data: () => ({\r\n            isTouched: false,\r\n            datePickerStatus: false,\r\n            taskInfo: {\r\n                attachments: [],\r\n                note: '',\r\n                attachedLink: '',\r\n                linkAttachment: '',\r\n                isComplete: false,\r\n                images: [],\r\n                supervisorIds: []\r\n            },\r\n            renewableTaskDueDate: null,\r\n            userRenewableTaskDueDate: null,\r\n            galleryDialog: false,\r\n            uploadedImages: [],\r\n            employees: [\r\n                {\r\n                    id: null,\r\n                    value: 'none'\r\n                }\r\n            ],\r\n            assigneeRules: [\r\n                val => !!val || 'Assignee should be chosen',\r\n                val => (val && (val.id !== null)) || 'Assignee should be chosen'\r\n            ],\r\n            assignee: null,\r\n            imagesToUpload: [],\r\n            imagesToDelete: [],\r\n            carouselIndex: 0,\r\n            isUpdating: false,\r\n            isDataLoading: true,\r\n            statusToChange: '',\r\n            currentStatus: '',\r\n            isStatusChanging: false,\r\n            history: [],\r\n            commentForTaskRules: [\r\n                value => !!value || 'Required.'\r\n            ],\r\n            commentForTask: '',\r\n            commentEditMode: null,\r\n            editedCommentForTask: '',\r\n            scrollableContentHeight: getScrollableContentHeight(),\r\n            appraisalComment: '',\r\n            isAppraisalCommentShown: false,\r\n            activeAppraisal: null,\r\n            fileWatchData: null,\r\n            docViewOpen: false,\r\n            overdueModal: false,\r\n            punishedList: [],\r\n            punishedListChanged: [],\r\n            updatePunishedLoading: false\r\n        }),\r\n        computed: {\r\n            ...mapGetters(['getUserClinicPermissions', 'getAppraisalStatus', 'getComments', 'getUserId']),\r\n            height: function () {\r\n                const h = window.innerHeight - 72 - 64 - 100\r\n                return h + 'px'\r\n            },\r\n            isImage () {\r\n                return ['.jpeg', '.jpg', '.png']\r\n            },\r\n            comments: function () {\r\n                return this.getComments\r\n            },\r\n            appraisalStatus: function () {\r\n                return APPRAISALS.filter(item => item.display)\r\n            },\r\n            imagesRules: function () {\r\n                const rules = []\r\n                if (this.uploadedImages.length > 0) {\r\n                    return rules\r\n                }\r\n                if (this.taskInfo.imageObligatoriness === 'Mandatory') {\r\n                    const rule = val => val.length > 0 || 'Images is required'\r\n                    rules.push(rule)\r\n                }\r\n                return rules\r\n            },\r\n            renewableDateRules: function () {\r\n                const rules = []\r\n                if (this.taskInfo.interval === 'Renewable' || this.isHrRenewable) {\r\n                    const rule = val => !!(val || this.getRenewableTaskDueDate()) || 'Incorrect date'\r\n                    const rule2 = val => !Date.checkIsPastDate(val || this.getRenewableTaskDueDate()) || 'Date must be today or greater!'\r\n                    const rule3 = () => {\r\n                        return !(moment(this.userRenewableTaskDueDate || this.getRenewableTaskDueDate()).diff(moment(this.taskInfo.dueDate.substr(0, 10)), 'days') <= 0) || 'Date must be greater then current Due Date!'\r\n                    }\r\n                    rules.push(rule)\r\n                    rules.push(rule2)\r\n                    rules.push(rule3)\r\n                }\r\n                return rules\r\n            },\r\n            noteRules: function () {\r\n                const rules = []\r\n                if (this.taskInfo.noteObligatoriness === 'Mandatory') {\r\n                    const rule = val => !!val || 'Notes is required'\r\n                    rules.push(rule)\r\n                }\r\n                if (this.taskInfo.noteObligatoriness === 'Optional') {\r\n                    const rule =\r\n                        val => {\r\n                            if (val) {\r\n                                return (val.length >= 0 && val.length <= 2000) || 'Comment must be less then 2000 characters'\r\n                            } else {\r\n                                return true\r\n                            }\r\n                        }\r\n                    rules.push(rule)\r\n                }\r\n                return rules\r\n            },\r\n            linkAttachmentRules: function () {\r\n                const rules = []\r\n                if (this.taskInfo.linkObligatoriness === 'Mandatory') {\r\n                    const rule = val => !!val || 'Link is required'\r\n                    rules.push(rule)\r\n                }\r\n                return rules\r\n            },\r\n            appraisalCommentRules: function () {\r\n                const rules = [\r\n                    val => !!val || 'Comment is required',\r\n                    val => val.length > 3 || 'Comment should be more then 3 letters'\r\n                ]\r\n                return rules\r\n            },\r\n            statuses: function () {\r\n                return [\r\n                    {\r\n                        id: 1,\r\n                        text: 'Pending',\r\n                        disabled: false\r\n                    },\r\n                    {\r\n                        id: 2,\r\n                        text: 'Done',\r\n                        disabled: this.taskInfo.overdue ? this.taskInfo.overdue : false\r\n                    },\r\n                    {\r\n                        id: 3,\r\n                        text: 'Canceled',\r\n                        disabled: !this.taskInfo.metadata.isSupervisor\r\n                    }\r\n                ]\r\n            },\r\n            dueDate () {\r\n                if (this.taskInfo.dueDate) {\r\n                    return this.taskInfo.dueDate.substr(0, 10)\r\n                } else {\r\n                    return ''\r\n                }\r\n            },\r\n            attachmentList () {\r\n                return this.taskInfo.attachments\r\n            },\r\n            showEvidenceBlock () {\r\n                if (this.taskInfo.interval === 'Renewable' && this.taskInfo.renewableTaskDueDate) {\r\n                    return true\r\n                }\r\n                const { imageObligatoriness, linkObligatoriness, noteObligatoriness } = this.taskInfo\r\n                return !(imageObligatoriness === 'Disabled' &&\r\n                    linkObligatoriness === 'Disabled' &&\r\n                    noteObligatoriness === 'Disabled')\r\n            },\r\n            isHrRenewable () {\r\n                return this.taskInfo.interval === INTERVALS.HR && this.taskInfo.isHrRenewable\r\n            },\r\n            showRenewableDate () {\r\n                return this.isHrRenewable || (this.taskInfo.interval === INTERVALS.RENEWABLE && this.taskInfo.renewableTaskDueDate)\r\n            },\r\n            isSupervisorPermission () {\r\n                return this.$store.getters.getAllUserPermissions.includes(167)\r\n            },\r\n            userPermissions () {\r\n                return this.$store.getters.getUserPermissions\r\n            },\r\n            isSuperAppraisal () {\r\n                const hasSuperAppraisalForClinic = this.userPermissions.clinic.filter(item => item.clinicId === this.taskInfo.clinicId && item.id === 167).length > 0\r\n\r\n                if (hasSuperAppraisalForClinic) {\r\n                  return hasSuperAppraisalForClinic\r\n                }\r\n\r\n                const currentGroupId = this.$store.getters.getUserActiveGroup\r\n                const hasSuperAppraisalForGroup = this.userPermissions.groupAdmin.filter(item => item.groupId === currentGroupId && item.id === 167).length > 0\r\n\r\n                return hasSuperAppraisalForGroup\r\n            },\r\n            computedRenewDateFormatted () {\r\n                return Date.getFormatDateStr(this.userRenewableTaskDueDate)\r\n            }\r\n        },\r\n        methods: {\r\n            ...mapActions([\r\n                'showAlert',\r\n                'fetchEmployeeTaskById',\r\n                'updatePunishedEmployees',\r\n                'updateEmployeeTask',\r\n                'uploadEmployeeAttachment',\r\n                'changeTaskStatus',\r\n                'setAppraisalStatus',\r\n                'fetchHistoryTask',\r\n                'setCommentToTask',\r\n                'deleteTaskComment']),\r\n            getRenewableTaskDueDate () {\r\n                let renewableTaskDueDate\r\n                if (this.userRenewableTaskDueDate && moment(this.userRenewableTaskDueDate).diff(moment(this.taskInfo.dueDate), 'days') > 0) {\r\n                    renewableTaskDueDate = this.userRenewableTaskDueDate\r\n                } else {\r\n                    if ((this.userRenewableTaskDueDate && !this.renewableTaskDueDate) ||\r\n                        ((this.userRenewableTaskDueDate && this.renewableTaskDueDate) && (moment(this.userRenewableTaskDueDate).diff(moment(this.renewableTaskDueDate), 'days') > 0))\r\n                    ) {\r\n                        renewableTaskDueDate = this.userRenewableTaskDueDate\r\n                    } else {\r\n                        renewableTaskDueDate = this.renewableTaskDueDate\r\n                    }\r\n                }\r\n                return renewableTaskDueDate\r\n            },\r\n            resizeHandler () {\r\n                this.scrollableContentHeight = getScrollableContentHeight()\r\n            },\r\n            openImageGallery (startImageIndex, item) {\r\n                this.carouselIndex = startImageIndex\r\n                this.docViewOpen = true\r\n                this.fileWatchData = item\r\n            },\r\n            closeImageGallery () {\r\n                this.galleryDialog = false\r\n                this.carouselIndex = 0\r\n            },\r\n            setActiveImg (index) {\r\n                this.carouselIndex = index\r\n            },\r\n            clearForm () {\r\n                this.$refs.taskEditForm.reset()\r\n                this.imagesToUpload = []\r\n            },\r\n            closeModal () {\r\n                if (this.$refs.taskEditForm) {\r\n                    this.$refs.taskEditForm.reset()\r\n                    this.$refs.taskEditForm.resetValidation()\r\n                }\r\n                this.appraisalComment = ''\r\n                this.closeTaskViewModal()\r\n                this.isDataLoading = true\r\n                this.taskInfo = {}\r\n                this.commentForTask = ''\r\n                this.renewableTaskDueDate = null\r\n            },\r\n            async deleteImage (image) {\r\n                if (await this.$root.$confirmDialog.open(image.originalName)) {\r\n                    this.taskInfo.images = this.taskInfo.images.filter(img => img.link !== image.link)\r\n                    this.uploadedImages = this.uploadedImages.filter(img => img.link !== image.link)\r\n                    this.imagesToDelete.push(image.link)\r\n                    if (this.uploadedImages.length === 0) {\r\n                        this.closeImageGallery()\r\n                    }\r\n                }\r\n            },\r\n            async updateTask (isChangeStatus) {\r\n                if (!this.isTouched) {\r\n                    return\r\n                }\r\n                const data = this.createFormData(this.taskInfo, isChangeStatus)\r\n                if (this.taskInfo.interval === INTERVALS.RENEWABLE || this.isHrRenewable) {\r\n                    if ((this.renewableTaskDueDate && this.userRenewableTaskDueDate) ||\r\n                        (this.renewableTaskDueDate && isChangeStatus)) {\r\n                        if (this.renewableTaskDueDate && !this.userRenewableTaskDueDate) {\r\n                            if (moment(this.renewableTaskDueDate).diff(moment(this.taskInfo.dueDate.substr(0, 10)), 'days') <= 0) {\r\n                                return false\r\n                            }\r\n                        } else {\r\n                            if (!this.$refs.taskEditForm.validate('taskDueDate')) return\r\n                        }\r\n                    }\r\n                }\r\n                this.isUpdating = true\r\n\r\n                if (data.fileFormData) {\r\n                    try {\r\n                        await this.uploadEmployeeAttachment(data)\r\n                        this.imagesToUpload = []\r\n                    } catch (e) {\r\n                    }\r\n                }\r\n                await this.updateEmployeeTask(data).then(() => {\r\n                    if (!isChangeStatus) {\r\n                        this.showAlert({\r\n                            text: 'Saved!',\r\n                            type: 'success'\r\n                        })\r\n                    }\r\n                }).catch((error) => {\r\n                    if (isChangeStatus) {\r\n                        this.showAlert({\r\n                            text: error,\r\n                            type: 'error'\r\n                        })\r\n                    }\r\n                })\r\n                return this.getEmployeeTaskInfo().then(() => {\r\n                    this.isUpdating = false\r\n                    return true\r\n                })\r\n            },\r\n            evidenceValidation () {\r\n                if ((this.taskInfo.imageObligatoriness === 'Mandatory' && !this.imagesToUpload.length) && !this.uploadedImages.length) {\r\n                    this.showAlert({\r\n                        text: 'Image is required',\r\n                        type: 'error'\r\n                    })\r\n                    return false\r\n                }\r\n                if (this.taskInfo.linkObligatoriness === 'Mandatory' && this.taskInfo.attachedLink === '') {\r\n                    this.showAlert({\r\n                        text: 'Link is required',\r\n                        type: 'error'\r\n                    })\r\n                    return false\r\n                }\r\n                if (this.taskInfo.noteObligatoriness === 'Mandatory' && this.taskInfo.note === '') {\r\n                    this.showAlert({\r\n                        text: 'Note is required',\r\n                        type: 'error'\r\n                    })\r\n                    return false\r\n                }\r\n                return true\r\n            },\r\n            async changeTaskHandler (status, event) {\r\n                if (status === 'Done') {\r\n                    if (!this.evidenceValidation() ||\r\n                        !this.$refs.taskEditForm.validate() ||\r\n                        status === this.currentStatus ||\r\n                        this.taskInfo.overdue) return\r\n                    if (this.isHrRenewable) {\r\n                        const renewableTaskDueDate = this.getRenewableTaskDueDate()\r\n                        const confirmModalOptions = {\r\n                            text: `${this.taskInfo.linkedTo} will be added to the template \"${this.taskInfo.title}\" with a renew date ${Date.formatDate([renewableTaskDueDate])}`,\r\n                            agreeBtnText: 'Proceed',\r\n                            type: 'info'\r\n                        }\r\n                        const confirm = await this.$root.$confirmDialog.open('', confirmModalOptions)\r\n                        if (!confirm) {\r\n                            return false\r\n                        }\r\n                    }\r\n                }\r\n\r\n                if (status === 'Pending' && this.currentStatus === 'Done' && !this.taskInfo.metadata.isSupervisor) {\r\n                    this.showAlert({\r\n                        text: 'Only supervisor can change status to Pending!',\r\n                        type: 'info'\r\n                    })\r\n                    this.statusToChange = ''\r\n                    this.isStatusChanging = false\r\n                    return\r\n                }\r\n                const updateTaskStatus = await this.updateTask(true)\r\n\r\n                if (!updateTaskStatus && this.isTouched) {\r\n                    this.showAlert({\r\n                        text: 'Please fill all required fields!',\r\n                        type: 'warning'\r\n                    })\r\n                    this.currentStatus = this.taskInfo.status\r\n                    return\r\n                }\r\n                this.$refs.taskEditForm.resetValidation()\r\n                this.statusToChange = status\r\n                this.isStatusChanging = true\r\n                const data = {\r\n                    id: this.taskId,\r\n                    clinicId: this.$store.getters.getUserActiveClinic,\r\n                    status,\r\n                    completeAsAssignee: this.completeAsAssignee\r\n                }\r\n\r\n                await this.changeTaskStatus(data).then(() => {\r\n                    this.showAlert({\r\n                        text: 'Status successfully changed to ' + status,\r\n                        type: 'success'\r\n                    })\r\n                    this.currentStatus = status\r\n                }).catch(error => {\r\n                    let errorText = ''\r\n                    if (error.response.data && error.response.data.errors) {\r\n                        for (const errorKey in error.response.data.errors) {\r\n                            if (Object.prototype.hasOwnProperty.call(error.response.data.errors, errorKey)) {\r\n                                errorText += error.response.data.errors[errorKey] + '\\n'\r\n                            }\r\n                        }\r\n                    } else {\r\n                        errorText += error.response.data.error\r\n                    }\r\n                    if (status === 'Done') {\r\n                        this.showAlert({\r\n                            text: errorText || 'To change status for Done fill all required fields and press Save',\r\n                            type: 'error'\r\n                        })\r\n                    }\r\n                    this.$refs.taskEditForm.validate()\r\n                    this.currentStatus = this.taskInfo.status\r\n                })\r\n                await this.getEmployeeTaskInfo()\r\n                setTimeout(() => {\r\n                    this.statusToChange = ''\r\n                    this.isStatusChanging = false\r\n                }, 300)\r\n                return false\r\n            },\r\n            createFormData (taskInfo, isChangeStatus) {\r\n                const isRenewable = this.taskInfo.interval === INTERVALS.RENEWABLE\r\n                const renewableTaskDueDate = isRenewable || this.isHrRenewable ? this.getRenewableTaskDueDate() : null\r\n                const data = {\r\n                    id: taskInfo.id,\r\n                    clinicId: this.$store.getters.getUserActiveClinic,\r\n                    employeeId: taskInfo.assignee,\r\n                    status: taskInfo.status,\r\n                    renewableTaskDueDate\r\n                }\r\n                if (this.isHrRenewable) {\r\n                    data.supervisorIds = taskInfo.supervisorIds\r\n                }\r\n                if (this.taskInfo.linkObligatoriness !== 'Disabled') {\r\n                    data.link = taskInfo.attachedLink\r\n                }\r\n                if (this.taskInfo.noteObligatoriness !== 'Disabled') {\r\n                    data.note = taskInfo.note ? taskInfo.note.trim() : ''\r\n                }\r\n                let fileFormData = null\r\n                if (this.imagesToUpload.length !== 0 || this.imagesToDelete.length !== 0) {\r\n                    fileFormData = new FormData()\r\n                    fileFormData.append('id', data.id)\r\n                    fileFormData.append('clinicId', data.clinicId)\r\n                }\r\n                if (this.imagesToUpload.length > 0) {\r\n                    this.imagesToUpload.forEach(img => {\r\n                        fileFormData.append('images', img, img.name)\r\n                    })\r\n                }\r\n                if (this.imagesToDelete.length > 0) {\r\n                    this.imagesToDelete.forEach((img, index) => {\r\n                        fileFormData.append('imagesToDelete', img)\r\n                    })\r\n                }\r\n\r\n                return {\r\n                    taskInfo: data,\r\n                    fileFormData,\r\n                    imagesToUpload: this.imagesToUpload.length !== 0\r\n                }\r\n            },\r\n            getEmployeeTaskInfo () {\r\n                return this.fetchEmployeeTaskById(this.taskId).then((data) => {\r\n                    this.taskInfo = { ...this.taskInfo, ...data }\r\n                    const { renewableTaskDueDate, interval, status, metadata, images } = this.taskInfo\r\n                    this.activeAppraisal = data.appraisalStatus\r\n                    if (renewableTaskDueDate && renewableTaskDueDate.dueDate) {\r\n                        this.renewableTaskDueDate = renewableTaskDueDate.dueDate.substr(0, 10)\r\n                    }\r\n\r\n                    if (interval === INTERVALS.RENEWABLE || this.isHrRenewable) {\r\n                        if ((renewableTaskDueDate && !renewableTaskDueDate.dueDate)) {\r\n                            this.taskInfo.renewableTaskDueDate = null\r\n                        }\r\n                        if (status === 'Done' && renewableTaskDueDate && renewableTaskDueDate.dueDate) {\r\n                            this.userRenewableTaskDueDate = renewableTaskDueDate.dueDate.substr(0, 10)\r\n                        }\r\n                    }\r\n\r\n                    this.currentStatus = status\r\n                    if (metadata && metadata.employees) {\r\n                        this.employees = this.employees.concat(metadata.employees)\r\n                    }\r\n                    this.uploadedImages = images\r\n                    this.isDataLoading = false\r\n                    this.addPunishedEmployees()\r\n                    this.fetchHistoryTask(this.taskId).then(res => {\r\n                        this.history = res.items\r\n                    })\r\n                })\r\n            },\r\n            showAppraisalCommentPopup (status) {\r\n                if (status.title === 'Correct') return this.changeAppraisalTask(status.title)\r\n                this.isAppraisalCommentShown = true\r\n            },\r\n            changeAppraisalTask (status) {\r\n                if (!this.taskInfo.metadata.isSupervisor && !this.isSupervisorPermission) {\r\n                    return this.showAlert({\r\n                        text: 'You have no right to edit this task',\r\n                        type: 'error'\r\n                    })\r\n                }\r\n                if (!this.appraisalComment.length && !status) {\r\n                    return this.showAlert({\r\n                        text: 'Comment is required',\r\n                        type: 'error'\r\n                    })\r\n                }\r\n                if (!this.activeAppraisal && this.getAppraisalStatus) {\r\n                    return this.showAlert({\r\n                        text: 'Appraisal must be selected',\r\n                        type: 'error'\r\n                    })\r\n                }\r\n                const appraisalStatus = typeof status === 'string' ? status : this.activeAppraisal\r\n\r\n                if (appraisalStatus === APPRAISALS_VALUES.INCORRECT) {\r\n                    if (!this.$refs.appraisalCommentForm.validate()) {\r\n                        return\r\n                    }\r\n                }\r\n                // appraisalCommentForm\r\n                this.setAppraisalStatus({\r\n                    id: this.taskId,\r\n                    clinicId: this.$store.getters.getUserActiveClinic,\r\n                    groupId: this.$store.getters.getUserActiveGroup,\r\n                    appraisalStatus,\r\n                    comment: this.appraisalComment\r\n                }).then(() => {\r\n                    this.showAlert({\r\n                        text: 'Saved!',\r\n                        type: 'success'\r\n                    })\r\n                    this.isAppraisalCommentShown = false\r\n                    this.activeAppraisal = ''\r\n                    this.$store.dispatch('removeSpotCheckItem', this.taskId)\r\n                    this.getEmployeeTaskInfo()\r\n                    this.appraisalComment = ''\r\n                }).catch((e) => {\r\n                    this.showAlert({\r\n                        text: e.response.data.errors[0],\r\n                        type: 'error'\r\n                    })\r\n                })\r\n            },\r\n            addCommentToTask () {\r\n                if (this.$refs.commentsForm.validate()) {\r\n                    const params = {\r\n                        taskId: this.taskId,\r\n                        text: this.commentForTask\r\n                    }\r\n                    this.setCommentToTask(params).then(() => {\r\n                        this.commentForTask = ''\r\n                        this.getEmployeeTaskInfo()\r\n                        this.$refs.commentsForm.resetValidation()\r\n                    })\r\n                }\r\n            },\r\n            deleteComment (commentId) {\r\n                this.deleteTaskComment(commentId).then(() => {\r\n                    this.getEmployeeTaskInfo()\r\n                })\r\n            },\r\n            editModeActivate (id, text) {\r\n                this.commentEditMode = id\r\n                this.editedCommentForTask = text\r\n            },\r\n            editComment () {\r\n                if (this.$refs.editCommentsForm[0].validate()) {\r\n                    const params = {\r\n                        taskId: this.taskId,\r\n                        text: this.editedCommentForTask,\r\n                        commentId: this.commentEditMode\r\n                    }\r\n                    this.setCommentToTask(params).then(() => {\r\n                        this.editedCommentForTask = ''\r\n                        this.commentEditMode = null\r\n                        this.getEmployeeTaskInfo()\r\n                    })\r\n                }\r\n            },\r\n            addPunishedEmployees () {\r\n                this.punishedList = this.taskInfo.punishedEmployees\r\n                this.punishedListChanged = []\r\n            },\r\n            openPunishedModal () {\r\n                this.updatePunishedLoading = false\r\n                this.addPunishedEmployees()\r\n                this.overdueModal = true\r\n            },\r\n            changePunished (newItem) {\r\n                if (this.punishedListChanged.length === 0) return this.punishedListChanged.push(newItem)\r\n                const checkExistIndex = this.punishedListChanged.findIndex((item) => item.id === newItem.id)\r\n                if (checkExistIndex === -1) {\r\n                    this.punishedListChanged.push(newItem)\r\n                } else {\r\n                    this.punishedListChanged[checkExistIndex] = newItem\r\n                }\r\n            },\r\n            async putPunishedEmployees () {\r\n                if (this.punishedListChanged.length === 0) return\r\n                const queryData = {}\r\n                const employeeData = []\r\n                this.punishedListChanged.forEach((item) => {\r\n                    employeeData.push({\r\n                        employeeId: item.id,\r\n                        punished: item.punished,\r\n                        isSupervisor: item.isSupervisor\r\n                    })\r\n                })\r\n                queryData.taskId = this.taskId\r\n                queryData.clinicId = this.$store.getters.getUserActiveClinic\r\n                queryData.groupId = this.$store.getters.getUserActiveGroup\r\n                queryData.employees = employeeData\r\n                try {\r\n                    this.updatePunishedLoading = true\r\n                    await this.updatePunishedEmployees(queryData)\r\n                    await this.getEmployeeTaskInfo()\r\n                    this.updatePunishedLoading = false\r\n                    this.overdueModal = false\r\n                } catch (e) {\r\n                    this.updatePunishedLoading = true\r\n                }\r\n            }\r\n        },\r\n        watch: {\r\n            async isOpen () {\r\n                if (!this.isOpen) {\r\n                    this.datePickerStatus = false\r\n                    return\r\n                }\r\n                this.getEmployeeTaskInfo()\r\n            },\r\n            imagesToUpload () {\r\n                this.isTouched = true\r\n            },\r\n            uploadedImages () {\r\n                this.isTouched = true\r\n            }\r\n        },\r\n        components: {\r\n            // AppDueDateCircle,\r\n            fileUploadButton,\r\n            DocView\r\n        },\r\n        created () {\r\n            window.addEventListener('resize', this.resizeHandler)\r\n        },\r\n        beforeDestroy () {\r\n            window.removeEventListener('resize', this.resizeHandler)\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n    .border-right-separator {\r\n        border-right: 1px solid #e0e0e0;\r\n    }\r\n\r\n    .statusWarning {\r\n        font-size: 12px;\r\n        color: red;\r\n        position: absolute;\r\n        top: 3px;\r\n        line-height: 1;\r\n        width: 200px;\r\n        text-align: center;\r\n        right: 70px;\r\n    }\r\n\r\n    .opacity-4 {\r\n        opacity: .4;\r\n    }\r\n\r\n    .status-btns {\r\n        button.v-btn {\r\n            border-radius: 0;\r\n            border-color: rgba(0, 0, 0, 0.12) !important;\r\n            border-left-width: 0;\r\n            &:first-child {\r\n                border-radius: 4px 0 0 4px;\r\n            }\r\n\r\n            &:last-child {\r\n                border-radius: 0 4px 4px 0;\r\n            }\r\n        }\r\n\r\n        .v-btn:not(.v-btn--text):not(.v-btn--outlined).v-btn--active {\r\n            color: #fff;\r\n            background-color: #6c9d39 !important;\r\n            pointer-events: none;\r\n            cursor: default;\r\n\r\n            &::before {\r\n                opacity: 0;\r\n            }\r\n        }\r\n\r\n        /* .v-btn--active {\r\n             color: #fff;\r\n             background-color: #6c9d39 !important;\r\n             pointer-events: none;\r\n             cursor: default;\r\n\r\n             &::before {\r\n                 opacity: 0;\r\n             }\r\n         }*/\r\n    }\r\n\r\n    .v-text-field.v-text-field--enclosed .v-text-field__details {\r\n        margin-bottom: 0 !important;\r\n    }\r\n\r\n    .appraisalStatusContainer {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n\r\n        &-title {\r\n            font-weight: bolder;\r\n        }\r\n\r\n        &-tools {\r\n            padding-left: 20px;\r\n\r\n            .theme--light.v-btn-toggle:not(.v-btn-toggle--group) .v-btn.v-btn.btn-rounded {\r\n                border-radius: 50px;\r\n            }\r\n        }\r\n\r\n        &-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n        }\r\n        &-comment {\r\n            position: absolute;\r\n            background: #e0e0e0;\r\n            bottom: 90px;\r\n            left: 200px;\r\n            padding: 15px;\r\n            border-radius: 5px;\r\n            width: 300px;\r\n\r\n            .v-text-field__details {\r\n                bottom: 60px !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    .modalOverflowHidden {\r\n        overflow: hidden;\r\n    }\r\n\r\n    .commentField .v-input__control .v-text-field__details {\r\n        position: relative;\r\n    }\r\n\r\n    .task-view__description {\r\n        max-height: 300px;\r\n        font-size: 14px;\r\n        overflow: auto;\r\n    }\r\n\r\n    .task-view {\r\n        /* &_container {\r\n          height: 850px;\r\n          overflow: auto;\r\n          position: relative;\r\n        } */\r\n        &_form {\r\n            padding-bottom: 52px;\r\n        }\r\n\r\n        &_content {\r\n            height: 650px;\r\n            min-height: 250px;\r\n            overflow: auto;\r\n        }\r\n\r\n        &_footer {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            margin: 0;\r\n        }\r\n    }\r\n    .v-image__image--cover {\r\n        background-size: contain;\r\n    }\r\n</style>\r\n","import mod from \"-!../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TaskView.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TaskView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TaskView.vue?vue&type=template&id=1a33a7dc&\"\nimport script from \"./TaskView.vue?vue&type=script&lang=js&\"\nexport * from \"./TaskView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TaskView.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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VBtnToggle } from 'vuetify/lib/components/VBtnToggle';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDatePicker } from 'vuetify/lib/components/VDatePicker';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VFadeTransition } from 'vuetify/lib/components/transitions';\nimport { VFlex } from 'vuetify/lib/components/VGrid';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VLayout } from 'vuetify/lib/components/VGrid';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VRadio } from 'vuetify/lib/components/VRadioGroup';\nimport { VRadioGroup } from 'vuetify/lib/components/VRadioGroup';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VSubheader } from 'vuetify/lib/components/VSubheader';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VTextarea } from 'vuetify/lib/components/VTextarea';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VBtn,VBtnToggle,VCard,VCardActions,VCardText,VCardTitle,VCol,VContainer,VDatePicker,VDialog,VDivider,VFadeTransition,VFlex,VForm,VIcon,VLayout,VMenu,VRadio,VRadioGroup,VRow,VSelect,VSkeletonLoader,VSpacer,VSubheader,VTextField,VTextarea,VToolbar,VToolbarTitle})\n","import mod 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/vuetify-loader/lib/loader.js??ref--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TaskView.vue?vue&type=style&index=0&lang=scss&\"; export default mod; 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/vuetify-loader/lib/loader.js??ref--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TaskView.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}