From 1c16889f624b16bec2266f2f7565a16ac3e8d65d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Halil=20=C4=B0brahim=20Kalkan?= <hi_kalkan@yahoo.com>
Date: Sun, 24 Jan 2021 22:16:23 +0300
Subject: [PATCH] Add styling for the attendees area

---
 .../AttendeesAreaViewComponent.cs             |  3 +-
 .../Components/AttendeesArea/Default.cshtml   | 29 +++++++++++++++----
 .../AttendeesArea/attendees-area.css          | 10 +++++++
 3 files changed, 36 insertions(+), 6 deletions(-)
 create mode 100644 eventhub/src/EventHub.Web/Pages/Events/Components/AttendeesArea/attendees-area.css

diff --git a/eventhub/src/EventHub.Web/Pages/Events/Components/AttendeesArea/AttendeesAreaViewComponent.cs b/eventhub/src/EventHub.Web/Pages/Events/Components/AttendeesArea/AttendeesAreaViewComponent.cs
index f7f7ad8..c3df2f6 100644
--- a/eventhub/src/EventHub.Web/Pages/Events/Components/AttendeesArea/AttendeesAreaViewComponent.cs
+++ b/eventhub/src/EventHub.Web/Pages/Events/Components/AttendeesArea/AttendeesAreaViewComponent.cs
@@ -9,7 +9,8 @@ namespace EventHub.Web.Pages.Events.Components.AttendeesArea
 {
     [Widget(
         AutoInitialize = true,
-        RefreshUrl = "/Widgets/EventAttendeesArea"
+        RefreshUrl = "/Widgets/EventAttendeesArea",
+        StyleFiles = new[] {"/Pages/Events/Components/AttendeesArea/attendees-area.css"}
     )]
     public class AttendeesAreaViewComponent : AbpViewComponent
     {
diff --git a/eventhub/src/EventHub.Web/Pages/Events/Components/AttendeesArea/Default.cshtml b/eventhub/src/EventHub.Web/Pages/Events/Components/AttendeesArea/Default.cshtml
index 393aaa2..d18468e 100644
--- a/eventhub/src/EventHub.Web/Pages/Events/Components/AttendeesArea/Default.cshtml
+++ b/eventhub/src/EventHub.Web/Pages/Events/Components/AttendeesArea/Default.cshtml
@@ -1,13 +1,15 @@
-@using EventHub.Events.Registrations
+@using System.Text
+@using System.Threading.Channels
+@using EventHub.Events.Registrations
 @model Volo.Abp.Application.Dtos.PagedResultDto<EventHub.Events.Registrations.EventAttendeeDto>
 <abp-card class="mb-3">
     <abp-card-body>
-        <abp-card-title>Attendees</abp-card-title>
+        <abp-card-title>Attendees (@Model.TotalCount)</abp-card-title>
         <abp-card-text>
-            <ul>
+            <ul id="EventAttendeeList">
                 @foreach (var attendee in Model.Items)
                 {
-                    @GetAttendeeName(attendee)
+                    <li class="border p-2 mb-2"><i class="fas fa-user"></i> @GetAttendeeName(attendee)</li>
                 }
             </ul>
         </abp-card-text>
@@ -17,6 +19,23 @@
 {
     private static string GetAttendeeName(EventAttendeeDto attendee)
     {
-        return attendee.UserName;
+        var nameBuilder = new StringBuilder();
+
+        if (!attendee.Name.IsNullOrEmpty())
+        {
+            nameBuilder.Append(attendee.Name);
+        }
+
+        if (!attendee.Surname.IsNullOrEmpty())
+        {
+            nameBuilder.Append(attendee.Surname);
+        }
+
+        if (nameBuilder.Length == 0)
+        {
+            nameBuilder.Append(attendee.UserName);
+        }
+
+        return nameBuilder.ToString();
     }
 }
diff --git a/eventhub/src/EventHub.Web/Pages/Events/Components/AttendeesArea/attendees-area.css b/eventhub/src/EventHub.Web/Pages/Events/Components/AttendeesArea/attendees-area.css
new file mode 100644
index 0000000..d7b2944
--- /dev/null
+++ b/eventhub/src/EventHub.Web/Pages/Events/Components/AttendeesArea/attendees-area.css
@@ -0,0 +1,10 @@
+#EventAttendeeList
+{
+    list-style: none;
+    padding: 0;
+}
+
+#EventAttendeeList li
+{
+
+}