diff options
Diffstat (limited to 'src/components/competition-element.js')
-rw-r--r-- | src/components/competition-element.js | 33 |
1 files changed, 15 insertions, 18 deletions
diff --git a/src/components/competition-element.js b/src/components/competition-element.js index 915de13..45655c8 100644 --- a/src/components/competition-element.js +++ b/src/components/competition-element.js @@ -22,14 +22,13 @@ class CompetitionElement extends LitElement { ${ButtonSharedStyles} <style> - paper-card { --paper-card-background-color: #f7f7f7; width: 100%; text-align: center; } - </style> + <paper-card onmouseover ="${() => this.toggleTab()}" onmouseout ="${() => this.toggleTab()}"> @@ -43,9 +42,9 @@ class CompetitionElement extends LitElement { class="info" hidden="${props.isRegistered}" raised - disabled= "${!props.initialized}" + disabled= "${!props.signedIn}" on-tap= "${() => this.registerComp()}"> - ${props.initialized? "Register" : "Sign In"} + ${props.signedIn? "Register" : "Sign In"} </paper-button> <paper-button class="success" @@ -59,23 +58,23 @@ class CompetitionElement extends LitElement { } static get properties() { return { - name: String, - information: String, - location: String, - infoTabOpen: Boolean, - initialized: Boolean, - isRegistered: Boolean + name: String, + information: String, + location: String, + infoTabOpen: Boolean, + signedIn: Boolean, + isRegistered: Boolean }}; constructor() { super(); - this.name = "Competition"; - this.information = "Competition Information"; - this.location = "Competition Location"; - this.infoTabOpen = false; - this.initialized = false; - this.isRegistered = false; + this.name = "Competition"; + this.information = "Competition Information"; + this.location = "Competition Location"; + this.infoTabOpen = false; + this.signedIn = false; + this.isRegistered = false; } toggleTab() { @@ -86,10 +85,8 @@ class CompetitionElement extends LitElement { if(confirm('Are you sure you want to register for ' + this.name + '?')) { this.dispatchEvent(new CustomEvent('register-comp')); } - } - } window.customElements.define('competition-element', CompetitionElement); |