Finished registry of competitions showing for administrator logins.

1 files changed, 54 insertions, 10 deletions

diff --git a/src/components/mao-admin.js b/src/components/mao-admin.js
index 724c0c9..4d8b28e 100644
--- a/src/components/mao-admin.js
+++ b/src/components/mao-admin.js
@@ -37,6 +37,7 @@ import '@polymer/paper-button/paper-button.js';
 
 // Import custom elements
 import './request-element.js';
+import './registry-element.js';
 
 class MaoAdmin extends connect(store)(PageViewElement) {
   _render(props) {
@@ -52,10 +53,9 @@ class MaoAdmin extends connect(store)(PageViewElement) {
 
       paper-button {
         display:  block;
-        width:    50%;
       }
 
-      .requests-grid {
+      .main-grid {
         display:  grid;
         grid-gap: 10px;
 
@@ -64,7 +64,7 @@ class MaoAdmin extends connect(store)(PageViewElement) {
 
 
       @media (min-width: 460px) {
-        .requests-grid {
+        .main-grid {
           grid-template-columns: 1fr 1fr;
         }
       }
@@ -77,14 +77,27 @@ class MaoAdmin extends connect(store)(PageViewElement) {
 
       <h2 class="underline">Hello Admin!</h2>
 
-      <paper-button raised class="info" id="toggleRequestsBtn" on-tap="${() => this.toggleRequests()}">Show Hours Requests</paper-button>
+      <div class="main-grid">
+        <paper-button raised class="info" id="toggleRequestsBtn" on-tap="${() => this.toggleRequests()}">Show Hours Requests</paper-button>
+        <paper-button raised class="success" id="toggleRegistryBtn" on-tap="${() => this.toggleRegistry()}">Show Competitions And Registry</paper-button>
+      </div>
 
       <br/>
 
       <div hidden="${props.requestsHidden}">
-        <div id="requests-grid" class="requests-grid"></div>
+        <div id="requests-grid" class="main-grid"></div>
+      </div>
+
+      <div hidden="${props.registryHidden || props.requestsHidden}">
+        <br/>
+        <hr/>
+        <br/>
       </div>
-      
+
+      <div hidden="${props.registryHidden}">
+        <div id="registry-grid" class="main-grid"></div>
+      </div>
+
       </section>
     `;
   }
@@ -95,9 +108,10 @@ class MaoAdmin extends connect(store)(PageViewElement) {
     isAdmin:  Boolean,
 
     requests: Array,
-    compList: Array,
+    registry: Array,
 
-    requestsHidden: Boolean
+    requestsHidden: Boolean,
+    registryHidden: Boolean
   }}
 
   _stateChanged(state) {
@@ -105,10 +119,12 @@ class MaoAdmin extends connect(store)(PageViewElement) {
     this.isAdmin  = state.firebase.isAdmin;
 
     this.requests = state.firebase.requests;
-    this.compList = state.firebase.compList;
-    this.updateInformation();
+    this.registry = state.firebase.compList;
 
     this.requestsHidden = true;
+    this.registryHidden = true;
+
+    this.updateInformation();
   }
 
   toggleRequests() {
@@ -118,12 +134,27 @@ class MaoAdmin extends connect(store)(PageViewElement) {
       var btn = this.shadowRoot.getElementById('toggleRequestsBtn');
       if(this.requestsHidden) {
         btn.innerHTML = "Show Hours Requests";
+        this.updateInformation();
       } else {
         btn.innerHTML = "Hide Hours Requests";
       }
     }
   }
 
+  toggleRegistry() {
+    this.registryHidden = !this.registryHidden;
+
+    if(this.shadowRoot) {
+      var btn = this.shadowRoot.getElementById('toggleRegistryBtn');
+      if(this.registryHidden) {
+        btn.innerHTML = "Show Comps & Registry";
+        this.updateInformation();
+      } else {
+        btn.innerHTML = "Hide Comps & Registry";
+      }
+    }
+  }
+
   updateInformation() {
     if(this.shadowRoot) {
       //update requests
@@ -142,6 +173,19 @@ class MaoAdmin extends connect(store)(PageViewElement) {
 
         requestGrid.appendChild(requestElement);
       }
+
+      //update registry
+      var registryGrid        = this.shadowRoot.getElementById('registry-grid');
+      registryGrid.innerHTML  = "";
+
+      for(var i = 0; i<this.registry.length; i++) {
+        var registryElement   = document.createElement('registry-element');
+
+        registryElement.name    = this.registry[i].name;
+        registryElement.emails  = this.registry[i].emails;
+
+        registryGrid.appendChild(registryElement);
+      }
     }
   }