From 3df72ce99deeb6e9f3d1d5028217e73df045b8fa Mon Sep 17 00:00:00 2001
From: Per Stark <perstark.se@gmail.com>
Date: Fri, 24 Jan 2025 14:20:16 +0100
Subject: [PATCH] frontend styling and misc fixes

---
 templates/documentation/menu.html             |  2 +-
 templates/index/hero.html                     |  5 +--
 templates/index/index.html                    |  2 +-
 templates/index/signed_in/base.html           |  9 ++++++
 templates/index/signed_in/quick_actions.html  |  7 +++++
 templates/index/signed_in/recent_content.html | 20 ++++++++++++
 templates/index/signed_in/searchbar.html      | 13 ++++++++
 templates/index/signed_in_view.html           | 31 -------------------
 8 files changed, 52 insertions(+), 37 deletions(-)
 create mode 100644 templates/index/signed_in/base.html
 create mode 100644 templates/index/signed_in/quick_actions.html
 create mode 100644 templates/index/signed_in/recent_content.html
 create mode 100644 templates/index/signed_in/searchbar.html
 delete mode 100644 templates/index/signed_in_view.html

diff --git a/templates/documentation/menu.html b/templates/documentation/menu.html
index be32993..7b5a731 100644
--- a/templates/documentation/menu.html
+++ b/templates/documentation/menu.html
@@ -1,4 +1,4 @@
-<ul class="menu bg-base-200 rounded-box">
+<ul class="menu bg-base-200 rounded-box w-full">
   <li><a hx-boost="true" href="/documentation">Start</a></li>
   <li><a hx-boost="true" class="" href="/documentation/privacy-policy">Privacy Policy</a></li>
   <li>
diff --git a/templates/index/hero.html b/templates/index/hero.html
index fb87bdb..1e50bef 100644
--- a/templates/index/hero.html
+++ b/templates/index/hero.html
@@ -39,11 +39,8 @@
       <div class="space-y-4">
         <div class="flex justify-center gap-4">
           <a class="btn btn-primary btn-lg" hx-boost="true" href="/signup">Get Started</a>
-          <a class="btn btn-outline btn-lg">Learn More</a>
+          <a class="btn btn-outline btn-lg" hx-boost="true" href="/documentation">Learn More</a>
         </div>
-        <p class="text-sm text-base-content/60">
-          Currently processing {{queue_length}} items in queue
-        </p>
       </div>
 
     </div>
diff --git a/templates/index/index.html b/templates/index/index.html
index b9ba6e2..8b93e9e 100644
--- a/templates/index/index.html
+++ b/templates/index/index.html
@@ -1,7 +1,7 @@
 {% extends "body_base.html" %}
 {% block main %}
 {% if user %}
-{% include 'index/signed_in_view.html' %}
+{% include 'index/signed_in/base.html' %}
 {% else %}
 {% include 'index/hero.html' %}
 {% if not gdpr_accepted %}
diff --git a/templates/index/signed_in/base.html b/templates/index/signed_in/base.html
new file mode 100644
index 0000000..895dae3
--- /dev/null
+++ b/templates/index/signed_in/base.html
@@ -0,0 +1,9 @@
+<div class="flex justify-center grow mt-2 sm:mt-4 gap-6">
+  <div class="container">
+    {% include 'index/signed_in/searchbar.html' %}
+
+    {% include "index/signed_in/recent_content.html" %}
+
+    {% include "index/signed_in/quick_actions.html" %}
+  </div>
+</div>
\ No newline at end of file
diff --git a/templates/index/signed_in/quick_actions.html b/templates/index/signed_in/quick_actions.html
new file mode 100644
index 0000000..765748b
--- /dev/null
+++ b/templates/index/signed_in/quick_actions.html
@@ -0,0 +1,7 @@
+<div class="card bg-base-100 shadow-xl mt-4">
+  <div class="card-body">
+    <div class="flex gap-4">
+      <a class="btn btn-primary" hx-get="/ingress-form" hx-swap="outerHTML">Add Content</a>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/templates/index/signed_in/recent_content.html b/templates/index/signed_in/recent_content.html
new file mode 100644
index 0000000..385b8f0
--- /dev/null
+++ b/templates/index/signed_in/recent_content.html
@@ -0,0 +1,20 @@
+<div class="card bg-base-100 shadow-xl mt-4">
+  <div class="card-body">
+    <h2 class="card-title">Recently Added Content</h2>
+    <ul class="list bg-base-100 rounded-box shadow-md">
+
+      <li class="list-row">
+        <div><img class="size-10 rounded-box" src="https://img.daisyui.com/images/profile/demo/1@94.webp" /></div>
+        <div>
+          <div>Dio Lupa</div>
+          <div class="text-xs uppercase font-semibold opacity-60">Remaining Reason</div>
+        </div>
+        <button class="btn btn-outline">
+          Edit
+        </button>
+        <button class="btn btn-error">
+          Delete </button>
+      </li>
+    </ul>
+  </div>
+</div>
\ No newline at end of file
diff --git a/templates/index/signed_in/searchbar.html b/templates/index/signed_in/searchbar.html
new file mode 100644
index 0000000..459908a
--- /dev/null
+++ b/templates/index/signed_in/searchbar.html
@@ -0,0 +1,13 @@
+<div class="">
+  <!-- <div class="card bg-base-100 shadow-xl"> -->
+  <div class="card-body">
+    <h2 class="card-title">
+      Search your content
+    </h2>
+    <input type="text" placeholder="Search your knowledge base" class="input input-bordered w-full" name="query"
+      hx-get="/search" hx-target="#search-results" />
+    <div id="search-results" class="mt-4">
+      <!-- Results will be populated here by HTMX -->
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/templates/index/signed_in_view.html b/templates/index/signed_in_view.html
deleted file mode 100644
index d610c96..0000000
--- a/templates/index/signed_in_view.html
+++ /dev/null
@@ -1,31 +0,0 @@
-<div class="flex justify-center grow mt-2 sm:mt-4 gap-6">
-  <div class="container">
-    <!-- Search Bar -->
-    <div class="form-control w-full mx-auto mt-8 flex flex-col justify-center">
-      <h1 class="textl-lg text-center pb-5">So here you can search all your ingressed documents</h1>
-      <input type="text" placeholder="Search your knowledge base" class="mx-auto input input-bordered w-full sm:w-3/4"
-        name="query" hx-get="/search" hx-target="#search-results" />
-      <div id="search-results" class="mt-4">
-        <!-- Results will be populated here by HTMX -->
-      </div>
-    </div>
-
-    <!-- Recent Activity -->
-    <div class="card bg-base-100 shadow-xl">
-      <div class="card-body">
-        <h2 class="card-title">Recent Activity</h2>
-        <div class="skeleton h-32 w-full"></div>
-      </div>
-    </div>
-
-    <!-- Quick Actions - Modified button to link to ingress form -->
-    <div class="card bg-base-100 shadow-xl mt-4">
-      <div class="card-body">
-        <h2 class="card-title">Quick Actions</h2>
-        <div class="flex gap-4">
-          <a class="btn btn-primary" hx-get="/ingress-form" hx-swap="outerHTML">Add Content</a>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
\ No newline at end of file