{"version":3,"sources":["webpack:///./src/views/freelancer/tasks.vue?e6ca","webpack:///src/views/freelancer/tasks.vue","webpack:///./src/views/freelancer/tasks.vue?b02e","webpack:///./src/views/freelancer/tasks.vue","webpack:///./src/views/freelancer/tasks.vue?289f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","_e","tasks","length","_m","_l","task","index","key","id","on","$event","toggleOpen","_s","submitDateFormatted","submittedAt","type","formattedSites","content","siteIds","brandId","keyword","wordCountMin","wordCountMax","deadlineAt","notesFreelancers","claimTask","languageSelected","staticRenderFns","name","data","isLoading","mounted","user","firestore","languages","getTasks","methods","sites","join","target","classList","toggle","date","toLocaleString","computed","component"],"mappings":"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","file":"js/chunk-0a11e20c.03723e78.js","sourcesContent":["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(\"Available Tasks\")]),[(_vm.isLoading)?_c('div',{staticClass:\"loading\",attrs:{\"data-cy\":\"spinner\"}}):_vm._e(),(_vm.tasks)?[(_vm.tasks.length > 0)?_c('div',[_c('div',{staticClass:\"table table--7-columns\"},[_vm._m(0),_vm._l((_vm.tasks),function(task,index){return [_c('div',{key:task.id,staticClass:\"table__row\",attrs:{\"data-cy\":(\"task-\" + index)},on:{\"click\":function($event){return _vm.toggleOpen($event)}}},[_c('div',{staticClass:\"table__cell\"},[_vm._v(\" \"+_vm._s(_vm.submitDateFormatted(task.submittedAt))+\" \")]),_c('div',{staticClass:\"table__cell\"},[_vm._v(_vm._s(task.type))]),_c('div',{staticClass:\"table__cell\"},[_vm._v(_vm._s(_vm.formattedSites(task.content.siteIds)))]),(task.content.brandId)?_c('div',{staticClass:\"table__cell\"},[_vm._v(_vm._s(task.content.brandId))]):_c('div',{staticClass:\"table__cell\"},[_vm._v(_vm._s(task.content.keyword))]),_c('div',{staticClass:\"table__cell\"},[_vm._v(_vm._s(task.wordCountMin)+\" - \"+_vm._s(task.wordCountMax))]),_c('div',{staticClass:\"table__cell\"},[_vm._v(_vm._s(task.deadlineAt))]),_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\"}})])]),_c('div',{key:((task.id) + \"-foldout\"),staticClass:\"table__foldout\"},[_c('div',{staticClass:\"foldout__description\"},[_c('span',[_vm._v(\"Task Description\")]),_c('p',[_vm._v(_vm._s(task.notesFreelancers))])]),_c('button',{staticClass:\"button button--thin\",on:{\"click\":function($event){return _vm.claimTask(task.id)}}},[_vm._v(\"Claim task\")])])]})],2)]):_vm._e()]:_c('div',[_c('span',[_vm._v(\"No tasks available in your language\")])]),(!_vm.languageSelected)?_c('div',{staticClass:\"link\"},[_c('router-link',{attrs:{\"to\":\"/profile\"}},[_vm._v(\"Please select a language in your profile settings\")]),_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 24 24\",\"fill\":\"black\",\"width\":\"18px\",\"height\":\"18px\"}},[_c('path',{attrs:{\"d\":\"M0 0h24v24H0V0z\",\"fill\":\"none\"}}),_c('path',{attrs:{\"d\":\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"}})])],1):_vm._e()]],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',{staticClass:\"table__header\"},[_vm._v(\"Created date\")]),_c('div',{staticClass:\"table__header\"},[_vm._v(\"Type\")]),_c('div',{staticClass:\"table__header\"},[_vm._v(\"Sites\")]),_c('div',{staticClass:\"table__header\"},[_vm._v(\"Brand/Keyword\")]),_c('div',{staticClass:\"table__header\"},[_vm._v(\"Wordcount\")]),_c('div',{staticClass:\"table__header\"},[_vm._v(\"Deadline\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"wrapper\">\n    <h1>Available Tasks</h1>\n    <template>\n      <!-- content -->\n      <div v-if=\"isLoading\" class=\"loading\" data-cy=\"spinner\"></div>\n\n      <template v-if=\"tasks\">\n        <div v-if=\"tasks.length > 0\">\n          <div class=\"table table--7-columns\">\n            <div class=\"table__headers\">\n              <div class=\"table__header\">Created date</div>\n              <div class=\"table__header\">Type</div>\n              <div class=\"table__header\">Sites</div>\n              <div class=\"table__header\">Brand/Keyword</div>\n              <div class=\"table__header\">Wordcount</div>\n              <div class=\"table__header\">Deadline</div>\n            </div>\n            <template v-for=\"(task, index) in tasks\">\n              <div :key=\"task.id\" :data-cy=\"`task-${index}`\" class=\"table__row\" @click=\"toggleOpen($event)\">\n                <div class=\"table__cell\">\n                  {{ submitDateFormatted(task.submittedAt) }}\n                </div>\n                <div class=\"table__cell\">{{ task.type }}</div>\n                <div class=\"table__cell\">{{ formattedSites(task.content.siteIds) }}</div>\n                <div v-if=\"task.content.brandId\" class=\"table__cell\">{{ task.content.brandId }}</div>\n                <div v-else class=\"table__cell\">{{ task.content.keyword }}</div>\n                <div class=\"table__cell\">{{ task.wordCountMin }} - {{ task.wordCountMax }}</div>\n\n                <div class=\"table__cell\">{{ task.deadlineAt }}</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              </div>\n              <div :key=\"`${task.id}-foldout`\" class=\"table__foldout\">\n                <div class=\"foldout__description\">\n                  <span>Task Description</span>\n                  <p>{{ task.notesFreelancers }}</p>\n                </div>\n                <button @click=\"claimTask(task.id)\" class=\"button button--thin\">Claim task</button>\n              </div>\n            </template>\n          </div>\n        </div>\n      </template>\n\n      <div v-else>\n        <span>No tasks available in your language</span>\n      </div>\n\n      <div class=\"link\" v-if=\"!languageSelected\">\n        <router-link to=\"/profile\">Please select a language in your profile settings</router-link>\n        <!-- prettier-ignore -->\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\" width=\"18px\" height=\"18px\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"/></svg>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script>\nimport axios from 'axios'\nimport { mapActions, mapGetters, mapMutations } from 'vuex'\n\nexport default {\n  name: 'overview',\n  data() {\n    return {\n      isLoading: true,\n      languageSelected: true,\n    }\n  },\n  mounted: function() {\n    if (!this.user.data.firestore.languages) {\n      this.languageSelected = false\n      this.isLoading = false\n    } else {\n      this.getTasks()\n    }\n  },\n  methods: {\n    ...mapActions(['fetchTasks', 'claimTaskById', 'saveTask']),\n\n    async claimTask(id) {\n      this.claimTaskById({ taskId: id })\n      this.$router.push({ name: 'taskId', params: { id } })\n    },\n    async getTasks() {\n      await this.fetchTasks({\n        params: {\n          endpoint: 'getbyfilters',\n          markets: this.marketsByLanguageID(this.user.data.firestore.languages),\n          unclaimed: 'yes',\n        },\n        userId: this.user.data.uid,\n      })\n      this.isLoading = false\n    },\n    formattedSites(sites) {\n      return sites.join()\n    },\n    toggleOpen($event) {\n      $event.target.classList.toggle('open')\n    },\n    submitDateFormatted(submitDate) {\n      let date = new Date(submitDate)\n      return date.toLocaleString('da-DK')\n    },\n  },\n  computed: {\n    ...mapGetters(['tasks', 'user', 'marketsByLanguageID']),\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n@import '@/assets/shared-styles/button.scss';\n@import '@/assets/shared-styles/table.scss';\n@import '@/assets/shared-styles/loader.scss';\n.wrapper {\n  display: grid;\n  gap: 1.5rem;\n  align-items: start;\n  padding: 2rem 2rem;\n}\n\n.table--7-columns {\n  .table__headers,\n  .table__row {\n    grid-template-columns: 150px 120px 180px 130px 110px 1fr auto;\n  }\n  svg {\n    transform: rotate(90deg);\n  }\n}\n.table__foldout {\n  grid-template-columns: 1fr auto;\n  span {\n    color: #a3a6b4;\n    font-weight: 700;\n    font-size: 0.6875rem;\n    text-transform: uppercase;\n    margin-bottom: 0.5rem;\n  }\n  p {\n    font-size: 0.8125rem;\n    margin: 0;\n  }\n}\nbutton {\n  height: fit-content;\n  align-self: center;\n}\n\n.foldout__description {\n  display: flex;\n  flex-direction: column;\n}\n\n.link {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  > a {\n    text-decoration: none;\n    color: #43425d;\n  }\n  > a:hover {\n    color: var(--color-state);\n    + svg {\n      fill: var(--color-state);\n    }\n  }\n  > svg {\n    margin-left: 0.5rem;\n  }\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!./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!./tasks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./tasks.vue?vue&type=template&id=187aa41c&scoped=true&\"\nimport script from \"./tasks.vue?vue&type=script&lang=js&\"\nexport * from \"./tasks.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tasks.vue?vue&type=style&index=0&id=187aa41c&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  \"187aa41c\",\n  null\n  \n)\n\nexport default component.exports","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!./tasks.vue?vue&type=style&index=0&id=187aa41c&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!./tasks.vue?vue&type=style&index=0&id=187aa41c&lang=scss&scoped=true&\""],"sourceRoot":""}