aboutsummaryrefslogtreecommitdiff
path: root/src/components/registry-element.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/registry-element.js')
-rw-r--r--src/components/registry-element.js14
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);
}