Created basic way to pass through dates unto test elements.

1 files changed, 11 insertions, 1 deletions

diff --git a/src/components/test-element.js b/src/components/test-element.js
index e2ccdf9..bbe1499 100644
--- a/src/components/test-element.js
+++ b/src/components/test-element.js
@@ -34,6 +34,14 @@ class TestElement extends LitElement {
       elevation = "0">
         <div class="card-content">
             <p>${props.information}</p>
+            <ol>
+              <li hidden="${!props.dates[0]}">${props.dates[0]}</li>
+              <li hidden="${!props.dates[1]}">${props.dates[1]}</li>
+              <li hidden="${!props.dates[2]}">${props.dates[2]}</li>
+              <li hidden="${!props.dates[3]}">${props.dates[3]}</li>
+              <li hidden="${!props.dates[4]}">${props.dates[4]}</li>
+              <li hidden="${!props.dates[5]}">${props.dates[5]}</li>  
+            </ol>
         </div>
         <div class="card-actions" hidden="${!props.signedIn}">
           <paper-button
@@ -58,6 +66,7 @@ class TestElement extends LitElement {
   static get properties() { return {
     name:         String,
     information:  String,
+    dates:        Array,
     image:        String,
     signedIn:     Boolean,
     isRegistered: Boolean
@@ -68,8 +77,9 @@ class TestElement extends LitElement {
 
     this.name           =   "Competition";
     this.information    =   "Competition Information";
+    this.dates          =   ["Date 0", "Date 1", "Date 2", "Date 3", "Date 4", "Date 5"];
     this.image          =   "Image Path";
-    this.signedIn    =   false;
+    this.signedIn       =   false;
     this.isRegistered   =   false;
   }