diff options
Diffstat (limited to 'src/components/registry-element.js')
-rw-r--r-- | src/components/registry-element.js | 14 |
1 files changed, 13 insertions, 1 deletions
diff --git a/src/components/registry-element.js b/src/components/registry-element.js index 03521ab..9be8c7f 100644 --- a/src/components/registry-element.js +++ b/src/components/registry-element.js @@ -44,6 +44,10 @@ class RegistryElement extends LitElement { color: #7baaf7; } + .stats { + color: red; + } + .other { color: #000000; } @@ -58,7 +62,7 @@ class RegistryElement extends LitElement { onmouseover ="${() => this.toggleTabOpen()}" onmouseout ="${() => this.toggleTabClosed()}"> <div class="card-content"> - <h3>${props.name}</h3> + <h3>${props.name.replace("_", " ")}</h3> <div class="info-tab" id="name-list" hidden="${!props.infoTabOpen}"> <h4 class="mus">Mus</h4> @@ -73,6 +77,10 @@ class RegistryElement extends LitElement { <ol class="thetas" id="name-list-theta"> </ol> + <h4 class="stats">Stats</h4> + <ol class="stats" id="name-list-stats"> + </ol> + <h4 class="other">Other</h4> <ol class="other" id="name-list-other"> @@ -114,11 +122,13 @@ class RegistryElement extends LitElement { var thetas = this.shadowRoot.getElementById('name-list-theta'); var alphas = this.shadowRoot.getElementById('name-list-alpha'); var mus = this.shadowRoot.getElementById('name-list-mu'); + var stats = this.shadowRoot.getElementById('name-list-stats'); var other = this.shadowRoot.getElementById('name-list-other'); thetas.innerHTML = ""; alphas.innerHTML = ""; mus .innerHTML = ""; + stats .innerHTML = ""; other .innerHTML = ""; for(var i=0; i<this.emails.length; i++) { @@ -130,6 +140,8 @@ class RegistryElement extends LitElement { alphas .appendChild(listElement) } else if (this.divisons[i].includes('Theta')) { thetas .appendChild(listElement) + } else if (this.divisons[i].includes('Stats')) { + stats .appendChild(listElement) } else { other .appendChild(listElement); } |