feat: add support subscription

Author: alexandrdrvn

views/js/d_pax/components/development.vue

@@ -186,6 +186,7 @@ export default {
       letter-spacing: 0.18px;
       text-align: left;
       color: $warm-grey-two;
+      margin-bottom: 10px;
       ul {
         list-style-type: decimal;
         padding-left: 20px;

views/js/d_pax/components/firstBuild.vue

@@ -22,6 +22,7 @@
       >{{ $t('text_bellow') }}</a>.
     </div>
     <div
+      v-if="information.apache"
       class="first-build__footer_title"
     >
       {{ $t('footerTitlePopup') }}

views/js/d_pax/components/information.vue

@@ -13,7 +13,7 @@
         {{ $t('textBuildMin') }}
       </div>
       <div class="vf-information__item_value">
-        {{ Math.floor($moment.duration(cms.usagedTime, 'milliseconds').asMinutes()) }} / 100
+        {{ totalUsaged }} / {{ timeCount }}
       </div>
     </div>
     <div class="vf-information__item">
@@ -58,7 +58,13 @@
 import {mapGetters} from 'vuex'
 export default {
   computed: {
-    ...mapGetters({information: 'information/get', cms: 'cms/get'})
+    ...mapGetters({information: 'information/get', cms: 'cms/get', account: 'account/get'}),
+    totalUsaged () {
+      return Math.floor(this.$moment.duration(this.account.times, 'milliseconds').asMinutes())
+    },
+    timeCount () {
+      return this.account.subscribe ? 1000 : 100
+    }
   }
 }
 </script>

views/js/d_pax/components/subscription.vue

@@ -10,11 +10,21 @@
       class="account-subscription__button"
       variant="warning"
       size="lg"
+      @click="handleSubscribe"
     >
       {{ $t("button_subscribe") }}
     </b-button>
   </div>
 </template>
+<script>
+export default {
+  methods: {
+    async handleSubscribe () {
+      await this.$store.dispatch('cms/subscribe')
+    }
+  }
+}
+</script>
 <i18n locale="en">
 {
   "text_title": "Go Production!",

views/js/d_pax/components/welcome.vue

@@ -42,7 +42,8 @@ export default {
   },
   computed: {
     ...mapGetters({
-      cms: 'cms/get'
+      cms: 'cms/get',
+      error: 'error'
     })
   },
   mounted() {
@@ -62,17 +63,21 @@ export default {
     async handleGenerate() {
       this.loading = true
       await this.$store.dispatch('cms/generate', {id: this.cms.id})
-      const interval = setInterval(async () => {
-        await this.$store.dispatch('cms/load', {id: this.cms.id})
-        this.$apolloClient.defaultClient.clearStore()
-        if(!this.cms.generating) {
-          await this.$store.dispatch('information/updateVueFront', {url: this.cms.downloadUrl})
-          this.$store.commit('cms/setFirstBuild', true)
+      if(!this.error) {
+        const interval = setInterval(async () => {
+          await this.$store.dispatch('cms/load', {id: this.cms.id})
+          this.$apolloClient.defaultClient.clearStore()
+          if(!this.cms.generating) {
+            await this.$store.dispatch('information/updateVueFront', {url: this.cms.downloadUrl})
+            this.$store.commit('cms/setFirstBuild', true)
 
-          this.loading = false
-          clearInterval(interval)
-        }
-      }, 3000)
+            this.loading = false
+            clearInterval(interval)
+          }
+        }, 3000)
+      } else {
+        this.loading = false
+      }
     }
   }
 }

views/js/d_pax/layouts/default.vue

@@ -26,7 +26,10 @@ export default {
 </script>
 <i18n locale="en">
 {
-  "not_writable_htaccess": "File permissions. Please add writing permissions to the following files and folder: .htaccess"
+  "not_writable_htaccess": "File permissions. Please add writing permissions to the following files and folder: .htaccess",
+  "validate_payment": "Not verified account",
+  "not_exists_url": "The CMS Connect URL you have provided is not working. Please check if you have properly specified the url and try again.",
+  "not_working_graphql_api": "The CMS Connect URL you have provided is not working. Please check if you have properly specified the url and try again."
 }
 </i18n>
 <style lang="scss">

views/js/d_pax/pages/index.vue

@@ -12,7 +12,7 @@
         <development />
       </b-col>
       <b-col md="3">
-        <subscription v-if="false" />
+        <subscription v-if="!account.subscribe" />
         <information />
       </b-col>
     </b-row>
@@ -42,7 +42,7 @@ export default {
   },
   middleware: ['authenticated', 'confirmed', 'noBanned', 'noAlien'],
   computed: {
-    ...mapGetters({information: 'information/get', cms: 'cms/get', firstBuild: 'cms/firstBuild'})
+    ...mapGetters({account: 'account/get' ,information: 'information/get', cms: 'cms/get', firstBuild: 'cms/firstBuild'})
   }
 }
 </script>

views/js/d_pax/store/account.js

@@ -38,6 +38,10 @@ export const actions = {
             confirmed
             email
             banned
+            subscribe
+            subscribeCancel
+            subscribeDateEnd
+            paymentMethodChecked
             image(width: 101, height: 101) {
                 url
                 path

views/js/d_pax/store/auth.js

@@ -79,6 +79,11 @@ export const actions = {
               email
               banned
               confirmed
+              times
+              subscribe
+              subscribeCancel
+              subscribeDateEnd
+              paymentMethodChecked
               image(width: 101, height: 101) {
                   url
                   path
@@ -111,6 +116,11 @@ export const actions = {
                 email
                 banned
                 confirmed
+                times
+                subscribe
+                subscribeCancel
+                subscribeDateEnd
+                paymentMethodChecked
                 image(width: 101, height: 101) {
                     url
                     path
@@ -148,6 +158,11 @@ export const actions = {
                 email
                 banned
                 confirmed
+                times
+                subscribe
+                subscribeCancel
+                subscribeDateEnd
+                paymentMethodChecked
                 image(width: 101, height: 101) {
                     url
                     path

views/js/d_pax/store/cms.js

@@ -37,6 +37,48 @@ export const getters = {
 }
 
 export const actions = {
+
+  async subscribe({commit}) {
+    try {
+      const { data } = await this.$apolloClient.defaultClient.mutate({
+        mutation: gql`
+          mutation {
+            subscribeCms {
+              id
+              firstName
+              lastName
+              email
+              npmToken
+              banned
+              confirmed
+              balance
+              times
+              subscribe
+              subscribeCancel
+              subscribeDateEnd
+              paymentMethodChecked
+              image(width: 101, height: 101) {
+                  url
+                  path
+              }
+              developer {
+                linkSupport
+                status
+                username
+              }
+              role {
+                name
+              }
+            }
+          }
+        `,
+        variables: {}
+      })
+      commit('account/setAccount', data.subscribeCms, { root: true })
+    } catch (e) {
+      commit('setResponseError', e, { root: true })
+    }
+  },
   async search({commit, getters, dispatch, rootGetters}) {
     let id = false
     for(const key in getters['list'].content) {