Trying to find ways to get img in firebase storage to show in admin panel when viewing requests.

1 files changed, 10 insertions, 0 deletions

diff --git a/src/components/request-element.js b/src/components/request-element.js
index c2bfa34..935bf32 100644
--- a/src/components/request-element.js
+++ b/src/components/request-element.js
@@ -52,6 +52,7 @@ class RequestElement extends connect(store)(LitElement) {
               <p><em>Location:</em> ${'\t' + this.location   }</p>
               <p><em>Minutes: </em> ${'\t' + (this.time*60)  }</p>
               <p><em>Trainee: </em> ${'\t' +  this.trainee   }</p>
+              <p><em>Subject: </em> ${'\t' +  this.subject   }</p>
             </div>
         </div>
         <div hidden="${!props.infoTabOpen}" class="card-actions">
@@ -67,6 +68,11 @@ class RequestElement extends connect(store)(LitElement) {
           on-tap=   "${() => this.rejectHours()}">
             Reject Time
           </paper-button>
+          <iron-image 
+          style:"width:100%; height:auto;" 
+          preload
+          src="${props.imgPath}">
+          </iron-image>
         </div>
       </paper-card>
     `;
@@ -78,8 +84,10 @@ class RequestElement extends connect(store)(LitElement) {
     location: String,
     time:     Number,
     trainee:  String,
+    subject:  String,
     uid:      String,
     id:       String,
+    imgPath:  String,
 
     infoTabOpen:  Boolean
   }};
@@ -92,8 +100,10 @@ class RequestElement extends connect(store)(LitElement) {
     this.location = "Unknown location";
     this.time     = -1;
     this.trainee  = "Unknown trainee";
+    this.subject  = "Unknown subject";
     this.uid      = "Unknown uid";
     this.docId    = "Unknown docId";
+    this.imgPath   = "";
 
     this.infoTabOpen  = false;
   }