diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/mao-tutoring.js | 29 |
1 files changed, 7 insertions, 22 deletions
diff --git a/src/components/mao-tutoring.js b/src/components/mao-tutoring.js index 19d844a..85aac99 100644 --- a/src/components/mao-tutoring.js +++ b/src/components/mao-tutoring.js @@ -152,22 +152,7 @@ class MaoTutoring extends connect(store)(PageViewElement) { <div class="tutorCard" hidden="${props.signedIn}"> <h3>Need to see or document hours?</h3> - <paper-button - class="info" - raised - hidden="${props.loginFieldsOpened}" - on-tap="${() => this.toggleloginFields()}">Sign In</paper-button> - - <div hidden="${!props.loginFieldsOpened}"> - <paper-input label="username" id="emailField"> - </paper-input> - - <paper-input type="password" label="password" id="passwordField"> - </paper-input> - - <paper-button disabled="${props.signedIn}" raised on-tap="${() => this.logIn()}">Sign In</paper-button> - <paper-button disabled="${!props.signedIn}" raised on-tap="${() => store.dispatch(signOut())}">Sign Out</paper-button> - </div> + <p> Sign in on account page... </p> </div> <div hidden="${props.signedIn}" class="hoursCard"> @@ -270,8 +255,6 @@ class MaoTutoring extends connect(store)(PageViewElement) { authMessage: String, hours: Number, requestedHours: Number, - - loginFieldsOpened: Boolean, submitFieldsOpened: Boolean }} @@ -281,8 +264,11 @@ class MaoTutoring extends connect(store)(PageViewElement) { this.signedIn = state.firebase.initialized; this.authMessage = state.firebase.authMessage; - this.loginFieldsOpened = false; this.sumbitFieldsOpened = false; + + if(this.signedIn) { + this.toggleShowingCard(); + } } logIn() { @@ -293,10 +279,9 @@ class MaoTutoring extends connect(store)(PageViewElement) { store.dispatch(signIn(email,password)); } - toggleloginFields() { - this.loginFieldsOpened = !this.loginFieldsOpened; + toggleShowingCard() { - this.shadowRoot.getElementById('tutoring-grid').style = 'grid-template-areas: "title" "card1" "card2";'; + this.shadowRoot.getElementById('tutoring-grid').style = 'grid-template-areas: "title" "card2";'; } toggleSubmitFields() { |