{"version":3,"sources":["webpack:///./src/views/profile.vue?ab24","webpack:///./src/views/profile.vue?8b80","webpack:///src/views/profile.vue","webpack:///./src/views/profile.vue?a45f","webpack:///./src/views/profile.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","user","data","staticClass","_v","directives","name","rawName","value","firestore","expression","attrs","domProps","on","$event","target","composing","$set","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","multiple","_l","language","key","id","_s","userWordCount","_m","item","date","wordCount","currency","rate","word","save","_e","staticRenderFns","isFetchingWordCount","methods","mounted","fetchWordCount","computed","rates","component"],"mappings":"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","file":"js/chunk-67ce68d1.a14c4aa7.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!./profile.vue?vue&type=style&index=0&id=927edb38&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!./profile.vue?vue&type=style&index=0&id=927edb38&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.user.data.firestore)?_c('div',{staticClass:\"profile content-wrapper\"},[_c('h1',[_vm._v(\"Settings\")]),_c('div',{staticClass:\"profile-grid\"},[_c('div',{staticClass:\"section\"},[_c('h2',{staticClass:\"heading\"},[_vm._v(\"Full Name\")]),_c('div',{staticClass:\"input-container\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.data.firestore.name),expression:\"user.data.firestore.name\"}],staticClass:\"input\",attrs:{\"id\":\"name\",\"type\":\"text\",\"placeholder\":\"Please provide full name\"},domProps:{\"value\":(_vm.user.data.firestore.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.user.data.firestore, \"name\", $event.target.value)}}})])]),_c('div',{staticClass:\"section\"},[_c('h2',{staticClass:\"heading\"},[_vm._v(\"Languages\")]),_c('span',{staticClass:\"description\"},[_vm._v(\"Select your native language\")]),_c('div',{staticClass:\"select-container select-container--no-label\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.data.firestore.languages),expression:\"user.data.firestore.languages\"}],attrs:{\"id\":\"language\"},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.$set(_vm.user.data.firestore, \"languages\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"\"}},[_vm._v(\"None\")]),_vm._l((_vm.languageList),function(language){return _c('option',{key:language.id,domProps:{\"value\":language.id}},[_vm._v(_vm._s(language.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\"}})])])]),_c('div',{staticClass:\"select-container select-container--no-label\"},[_c('h2',{staticClass:\"heading\"},[_vm._v(\"Word count and earnings\")]),(_vm.isFetchingWordCount)?_c('div',[_vm._v(\"Fetching word count and earnings, please wait..\")]):_c('div',[(_vm.userWordCount === null)?_c('div',[_vm._v(\"No data found..\")]):_c('div',[_c('table',{staticClass:\"inline-table\"},[_vm._m(0),_vm._l((_vm.userWordCount),function(item){return _c('tr',{key:item.date},[_c('td',[_vm._v(_vm._s(item.date))]),_c('td',[_vm._v(_vm._s(item.wordCount))]),_c('td',[_vm._v(_vm._s(_vm.currency)+\" \"+_vm._s(item.rate))])])})],2),_c('span',{staticClass:\"details\"},[_vm._v(\"Your fee is calculated based on a rate/word of \"+_vm._s(_vm.currency)+_vm._s(_vm.word)+\".\")])])])])]),_c('button',{staticClass:\"button\",on:{\"click\":_vm.save}},[_vm._v(\"Save\")])]):_vm._e()}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('tr',[_c('th',[_vm._v(\"Month\")]),_c('th',[_vm._v(\"Words\")]),_c('th',[_vm._v(\"Fee\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"profile content-wrapper\" v-if=\"user.data.firestore\">\n    <h1>Settings</h1>\n    <div class=\"profile-grid\">\n      <div class=\"section\">\n        <h2 class=\"heading\">Full Name</h2>\n        <div class=\"input-container\">\n          <input class=\"input\" id=\"name\" type=\"text\" v-model=\"user.data.firestore.name\" placeholder=\"Please provide full name\" />\n        </div>\n      </div>\n      <div class=\"section\">\n        <h2 class=\"heading\">Languages</h2>\n        <span class=\"description\">Select your native language</span>\n        <div class=\"select-container select-container--no-label\">\n          <select id=\"language\" v-model=\"user.data.firestore.languages\">\n            <option value=\"\">None</option>\n            <option v-for=\"language in languageList\" :key=\"language.id\" :value=\"language.id\">{{ language.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\" /></svg>\n        </div>\n      </div>\n      <div class=\"select-container select-container--no-label\">\n        <h2 class=\"heading\">Word count and earnings</h2>\n        <div v-if=\"isFetchingWordCount\">Fetching word count and earnings, please wait..</div>\n        <div v-else>\n          <div v-if=\"userWordCount === null\">No data found..</div>\n          <div v-else>\n            <table class=\"inline-table\">\n              <tr>\n                <th>Month</th>\n                <th>Words</th>\n                <th>Fee</th>\n              </tr>\n              <tr v-for=\"item in userWordCount\" v-bind:key=\"item.date\">\n                <td>{{ item.date }}</td>\n                <td>{{ item.wordCount }}</td>\n                <td>{{ currency }} {{ item.rate }}</td>\n              </tr>\n            </table>\n\n            <span class=\"details\">Your fee is calculated based on a rate/word of {{ currency }}{{ word }}.</span>\n          </div>\n        </div>\n      </div>\n    </div>\n    <button class=\"button\" @click=\"save\">Save</button>\n  </div>\n</template>\n\n<script>\nimport firebase from 'firebase'\nimport axios from 'axios'\nimport { mapGetters } from 'vuex'\n\nexport default {\n  name: 'home',\n  data() {\n    return {\n      userWordCount: null,\n      isFetchingWordCount: false,\n    }\n  },\n  methods: {\n    async save() {\n      try {\n        await firebase\n          .firestore()\n          .collection('users')\n          .doc(this.user.data.uid)\n          .set(this.user.data.firestore)\n        this.$notify({\n          text: 'Successfully saved profile',\n          type: 'success',\n        })\n      } catch (error) {\n        this.$notify({\n          text: 'Failed to save profile',\n          type: 'error',\n        })\n      }\n    },\n    async fetchWordCount() {\n      this.isFetchingWordCount = true\n      let url = new URL('https://europe-west1-freelance-ffddb.cloudfunctions.net/freelancer-word-count')\n      url.searchParams.set('id', this.user.data.uid)\n      url.searchParams.set('wordrate', this.user.data.firestore.rates.word)\n      try {\n        const { data } = await axios.get(url)\n        this.userWordCount = data\n        this.isFetchingWordCount = false\n      } catch (error) {\n        this.$notify({\n          text: 'Failed to fetch word count and earnings',\n          type: 'error',\n        })\n      }\n    },\n  },\n  mounted: function() {\n    this.fetchWordCount()\n  },\n  computed: {\n    ...mapGetters(['languageList', 'user']),\n    currency() {\n      return this.user.data.firestore.rates.currency\n    },\n    word() {\n      return this.user.data.firestore.rates.word\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/shared-styles/button.scss';\n@import '@/assets/shared-styles/input.scss';\n@import '@/assets/shared-styles/inline-table.scss';\n@import '@/assets/shared-styles/select.scss';\n\n.profile {\n  .input {\n    min-width: 300px;\n  }\n  .heading {\n    font-size: 1rem;\n    margin-bottom: 0.5rem;\n  }\n}\n.section {\n  display: flex;\n  flex-direction: column;\n}\n.description {\n  font-size: 0.875rem;\n  margin-bottom: 1rem;\n}\n.profile-grid {\n  display: grid;\n  gap: 1.5rem;\n}\n// .table {\n//   .table__row {\n//     cursor: inherit;\n//     &:hover {\n//       background-color: inherit;\n//     }\n//   }\n//   margin-bottom: 1em;\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!./profile.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!./profile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./profile.vue?vue&type=template&id=927edb38&scoped=true&\"\nimport script from \"./profile.vue?vue&type=script&lang=js&\"\nexport * from \"./profile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./profile.vue?vue&type=style&index=0&id=927edb38&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  \"927edb38\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}