update register link and badge

Author: hmillersarah

ims-education.html

@@ -474,7 +474,7 @@
 					imgsrc="wp-content/icons/icon_education.svg"
 					selfpaced="false"
 					level="Intermediate"
-					cost="None"
+					badge="n/a"
 					time="36 hours"
 					start="Jun 9"
 					end="Jun 19"

web-components/course-card/course-card.css

@@ -19,6 +19,7 @@ p {
 a {
     text-decoration: none;
     color: #0f62fe;
+    font-size: 1.125em;
 }
 
 img {

web-components/course-card/course-card.html

@@ -14,7 +14,8 @@ <h3 class="live-session"></h3>
                     <p><b><span class="course-type"></span></b> Yes</p>
                     <p><b>Level: </b><span class="course-level"></span></p>
                     <p><b>Cost: </b><span class="course-cost"></span></p>
-                    <p><b>Badge: </b><span class="course-badge"></span></p>
+                    <!-- <p><b>Badge: </b><span class="course-badge"></span></p> -->
+                    <p class="course-badge-g"><b>Badge: </b><span class="course-badge"></span></p>
                     <p class="course-time-g"><b>Time: </b><span class="course-time"></span></p>
                     <p class="course-start-g"><b>Starts: </b><span class="course-start"></span></p>
                     <p class="course-end-g"><b>Ends: </b><span class="course-end"></span></p>

web-components/course-card/course-card.js

@@ -76,14 +76,16 @@ function createComponent(html) {
         constructor() {
             super();
             this.selfpaced = 'true';
+            this.cost = 'None';
+            this.badge = 'Yes';
         }
 
         /**
          * Returns an array of properties to observe.
          * @returns {Array} An array of property names.
         */
         static get observedAttributes() {
-            return ['name', 'session', 'desc', 'imgsrc', 'selfpaced', 'level', 'cost', 'badge', 'time', 'start', 'end', 'hours', 'link'];
+            return ['name', 'session', 'desc', 'imgsrc', 'selfpaced', 'level', 'cost', 'badge', 'time', 'start', 'end', 'hours', 'link', 'registerlink'];
         }
 
         /**
@@ -112,6 +114,10 @@ function createComponent(html) {
                 courseCard.style.alignItems = 'flex-start';
             }
 
+            if (this.name == 'IMS Database Recovery Control (DBRC)') {
+                console.log(this.badge);
+            }
+
             // Set course name
             setContent('.course-name', this.name, shadow);
             // Set session for live course
@@ -126,7 +132,11 @@ function createComponent(html) {
             // Set course cost
             setContent('.course-cost', this.cost, shadow);
             // Set course badge
-            setContent('.course-badge', this.badge, shadow);
+            if (this.badge != 'n/a') {
+                setContent('.course-badge', this.badge, shadow);
+            } else {
+                hideContent('.course-badge-g', shadow);
+            };
             // Set course time
             setContent('.course-time', this.time, shadow);
             // Set course link