From f9e0b61b8fda71788af82de441a9355d456ce817 Mon Sep 17 00:00:00 2001
From: Julian Raufelder <Julian@Raufelder.com>
Date: Mon, 15 Jun 2026 11:09:30 +0200
Subject: [PATCH] Add Speaker to Webinar

---
 assets/js/webinar.js        |  3 +++
 i18n/de.yaml                |  2 ++
 i18n/en.yaml                |  2 ++
 layouts/webinar/single.html | 11 ++++++++++-
 4 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/assets/js/webinar.js b/assets/js/webinar.js
index ee1ec6b20..0b0b2393d 100644
--- a/assets/js/webinar.js
+++ b/assets/js/webinar.js
@@ -9,6 +9,9 @@ class Webinar {
       data.language = languageNames[d.language];
       data.dateStart = d.dateStart.replace(' ', 'T') + 'Z';
       data.lead = d.metadata.lead[lang];
+      data.speakerName = d.speaker.name;
+      data.speakerTitle = d.speaker.title;
+      data.speakerImage = d.speaker.avatarUrl;
       data.learnTitle = d.metadata.learn.title[lang];
       data.learnItems = (d.metadata.learn.items).map(i => i[lang]);
     }).fail(xhr => {
diff --git a/i18n/de.yaml b/i18n/de.yaml
index 11ade0766..5a1c9ca17 100644
--- a/i18n/de.yaml
+++ b/i18n/de.yaml
@@ -1361,6 +1361,8 @@
   translation: "Uhrzeit"
 - id: webinar_language_label
   translation: "Sprache"
+- id: webinar_speaker_label
+  translation: "Speaker"
 - id: webinar_language_en
   translation: "Englisch"
 - id: webinar_language_de
diff --git a/i18n/en.yaml b/i18n/en.yaml
index 7dd8b483d..b8955a1d3 100644
--- a/i18n/en.yaml
+++ b/i18n/en.yaml
@@ -1400,6 +1400,8 @@
   translation: "Time"
 - id: webinar_language_label
   translation: "Language"
+- id: webinar_speaker_label
+  translation: "Speaker"
 - id: webinar_language_en
   translation: "English"
 - id: webinar_language_de
diff --git a/layouts/webinar/single.html b/layouts/webinar/single.html
index 75f519b28..82753b7c6 100644
--- a/layouts/webinar/single.html
+++ b/layouts/webinar/single.html
@@ -3,7 +3,7 @@
 {{ end }}
 {{ define "main" }}
   {{- $lang := .Site.Language.Lang }}
-  <div x-data="{feedbackData: {success: false, inProgress: false, errorMessage: ''}, submitData: {webinarId: '{{ .Site.Params.webinar.webinarId }}', firstName: '', lastName: '', email: '', company: '', captcha: null, acceptNewsletter: false}, webinar: {status: null, name: '', language: '', dateStart: null, lead: '', learnTitle: '', learnItems: []}, acceptTerms: false, apiForm: null, captchaState: null}" x-init="apiForm = new ApiForm($refs.form, feedbackData, submitData, API_BASE_URL + '/connect/contact/register-webinar'); new Webinar(submitData.webinarId, '{{ $lang }}', {en: '{{ i18n "webinar_language_en" }}', de: '{{ i18n "webinar_language_de" }}'}, webinar)">
+  <div x-data="{feedbackData: {success: false, inProgress: false, errorMessage: ''}, submitData: {webinarId: '{{ .Site.Params.webinar.webinarId }}', firstName: '', lastName: '', email: '', company: '', captcha: null, acceptNewsletter: false}, webinar: {status: null, name: '', language: '', dateStart: null, lead: '', speakerName: '', speakerTitle: '', speakerImage: '', learnTitle: '', learnItems: []}, acceptTerms: false, apiForm: null, captchaState: null}" x-init="apiForm = new ApiForm($refs.form, feedbackData, submitData, API_BASE_URL + '/connect/contact/register-webinar'); new Webinar(submitData.webinarId, '{{ $lang }}', {en: '{{ i18n "webinar_language_en" }}', de: '{{ i18n "webinar_language_de" }}'}, webinar)">
     <!-- Webinar Planned: Registration -->
     <section x-show="webinar.status === 'Planned'" class="container py-12" x-cloak>
       <header class="mb-6">
@@ -115,6 +115,15 @@ <h3 class="font-h3 mb-6">{{ i18n "webinar_details_title" }}</h3>
                         <p class="font-medium text-gray-900" x-show="webinar.language" x-text="webinar.language" x-cloak></p>
                       </div>
                     </li>
+
+                    <li class="flex items-start" x-show="webinar.speakerName && webinar.speakerImage" x-cloak>
+                      <img class="flex-shrink-0 w-10 h-10 rounded-full object-cover mr-4" :src="webinar.speakerImage" :alt="webinar.speakerName">
+                      <div>
+                        <div class="text-xs uppercase tracking-wide text-gray-500 mb-0.5">{{ i18n "webinar_speaker_label" }}</div>
+                        <p class="font-medium text-gray-900" x-text="webinar.speakerName"></p>
+                        <p class="text-sm text-gray-500" x-show="webinar.speakerTitle" x-text="webinar.speakerTitle"></p>
+                      </div>
+                    </li>
                   </ul>
                 </div>