Merge pull request #88 from Swetugg/show-speaker-links-on-speaker-pag…

…e-#29 add links on speaker page #29
Swetugg · Oct 19, 2024 · d413c27 · d413c27
2 parents ded789e + c4eca3f
commit d413c27
Show file tree

Hide file tree

Showing 3 changed files with 71 additions and 20 deletions.
diff --git a/DbModels/Speaker.cs b/DbModels/Speaker.cs
@@ -1,43 +1,45 @@
 using System;
 using System.Collections.Generic;
-
+
 namespace swetugg_public.DbModels;
 
 public partial class Speaker
 {
     public int Id { get; set; }
-
+
     public int ConferenceId { get; set; }
-
+
     public string Name { get; set; } = null!;
-
+
     public string? Company { get; set; }
-
+
     public string Slug { get; set; } = null!;
-
+
     public string? Bio { get; set; }
-
+
     public string? Web { get; set; }
-
+
     public string? Twitter { get; set; }
-
+
     public string? GitHub { get; set; }
-
+
+    public string? LinkedIn { get; set; }
+
     public bool Published { get; set; }
-
+
     public int Priority { get; set; }
-
+
     public Guid? SessionizeId { get; set; }
-
+
     public string FirstName { get; set; } = null!;
-
+
     public string? SessionizeImageUrl { get; set; }
-
+
     public virtual Conference Conference { get; set; } = null!;
-
+
     public virtual ICollection<SpeakerImage> SpeakerImages { get; } = new List<SpeakerImage>();
-
+
     public virtual ICollection<Session> Sessions { get; } = new List<Session>();
-
+
     public virtual ICollection<Tag> Tags { get; } = new List<Tag>();
 }
diff --git a/Pages/gbg-2024/Speakers.cshtml b/Pages/gbg-2024/Speakers.cshtml
@@ -13,7 +13,15 @@
     {
         speakerImageUrl = firstThumb.ImageUrl;
     }
+
     var tagClasses = speaker.Tags.Select(t => "tag-" + t.Slug).ToArray();
+    var socialLinks = new Dictionary<string, string>
+    {
+        { "Twitter", speaker.Twitter },
+        { "GitHub", speaker.GitHub },
+        { "LinkedIn", speaker.LinkedIn },
+        { "Website", speaker.Web }
+    };
 }
 
 <section id="info" class="content-section text-center speaker">
@@ -30,9 +38,26 @@
                     </div>
                     <h1 style="margin-top: 20px;">@speaker.Name</h1>
                     <h2>@speaker.Company</h2>
+                    <div class="social-links speakerLinkGroup">
+                        @foreach (var link in socialLinks)
+                        {
+                        if (!string.IsNullOrEmpty(link.Value))
+                        {
+                        <a href="@link.Value" target="_blank" class="social-link">@link.Key</a>
+                        }
+                        }
+                    </div>
+                    <style>
+                        .social-link {
+                            margin-right: 10px;
+                        }
+                        .social-link:not(:last-child)::after {
+                            content: '|';
+                            margin-left: 10px;
+                        }
+                    </style>
                 </div>
             </div>
-
         </div>
     </div>
 </section>

diff --git a/Pages/sthlm-2025/Speakers.cshtml b/Pages/sthlm-2025/Speakers.cshtml
@@ -14,6 +14,13 @@
         speakerImageUrl = firstThumb.ImageUrl;
     }
     var tagClasses = speaker.Tags.Select(t => "tag-" + t.Slug).ToArray();
+    var socialLinks = new Dictionary<string, string>
+    {
+        { "Twitter", speaker.Twitter },
+        { "GitHub", speaker.GitHub },
+        { "LinkedIn", speaker.LinkedIn },
+        { "Website", speaker.Web }
+    };
 }
 
 <section id="info" class="content-section text-center speaker">
@@ -30,9 +37,26 @@
                     </div>
                     <h1 style="margin-top: 20px;">@speaker.Name</h1>
                     <h2>@speaker.Company</h2>
+                    <div class="social-links speakerLinkGroup">
+                        @foreach (var link in socialLinks)
+                        {
+                        if (!string.IsNullOrEmpty(link.Value))
+                        {
+                        <a href="@link.Value" target="_blank" class="social-link">@link.Key</a>
+                        }
+                        }
+                    </div>
+                    <style>
+                        .social-link {
+                            margin-right: 10px;
+                        }
+                        .social-link:not(:last-child)::after {
+                            content: '|';
+                            margin-left: 10px;
+                        }
+                    </style>
                 </div>
             </div>
-
         </div>
     </div>
 </section>