{"version":3,"sources":["webpack:///./src/components/task/TaskTimeline.vue","webpack:///src/components/task/TaskTimeline.vue","webpack:///./src/components/task/TaskTimeline.vue?925a","webpack:///./src/components/task/TaskTimeline.vue?f394"],"names":["attrs","scopedSlots","key","fn","class","_vm","columnBodyClass","_v","columnHeaderClass","directives","rawName","value","task","_c","columnLabelClass","_s","getTaskDuration","visibleTaskDue","dueDateTextClass","getTaskDueDate","_e","visibleTaskOverdue","overdueTextClass","name","visibleCurrentDateBeforeDueDate","expression","staticRenderFns","render","mixins","timelineTaskMixin","components","TimelineItemNow","TaskDueTimelineItem","props","undefined","computed","visibleTaskDueBeforeQueued","_this$task","_this$task2","isEarlierThan","dueDate","statusChanged","visibleTaskDueAfterQueued","_this$task3","_this$task4","_this$task5","currenDateTime","visibleCurrentDateAfterDueDate","_this$task6","toLocalDateTimeString","Date","toString","component"],"mappings":"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","file":"js/chunk-2d0e1823.6789cee9.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-timeline',{attrs:{\"align-top\":\"\",\"dense\":\"\"}},[_c('v-timeline-item',{attrs:{\"color\":\"undefined\"},scopedSlots:_vm._u([{key:\"icon\",fn:function(){return [_c('v-tooltip',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-avatar',_vm._g({},on),[_c('v-icon',{attrs:{\"color\":_vm.taskCreatedColorClass}},[_vm._v(_vm._s(_vm.iconTask))])],1)]}}])},[_c('span',[_vm._v(\"Created On \"+_vm._s(_vm.getTaskCreatedDate(_vm.task)))])])]},proxy:true}])},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"5\"}},[_c('div',{class:_vm.columnHeaderClass},[_vm._v(\" Created \")]),_c('div',{class:_vm.columnBodyClass},[_vm._v(\" \"+_vm._s(_vm.getTaskCreatedDate(_vm.task))+\" \")])]),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"7\"}},[_c('div',{class:_vm.columnHeaderClass},[_vm._v(\" \"+_vm._s(_vm.getTaskName(_vm.task))+\" \")])])],1)],1),_c('task-due-timeline-item',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.visibleTaskDueBeforeQueued),expression:\"visibleTaskDueBeforeQueued\"}],attrs:{\"task\":_vm.task}}),_c('v-timeline-item',{attrs:{\"color\":\"undefined\"},scopedSlots:_vm._u([{key:\"icon\",fn:function(){return [_c('v-tooltip',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('v-avatar',_vm._g({},on),[_c('v-icon',{attrs:{\"color\":_vm.getStatusColorClass(_vm.task)}},[_vm._v(_vm._s(_vm.iconTask))])],1)]}}])},[_c('span',[_vm._v(_vm._s(_vm.taskStatusTooltip(_vm.task)))])])]},proxy:true}])},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"5\"}},[_c('div',{class:_vm.taskStatusTextClass(_vm.task)},[_vm._v(\" \"+_vm._s(_vm.getTaskStatus(_vm.task))+\" \")]),(_vm.visibleTaskStatusDate(_vm.task))?_c('div',{class:_vm.columnBodyClass},[_vm._v(\" \"+_vm._s(_vm.getStatusChangedDate(_vm.task))+\" \")]):_vm._e()]),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"7\"}},[_c('div',[_c('span',{class:_vm.columnLabelClass},[_vm._v(\"Assignee: \")]),_c('span',{class:_vm.columnBodyClass},[_vm._v(\" \"+_vm._s(_vm.getTaskAssignee(_vm.task))+\" \")])]),_c('div',[_c('span',{class:_vm.columnLabelClass},[_vm._v(\"Priority: \")]),_c('span',{class:_vm.priorityTextClass(_vm.task)},[_vm._v(\" \"+_vm._s(_vm.getTaskPriority(_vm.task))+\" \")])]),(_vm.visibleDuration(_vm.task))?_c('div',[_c('span',{class:_vm.columnLabelClass},[_vm._v(\"Duration: \")]),_c('span',{class:_vm.columnBodyClass},[_vm._v(\" \"+_vm._s(_vm.getTaskDuration(_vm.task))+\" \")])]):_vm._e(),(_vm.visibleTaskDue(_vm.task))?_c('div',[_c('span',{class:_vm.columnLabelClass},[_vm._v(\"Due: \")]),_c('span',{class:_vm.dueDateTextClass(_vm.task)},[_vm._v(\" \"+_vm._s(_vm.getTaskDueDate(_vm.task))+\" \")])]):_vm._e(),(_vm.visibleTaskOverdue(_vm.task))?_c('div',[_c('span',{class:_vm.overdueTextClass(_vm.task)},[_vm._v(\"Overdue!\")])]):_vm._e(),(_vm.visibleMilestone(_vm.task))?_c('div',[_c('span',{class:_vm.columnLabelClass},[_vm._v(\"Milestone!\")])]):_vm._e()])],1)],1),_c('timeline-item-now',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.visibleCurrentDateBeforeDueDate),expression:\"visibleCurrentDateBeforeDueDate\"}]}),_c('task-due-timeline-item',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.visibleTaskDueAfterQueued),expression:\"visibleTaskDueAfterQueued\"}],attrs:{\"task\":_vm.task}}),_c('timeline-item-now',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.visibleCurrentDateAfterDueDate),expression:\"visibleCurrentDateAfterDueDate\"}]})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-timeline align-top dense>\r\n    <!-- Task Created info -->\r\n    <v-timeline-item color=\"undefined\">\r\n      <template v-slot:icon>\r\n        <v-tooltip top>\r\n          <template v-slot:activator=\"{ on }\">\r\n            <v-avatar v-on=\"on\">\r\n              <v-icon :color=\"taskCreatedColorClass\">{{ iconTask }}</v-icon>\r\n            </v-avatar>\r\n          </template>\r\n          <span>Created On {{ getTaskCreatedDate(task) }}</span>\r\n        </v-tooltip>\r\n      </template>\r\n\r\n      <v-row>\r\n        <!-- Task Created Date -->\r\n        <v-col cols=\"12\" md=\"5\">\r\n          <div :class=\"columnHeaderClass\">\r\n            Created\r\n          </div>\r\n          <div :class=\"columnBodyClass\">\r\n            {{ getTaskCreatedDate(task) }}\r\n          </div>\r\n        </v-col>\r\n\r\n        <v-col cols=\"12\" md=\"7\">\r\n          <div :class=\"columnHeaderClass\">\r\n            {{ getTaskName(task) }}\r\n          </div>\r\n        </v-col>\r\n      </v-row>\r\n    </v-timeline-item>\r\n\r\n    <!-- Task Due -->\r\n    <task-due-timeline-item\r\n      :task=\"task\"\r\n      v-show=\"visibleTaskDueBeforeQueued\"\r\n    ></task-due-timeline-item>\r\n\r\n    <!-- Task Status -->\r\n    <v-timeline-item color=\"undefined\">\r\n      <template v-slot:icon>\r\n        <v-tooltip top>\r\n          <template v-slot:activator=\"{ on }\">\r\n            <v-avatar v-on=\"on\">\r\n              <v-icon :color=\"getStatusColorClass(task)\">{{ iconTask }}</v-icon>\r\n            </v-avatar>\r\n          </template>\r\n          <span>{{ taskStatusTooltip(task) }}</span>\r\n        </v-tooltip>\r\n      </template>\r\n\r\n      <v-row>\r\n        <!-- Task Status Info -->\r\n        <v-col cols=\"12\" md=\"5\">\r\n          <div :class=\"taskStatusTextClass(task)\">\r\n            {{ getTaskStatus(task) }}\r\n          </div>\r\n          <div :class=\"columnBodyClass\" v-if=\"visibleTaskStatusDate(task)\">\r\n            {{ getStatusChangedDate(task) }}\r\n          </div>\r\n        </v-col>\r\n\r\n        <v-col cols=\"12\" md=\"7\">\r\n          <!--          <div :class=\"columnHeaderClass\">-->\r\n          <!--            {{ getTaskName(task) }}-->\r\n          <!--          </div>-->\r\n          <div>\r\n            <span :class=\"columnLabelClass\">Assignee: </span>\r\n            <span :class=\"columnBodyClass\">\r\n              {{ getTaskAssignee(task) }}\r\n            </span>\r\n          </div>\r\n          <div>\r\n            <span :class=\"columnLabelClass\">Priority: </span>\r\n            <span :class=\"priorityTextClass(task)\">\r\n              {{ getTaskPriority(task) }}\r\n            </span>\r\n          </div>\r\n          <div v-if=\"visibleDuration(task)\">\r\n            <span :class=\"columnLabelClass\">Duration: </span>\r\n            <span :class=\"columnBodyClass\">\r\n              {{ getTaskDuration(task) }}\r\n            </span>\r\n          </div>\r\n          <div v-if=\"visibleTaskDue(task)\">\r\n            <span :class=\"columnLabelClass\">Due: </span>\r\n            <span :class=\"dueDateTextClass(task)\">\r\n              {{ getTaskDueDate(task) }}\r\n            </span>\r\n          </div>\r\n          <div v-if=\"visibleTaskOverdue(task)\">\r\n            <span :class=\"overdueTextClass(task)\">Overdue!</span>\r\n          </div>\r\n          <div v-if=\"visibleMilestone(task)\">\r\n            <span :class=\"columnLabelClass\">Milestone!</span>\r\n          </div>\r\n        </v-col>\r\n      </v-row>\r\n    </v-timeline-item>\r\n\r\n    <!-- curren DateTime -->\r\n    <timeline-item-now\r\n      v-show=\"visibleCurrentDateBeforeDueDate\"\r\n    ></timeline-item-now>\r\n\r\n    <!-- Task Due -->\r\n    <task-due-timeline-item\r\n      :task=\"task\"\r\n      v-show=\"visibleTaskDueAfterQueued\"\r\n    ></task-due-timeline-item>\r\n\r\n    <!-- curren DateTime -->\r\n    <timeline-item-now\r\n      v-show=\"visibleCurrentDateAfterDueDate\"\r\n    ></timeline-item-now>\r\n  </v-timeline>\r\n</template>\r\n\r\n<script>\r\n// utils\r\nimport { isEarlierThan } from \"@/utils\";\r\n\r\n// mixins\r\nimport { timelineTaskMixin } from \"@/mixins/shared/timeline/timelineTaskMixin\";\r\nimport { toLocalDateTimeString } from \"@/filters/dateFilter\";\r\n\r\nexport default {\r\n  name: \"TaskTimeline\",\r\n  mixins: [timelineTaskMixin],\r\n  components: {\r\n    TimelineItemNow: () =>\r\n      import(\"@/components/shared/core/timeline/TimelineItemNow\"),\r\n    TaskDueTimelineItem: () =>\r\n      import(\"@/components/task/TaskDueTimelineItem.vue\")\r\n  },\r\n  props: {\r\n    task: undefined\r\n  },\r\n  computed: {\r\n    visibleTaskDueBeforeQueued() {\r\n      if (!this.visibleTaskDue(this.task)) return false;\r\n      return isEarlierThan(this.task?.dueDate, this.task?.statusChanged);\r\n    },\r\n    visibleTaskDueAfterQueued() {\r\n      if (!this.visibleTaskDue(this.task)) return false;\r\n      return isEarlierThan(this.task?.statusChanged, this.task?.dueDate);\r\n    },\r\n    visibleCurrentDateBeforeDueDate() {\r\n      if (!this.visibleTaskDue(this.task)) return true;\r\n      return isEarlierThan(this.currenDateTime, this.task?.dueDate);\r\n    },\r\n    visibleCurrentDateAfterDueDate() {\r\n      if (!this.visibleTaskDue(this.task)) return false;\r\n      return isEarlierThan(this.task?.dueDate, this.currenDateTime);\r\n    },\r\n    currenDateTime() {\r\n      return toLocalDateTimeString(new Date().toString());\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped></style>\r\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!./TaskTimeline.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!./TaskTimeline.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TaskTimeline.vue?vue&type=template&id=339777ea&scoped=true\"\nimport script from \"./TaskTimeline.vue?vue&type=script&lang=js\"\nexport * from \"./TaskTimeline.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  \"339777ea\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}