button text

worbli · Nov 21, 2018 · e2f4b99 · e2f4b99
1 parent 712b72f
commit e2f4b99
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 5 deletions.
diff --git a/src/routes/dashboard/profile-route.js b/src/routes/dashboard/profile-route.js
@@ -835,7 +835,7 @@ class ProfileRoute extends PolymerElement {
           </div>
          
             <div class="footer">
-              <button type="button" on-click="_saveProfile">Save Application Form</button>
+              <button type="button" on-click="_saveProfile">[[btnText]]</button>
             </div>
         <!-- </template> -->
         </div>
@@ -867,6 +867,10 @@ class ProfileRoute extends PolymerElement {
       showIframe: {
         type: Boolean,
         value: false,
+      },
+      btnText:{
+        type: Text,
+        value: 'Save Application Form',
       }
     };
   }
@@ -938,6 +942,7 @@ class ProfileRoute extends PolymerElement {
   }
 
   _saveProfile(){
+    this.btnText = 'Saving..';
     let check = true
     const name_first = this.nameFirst;
     const name_middle = this.nameMiddle;
@@ -1042,7 +1047,8 @@ _save(data){
     if(response.data === true){
       const token = response.newjwt;
       localStorage.setItem("token", token);
-      this.set('route.path', '/dashboard/review/')
+      this.set('route.path', '/dashboard/review/');
+      this.btnText = 'Save Application Form';
     } else {
       console.log(error)
     }

diff --git a/src/routes/dashboard/review-route.js b/src/routes/dashboard/review-route.js
@@ -314,7 +314,7 @@ class ReviewRoute extends PolymerElement {
                 </div>
             </div>
             <div class="footer">
-              <button type="button" on-click="_submitApplication">Submit Application</button>
+              <button type="button" on-click="_submitApplication">[[btnText]]</button>
             </div>
 
         </div>
@@ -350,11 +350,16 @@ class ReviewRoute extends PolymerElement {
       route: {
         type: Object,
         observer: '_routeChanged'
+      },
+      btnText: {
+        type: Text,
+        value: 'Submit Application'
       }
     };
   }
 
   _submitApplication(){
+    this.btnText = "Submitting...";
     if(this.documentCount >= 2){
       const token = localStorage.getItem("token");
       const url = `${this.apiPath}/kyc/check/`;
@@ -368,6 +373,7 @@ class ReviewRoute extends PolymerElement {
           const token = response.token;
           localStorage.setItem("token", token);
           this.set('route.path', '/dashboard/status');
+          this.btnText = 'Submit Application'
         }
       })
     } else {
@@ -396,13 +402,15 @@ class ReviewRoute extends PolymerElement {
           this.nameFirst = response.profile.name_first || "";
           this.nameMiddle = response.profile.name_middle || "";
           this.nameLast = response.profile.name_last || "";
+
           this.addressNumber = response.profile.address_number || "";
           this.addressOne = response.profile.address_one || "";
           this.addressTwo = response.profile.address_two || "";
           this.addressCity = response.profile.address_city || "";
           this.addressRegion = response.profile.address_region || "";
           this.addressZip = response.profile.address_zip || "";
           this.addressCountry = response.profile.address_country || "";
+
           this.phoneCode = response.profile.phone_code || "";
           this.phoneMobile = response.profile.phone_mobile || "";
           this.dobYear = response.profile.date_birth_year || "";

diff --git a/src/routes/dashboard/status-route.js b/src/routes/dashboard/status-route.js
@@ -266,7 +266,7 @@ class StatusRoute extends PolymerElement {
           <div class="input-area">
             <div class="section-name">Document Report</div>
             <div class="form-inputs">
-              <p class="label">Verified</p>
+              <p class="label">Reviewing</p>
             </div>
           </div>
 
@@ -275,7 +275,7 @@ class StatusRoute extends PolymerElement {
           <div class="input-area">
             <div class="section-name">Facial Similarity Report</div>
                 <div class="form-inputs">
-                    <p class="label">Failed</p>
+                    <p class="label">Reviewing</p>
                 </div>
             </div>