{"version":3,"sources":["webpack:///./src/views/TrainingTasksReportPage.vue","webpack:///./src/components/Reports/TrainingTasksReportTable.vue","webpack:///src/components/Reports/TrainingTasksReportTable.vue","webpack:///./src/components/Reports/TrainingTasksReportTable.vue?c4b4","webpack:///./src/components/Reports/TrainingTasksReportTable.vue?4bb4","webpack:///./src/components/Reports/TrainingTasksReportExport.vue","webpack:///src/components/Reports/TrainingTasksReportExport.vue","webpack:///./src/components/Reports/TrainingTasksReportExport.vue?5ed5","webpack:///./src/components/Reports/TrainingTasksReportExport.vue?e0b2","webpack:///./src/components/Reports/TrainingTasksReportFilter.vue","webpack:///src/components/Reports/TrainingTasksReportFilter.vue","webpack:///./src/components/Reports/TrainingTasksReportFilter.vue?17c4","webpack:///./src/components/Reports/TrainingTasksReportFilter.vue?21c8","webpack:///src/views/TrainingTasksReportPage.vue","webpack:///./src/views/TrainingTasksReportPage.vue?7601","webpack:///./src/views/TrainingTasksReportPage.vue?2d7f","webpack:///./src/components/SearchBar.vue?92dd","webpack:///./src/components/SearchBar.vue","webpack:///src/components/SearchBar.vue","webpack:///./src/components/SearchBar.vue?b883","webpack:///./src/components/SearchBar.vue?f14b","webpack:///./src/components/Reports/TrainingTasksReportFilter.vue?4494","webpack:///../../../src/mixins/button-group/index.ts","webpack:///../../../src/components/VTooltip/VTooltip.ts","webpack:///./src/components/Reports/TrainingTasksReportTable.vue?5d72","webpack:///../../../src/components/VBtnToggle/VBtnToggle.ts"],"names":["attrs","_c","staticClass","on","options","_vm","ref","filters","staticRenderFns","loading","filtersApplied","scopedSlots","key","style","item","computed","JSON","stringify","$constants","TASK_REPORT_FILTER","data","tasks","headers","text","value","class","align","width","sortable","isLoaded","itemCount","watch","handler","$emit","deep","methods","goToDetail","task","$store","commit","name","$router","push","params","id","userId","taskId","setFilters","setOptions","load","$axios","post","then","response","count","catch","gotoEmployeeDetails","component","_u","fn","props","type","Object","exportData","loaderText","responseType","withCredentials","process","url","URL","createObjectURL","Blob","link","document","createElement","href","setAttribute","body","appendChild","click","error","userIds","$event","labelIds","labels","model","callback","expression","dueDateFromMenu","input","dueDateToMenu","$set","staticStyle","rawName","render","dialog","users","taskTypes","original","isFilterApplied","onInputClear","element","loadDependencies","isLoading","parse","updateFilterButtonState","close","orginal","show","clear","apply","$helpers","fixFilterSpaces","mounted","components","SearchBar","TrainingTasksReportFilter","TrainingTasksReportExport","TrainingTasksReportTable","page","PAGINATION","DEFAULT_PAGE","itemsPerPage","DEFAULT_PERPAGE","sortBy","sortDesc","onOptionsUpdated","applyFilter","onSearch","taskName","onApplyFilters","$refs","searchBar","search","loadQueryParams","query","$route","deserializeFilters","deserializeOptions","trainingTasks","serializeFilter","serializeOptions","indexOf","searchLabel","disabled","$$v","background","String","default","Boolean","usingVModel","trim","length","onSearchForVModel","clearSearch","setSearch","BaseItemGroup","extend","provide","btnToggle","this","classes","call","genData","mixins","Colorable","Delayable","Dependent","Menuable","closeDelay","Number","openDelay","openOnHover","openOnFocus","tag","transition","calculatedMinWidth","closeDependents","calculatedLeft","activator","content","dimensions","unknown","bottom","left","top","right","activatorLeft","attach","offsetLeft","nudgeLeft","parseInt","nudgeRight","calcXOverflow","calculatedTop","activatorTop","offsetTop","height","nudgeTop","nudgeBottom","pageYOffset","calcYOverflow","computedTransition","isActive","offsetY","offsetX","styles","maxWidth","convertToUnit","minWidth","zIndex","activeZIndex","beforeMount","$nextTick","callActivate","getSlotType","consoleError","activate","updateDimensions","requestAnimationFrame","startTransition","deactivate","runDelay","genActivatorListeners","listeners","Activatable","focus","e","getActivator","blur","keydown","keyCode","keyCodes","esc","genActivatorAttributes","genTransition","genContent","$createElement","setBackgroundColor","color","contentClass","menuable__content__active","activatorFixed","getScopeIdAttrs","directives","isContentActive","getContentSlot","h","showLazyContent","genActivator","ButtonGroup","backgroundColor","borderless","dense","group","rounded","shaped","tile","themeClasses","setTextColor"],"mappings":"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","file":"js/chunk-0e41f93e-2025-1-21-19-31.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('SearchBar',{ref:\"searchBar\",attrs:{\"searchLabel\":\"Search by task name...\"},on:{\"search\":_vm.onSearch}})],1),_c('v-spacer'),_c('v-col',{staticClass:\"shrink\"}),_c('v-col',{staticClass:\"shrink\"}),_c('v-col',{staticClass:\"shrink\"},[_c('TrainingTasksReportFilter',{ref:\"filters\",on:{\"applyFilters\":_vm.onApplyFilters}})],1),_c('v-col',{staticClass:\"shrink\"},[_c('TrainingTasksReportExport',{attrs:{\"filters\":_vm.filters,\"options\":_vm.options}})],1)],1),_c('v-row',[_c('v-col',[_c('v-card',[_c('v-card-title',{staticClass:\"msaBlue white--text\"},[_vm._v(\" Tasks \")]),_c('TrainingTasksReportTable',{ref:\"trainingTasks\",attrs:{\"filters\":_vm.filters},on:{\"optionsUpdated\":_vm.onOptionsUpdated}})],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',[_c('v-data-table',{staticClass:\"training-record-list\",attrs:{\"headers\":_vm.headers,\"item-key\":\"nowNumber\",\"footer-props\":_vm.$constants.PAGINATION.DEFAULT_FOOTER_PROPS,\"items\":_vm.tasks,\"server-items-length\":_vm.itemCount,\"loading\":_vm.loading,\"options\":_vm.options,\"no-data-text\":_vm.filtersApplied ? 'No results found' : _vm.$vuetify.noDataText},on:{\"update:options\":function($event){_vm.options=$event}},scopedSlots:_vm._u([{key:`item.employee`,fn:function({ item }){return [_c('span',{staticClass:\"msaBlue--text\",style:({ cursor: 'pointer' }),on:{\"click\":function($event){return _vm.gotoEmployeeDetails(item)}}},[_vm._v(\" \"+_vm._s(item.employee)+\" \")])]}},{key:`item.dueDate`,fn:function({ item }){return [_vm._v(\" \"+_vm._s(_vm._f(\"filterAsLocalDate\")(item.dueDate))+\" \")]}},{key:`item.actions`,fn:function({ item }){return [_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-btn',_vm._g({attrs:{\"text\":\"\",\"color\":\"msaBlue\"},on:{\"click\":function($event){return _vm.goToDetail(item)}}},on),[_c('v-icon',[_vm._v(\"mdi-pencil\")])],1)]}}],null,true)},[_c('span',[_vm._v(\"Edit\")])])]}}],null,true)})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <span>\n    <v-data-table\n      :headers=\"headers\"\n      item-key=\"nowNumber\"\n      :footer-props=\"$constants.PAGINATION.DEFAULT_FOOTER_PROPS\"\n      :items=\"tasks\"\n      :server-items-length=\"itemCount\"\n      :loading=\"loading\"\n      class=\"training-record-list\"\n      :options.sync=\"options\"\n      :no-data-text=\"filtersApplied ? 'No results found' : $vuetify.noDataText\"\n    >\n      <template v-slot:[`item.employee`]=\"{ item }\">\n        <span\n          @click=\"gotoEmployeeDetails(item)\"\n          class=\"msaBlue--text\"\n          :style=\"{ cursor: 'pointer' }\"\n        >\n          {{ item.employee }}\n        </span>\n      </template>\n      <template v-slot:[`item.dueDate`]=\"{ item }\">\n        {{ item.dueDate | filterAsLocalDate }}\n      </template>\n      <template v-slot:[`item.actions`]=\"{ item }\">\n        <v-tooltip bottom>\n          <template v-slot:activator=\"{ on }\">\n            <v-btn @click=\"goToDetail(item)\" text color=\"msaBlue\" v-on=\"on\">\n              <v-icon>mdi-pencil</v-icon>\n            </v-btn>\n          </template>\n          <span>Edit</span>\n        </v-tooltip>\n      </template>\n    </v-data-table>\n  </span>\n</template>\n\n<script>\nexport default {\n  computed: {\n    filtersApplied() {\n      return (\n        JSON.stringify(this.filters) !==\n        JSON.stringify(this.$constants.TASK_REPORT_FILTER)\n      );\n    },\n  },\n  data() {\n    return {\n      tasks: [],\n      headers: [\n        {\n          text: 'User',\n          value: 'employee',\n          class: 'lightGrey',\n          align: 'start',\n          width: '150px',\n        },\n        {\n          text: 'Group',\n          value: 'group',\n          width: '160px',\n          class: 'lightGrey',\n          align: 'start',\n        },\n        {\n          text: 'Name',\n          value: 'name',\n          class: 'lightGrey',\n          align: 'start',\n        },\n        {\n          text: 'Task Type',\n          value: 'typeName',\n          width: '160px',\n          class: 'lightGrey',\n          align: 'center',\n        },\n        {\n          text: 'Due Date',\n          value: 'dueDate',\n          width: '160px',\n          class: 'lightGrey',\n          align: 'center',\n        },\n        {\n          text: 'Status',\n          value: 'status',\n          class: 'lightGrey',\n          align: 'start',\n        },\n        {\n          text: 'Actions',\n          value: 'actions',\n          align: 'center',\n          class: 'lightGrey',\n          sortable: false,\n          width: '90px',\n        },\n      ],\n      isLoaded: false,\n      loading: false,\n      filters: {},\n      options: {},\n      itemCount: 0,\n    };\n  },\n  watch: {\n    options: {\n      handler() {\n        //needed to stop mutiple calls to the server when page loads\n        if (this.isLoaded) {\n          this.$emit('optionsUpdated', this.options);\n        }\n      },\n      deep: true,\n    },\n  },\n  methods: {\n    goToDetail(task) {\n      //this is here so the crumbs don't look wonky on the next page\n      this.$store.commit('setSelectedTaskName', task.name);\n      this.$router.push({\n        name: 'UserTaskDetail',\n        params: {\n          id: task.userId,\n          taskId: task.taskId,\n        },\n      });\n    },\n    setFilters(filters) {\n      this.filters = { ...filters };\n    },\n    setOptions(options) {\n      this.options = { ...options };\n    },\n    load() {\n      this.loading = true;\n      const params = {\n        filters: this.filters,\n        options: this.options,\n      };\n      this.$axios\n        .post('get-training-tasks-report?format=json', params)\n        .then((response) => {\n          this.tasks = response.data.data;\n          this.itemCount = response.data.count;\n          this.loading = false;\n          this.isLoaded = true;\n        })\n        .catch(() => {\n          this.loading = false;\n        });\n    },\n    gotoEmployeeDetails(task) {\n      this.$router.push({\n        name: 'UserDetails',\n        params: { id: task.userId },\n      });\n    },\n  },\n};\n</script>\n\n<style>\n.training-record-list .v-data-table-header th {\n  background-color: #f0f0f0 !important;\n  border-bottom: none !important;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrainingTasksReportTable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrainingTasksReportTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TrainingTasksReportTable.vue?vue&type=template&id=3f1cc9d2\"\nimport script from \"./TrainingTasksReportTable.vue?vue&type=script&lang=js\"\nexport * from \"./TrainingTasksReportTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./TrainingTasksReportTable.vue?vue&type=style&index=0&id=3f1cc9d2&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-btn',_vm._g({staticClass:\"msaBlue white--text\",on:{\"click\":_vm.exportData}},on),[_c('v-icon',[_vm._v(\" mdi-download \")])],1)]}}])},[_c('span',[_vm._v(\"Export\")])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-tooltip bottom>\n    <template v-slot:activator=\"{ on }\">\n      <v-btn v-on=\"on\" class=\"msaBlue white--text\" @click=\"exportData\">\n        <v-icon> mdi-download </v-icon>\n      </v-btn>\n    </template>\n    <span>Export</span>\n  </v-tooltip>\n</template>\n<script>\nexport default {\n  props: {\n    filters: {\n      type: Object,\n    },\n    options: {\n      type: Object,\n    },\n  },\n  methods: {\n    exportData() {\n      const params = {\n        filters: this.filters,\n        options: this.options,\n        loaderText: 'Exporting...',\n      };\n\n      const options = {\n        responseType: 'blob',\n        withCredentials: process.env.VUE_APP_USE_WITH_CREDENTIALS,\n      };\n\n      this.$axios\n        .post('download-task-report?format=xls', params, options)\n        .then((response) => {\n          const url = URL.createObjectURL(new Blob([response.data]));\n          const link = document.createElement('a');\n          link.href = url;\n          link.setAttribute('download', 'Tasks Report.xls');\n          document.body.appendChild(link);\n          link.click();\n        })\n        .catch((error) => error);\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrainingTasksReportExport.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrainingTasksReportExport.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TrainingTasksReportExport.vue?vue&type=template&id=47ce056b\"\nimport script from \"./TrainingTasksReportExport.vue?vue&type=script&lang=js\"\nexport * from \"./TrainingTasksReportExport.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-dialog',{attrs:{\"width\":\"500\",\"persistent\":\"\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"msaBlue white--text\"},[_c('v-row',{staticClass:\"ma-1\"},[_c('span',[_vm._v(\"Filters\")]),_c('v-spacer'),_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":_vm.close}},[_c('v-icon',{attrs:{\"color\":\"white\"}},[_vm._v(\" mdi-close \")])],1)],1)],1),_c('v-card-text',{staticClass:\"mt-4\"},[_c('v-row',{attrs:{\"dense\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_vm._v(\" User \")]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('CustomizedAutoComplete',{attrs:{\"value\":_vm.filters.userIds,\"label\":\"Select user\",\"hide-details\":\"\",\"items\":_vm.users,\"item-text\":\"fullname\",\"clearable\":\"\",\"multiple\":\"\",\"deletable-chips\":\"\"},on:{\"change\":function($event){_vm.filters.userIds = $event}}})],1)],1),_c('v-row',{attrs:{\"dense\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_vm._v(\" Group \")]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('CustomizedAutoComplete',{attrs:{\"value\":_vm.filters.labelIds,\"label\":\"Select group\",\"hide-details\":\"\",\"items\":_vm.labels,\"clearable\":\"\",\"multiple\":\"\",\"deletable-chips\":\"\"},on:{\"change\":function($event){_vm.filters.labelIds = $event}}})],1)],1),_c('v-row',{attrs:{\"dense\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_vm._v(\"Task Name \")]),_c('v-col',[_c('v-text-field',{attrs:{\"outlined\":\"\",\"hide-details\":\"\",\"placeholder\":\"Enter task name\",\"dense\":\"\",\"clearable\":\"\"},on:{\"click:clear\":function($event){return _vm.onInputClear('taskName')}},model:{value:(_vm.filters.taskName),callback:function ($$v) {_vm.$set(_vm.filters, \"taskName\", $$v)},expression:\"filters.taskName\"}})],1)],1),_c('v-row',{attrs:{\"dense\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_vm._v(\" Task Types \")]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-select',{attrs:{\"outlined\":\"\",\"dense\":\"\",\"placeholder\":\"Select task type\",\"hide-details\":\"\",\"items\":_vm.taskTypes,\"item-text\":\"name\",\"item-value\":\"id\",\"clearable\":\"\",\"multiple\":\"\",\"chips\":\"\",\"deletable-chips\":\"\"},model:{value:(_vm.filters.taskTypeIds),callback:function ($$v) {_vm.$set(_vm.filters, \"taskTypeIds\", $$v)},expression:\"filters.taskTypeIds\"}})],1)],1),_c('v-row',{attrs:{\"dense\":\"\",\"align\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_vm._v(\" Due Date \")]),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-menu',{attrs:{\"close-on-content-click\":false,\"nudge-right\":40,\"transition\":\"scale-transition\",\"offset-y\":\"\",\"min-width\":\"auto\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-text-field',_vm._g(_vm._b({attrs:{\"label\":\"From\",\"readonly\":\"\",\"outlined\":\"\",\"dense\":\"\",\"clearable\":\"\",\"hide-details\":\"\"},model:{value:(_vm.filters.dueDateFrom),callback:function ($$v) {_vm.$set(_vm.filters, \"dueDateFrom\", $$v)},expression:\"filters.dueDateFrom\"}},'v-text-field',attrs,false),on))]}}]),model:{value:(_vm.dueDateFromMenu),callback:function ($$v) {_vm.dueDateFromMenu=$$v},expression:\"dueDateFromMenu\"}},[_c('v-date-picker',{attrs:{\"no-title\":\"\"},on:{\"input\":function($event){_vm.dueDateFromMenu = false}},model:{value:(_vm.filters.dueDateFrom),callback:function ($$v) {_vm.$set(_vm.filters, \"dueDateFrom\", $$v)},expression:\"filters.dueDateFrom\"}})],1)],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-menu',{attrs:{\"close-on-content-click\":false,\"nudge-right\":40,\"transition\":\"scale-transition\",\"offset-y\":\"\",\"min-width\":\"auto\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-text-field',_vm._g(_vm._b({attrs:{\"label\":\"To\",\"outlined\":\"\",\"dense\":\"\",\"clearable\":\"\",\"hide-details\":\"\",\"readonly\":\"\"},model:{value:(_vm.filters.dueDateTo),callback:function ($$v) {_vm.$set(_vm.filters, \"dueDateTo\", $$v)},expression:\"filters.dueDateTo\"}},'v-text-field',attrs,false),on))]}}]),model:{value:(_vm.dueDateToMenu),callback:function ($$v) {_vm.dueDateToMenu=$$v},expression:\"dueDateToMenu\"}},[_c('v-date-picker',{attrs:{\"no-title\":\"\"},on:{\"input\":function($event){_vm.dueDateToMenu = false}},model:{value:(_vm.filters.dueDateTo),callback:function ($$v) {_vm.$set(_vm.filters, \"dueDateTo\", $$v)},expression:\"filters.dueDateTo\"}})],1)],1)],1),_c('v-row',{attrs:{\"dense\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_vm._v(\"Status \")]),_c('v-col',[_c('v-btn-toggle',{staticStyle:{\"width\":\"100%\"},attrs:{\"mandatory\":\"\",\"multiple\":\"\",\"dense\":\"\",\"color\":\"msaBlue\"},model:{value:(_vm.filters.taskStatusIds),callback:function ($$v) {_vm.$set(_vm.filters, \"taskStatusIds\", $$v)},expression:\"filters.taskStatusIds\"}},[_c('v-btn',{staticClass:\"text-capitalize\",staticStyle:{\"width\":\"33%\"},attrs:{\"value\":1}},[_vm._v(\" Complete \")]),_c('v-btn',{staticClass:\"text-capitalize\",staticStyle:{\"width\":\"33%\"},attrs:{\"value\":2}},[_vm._v(\" OverDue \")]),_c('v-btn',{staticClass:\"text-capitalize\",staticStyle:{\"width\":\"34%\"},attrs:{\"value\":3}},[_vm._v(\" Outstanding \")])],1)],1)],1)],1),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"red\",\"text\":\"\"},on:{\"click\":_vm.clear}},[_vm._v(\" clear \")]),_c('v-btn',{staticClass:\"msaBlue white--text\",on:{\"click\":_vm.apply}},[_vm._v(\" apply \")])],1)],1)],1),_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({directives:[{name:\"blur\",rawName:\"v-blur\"}],attrs:{\"color\":_vm.isFilterApplied ? 'orange' : 'msaBlue',\"dark\":\"\"},on:{\"click\":_vm.show}},'v-btn',attrs,false),on),[_c('v-icon',[_vm._v(\"mdi-filter\")])],1)]}}])},[_c('span',[_vm._v(\"Filter\")])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-dialog v-model=\"dialog\" width=\"500\" persistent>\n      <v-card>\n        <v-card-title class=\"msaBlue white--text\">\n          <v-row class=\"ma-1\">\n            <span>Filters</span>\n            <v-spacer></v-spacer>\n            <v-btn icon @click=\"close\">\n              <v-icon color=\"white\"> mdi-close </v-icon>\n            </v-btn>\n          </v-row>\n        </v-card-title>\n        <v-card-text class=\"mt-4\">\n          <v-row dense>\n            <v-col cols=\"12\"> User </v-col>\n            <v-col cols=\"12\">\n              <CustomizedAutoComplete\n                :value=\"filters.userIds\"\n                label=\"Select user\"\n                hide-details\n                :items=\"users\"\n                item-text=\"fullname\"\n                clearable\n                multiple\n                deletable-chips\n                @change=\"filters.userIds = $event\"\n              />\n            </v-col>\n          </v-row>\n          <v-row dense>\n            <v-col cols=\"12\"> Group </v-col>\n            <v-col cols=\"12\">\n              <CustomizedAutoComplete\n                :value=\"filters.labelIds\"\n                label=\"Select group\"\n                hide-details\n                :items=\"labels\"\n                clearable\n                multiple\n                deletable-chips\n                @change=\"filters.labelIds = $event\"\n              />\n            </v-col>\n          </v-row>\n          <v-row dense>\n            <v-col cols=\"12\">Task Name </v-col>\n            <v-col>\n              <v-text-field\n                v-model=\"filters.taskName\"\n                outlined\n                hide-details\n                placeholder=\"Enter task name\"\n                dense\n                clearable\n                @click:clear=\"onInputClear('taskName')\"\n              ></v-text-field>\n            </v-col>\n          </v-row>\n          <v-row dense>\n            <v-col cols=\"12\"> Task Types </v-col>\n            <v-col cols=\"12\">\n              <v-select\n                v-model=\"filters.taskTypeIds\"\n                outlined\n                dense\n                placeholder=\"Select task type\"\n                hide-details\n                :items=\"taskTypes\"\n                item-text=\"name\"\n                item-value=\"id\"\n                clearable\n                multiple\n                chips\n                deletable-chips\n              ></v-select>\n            </v-col>\n          </v-row>\n          <v-row dense align=\"center\">\n            <v-col cols=\"12\"> Due Date </v-col>\n            <v-col cols=\"12\" md=\"6\">\n              <v-menu\n                v-model=\"dueDateFromMenu\"\n                :close-on-content-click=\"false\"\n                :nudge-right=\"40\"\n                transition=\"scale-transition\"\n                offset-y\n                min-width=\"auto\"\n              >\n                <template v-slot:activator=\"{ on, attrs }\">\n                  <v-text-field\n                    v-model=\"filters.dueDateFrom\"\n                    label=\"From\"\n                    readonly\n                    outlined\n                    dense\n                    clearable\n                    hide-details\n                    v-bind=\"attrs\"\n                    v-on=\"on\"\n                  ></v-text-field>\n                </template>\n                <v-date-picker\n                  v-model=\"filters.dueDateFrom\"\n                  no-title\n                  @input=\"dueDateFromMenu = false\"\n                ></v-date-picker>\n              </v-menu>\n            </v-col>\n            <v-col cols=\"12\" md=\"6\">\n              <v-menu\n                v-model=\"dueDateToMenu\"\n                :close-on-content-click=\"false\"\n                :nudge-right=\"40\"\n                transition=\"scale-transition\"\n                offset-y\n                min-width=\"auto\"\n              >\n                <template v-slot:activator=\"{ on, attrs }\">\n                  <v-text-field\n                    v-model=\"filters.dueDateTo\"\n                    label=\"To\"\n                    outlined\n                    dense\n                    clearable\n                    hide-details\n                    readonly\n                    v-bind=\"attrs\"\n                    v-on=\"on\"\n                  ></v-text-field>\n                </template>\n                <v-date-picker\n                  v-model=\"filters.dueDateTo\"\n                  no-title\n                  @input=\"dueDateToMenu = false\"\n                ></v-date-picker>\n              </v-menu>\n            </v-col>\n          </v-row>\n          <v-row dense>\n            <v-col cols=\"12\">Status </v-col>\n            <v-col>\n              <v-btn-toggle\n                v-model=\"filters.taskStatusIds\"\n                mandatory\n                multiple\n                dense\n                color=\"msaBlue\"\n                style=\"width: 100%\"\n              >\n                <v-btn style=\"width: 33%\" class=\"text-capitalize\" :value=\"1\">\n                  Complete\n                </v-btn>\n                <v-btn style=\"width: 33%\" class=\"text-capitalize\" :value=\"2\">\n                  OverDue\n                </v-btn>\n                <v-btn style=\"width: 34%\" class=\"text-capitalize\" :value=\"3\">\n                  Outstanding\n                </v-btn>\n              </v-btn-toggle>\n            </v-col>\n          </v-row>\n        </v-card-text>\n        <v-card-actions>\n          <v-spacer></v-spacer>\n          <v-btn color=\"red\" text @click=\"clear\"> clear </v-btn>\n          <v-btn class=\"msaBlue white--text\" @click=\"apply\"> apply </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n    <v-tooltip bottom>\n      <template v-slot:activator=\"{ on, attrs }\">\n        <v-btn\n          :color=\"isFilterApplied ? 'orange' : 'msaBlue'\"\n          dark\n          v-blur\n          v-bind=\"attrs\"\n          v-on=\"on\"\n          @click=\"show\"\n        >\n          <v-icon>mdi-filter</v-icon>\n        </v-btn>\n      </template>\n      <span>Filter</span>\n    </v-tooltip>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      dialog: false,\n      users: [],\n      labels: [],\n      taskTypes: [\n        { id: 1, name: 'Regular' },\n        { id: 2, name: 'Document' },\n        { id: 3, name: 'Training' },\n      ],\n      filters: {\n        ...this.$constants.TASK_REPORT_FILTER,\n      },\n      original: {\n        ...this.$constants.TASK_REPORT_FILTER,\n      },\n      isFilterApplied: false,\n      dueDateFromMenu: false,\n      dueDateToMenu: false,\n    };\n  },\n  methods: {\n    onInputClear(element) {\n      this.filters[element] = '';\n    },\n    loadDependencies() {\n      this.isLoading = true;\n      return this.$axios\n        .post('get-data-for-task-report-filter?format=json', {})\n        .then((response) => {\n          this.isLoading = false;\n          this.users = response.data.users;\n          this.labels = response.data.labels;\n        });\n    },\n    setFilters(filters) {\n      this.filters = JSON.parse(JSON.stringify(filters));\n      this.updateFilterButtonState();\n    },\n    close() {\n      this.filters = { ...this.orginal };\n      this.dialog = false;\n    },\n    show() {\n      this.orginal = { ...this.filters };\n      this.dialog = true;\n    },\n    clear() {\n      this.filters = JSON.parse(\n        JSON.stringify(this.$constants.TASK_REPORT_FILTER),\n      );\n\n      this.apply();\n    },\n    apply() {\n      this.filters = this.$helpers.fixFilterSpaces(\n        this.$constants.TASK_REPORT_FILTER,\n        this.filters,\n      );\n      this.$emit('applyFilters', this.filters);\n      this.dialog = false;\n    },\n    updateFilterButtonState() {\n      this.isFilterApplied =\n        JSON.stringify(this.filters) !=\n        JSON.stringify(this.$constants.TASK_REPORT_FILTER);\n    },\n  },\n  mounted() {\n    this.loadDependencies();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.v-select::v-deep .v-chip {\n  /* chip background color msaBlue */\n  background-color: #3564ac;\n\n  /* chip text color */\n  color: white;\n\n  /* chip X color */\n  button {\n    color: white;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrainingTasksReportFilter.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrainingTasksReportFilter.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TrainingTasksReportFilter.vue?vue&type=template&id=b26af46c&scoped=true\"\nimport script from \"./TrainingTasksReportFilter.vue?vue&type=script&lang=js\"\nexport * from \"./TrainingTasksReportFilter.vue?vue&type=script&lang=js\"\nimport style0 from \"./TrainingTasksReportFilter.vue?vue&type=style&index=0&id=b26af46c&prod&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  \"b26af46c\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <v-container fluid>\n    <v-row>\n      <v-col cols=\"12\" md=\"6\">\n        <SearchBar\n          @search=\"onSearch\"\n          ref=\"searchBar\"\n          searchLabel=\"Search by task name...\"\n        />\n      </v-col>\n      <v-spacer></v-spacer>\n      <v-col class=\"shrink\"> </v-col>\n      <v-col class=\"shrink\"> </v-col>\n      <v-col class=\"shrink\">\n        <TrainingTasksReportFilter\n          @applyFilters=\"onApplyFilters\"\n          ref=\"filters\"\n        />\n      </v-col>\n      <v-col class=\"shrink\">\n        <TrainingTasksReportExport :filters=\"filters\" :options=\"options\" />\n      </v-col>\n    </v-row>\n    <v-row>\n      <v-col>\n        <v-card>\n          <v-card-title class=\"msaBlue white--text\"> Tasks </v-card-title>\n          <TrainingTasksReportTable\n            ref=\"trainingTasks\"\n            @optionsUpdated=\"onOptionsUpdated\"\n            :filters=\"filters\"\n          ></TrainingTasksReportTable>\n        </v-card>\n      </v-col>\n    </v-row>\n  </v-container>\n</template>\n<script>\nimport SearchBar from '@/components/SearchBar.vue';\nimport TrainingTasksReportTable from '@/components/Reports/TrainingTasksReportTable.vue';\nimport TrainingTasksReportExport from '@/components/Reports/TrainingTasksReportExport.vue';\nimport TrainingTasksReportFilter from '@/components/Reports/TrainingTasksReportFilter.vue';\nexport default {\n  name: 'TrainingTasksReportPage',\n  components: {\n    SearchBar,\n    TrainingTasksReportFilter,\n    TrainingTasksReportExport,\n    TrainingTasksReportTable,\n  },\n  data() {\n    return {\n      filters: {\n        ...this.$constants.TASK_REPORT_FILTER,\n      },\n      options: {\n        page: this.$constants.PAGINATION.DEFAULT_PAGE,\n        itemsPerPage: this.$constants.PAGINATION.DEFAULT_PERPAGE,\n        sortBy: ['employee'],\n        sortDesc: [false],\n      },\n    };\n  },\n  methods: {\n    onOptionsUpdated(options) {\n      this.options = { ...options };\n      this.applyFilter();\n    },\n    onSearch(data) {\n      this.filters.taskName = data;\n      this.applyFilter();\n    },\n    onApplyFilters(filters) {\n      this.options.page = this.$constants.PAGINATION.DEFAULT_PAGE;\n      this.filters = { ...filters };\n      this.$refs.searchBar.search = filters.taskName;\n      this.applyFilter();\n    },\n    loadQueryParams() {\n      const query = this.$route.query;\n      this.filters = this.$helpers.deserializeFilters(query, this.filters);\n      this.options = this.$helpers.deserializeOptions(query, 'employee');\n      this.$refs.searchBar.search = this.filters.taskName;\n      this.$refs.filters.setFilters(this.filters);\n      this.$refs.trainingTasks.setOptions(this.options);\n      this.$refs.trainingTasks.setFilters(this.filters);\n      this.$refs.trainingTasks.load();\n    },\n    applyFilter() {\n      let params = this.$helpers.serializeFilter(this.filters);\n      const options = this.$helpers.serializeOptions(this.options, 'employee');\n      params = { ...params, ...options };\n      this.$router\n        .push({\n          name: this.$route.name,\n          query: params,\n        })\n        .catch(() => {});\n    },\n  },\n  mounted() {\n    this.loadQueryParams();\n  },\n};\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrainingTasksReportPage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrainingTasksReportPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TrainingTasksReportPage.vue?vue&type=template&id=1e318d80\"\nimport script from \"./TrainingTasksReportPage.vue?vue&type=script&lang=js\"\nexport * from \"./TrainingTasksReportPage.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBar.vue?vue&type=style&index=0&id=0daaf0f2&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"pa-0\",attrs:{\"fluid\":\"\"}},[_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"grow\"},[(_vm.usingVModel)?_c('v-text-field',{staticClass:\"search-bar\",attrs:{\"disabled\":_vm.disabled,\"label\":_vm.searchLabel,\"value\":_vm.value,\"background-color\":\"white\",\"clearable\":\"\",\"color\":\"msaBlue\",\"dense\":\"\",\"hide-details\":\"\",\"light\":\"\",\"outlined\":\"\",\"single-line\":\"\"},on:{\"change\":function($event){return _vm.$emit('input', $event)},\"click:clear\":function($event){_vm.$emit('input', null);\n          _vm.$emit('search');},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onSearchForVModel.apply(null, arguments)}}}):_c('v-text-field',{staticClass:\"search-bar\",attrs:{\"id\":\"search-bar\",\"label\":_vm.searchLabel,\"single-line\":\"\",\"hide-details\":\"\",\"clearable\":\"\",\"dense\":\"\",\"outlined\":\"\",\"background-color\":\"white\",\"light\":\"\",\"color\":\"msaBlue\",\"disabled\":_vm.disabled,\"data-testid\":\"search-bar\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onSearch.apply(null, arguments)},\"click:clear\":function($event){return _vm.clearSearch()}},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1),_c('v-col',{staticClass:\"shrink\"},[_c('v-btn',{staticClass:\"msaBlue white--text search-bar-btn\",style:({\n          background: 'linear-gradient(to bottom,  #0a5fb1 0%,#093f79 100%)',\n        }),attrs:{\"height\":\"40\",\"elevation\":\"0\",\"disabled\":_vm.disabled,\"data-test-id\":\"search-button\",\"data-testid\":\"search-button\"},on:{\"click\":_vm.onSearch}},[_c('v-icon',[_vm._v(\" mdi-magnify \")])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container fluid class=\"pa-0\">\n    <v-row no-gutters>\n      <v-col class=\"grow\">\n        <v-text-field\n          v-if=\"usingVModel\"\n          @change=\"$emit('input', $event)\"\n          @click:clear=\"\n            $emit('input', null);\n            $emit('search');\n          \"\n          @keyup.enter=\"onSearchForVModel\"\n          :disabled=\"disabled\"\n          :label=\"searchLabel\"\n          :value=\"value\"\n          background-color=\"white\"\n          class=\"search-bar\"\n          clearable\n          color=\"msaBlue\"\n          dense\n          hide-details\n          light\n          outlined\n          single-line\n        />\n        <v-text-field\n          v-else\n          v-model=\"search\"\n          id=\"search-bar\"\n          :label=\"searchLabel\"\n          single-line\n          hide-details\n          clearable\n          @keyup.enter=\"onSearch\"\n          @click:clear=\"clearSearch()\"\n          dense\n          outlined\n          background-color=\"white\"\n          light\n          color=\"msaBlue\"\n          class=\"search-bar\"\n          :disabled=\"disabled\"\n          data-testid=\"search-bar\"\n        />\n      </v-col>\n      <v-col class=\"shrink\">\n        <v-btn\n          height=\"40\"\n          class=\"msaBlue white--text search-bar-btn\"\n          @click=\"onSearch\"\n          :style=\"{\n            background: 'linear-gradient(to bottom,  #0a5fb1 0%,#093f79 100%)',\n          }\"\n          elevation=\"0\"\n          :disabled=\"disabled\"\n          data-test-id=\"search-button\"\n          data-testid=\"search-button\"\n        >\n          <v-icon> mdi-magnify </v-icon>\n        </v-btn>\n      </v-col>\n    </v-row>\n  </v-container>\n</template>\n<script>\n/**\n * This is the standard search bar for use in CHT.\n *\n * It can either be used with v-model, or it can contain its own search text\n * state and emit it upon hitting the search button.\n *\n * @emits search on hitting the button or the enter key\n */\nexport default {\n  name: 'SearchBar',\n  props: {\n    searchLabel: {\n      type: String,\n      default: 'Search',\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    /** Set to true if you want to use this component with v-model */\n    usingVModel: {\n      type: Boolean,\n      default: false,\n    },\n    value: {\n      type: String,\n    },\n  },\n  data() {\n    return {\n      search: '',\n    };\n  },\n  methods: {\n    /** @deprecated you should use this component with v-model */\n    onSearch() {\n      if (this.search == null || this.search.trim().length == 0) {\n        this.search = '';\n      }\n      this.$emit('search', this.search);\n    },\n    onSearchForVModel() {\n      if (!this.value || this.value.trim().length == 0) {\n        this.$emit('input', null);\n        this.$emit('search', this.value);\n        return;\n      }\n      this.$emit('search', this.value);\n    },\n    /** @deprecated you should use this component with v-model */\n    clearSearch() {\n      this.search = '';\n      this.onSearch();\n    },\n    /**\n     * DO NOT remove this method - it's OFTEN called externally with $refs\n     * @deprecated you should use this component with v-model, and avoid\n     * accessing its private methods with $refs...\n     */\n    setSearch(data) {\n      this.search = data;\n    },\n  },\n};\n</script>\n<style>\n.search-bar {\n  border-bottom-right-radius: 0 !important;\n  border-top-right-radius: 0 !important;\n}\n.search-bar-btn {\n  border-bottom-left-radius: 0 !important;\n  border-top-left-radius: 0 !important;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBar.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SearchBar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SearchBar.vue?vue&type=template&id=0daaf0f2\"\nimport script from \"./SearchBar.vue?vue&type=script&lang=js\"\nexport * from \"./SearchBar.vue?vue&type=script&lang=js\"\nimport style0 from \"./SearchBar.vue?vue&type=style&index=0&id=0daaf0f2&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrainingTasksReportFilter.vue?vue&type=style&index=0&id=b26af46c&prod&lang=scss&scoped=true\"","// Extensions\nimport { BaseItemGroup } from '../../components/VItemGroup/VItemGroup'\n\n/* @vue/component */\nexport default BaseItemGroup.extend({\n  name: 'button-group',\n\n  provide (): object {\n    return {\n      btnToggle: this,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return BaseItemGroup.options.computed.classes.call(this)\n    },\n  },\n\n  methods: {\n    // Isn't being passed down through types\n    genData: BaseItemGroup.options.methods.genData,\n  },\n})\n","import './VTooltip.sass'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\nimport Colorable from '../../mixins/colorable'\nimport Delayable from '../../mixins/delayable'\nimport Dependent from '../../mixins/dependent'\nimport Menuable from '../../mixins/menuable'\n\n// Helpers\nimport { convertToUnit, keyCodes, getSlotType } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Colorable, Delayable, Dependent, Menuable).extend({\n  name: 'v-tooltip',\n\n  props: {\n    closeDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    disabled: Boolean,\n    openDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    openOnHover: {\n      type: Boolean,\n      default: true,\n    },\n    openOnFocus: {\n      type: Boolean,\n      default: true,\n    },\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    transition: String,\n  },\n\n  data: () => ({\n    calculatedMinWidth: 0,\n    closeDependents: false,\n  }),\n\n  computed: {\n    calculatedLeft (): string {\n      const { activator, content } = this.dimensions\n      const unknown = !this.bottom && !this.left && !this.top && !this.right\n      const activatorLeft = this.attach !== false ? activator.offsetLeft : activator.left\n      let left = 0\n\n      if (this.top || this.bottom || unknown) {\n        left = (\n          activatorLeft +\n          (activator.width / 2) -\n          (content.width / 2)\n        )\n      } else if (this.left || this.right) {\n        left = (\n          activatorLeft +\n          (this.right ? activator.width : -content.width) +\n          (this.right ? 10 : -10)\n        )\n      }\n\n      if (this.nudgeLeft) left -= parseInt(this.nudgeLeft)\n      if (this.nudgeRight) left += parseInt(this.nudgeRight)\n\n      return `${this.calcXOverflow(left, this.dimensions.content.width)}px`\n    },\n    calculatedTop (): string {\n      const { activator, content } = this.dimensions\n      const activatorTop = this.attach !== false ? activator.offsetTop : activator.top\n      let top = 0\n\n      if (this.top || this.bottom) {\n        top = (\n          activatorTop +\n          (this.bottom ? activator.height : -content.height) +\n          (this.bottom ? 10 : -10)\n        )\n      } else if (this.left || this.right) {\n        top = (\n          activatorTop +\n          (activator.height / 2) -\n          (content.height / 2)\n        )\n      }\n\n      if (this.nudgeTop) top -= parseInt(this.nudgeTop)\n      if (this.nudgeBottom) top += parseInt(this.nudgeBottom)\n      if (this.attach === false) top += this.pageYOffset\n\n      return `${this.calcYOverflow(top)}px`\n    },\n    classes (): object {\n      return {\n        'v-tooltip--top': this.top,\n        'v-tooltip--right': this.right,\n        'v-tooltip--bottom': this.bottom,\n        'v-tooltip--left': this.left,\n        'v-tooltip--attached':\n          this.attach === '' ||\n          this.attach === true ||\n          this.attach === 'attach',\n      }\n    },\n    computedTransition (): string {\n      if (this.transition) return this.transition\n\n      return this.isActive ? 'scale-transition' : 'fade-transition'\n    },\n    offsetY (): boolean {\n      return this.top || this.bottom\n    },\n    offsetX (): boolean {\n      return this.left || this.right\n    },\n    styles (): object {\n      return {\n        left: this.calculatedLeft,\n        maxWidth: convertToUnit(this.maxWidth),\n        minWidth: convertToUnit(this.minWidth),\n        top: this.calculatedTop,\n        zIndex: this.zIndex || this.activeZIndex,\n      }\n    },\n  },\n\n  beforeMount () {\n    this.$nextTick(() => {\n      this.value && this.callActivate()\n    })\n  },\n\n  mounted () {\n    if (getSlotType(this, 'activator', true) === 'v-slot') {\n      consoleError(`v-tooltip's activator slot must be bound, try '<template #activator=\"data\"><v-btn v-on=\"data.on>'`, this)\n    }\n  },\n\n  methods: {\n    activate () {\n      // Update coordinates and dimensions of menu\n      // and its activator\n      this.updateDimensions()\n      // Start the transition\n      requestAnimationFrame(this.startTransition)\n    },\n    deactivate () {\n      this.runDelay('close')\n    },\n    genActivatorListeners () {\n      const listeners = Activatable.options.methods.genActivatorListeners.call(this)\n\n      if (this.openOnFocus) {\n        listeners.focus = (e: Event) => {\n          this.getActivator(e)\n          this.runDelay('open')\n        }\n        listeners.blur = (e: Event) => {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      }\n\n      listeners.keydown = (e: KeyboardEvent) => {\n        if (e.keyCode === keyCodes.esc) {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      }\n\n      return listeners\n    },\n    genActivatorAttributes () {\n      return {\n        'aria-haspopup': true,\n        'aria-expanded': String(this.isActive),\n      }\n    },\n    genTransition () {\n      const content = this.genContent()\n\n      if (!this.computedTransition) return content\n\n      return this.$createElement('transition', {\n        props: {\n          name: this.computedTransition,\n        },\n      }, [content])\n    },\n    genContent () {\n      return this.$createElement(\n        'div',\n        this.setBackgroundColor(this.color, {\n          staticClass: 'v-tooltip__content',\n          class: {\n            [this.contentClass]: true,\n            menuable__content__active: this.isActive,\n            'v-tooltip__content--fixed': this.activatorFixed,\n          },\n          style: this.styles,\n          attrs: this.getScopeIdAttrs(),\n          directives: [{\n            name: 'show',\n            value: this.isContentActive,\n          }],\n          ref: 'content',\n        }),\n        this.getContentSlot()\n      )\n    },\n  },\n\n  render (h): VNode {\n    return h(this.tag, {\n      staticClass: 'v-tooltip',\n      class: this.classes,\n    }, [\n      this.showLazyContent(() => [this.genTransition()]),\n      this.genActivator(),\n    ])\n  },\n})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrainingTasksReportTable.vue?vue&type=style&index=0&id=3f1cc9d2&prod&lang=css\"","// Styles\nimport './VBtnToggle.sass'\n\n// Mixins\nimport ButtonGroup from '../../mixins/button-group'\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(\n  ButtonGroup,\n  Colorable\n).extend({\n  name: 'v-btn-toggle',\n\n  props: {\n    backgroundColor: String,\n    borderless: Boolean,\n    dense: Boolean,\n    group: Boolean,\n    rounded: Boolean,\n    shaped: Boolean,\n    tile: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...ButtonGroup.options.computed.classes.call(this),\n        'v-btn-toggle': true,\n        'v-btn-toggle--borderless': this.borderless,\n        'v-btn-toggle--dense': this.dense,\n        'v-btn-toggle--group': this.group,\n        'v-btn-toggle--rounded': this.rounded,\n        'v-btn-toggle--shaped': this.shaped,\n        'v-btn-toggle--tile': this.tile,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genData () {\n      const data = this.setTextColor(this.color, {\n        ...ButtonGroup.options.methods.genData.call(this),\n      })\n\n      if (this.group) return data\n\n      return this.setBackgroundColor(this.backgroundColor, data)\n    },\n  },\n})\n"],"sourceRoot":""}