From 79f5eaf40b93d64be74d8b4f1ef80d19fadbfbe1 Mon Sep 17 00:00:00 2001
From: Paweł Bernaciak <pawelbernaciak@zohomail.eu>
Date: Fri, 29 Dec 2023 09:41:56 +0100
Subject: Cywilizowany tailwind

---
 CoreWiki/Pages/_commentsList.cshtml | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 CoreWiki/Pages/_commentsList.cshtml

(limited to 'CoreWiki/Pages/_commentsList.cshtml')

diff --git a/CoreWiki/Pages/_commentsList.cshtml b/CoreWiki/Pages/_commentsList.cshtml
new file mode 100644
index 0000000..ba0eb85
--- /dev/null
+++ b/CoreWiki/Pages/_commentsList.cshtml
@@ -0,0 +1,25 @@
+@model CoreWiki.Models.ArticleCommentListViewModel
+
+@foreach (var item in Model.Comments)
+{
+    <div class="flex flex-col border rounded mb-3">
+        <div class="bg-gray-50 p-2 border-b flex items-center">
+            <img class="me-2" width="40" height="40" src="https://gravatar.com/avatar/@item.GravatarHash?d=identicon" alt="avatar"/>
+            <div class="d-flex flex-column">
+                <span class="text-blue-600">@item.DisplayName</span>
+                <div class="flex">
+                    <span class="text-sm text-gray-500">Commented on <span data-value="@item.Submitted" class="timeStampValue text-muted">@item.Submitted</span></span>
+                </div>
+            </div>
+        </div>
+        <div class="py-4 px-2">
+            <markdown>@item.Content</markdown>
+        </div>
+    </div>
+}
+@if (Model.Comments.Count() == 10)
+{
+    <div class="h-100 align-items-center d-flex" hx-get hx-page="Details" hx-route-slug="@Model.Slug" hx-route-pageNumber="@(Model.PageNumber + 1)" hx-swap="outerHTML" hx-trigger="intersect once">
+        <div id="spinner" class="htmx-indicator spinner-border"></div>
+    </div>
+}
\ No newline at end of file
-- 
cgit v1.2.3