add new live course

Author: hmillersarah

ims-education.html

@@ -461,26 +461,28 @@
 				 <p>For more information about the live class format, see the upcoming events on the <a href="https://community.ibm.com/community/user/ibmz-and-linuxone/groups/public?CommunityKey=eba3ada3-db89-4dca-9154-328195f5e560" target="_blank" rel="noopener noreferrer">IMS community page.</a></p>
 
 				<!-- IMS Fundamentals, April Session -->
-				<!-- <course-card
+				<course-card
 					id="ims-fundamentals-april-2025"
-					name="IMS Fundamentals"
-					session="April 2025 session"
-					desc="Learn about the main components of IBM IMS: IMS Database Manager (IMS DB), 
-						IMS Transaction Manager (IMS TM), and common system services for IMS DB and 
-						IMS TM. Learn how these components work and interact with applications, how 
-						IMS databases differ from each other and differ from relational databases 
-						message types, security, maintenance, troubleshooting, and more."
+					name="IMS Database Recovery Control (DBRC)"
+					session="June 2025 session"
+					desc="This live course runs for 9 sessions, 4 hours each day. It describes the benefits of DBRC and the 
+						activities required to configure, implement, and manage Database Recovery Control (DBRC). DBRC is an 
+						IMS facility that provides database recovery and facilitates database sharing, between IMS systems in 
+						all IMS environments, but this class is most applicable for Database/Transaction Management (DB/TM), 
+						Database Control (DBCTL), and batch IMS systems. This is an intermediate to advanced IMS class that is 
+						intended for IMS DBAs and system programmers."
 					imgsrc="wp-content/icons/icon_education.svg"
 					selfpaced="false"
-					level="Beginner"
+					level="Intermediate"
 					cost="None"
-					badge="Yes"
-					time="32 hours"
-					start="Apr 22, 2025 08:00 AM (CT)"
-					end="Apr 30, 2025 01:00 PM (CT)"
-					link="https://www.ibm.com/it-infrastructure/us-en/resources/campaignmail/z/ims/eventsignup.html"
+					time="36 hours"
+					start="Jun 9"
+					end="Jun 19"
+					hours="8:00 AM CDT (13:00 UTC) - 1:00 PM CDT (18:00 UTC)"
+					registerlink="https://www.ibm.com/it-infrastructure/us-en/resources/campaignmail/z/ims/eventsignup.html"
+					link="http://public.dhe.ibm.com/software/data/sw-library/ims/usergroups/IMS_Events_List.pdf"
 				>
-				</course-card> -->
+				</course-card>
 			</section>
 
 			<!-- =========================== FAQ =========================== -->

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

@@ -18,11 +18,13 @@ <h3 class="live-session"></h3>
                     <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>
+                    <p class="course-hours-g"><b>Hours: </b><span class="course-hours"></span></p>
                 </div>
             </div>
         </div>
         <div class="link-g">
             <a class="course-link" target="_blank" rel="noopener noreferrer"></a>
+            <a class="register-link" target="_blank" rel="noopener noreferrer"></a>
         </div>
     </div>
 </div>

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

@@ -63,7 +63,7 @@ function createComponent(html) {
          * @returns {Array} An array of property names.
         */
         static get observedAttributes() {
-            return ['name', 'session', 'desc', 'imgsrc', 'selfpaced', 'level', 'cost', 'badge', 'time', 'start', 'end', 'link'];
+            return ['name', 'session', 'desc', 'imgsrc', 'selfpaced', 'level', 'cost', 'badge', 'time', 'start', 'end', 'hours', 'link'];
         }
 
         /**
@@ -107,28 +107,30 @@ function createComponent(html) {
             setContent('.course-cost', this.cost, shadow);
             // Set course badge
             setContent('.course-badge', this.badge, shadow);
+            // Set course time
+            setContent('.course-time', this.time, shadow);
+            // Set course link
+            setLink('.course-link', this.link, this.name, 'Learn more →', shadow);
 
             var linkText;
             // Change card content based on self-paced vs live course
             if (this.selfpaced == 'true') {
-                // Set course time
-                setContent('.course-time', this.time, shadow);
                 // Hide course duration
                 hideContent('.course-start-g', shadow);
                 hideContent('.course-end-g', shadow);
-                // Update link text
-                linkText = 'Learn more →'
+                // Hide course hours
+                hideContent('.course-hours-g', shadow);
             } else {
                 // Set course duration
                 setContent('.course-start', this.start, shadow);
                 setContent('.course-end', this.end, shadow);
-                // Hide course time
-                hideContent('.course-time-g', shadow);
-                // Update link text
+                // Set course hours
+                setContent('.course-hours', this.hours, shadow);
+                // Set register link
                 linkText = 'Register →'
+                setLink('.register-link', this.registerlink, this.name, 'Register →', shadow);
+
             }
-            // Set course link
-            setLink('.course-link', this.link, this.name, linkText, shadow);
         }
     }