diff options
Diffstat (limited to 'src/components/competition-element.js')
| -rw-r--r-- | src/components/competition-element.js | 39 |
1 files changed, 25 insertions, 14 deletions
diff --git a/src/components/competition-element.js b/src/components/competition-element.js index b3a34f5..c8c8c09 100644 --- a/src/components/competition-element.js +++ b/src/components/competition-element.js @@ -38,20 +38,29 @@ class CompetitionElement extends LitElement { <p hidden="${!props.infoTabOpen}"> ${props.information}</p> </div> <div hidden="${!props.infoTabOpen || !props.signedIn}" class="card-actions"> - <paper-button - class="info" - hidden="${props.isRegistered}" - raised - disabled= "${!props.signedIn}" - on-tap= "${() => this.registerComp()}"> - ${props.signedIn? "Register" : "Sign In"} - </paper-button> + <div hidden="${props.closed}"> + <paper-button + class="info" + hidden="${props.isRegistered}" + raised + disabled= "${!props.signedIn}" + on-tap= "${() => this.registerComp()}"> + ${props.signedIn? "Register" : "Sign In"} + </paper-button> - <paper-button class="success" - disabled - hidden="${!props.isRegistered}"> - Already Registered - </paper-button> + <paper-button class="success" + disabled + hidden="${!props.isRegistered}"> + Already Registered + </paper-button> + </div> + + <div hidden="${!props.closed}"> + <paper-button + disabled> + Registration Closed + </paper-button> + </div> </div> </paper-card> `; @@ -64,7 +73,8 @@ class CompetitionElement extends LitElement { location: String, infoTabOpen: Boolean, signedIn: Boolean, - isRegistered: Boolean + isRegistered: Boolean, + closed: Boolean }}; constructor() { @@ -77,6 +87,7 @@ class CompetitionElement extends LitElement { this.infoTabOpen = false; this.signedIn = false; this.isRegistered = false; + this.closed = false; } toggleTab() { |