From 57eb8f6712361a3bf75983ce153fac4846dc0273 Mon Sep 17 00:00:00 2001
From: Vikas Kushwaha <dev@vikas.rocks>
Date: Tue, 11 Feb 2025 16:31:08 +0530
Subject: Initial commit

---
 cmd/web/templates/users/htmx-users-articles.tmpl   |  2 +
 cmd/web/templates/users/htmx-users-page.tmpl       |  3 ++
 .../users/partials/article-favorite-button.tmpl    | 12 +++++
 .../templates/users/partials/feed-navigation.tmpl  | 17 ++++++
 .../templates/users/partials/follow-button.tmpl    | 14 +++++
 cmd/web/templates/users/partials/post-preview.tmpl | 61 ++++++++++++++++++++++
 cmd/web/templates/users/show.tmpl                  | 51 ++++++++++++++++++
 7 files changed, 160 insertions(+)
 create mode 100644 cmd/web/templates/users/htmx-users-articles.tmpl
 create mode 100644 cmd/web/templates/users/htmx-users-page.tmpl
 create mode 100644 cmd/web/templates/users/partials/article-favorite-button.tmpl
 create mode 100644 cmd/web/templates/users/partials/feed-navigation.tmpl
 create mode 100644 cmd/web/templates/users/partials/follow-button.tmpl
 create mode 100644 cmd/web/templates/users/partials/post-preview.tmpl
 create mode 100644 cmd/web/templates/users/show.tmpl

(limited to 'cmd/web/templates/users')

diff --git a/cmd/web/templates/users/htmx-users-articles.tmpl b/cmd/web/templates/users/htmx-users-articles.tmpl
new file mode 100644
index 0000000..d002097
--- /dev/null
+++ b/cmd/web/templates/users/htmx-users-articles.tmpl
@@ -0,0 +1,2 @@
+{{ template "users/partials/post-preview" . }}
+{{ template "users/partials/feed-navigation" . }}
\ No newline at end of file
diff --git a/cmd/web/templates/users/htmx-users-page.tmpl b/cmd/web/templates/users/htmx-users-page.tmpl
new file mode 100644
index 0000000..020649e
--- /dev/null
+++ b/cmd/web/templates/users/htmx-users-page.tmpl
@@ -0,0 +1,3 @@
+{{ template "users/show" . }}
+{{ template "components/navbar" . }}
+{{ template "components/head" . }}
\ No newline at end of file
diff --git a/cmd/web/templates/users/partials/article-favorite-button.tmpl b/cmd/web/templates/users/partials/article-favorite-button.tmpl
new file mode 100644
index 0000000..c63182a
--- /dev/null
+++ b/cmd/web/templates/users/partials/article-favorite-button.tmpl
@@ -0,0 +1,12 @@
+<button class="btn btn-outline-primary btn-sm pull-xs-right {{ if .Article.IsFavorited }} active {{ end }}"
+  hx-post="/htmx/users/articles/{{ .Article.Slug }}/favorite"
+  
+  {{ if .IsSelf }}
+  hx-swap="delete"
+  hx-target="closest .post-preview"
+  {{ else }}
+  hx-swap="outerHTML"
+  {{ end }}
+>
+  <i class="ion-heart"></i> {{ .Article.GetFavoriteCount }}
+</button>
\ No newline at end of file
diff --git a/cmd/web/templates/users/partials/feed-navigation.tmpl b/cmd/web/templates/users/partials/feed-navigation.tmpl
new file mode 100644
index 0000000..00629d9
--- /dev/null
+++ b/cmd/web/templates/users/partials/feed-navigation.tmpl
@@ -0,0 +1,17 @@
+<ul id="user-feed-navigation" class="nav nav-pills outline-active" hx-swap-oob="true">
+  {{ range $item := .FeedNavbarItems }}
+    <li class="nav-item">
+      <a class="nav-link {{ if $item.IsActive }} active {{ end }}"
+        {{ if not $item.IsActive }}
+          href="{{ $item.HXPushURL }}"
+          hx-get="{{ $item.HXGetURL }}"
+          hx-trigger="click"
+          hx-target="#user-post-preview"
+          hx-push-url="{{ $item.HXPushURL }}"
+        {{ end }}
+      >
+        {{ $item.Title }}
+      </a>
+    </li>
+  {{ end }}
+</ul>
\ No newline at end of file
diff --git a/cmd/web/templates/users/partials/follow-button.tmpl b/cmd/web/templates/users/partials/follow-button.tmpl
new file mode 100644
index 0000000..d893ea0
--- /dev/null
+++ b/cmd/web/templates/users/partials/follow-button.tmpl
@@ -0,0 +1,14 @@
+<button class="btn btn-sm btn-outline-secondary follow-button action-btn"
+  hx-post="/htmx/users/{{ .User.Username }}/follow"
+  hx-swap="outerHTML"
+>
+  {{ if .IsFollowed }}
+    <i class="ion-minus-round"></i>
+    Unfollow 
+  {{ else }}
+    <i class="ion-plus-round"></i>
+    Follow 
+  {{ end }}
+  {{ .User.Name }}
+  <span class="counter">({{ .User.FollowersCount }})</span>
+</button>
\ No newline at end of file
diff --git a/cmd/web/templates/users/partials/post-preview.tmpl b/cmd/web/templates/users/partials/post-preview.tmpl
new file mode 100644
index 0000000..4e00357
--- /dev/null
+++ b/cmd/web/templates/users/partials/post-preview.tmpl
@@ -0,0 +1,61 @@
+<div id="user-post-preview">
+  {{ if .HasArticles }}
+    {{ $isSelf := .IsSelf }}
+    {{ range $article := .Articles }}
+
+    <div class="post-preview">
+      <div class="post-meta">
+        <a href="/users/{{ $article.User.Username }}"
+          hx-push-url="/users/{{ $article.User.Username }}"
+          hx-get="/htmx/users/{{ $article.User.Username }}"
+          hx-target="#app-body"
+        >
+          <img src="{{ $article.User.Image }}" />
+        </a>
+
+        <div class="info">
+          <a href="/users/{{ $article.User.Username }}"
+            hx-push-url="/users/{{ $article.User.Username }}"
+            hx-get="/htmx/users/{{ $article.User.Username }}"
+            hx-target="#app-body"
+            class="author"
+          >
+            {{ $article.User.Name }}
+          </a>
+          <span class="date">{{ $article.GetFormattedCreatedAt }}</span>
+        </div>
+
+        {{ template "users/partials/article-favorite-button" Dict "Article" $article "IsSelf" $isSelf }}
+
+      </div>
+      <a href="/articles/{{ $article.Slug }}"
+        hx-push-url="/articles/{{ $article.Slug }}"
+        hx-get="/htmx/articles/{{ $article.Slug }}"
+        hx-target="#app-body"
+        class="preview-link"
+      >
+        <h1>{{ $article.Title }}</h1>
+        <p>{{ $article.Description }}</p>
+
+        <div class="m-t-1">
+          <span>Read more...</span>
+
+          <ul class="tag-list">
+            {{ range $tag := $article.Tags }}
+            <li class="tag-default tag-pill tag-outline">{{ $tag.Name }}</li>
+            {{ end }}
+          </ul>
+        </div>
+      </a>
+    </div>
+    {{ end }}
+  {{ end }}
+  
+  {{ if not .HasArticles }}
+  <div class="post-preview">
+    <div class="alert alert-warning" role="alert">
+      No articles are here... yet.
+    </div>
+  </div>
+  {{ end }}
+</div>
\ No newline at end of file
diff --git a/cmd/web/templates/users/show.tmpl b/cmd/web/templates/users/show.tmpl
new file mode 100644
index 0000000..cf9f1d7
--- /dev/null
+++ b/cmd/web/templates/users/show.tmpl
@@ -0,0 +1,51 @@
+<div class="profile-page">
+  <div class="user-info">
+    <div class="container">
+      <div class="row">
+
+        <div class="col-md-10 col-md-offset-1">
+          <img src="{{ .User.Image }}" class="user-img" />
+          <h4>{{ .User.Name }}</h4>
+          <p>{{ .User.Bio }}</p>
+
+          {{ if .IsSelf }}
+            <a class="btn btn-sm btn-outline-secondary action-btn"
+              href="/settings"
+              hx-push-url="/settings"
+              hx-get="/htmx/settings"
+              hx-target="#app-body"
+            >
+              <i class="ion-ios-gear"></i>
+              &nbsp;
+              Edit Profile Settings</span>
+            </a>
+          {{ else }}
+          
+            {{ template "users/partials/follow-button" . }}
+
+          {{ end }}
+        </div>
+
+      </div>
+    </div>
+  </div>
+
+  <div class="container">
+    <div class="row">
+      <div class="col-md-10 col-md-offset-1">
+        <div class="posts-toggle">
+          <ul id="user-feed-navigation" class="nav nav-pills outline-active"></ul>
+        </div>
+        
+        <div id="user-post-preview"
+          {{ if .IsLoadFavorites }}
+            hx-get="/htmx/users/{{ .User.Username }}/favorites"
+          {{ else }}
+            hx-get="/htmx/users/{{ .User.Username }}/articles"
+          {{ end }}
+          hx-trigger="load"
+        ></div>
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
-- 
cgit v1.2.3