{"version":3,"sources":["webpack:///./src/views/freelancer/my-tasks.vue?eff5","webpack:///./src/views/freelancer/my-tasks.vue?28ba","webpack:///src/views/freelancer/my-tasks.vue","webpack:///./src/views/freelancer/my-tasks.vue?29e3","webpack:///./src/views/freelancer/my-tasks.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","directives","name","rawName","value","expression","on","$event","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","val","_value","statusFilter","multiple","getTasks","attrs","_l","status","key","id","domProps","_s","_e","tasks","length","_m","task","index","path","params","class","notesFreelancers","type","submitDateFormatted","submittedAt","staticRenderFns","data","isLoading","methods","endpoint","claimedby","user","uid","$store","date","toLocaleString","mounted","firestore","isAdmin","$router","push","computed","component"],"mappings":"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","file":"js/chunk-37e2c76a.e4c43bdb.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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./my-tasks.vue?vue&type=style&index=0&id=d33b5ac0&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/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./my-tasks.vue?vue&type=style&index=0&id=d33b5ac0&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrapper\"},[_c('h1',[_vm._v(\"My Tasks\")]),[_c('div',{staticClass:\"table-options\"},[_c('span',[_vm._v(\"Filters:\")]),_c('div',{staticClass:\"select-container select-container--no-label\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.statusFilter),expression:\"statusFilter\"}],on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.statusFilter=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},function($event){return _vm.getTasks()}]}},[_c('option',{attrs:{\"value\":\"\"}},[_vm._v(\"All Statuses\")]),_vm._l((_vm.statusList),function(status){return _c('option',{key:status.id,domProps:{\"value\":status.id}},[_vm._v(_vm._s(status.name))])})],2),_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"16\",\"height\":\"16\",\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\",\"fill\":\"#999\"}})])])]),(_vm.isLoading)?_c('div',{staticClass:\"loading\"}):_vm._e(),(_vm.tasks)?[(_vm.tasks.length > 0)?_c('div',{staticClass:\"table\"},[_vm._m(0),_vm._l((_vm.tasks),function(task,index){return [_c('router-link',{key:task.id,staticClass:\"table__row\",attrs:{\"data-cy\":(\"my-task-\" + index),\"to\":{ path: '/task/:id', name: 'taskId', params: { id: task.id } }}},[_c('div',{staticClass:\"table__cell\"},[_c('div',{staticClass:\"circle\",class:[{ 'circle--active': task.status == 'approved' }, { 'circle--warning': task.status == 'pending-review' }, { 'circle--exported': task.status == 'exported' }]})]),_c('div',{staticClass:\"table__cell\"},[_vm._v(_vm._s(task.status))]),_c('div',{staticClass:\"table__cell\"},[_vm._v(_vm._s(task.notesFreelancers))]),_c('div',{staticClass:\"table__cell\"},[_vm._v(_vm._s(task.type))]),_c('div',{staticClass:\"table__cell\"},[_vm._v(\" \"+_vm._s(_vm.submitDateFormatted(task.submittedAt))+\" \")]),_c('div',{staticClass:\"table__header\"},[_vm._v(\"-\")]),_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"20\",\"height\":\"20\",\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\",\"fill\":\"#999\"}})])])]})],2):_vm._e()]:(_vm.statusFilter)?_c('div',[_c('span',[_vm._v(\"You do not have any tasks with selected status\")])]):_c('div',[_c('span',[_vm._v(\"You have not claimed any tasks yet\")])])]],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"table__headers\"},[_c('div'),_c('div',{staticClass:\"table__header\"},[_vm._v(\"Status\")]),_c('div',{staticClass:\"table__header\"},[_vm._v(\"Description\")]),_c('div',{staticClass:\"table__header\"},[_vm._v(\"Type\")]),_c('div',{staticClass:\"table__header\"},[_vm._v(\"Created date\")]),_c('div',{staticClass:\"table__header\"},[_vm._v(\"Deadline\")]),_c('div')])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"wrapper\">\n    <h1>My Tasks</h1>\n    <template>\n      <!-- filters -->\n      <!-- FIXME: Refactir filters into a separate component -->\n      <div class=\"table-options\">\n        <span>Filters:</span>\n        <div class=\"select-container select-container--no-label\">\n          <select @change=\"getTasks()\" v-model=\"statusFilter\">\n            <option value=\"\">All Statuses</option>\n            <option v-for=\"status in statusList\" v-bind:key=\"status.id\" :value=\"status.id\">{{ status.name }}</option>\n          </select>\n          <!-- prettier-ignore -->\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\"><path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\" fill=\"#999\"></path></svg>\n        </div>\n        <!-- <div class=\"select-container select-container--no-label\">\n          <select v-model=\"monthFilter\">\n            <option value=\"-1\">All Months</option>\n            <option v-for=\"month in monthList\" v-bind:key=\"month.id\" :value=\"month.id\">{{ month.name }}</option>\n          </select>\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\"><path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\" fill=\"#999\"></path></svg>\n        </div> -->\n      </div>\n      <!-- tasks -->\n      <div v-if=\"isLoading\" class=\"loading\"></div>\n      <template v-if=\"tasks\">\n        <div v-if=\"tasks.length > 0\" class=\"table\">\n          <div class=\"table__headers\">\n            <div></div>\n            <div class=\"table__header\">Status</div>\n            <div class=\"table__header\">Description</div>\n            <div class=\"table__header\">Type</div>\n            <div class=\"table__header\">Created date</div>\n            <div class=\"table__header\">Deadline</div>\n            <div></div>\n          </div>\n          <template v-for=\"(task, index) in tasks\">\n            <router-link :key=\"task.id\" :data-cy=\"`my-task-${index}`\" class=\"table__row\" :to=\"{ path: '/task/:id', name: 'taskId', params: { id: task.id } }\">\n              <div class=\"table__cell\">\n                <div\n                  class=\"circle\"\n                  :class=\"[{ 'circle--active': task.status == 'approved' }, { 'circle--warning': task.status == 'pending-review' }, { 'circle--exported': task.status == 'exported' }]\"\n                ></div>\n              </div>\n              <div class=\"table__cell\">{{ task.status }}</div>\n              <div class=\"table__cell\">{{ task.notesFreelancers }}</div>\n              <div class=\"table__cell\">{{ task.type }}</div>\n              <div class=\"table__cell\">\n                {{ submitDateFormatted(task.submittedAt) }}\n              </div>\n              <div class=\"table__header\">-</div>\n              <!-- prettier-ignore -->\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"><path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\" fill=\"#999\"></path></svg>\n            </router-link>\n          </template>\n        </div>\n      </template>\n      <div v-else-if=\"statusFilter\">\n        <span>You do not have any tasks with selected status</span>\n      </div>\n      <div v-else>\n        <span>You have not claimed any tasks yet</span>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters, mapMutations } from 'vuex'\nexport default {\n  name: 'myTasks',\n  data() {\n    return {\n      isLoading: true,\n      statusFilter: '',\n      // monthFilter: -1,\n    }\n  },\n  methods: {\n    getTasks() {\n      var params = {\n        endpoint: 'getbyfilters',\n        claimedby: this.user.data.uid,\n      }\n      if (this.statusFilter) {\n        params['status'] = this.statusFilter\n      }\n      this.$store\n        .dispatch('fetchTasks', {\n          params,\n          userId: this.user.data.uid,\n        })\n        .then((this.isLoading = false))\n    },\n    submitDateFormatted(submitDate) {\n      let date = new Date(submitDate)\n      return date.toLocaleString('da-DK')\n    },\n  },\n  mounted: function() {\n    if (this.user.data.firestore.isAdmin) {\n      this.$router.push('/overview/review')\n    }\n    this.getTasks()\n  },\n\n  computed: {\n    ...mapGetters(['tasks', 'user', 'monthList', 'statusList']),\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n@import '@/assets/shared-styles/table.scss';\n@import '@/assets/shared-styles/select.scss';\n@import '@/assets/shared-styles/button.scss';\n@import '@/assets/shared-styles/loader.scss';\n\n.wrapper {\n  display: grid;\n  gap: 1.5rem;\n  align-items: start;\n  padding: 2rem 2rem;\n}\n.table__headers,\n.table__row {\n  grid-template-columns:\n    50px 160px minmax(500px, auto) minmax(120px, auto) minmax(180px, auto)\n    1fr auto;\n}\n.table__row > svg {\n  transform: rotate(-90deg);\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./my-tasks.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./my-tasks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./my-tasks.vue?vue&type=template&id=d33b5ac0&scoped=true&\"\nimport script from \"./my-tasks.vue?vue&type=script&lang=js&\"\nexport * from \"./my-tasks.vue?vue&type=script&lang=js&\"\nimport style0 from \"./my-tasks.vue?vue&type=style&index=0&id=d33b5ac0&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  \"d33b5ac0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}