Working on displaying the requests with custom element request-grid.

1 files changed, 24 insertions, 26 deletions

diff --git a/src/components/mao-admin.js b/src/components/mao-admin.js
index 3bcc4c9..c63f952 100644
--- a/src/components/mao-admin.js
+++ b/src/components/mao-admin.js
@@ -16,7 +16,7 @@ import { connect } from 'pwa-helpers/connect-mixin.js';
 import { store } from '../store.js';
 
 //These are the actions needed by this element.
-import {} from '../actions/firebase.js';
+import { approveHours } from '../actions/firebase.js';
 
 // We are lazy loading its reducer.
 import firebase from '../reducers/firebase.js';
@@ -35,6 +35,9 @@ import '@polymer/paper-card/paper-card.js';
 import '@polymer/paper-slider/paper-slider.js';
 import '@polymer/paper-button/paper-button.js';
 
+// Import custom elements
+import './request-element.js';
+
 class MaoAdmin extends connect(store)(PageViewElement) {
   _render(props) {
     return html`
@@ -121,35 +124,30 @@ class MaoAdmin extends connect(store)(PageViewElement) {
 
   updateInformation() {
     if(this.shadowRoot) {
-      /*
-      var requestsGrid       = this.shadowRoot.getElementById('requests-grid');
-      postsGrid.innerHTML = "";
-
-      for(var i = 0; i < this.requests.length; i++) {
-        var paperCard     = document.createElement('paper-card');
-        var cardContent   = document.createElement('div');
-        var fourmAuthor   = document.createElement('h4');
-        var fourmSubject  = document.createElement('h3');
-        var fourmContent  = document.createElement('p');
-
-        fourmAuthor.innerHTML   = this.fourmPosts[i].email  .replace('@communityschoolnaples.org', '');
-        fourmSubject.innerHTML  = this.fourmPosts[i].subject;
-        fourmContent.innerHTML  = this.fourmPosts[i].content;
-
-        cardContent.classList.add('card-content');
-        cardContent.appendChild(  fourmAuthor);
-        cardContent.appendChild(  fourmSubject);
-        cardContent.appendChild(  fourmContent);
-
-        paperCard.elevation     = 0;
-        paperCard.appendChild(  cardContent);
-
-        postsGrid.appendChild(paperCard);
-        */
+      //update requests
+      var requestGrid       = this.shadowRoot.getElementById('request-grid');
+      requestGrid.innerHTML = "";
+
+      for(var i = 0; i<this.requests.length; i++) {
+        var requestElement  = document.createElement('request-element');
+
+        requestElement.email    = this.requests[i].email
+                                .replace('@communityschoolnaples.org', '');
+        requestElement.time     = this.requests[i].time;
+        requestElement.trainee  = this.requests[i].trainee;
+        requestElement.uid      = this.requests[i].uid;
+
+        requestElement.on-approve-hours = "${() => this.approveHours()}"
+
+        requestGrid.appendChild(requestElement);
       }
     }
   }
 
+  approveHours() {
+    alert("Approve hours")
+  }
+
 
 }