feat: add support subscription

Author: alexandrdrvn

view/javascript/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;

view/javascript/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') }}

view/javascript/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>

view/javascript/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!",

view/javascript/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
+      }
     }
   }
 }

view/javascript/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">

view/javascript/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>

view/javascript/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

view/javascript/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

view/javascript/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) {

view/javascript/d_vuefront/0.a7969d8384a3fb38c7d1.bundle.js

@@ -53,134 +53,134 @@
                                                       "id": 0,
                                                       "next": null,
                                                       "js": [
-                                                        "/wp-content/plugins/vuefront/view/javascript/d_vuefront/0.c52553d8b74542c19fe6.bundle.js"
+                                                        "/wp-content/plugins/vuefront/view/javascript/d_vuefront/0.a7969d8384a3fb38c7d1.bundle.js"
                                                       ],
                                                       "css": [
-                                                        "/wp-content/plugins/vuefront/view/javascript/d_vuefront/0.c52553d8b74542c19fe6.css"
+                                                        "/wp-content/plugins/vuefront/view/javascript/d_vuefront/0.a7969d8384a3fb38c7d1.css"
                                                       ]
                                                     },
                                                     "js": [
-                                                      "/wp-content/plugins/vuefront/view/javascript/d_vuefront/17.c52553d8b74542c19fe6.bundle.js"
+                                                      "/wp-content/plugins/vuefront/view/javascript/d_vuefront/17.a7969d8384a3fb38c7d1.bundle.js"
                                                     ],
                                                     "css": []
                                                   },
                                                   "js": [
-                                                    "/wp-content/plugins/vuefront/view/javascript/d_vuefront/2.c52553d8b74542c19fe6.bundle.js"
+                                                    "/wp-content/plugins/vuefront/view/javascript/d_vuefront/2.a7969d8384a3fb38c7d1.bundle.js"
                                                   ],
                                                   "css": []
                                                 },
                                                 "js": [
-                                                  "/wp-content/plugins/vuefront/view/javascript/d_vuefront/23.c52553d8b74542c19fe6.bundle.js"
+                                                  "/wp-content/plugins/vuefront/view/javascript/d_vuefront/23.a7969d8384a3fb38c7d1.bundle.js"
                                                 ],
                                                 "css": []
                                               },
                                               "js": [
-                                                "/wp-content/plugins/vuefront/view/javascript/d_vuefront/16.c52553d8b74542c19fe6.bundle.js"
+                                                "/wp-content/plugins/vuefront/view/javascript/d_vuefront/16.a7969d8384a3fb38c7d1.bundle.js"
                                               ],
                                               "css": []
                                             },
                                             "js": [
-                                              "/wp-content/plugins/vuefront/view/javascript/d_vuefront/25.c52553d8b74542c19fe6.bundle.js"
+                                              "/wp-content/plugins/vuefront/view/javascript/d_vuefront/25.a7969d8384a3fb38c7d1.bundle.js"
                                             ],
                                             "css": []
                                           },
                                           "js": [
-                                            "/wp-content/plugins/vuefront/view/javascript/d_vuefront/20.c52553d8b74542c19fe6.bundle.js"
+                                            "/wp-content/plugins/vuefront/view/javascript/d_vuefront/20.a7969d8384a3fb38c7d1.bundle.js"
                                           ],
                                           "css": []
                                         },
                                         "js": [
-                                          "/wp-content/plugins/vuefront/view/javascript/d_vuefront/14.c52553d8b74542c19fe6.bundle.js"
+                                          "/wp-content/plugins/vuefront/view/javascript/d_vuefront/14.a7969d8384a3fb38c7d1.bundle.js"
                                         ],
                                         "css": []
                                       },
                                       "js": [
-                                        "/wp-content/plugins/vuefront/view/javascript/d_vuefront/3.c52553d8b74542c19fe6.bundle.js"
+                                        "/wp-content/plugins/vuefront/view/javascript/d_vuefront/3.a7969d8384a3fb38c7d1.bundle.js"
                                       ],
                                       "css": []
                                     },
                                     "js": [
-                                      "/wp-content/plugins/vuefront/view/javascript/d_vuefront/6.c52553d8b74542c19fe6.bundle.js"
+                                      "/wp-content/plugins/vuefront/view/javascript/d_vuefront/6.a7969d8384a3fb38c7d1.bundle.js"
                                     ],
                                     "css": []
                                   },
                                   "js": [
-                                    "/wp-content/plugins/vuefront/view/javascript/d_vuefront/5.c52553d8b74542c19fe6.bundle.js"
+                                    "/wp-content/plugins/vuefront/view/javascript/d_vuefront/5.a7969d8384a3fb38c7d1.bundle.js"
                                   ],
                                   "css": []
                                 },
                                 "js": [
-                                  "/wp-content/plugins/vuefront/view/javascript/d_vuefront/24.c52553d8b74542c19fe6.bundle.js"
+                                  "/wp-content/plugins/vuefront/view/javascript/d_vuefront/24.a7969d8384a3fb38c7d1.bundle.js"
                                 ],
                                 "css": []
                               },
                               "js": [
-                                "/wp-content/plugins/vuefront/view/javascript/d_vuefront/13.c52553d8b74542c19fe6.bundle.js"
+                                "/wp-content/plugins/vuefront/view/javascript/d_vuefront/13.a7969d8384a3fb38c7d1.bundle.js"
                               ],
                               "css": []
                             },
                             "js": [
-                              "/wp-content/plugins/vuefront/view/javascript/d_vuefront/15.c52553d8b74542c19fe6.bundle.js"
+                              "/wp-content/plugins/vuefront/view/javascript/d_vuefront/15.a7969d8384a3fb38c7d1.bundle.js"
                             ],
                             "css": []
                           },
                           "js": [
-                            "/wp-content/plugins/vuefront/view/javascript/d_vuefront/11.c52553d8b74542c19fe6.bundle.js"
+                            "/wp-content/plugins/vuefront/view/javascript/d_vuefront/11.a7969d8384a3fb38c7d1.bundle.js"
                           ],
                           "css": []
                         },
                         "js": [
-                          "/wp-content/plugins/vuefront/view/javascript/d_vuefront/22.c52553d8b74542c19fe6.bundle.js"
+                          "/wp-content/plugins/vuefront/view/javascript/d_vuefront/22.a7969d8384a3fb38c7d1.bundle.js"
                         ],
                         "css": []
                       },
                       "js": [
-                        "/wp-content/plugins/vuefront/view/javascript/d_vuefront/19.c52553d8b74542c19fe6.bundle.js"
+                        "/wp-content/plugins/vuefront/view/javascript/d_vuefront/19.a7969d8384a3fb38c7d1.bundle.js"
                       ],
                       "css": []
                     },
                     "js": [
-                      "/wp-content/plugins/vuefront/view/javascript/d_vuefront/10.c52553d8b74542c19fe6.bundle.js"
+                      "/wp-content/plugins/vuefront/view/javascript/d_vuefront/10.a7969d8384a3fb38c7d1.bundle.js"
                     ],
                     "css": []
                   },
                   "js": [
-                    "/wp-content/plugins/vuefront/view/javascript/d_vuefront/18.c52553d8b74542c19fe6.bundle.js"
+                    "/wp-content/plugins/vuefront/view/javascript/d_vuefront/18.a7969d8384a3fb38c7d1.bundle.js"
                   ],
                   "css": []
                 },
                 "js": [
-                  "/wp-content/plugins/vuefront/view/javascript/d_vuefront/9.c52553d8b74542c19fe6.bundle.js"
+                  "/wp-content/plugins/vuefront/view/javascript/d_vuefront/9.a7969d8384a3fb38c7d1.bundle.js"
                 ],
                 "css": []
               },
               "js": [
-                "/wp-content/plugins/vuefront/view/javascript/d_vuefront/21.c52553d8b74542c19fe6.bundle.js"
+                "/wp-content/plugins/vuefront/view/javascript/d_vuefront/21.a7969d8384a3fb38c7d1.bundle.js"
               ],
               "css": []
             },
             "js": [
-              "/wp-content/plugins/vuefront/view/javascript/d_vuefront/7.c52553d8b74542c19fe6.bundle.js"
+              "/wp-content/plugins/vuefront/view/javascript/d_vuefront/7.a7969d8384a3fb38c7d1.bundle.js"
             ],
             "css": []
           },
           "js": [
-            "/wp-content/plugins/vuefront/view/javascript/d_vuefront/4.c52553d8b74542c19fe6.bundle.js"
+            "/wp-content/plugins/vuefront/view/javascript/d_vuefront/4.a7969d8384a3fb38c7d1.bundle.js"
           ],
           "css": []
         },
         "js": [
-          "/wp-content/plugins/vuefront/view/javascript/d_vuefront/8.c52553d8b74542c19fe6.bundle.js"
+          "/wp-content/plugins/vuefront/view/javascript/d_vuefront/8.a7969d8384a3fb38c7d1.bundle.js"
         ],
         "css": []
       },
       "js": [
-        "/wp-content/plugins/vuefront/view/javascript/d_vuefront/12.c52553d8b74542c19fe6.bundle.js"
+        "/wp-content/plugins/vuefront/view/javascript/d_vuefront/12.a7969d8384a3fb38c7d1.bundle.js"
       ],
       "css": []
     },
     "js": [
-      "/wp-content/plugins/vuefront/view/javascript/d_vuefront/c52553d8b74542c19fe6.bundle.js"
+      "/wp-content/plugins/vuefront/view/javascript/d_vuefront/a7969d8384a3fb38c7d1.bundle.js"
     ],
     "css": []
   }