{"version":3,"sources":["webpack:///./src/views/freelancer/content/id.vue?69b2","webpack:///src/views/freelancer/content/id.vue","webpack:///./src/views/freelancer/content/id.vue?ce9f","webpack:///./src/views/freelancer/content/id.vue","webpack:///./src/views/freelancer/content/id.vue?3725"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","getTitle","attrs","content","status","on","save","publish","deleteContent","_e","staticRenderFns","name","data","emptyFields","mounted","methods","fieldsCompleted","fieldsToVerify","filter","field","length","computed","components","Content","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAW,QAAEI,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,KAAK,CAACJ,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,aAAaL,EAAG,UAAU,CAACM,MAAM,CAAC,QAAUV,EAAIW,WAAmC,mBAAvBX,EAAIW,QAAQC,OAA6BR,EAAG,MAAM,CAACJ,EAAIO,GAAG,0FAAiH,SAAtBP,EAAIW,QAAQC,QAA2C,mBAAtBZ,EAAIW,QAAQC,OAA6BR,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,SAAS,CAACE,YAAY,SAASI,MAAM,CAAC,UAAU,kBAAkBG,GAAG,CAAC,MAAQb,EAAIc,OAAO,CAACd,EAAIO,GAAG,gBAAgBH,EAAG,SAAS,CAACE,YAAY,6BAA6BI,MAAM,CAAC,UAAU,yBAAyBG,GAAG,CAAC,MAAQb,EAAIe,UAAU,CAACf,EAAIO,GAAG,uBAAuBH,EAAG,OAAO,CAACE,YAAY,SAASO,GAAG,CAAC,MAAQb,EAAIgB,gBAAgB,CAACZ,EAAG,MAAM,CAACM,MAAM,CAAC,MAAQ,6BAA6B,MAAQ,KAAK,OAAS,OAAO,CAACN,EAAG,OAAO,CAACM,MAAM,CAAC,KAAO,UAAU,EAAI,4CAA4CN,EAAG,OAAO,CAACM,MAAM,CAAC,KAAO,UAAU,EAAI,8CAA8CV,EAAIO,GAAG,gBAAgBP,EAAIiB,MAAM,GAAGjB,EAAIiB,MAC3mCC,EAAkB,G,4HC0BtB,GACEC,KAAM,KACNC,KAFF,WAGI,MAAO,CACLC,YAAa,KAGjBC,QAAS,WAAX,4JACA,+EADA,qGAAW,GAGTC,QAAS,OAAX,OAAW,CAAX,GACA,gGADA,CAEIC,gBAFJ,WAGM,IAAN,GACA,CAAQ,QAAR,qBAAQ,KAAR,QACA,CAAQ,QAAR,yBAAQ,KAAR,YACA,CAAQ,QAAR,iCAAQ,KAAR,oBACA,CAAQ,QAAR,qBAAQ,KAAR,mBAOM,OAJAvB,KAAKoB,YAAcI,EAAeC,QAAO,SAA/C,GACQ,GAAIC,EAAMhB,QAAQiB,OAAS,EAAG,OAAOD,EAAMR,SAGrClB,KAAKoB,YAAYO,QAE3B,QAhBJ,WAgBA,2KACA,oDACA,sEAEA,4BAJA,iCAKA,kEALA,gCAOA,2EAPA,OAQA,WACA,iDACA,iBAVA,qDAaA,kBACA,WACA,2CACA,eAhBA,gCAsBA,gFACA,0EACA,8EACA,2BACA,mGAEA,IACA,gBACA,UACA,EAHA,UAGA,aAHA,gBAGA,GACA,gHAGA,6BAnCA,6DAsCI,KAtDJ,WAsDA,iLAEA,wEAFA,OAGA,WACA,oCACA,iBALA,kDAQA,WACA,iCACA,eAVA,2DAcI,cApEJ,WAoEA,wKACA,2GADA,gCAGA,0EAHA,OAIA,WACA,oCACA,iBAEA,oBARA,mDAUA,WACA,iCACA,eAZA,8DAiBEC,SAAU,OAAZ,OAAY,CAAZ,GACA,mCADA,CAEIpB,SAFJ,WAGM,OAAQR,KAAKU,QAAQC,QACnB,IAAK,OACH,MAAO,OACT,IAAK,WACH,MAAO,WACT,IAAK,WACH,MAAO,WACT,IAAK,iBACH,MAAO,iBACT,QACE,MAAO,qBAIfkB,WAAY,CACVC,QAAJ,SC5I0W,I,wBCQtWC,EAAY,eACd,EACAjC,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAc,E,6CCnBf,yBAAykB,EAAG,G","file":"js/chunk-317b1907.0d2be136.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.content)?_c('div',{staticClass:\"new content-wrapper\"},[_c('h1',[_vm._v(_vm._s(_vm.getTitle))]),_c('Content',{attrs:{\"content\":_vm.content}}),(_vm.content.status === 'Pending Review')?_c('div',[_vm._v(\" Your content is waiting to be reviewed and cannot be edited further at this time.. \")]):(_vm.content.status == 'Draft' || _vm.content.status == 'Revision Needed')?_c('div',{staticClass:\"button-container\"},[_c('button',{staticClass:\"button\",attrs:{\"data-cy\":\"save-draft-btn\"},on:{\"click\":_vm.save}},[_vm._v(\"Save Draft\")]),_c('button',{staticClass:\"button button--margin-left\",attrs:{\"data-cy\":\"submit-for-review-btn\"},on:{\"click\":_vm.publish}},[_vm._v(\"Submit for Review\")]),_c('span',{staticClass:\"delete\",on:{\"click\":_vm.deleteContent}},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"10\",\"height\":\"10\"}},[_c('path',{attrs:{\"fill\":\"#bcbccb\",\"d\":\"M1.071 0L10 8.929l-1.072 1.07L0 1.072z\"}}),_c('path',{attrs:{\"fill\":\"#bcbccb\",\"d\":\"M10 1.071L1.071 10 .001 8.928 8.928 0z\"}})]),_vm._v(\" Delete \")])]):_vm._e()],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"new content-wrapper\" v-if=\"content\">\n    <h1>{{ getTitle }}</h1>\n\n    <Content :content=\"content\"></Content>\n\n    <div v-if=\"content.status === 'Pending Review'\">\n      Your content is waiting to be reviewed and cannot be edited further at this time..\n    </div>\n    <div v-else-if=\"content.status == 'Draft' || content.status == 'Revision Needed'\" class=\"button-container\">\n      <button class=\"button\" @click=\"save\" data-cy=\"save-draft-btn\">Save Draft</button>\n      <button class=\"button button--margin-left\" data-cy=\"submit-for-review-btn\" @click=\"publish\">Submit for Review</button>\n      <span class=\"delete\" @click=\"deleteContent\">\n        <!-- prettier-ignore -->\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\"><path fill=\"#bcbccb\" d=\"M1.071 0L10 8.929l-1.072 1.07L0 1.072z\"/><path fill=\"#bcbccb\" d=\"M10 1.071L1.071 10 .001 8.928 8.928 0z\"/></svg>\n        Delete\n      </span>\n    </div>\n  </div>\n</template>\n\n<script>\nimport firebase from 'firebase'\nimport axios from 'axios'\nimport Content from '@/components/content'\nimport { mapGetters, mapActions } from 'vuex'\n\nexport default {\n  name: 'id',\n  data() {\n    return {\n      emptyFields: [],\n    }\n  },\n  mounted: async function() {\n    await this.fetchContentById({ collection: 'content', documentId: this.$route.params.id })\n  },\n  methods: {\n    ...mapActions(['publishContentById', 'saveContentById', 'fetchContentById', 'deleteContentById']),\n    fieldsCompleted() {\n      const fieldsToVerify = [\n        { content: this.content.site.id, name: 'site' },\n        { content: this.content.language.id, name: 'language' },\n        { content: this.content.htmlMetaDescription, name: 'meta description' },\n        { content: this.content.content, name: 'content/review' },\n      ]\n\n      this.emptyFields = fieldsToVerify.filter(field => {\n        if (field.content.length < 1) return field.name\n      })\n\n      return !this.emptyFields.length\n    },\n    async publish() {\n      const isNotMissingBrand = this.content.type === 'Review' && this.content.brand.id != ''\n      const isNotMissingTitleAndKeyword = this.content.type === 'SEO' && this.content.title != '' && this.content.keyword != ''\n\n      if (this.fieldsCompleted() && (isNotMissingBrand || isNotMissingTitleAndKeyword)) {\n        await this.$dialog.confirm('Are you sure you want to submit your review?')\n        try {\n          await this.publishContentById({ collection: 'content', documentId: this.$route.params.id })\n          this.$notify({\n            text: 'Successfully submitted content for review',\n            type: 'success',\n          })\n        } catch (error) {\n          console.log(error)\n          this.$notify({\n            text: 'Failed to submit content for review',\n            type: 'error',\n          })\n        }\n      } else {\n        let message\n\n        if (this.content.type === 'Review' && this.content.brand.id === '') this.emptyFields.push('brand')\n        if (this.content.type === 'SEO' && this.content.title === '') this.emptyFields.push('title')\n        if (this.content.type === 'SEO' && this.content.keyword === '') this.emptyFields.push('keyword')\n        if (this.emptyFields.length === 1) {\n          message = `The ${this.emptyFields[0]} field is empty<br><br>Make sure to fill it before submitting`\n        }\n        if (!message) {\n          const fields = this.emptyFields\n          const last = fields.pop()\n          const finalString = `${fields.join(', ')} and ${last}`\n          message = `The following fields are empty:<br><br>${finalString}<br><br>Make sure to fill all fields before submitting`\n        }\n\n        this.$dialog.alert(message, { html: true })\n      }\n    },\n    async save() {\n      try {\n        await this.saveContentById({ collection: 'content', documentId: this.$route.params.id })\n        this.$notify({\n          text: 'Successfully updated content',\n          type: 'success',\n        })\n      } catch (error) {\n        this.$notify({\n          text: 'Failed to updated content',\n          type: 'error',\n        })\n      }\n    },\n    async deleteContent() {\n      await this.$dialog.confirm(\"You're about to delete content. Please confirm since this action cannot be recovered.\")\n      try {\n        await this.deleteContentById({ collection: 'content', documentId: this.$route.params.id })\n        this.$notify({\n          text: 'Successfully deleted content',\n          type: 'success',\n        })\n        this.$router.push('/')\n      } catch (error) {\n        this.$notify({\n          text: 'Failed to deleted content',\n          type: 'error',\n        })\n      }\n    },\n  },\n  computed: {\n    ...mapGetters(['content', 'user']),\n    getTitle() {\n      switch (this.content.status) {\n        case 'Live':\n          return 'Live'\n        case 'Exported':\n          return 'Exported'\n        case 'Approved':\n          return 'Approved'\n        case 'Pending Review':\n          return 'Pending Review'\n        default:\n          return 'Update Content'\n      }\n    },\n  },\n  components: {\n    Content,\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/shared-styles/button.scss';\n\n.delete {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  color: #bcbccb;\n  margin-left: auto;\n  font-size: 0.875rem;\n  cursor: pointer;\n  & svg {\n    margin-right: 0.5rem;\n  }\n  &:hover,\n  &:hover > svg > * {\n    color: #e05252;\n    fill: #e05252;\n  }\n}\n.button-container {\n  display: flex;\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!./id.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!./id.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./id.vue?vue&type=template&id=6ef55fdb&scoped=true&\"\nimport script from \"./id.vue?vue&type=script&lang=js&\"\nexport * from \"./id.vue?vue&type=script&lang=js&\"\nimport style0 from \"./id.vue?vue&type=style&index=0&id=6ef55fdb&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  \"6ef55fdb\",\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!./id.vue?vue&type=style&index=0&id=6ef55fdb&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!./id.vue?vue&type=style&index=0&id=6ef55fdb&lang=scss&scoped=true&\""],"sourceRoot":""}