feat(behavior): expose inProgress property

Before this commit there was no way to know if the elements were
entered or not into a signing-in/up process. Now, the elements expose a
property "in-progress" that is turned to True when the api is waiting
for Firebase reponse.

closes #163

Author: masonlouchart

login-fire-button.html

@@ -138,11 +138,11 @@
       }
     </style>
 
-    <paper-button class$="btn btn--[[provider]] [[_miniClass]] [[_signOutClass]]" raised$="[[!flat]]" disabled$="[[_inProgress]]">
+    <paper-button class$="btn btn--[[provider]] [[_miniClass]] [[_signOutClass]]" raised$="[[!flat]]" disabled$="[[inProgress]]">
       <iron-icon class="btn__icon" icon="login-fire-icons:[[provider]]" hidden$="[[_hideIcon]]"></iron-icon>
       <iron-icon class="btn__icon" icon="login-fire-icons:logout" hidden$="[[!_hideIcon]]"></iron-icon>
       <span class="btn__text">[[_text]]</span>
-      <paper-progress class="btn-progress" hidden$="[[!_inProgress]]" disabled$="[[!_inProgress]]" indeterminate></paper-progress>
+      <paper-progress class="btn-progress" hidden$="[[!inProgress]]" disabled$="[[!inProgress]]" indeterminate></paper-progress>
     </paper-button>
 
     <firebase-auth id="auth"

login-fire-common-behavior.html

@@ -299,9 +299,11 @@
        * @type {Boolean}
        * @default false
        */
-      _inProgress: {
+      inProgress: {
         type: Boolean,
-        value: false
+        value: false,
+        readOnly: true,
+        notify: true
       }
     },
 
@@ -327,7 +329,7 @@
      */
     signOut: function() {
       // Skip processing of this method when we already have started a sign or signout process
-      if (this._inProgress) {
+      if (this.inProgress) {
         if (this.debug) {
           console.debug('Ignored signOut when already in progress');
         }
@@ -339,8 +341,8 @@
       }
 
       if (!this.noSignOut && this.signedIn) {
-        // Set _inProgress flag to true when a signout is started
-        this._inProgress = true;
+        // Set inProgress flag to true when a signout is started
+        this._setInProgress(true);
         this.$.auth.signOut().then(this._fireEvent.bind(this));
       }
     },
@@ -381,8 +383,8 @@
         console.debug(error);
       }
       this.fire('error', error);
-      // When an error event was fired, we have to set the _inProgress flag back to false
-      this._inProgress = false;
+      // When an error event was fired, we have to set the inProgress flag back to false
+      this._setInProgress(false);
     },
 
     /**
@@ -414,8 +416,8 @@
           console.debug('User signed out from', this.config.provider.name);
         }
       }
-      // When signin or signout event was fired, we have to set the _inProgress flag back to false
-      this._inProgress = false;
+      // When signin or signout event was fired, we have to set the inProgress flag back to false
+      this._setInProgress(false);
     },
 
     /**

login-fire-form-behavior.html

@@ -64,7 +64,7 @@
      * @param  {String} password
      */
     signIn: function(email, password) {
-      this._inProgress = true;
+      this._setInProgress(true);
       this.$.auth
         .signInWithEmailAndPassword(email, password)
         .then(this._fireEvent.bind(this))
@@ -97,7 +97,7 @@
      */
     signUp: function(email, password) {
       if (this.provider === 'email' && !this.noSignUp) {
-        this._inProgress = true;
+        this._setInProgress(true);
         this.$.auth
           .createUserWithEmailAndPassword(email, password)
           .then(this._fireEvent.bind(this))

login-fire-form.html

@@ -200,9 +200,9 @@
           hidden$="[[!reenterPassword]]"
           required>
         </paper-input>
-        <paper-button raised$="[[!flat]]" type="submit" on-click="_signUp" class="btn--signup" disabled$="[[_inProgress]]">
+        <paper-button raised$="[[!flat]]" type="submit" on-click="_signUp" class="btn--signup" disabled$="[[inProgress]]">
           <span>[[localize('lf-signup-button')]]</span>
-          <paper-progress class="btn-progress" hidden$="[[!_inProgress]]" disabled$="[[!_inProgress]]" indeterminate></paper-progress>
+          <paper-progress class="btn-progress" hidden$="[[!inProgress]]" disabled$="[[!inProgress]]" indeterminate></paper-progress>
         </paper-button>
         <p class="signup-toggle">
           <span>[[localize('lf-already-have-account')]]</span>
@@ -218,9 +218,9 @@
             on-click="toggleShowResetPW" tabindex="0" noink>
             [[localize('lf-resetpw-link')]]</paper-button>
         </p>
-        <paper-button raised$="[[!flat]]" type="submit" on-click="_signIn" class="btn--signin" disabled$="[[_inProgress]]">
+        <paper-button raised$="[[!flat]]" type="submit" on-click="_signIn" class="btn--signin" disabled$="[[inProgress]]">
           <span>[[localize('lf-signin-button')]]</span>
-          <paper-progress class="btn-progress" hidden$="[[!_inProgress]]" disabled$="[[!_inProgress]]" indeterminate></paper-progress>
+          <paper-progress class="btn-progress" hidden$="[[!inProgress]]" disabled$="[[!inProgress]]" indeterminate></paper-progress>
         </paper-button>
         <template is="dom-if" if="[[!noSignUp]]">
           <p class="signup-toggle">
@@ -234,9 +234,9 @@
     </template>
 
     <template is="dom-if" if="[[showResetPW]]">
-      <paper-button raised$="[[!flat]]" type="submit" on-click="_resetPassword" class="btn--resetpw" disabled$="[[_inProgress]]">
+      <paper-button raised$="[[!flat]]" type="submit" on-click="_resetPassword" class="btn--resetpw" disabled$="[[inProgress]]">
         <span>[[localize('lf-resetpw-button')]]</span>
-        <paper-progress class="btn-progress" hidden$="[[!_inProgress]]" disabled$="[[!_inProgress]]" indeterminate></paper-progress>
+        <paper-progress class="btn-progress" hidden$="[[!inProgress]]" disabled$="[[!inProgress]]" indeterminate></paper-progress>
       </paper-button>
       <p>
         <paper-button class="link--reset-pw" on-click="toggleShowResetPW"
@@ -452,16 +452,16 @@
       this._cleanMessages();
       e = this.$$('#emailInput').validate()
       if (e) {
-        this._inProgress = true;
+        this._setInProgress(true);
         this.$$('#auth').auth.sendPasswordResetEmail(this.email)
           .then(function() {
             this.set('_lastMessage', this.localize('lf-resetpw-success-message'));
           }.bind(this), function(error) {
             this.set('_lastError', error.message);
           }.bind(this))
           .finally(function(){
-            /* Set _inProgress back to false once everything is done */
-            this._inProgress = false;
+            /* Set inProgress back to false once everything is done */
+            this._setInProgress(false);
           }.bind(this));
       }
     },

login-fire-social-behavior.html

@@ -53,15 +53,15 @@
      */
     signIn: function() {
       // Skip processing of this method when we already have started a sign or signout process
-      if (this._inProgress) {
+      if (this.inProgress) {
         if (this.debug) {
           console.log('Ignored signIn when already in progress');
         }
         return;
       }
       if (!this.noSignIn) {
-        // Set _inProgress flag to true when a signin is started
-        this._inProgress = true;
+        // Set inProgress flag to true when a signin is started
+        this._setInProgress(true);
         if (this.debug) {
           console.log('Signing in...');
         }