pacnpal/thrillwiki_django_no_react
1
1
Fork 0
mirror of https://github.com/pacnpal/thrillwiki_django_no_react.git synced 2025-12-20 11:51:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

Restored to 'ba32d51b3eb6866667ec8382daca17202cf7da86'

Browse Source 
Replit-Restored-To: ba32d51b3eb6866667ec8382daca17202cf7da86
This commit is contained in:
pac7
2025-09-21 14:10:27 +00:00
committed by pacnpal
parent 434ac4c641
commit 3cad7c5641
21 changed files with 30 additions and 1540 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
backend/templates/components/layout/enhanced_header.html
View File

@@ -4,7 +4,6 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
{% endcomment %}
{% load static %}
{% load cotton %}
<header class="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
<div class="flex h-14 items-center justify-between px-4 max-w-full">
@@ -150,7 +149,7 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
hx-include="this"
name="q"
/>
<c-ui.button variant="default" size="sm" text="Search" button_classes="absolute right-1 top-1/2 transform -translate-y-1/2" />
{% include 'components/ui/button.html' with variant='default' size='sm' text='Search' class='absolute right-1 top-1/2 transform -translate-y-1/2' %}
</div>
<!-- Search Results Dropdown -->
@@ -238,7 +237,7 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
</div>
</div>
{% else %}
<div class="hidden md:flex items-center space-x-2">
<div class="flex items-center space-x-2">
<button
@click="window.authModal.show('login')"
class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"
@@ -309,14 +308,14 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
</div>
</div>
{% else %}
<div class="hidden md:flex items-center space-x-1">
<div class="flex items-center space-x-1">
<div
hx-get="{% url 'account_login' %}"
hx-target="body"
hx-swap="beforeend"
class="cursor-pointer"
>
<c-ui.button variant="outline" size="sm" text="Login" />
{% include 'components/ui/button.html' with variant='outline' size='sm' text='Login' %}
</div>
<div
hx-get="{% url 'account_signup' %}"
@@ -324,13 +323,13 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
hx-swap="beforeend"
class="cursor-pointer"
>
<c-ui.button variant="default" size="sm" text="Join" />
{% include 'components/ui/button.html' with variant='default' size='sm' text='Join' %}
</div>
</div>
{% endif %}
<!-- Mobile Menu Button -->
<div class="md:hidden" x-data="{ open: false }">
<div x-data="{ open: false }">
<button
@click="open = !open"
class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 w-10"
@@ -386,39 +385,6 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
Navigate through the ultimate theme park database
</p>
<!-- Mobile Authentication -->
{% if not user.is_authenticated %}
<div class="bg-accent/30 rounded-lg p-4 border border-border">
<h3 class="text-sm font-medium text-foreground mb-3">
Get Started
</h3>
<div class="flex gap-2">
<c-ui.button
variant="outline"
size="lg"
text="Sign In"
icon_left="fas fa-sign-in-alt"
button_classes="flex-1 justify-center"
hx_get="{% url 'account_login' %}"
hx_target="body"
hx_swap="beforeend"
x_on="@click='open = false'"
/>
<c-ui.button
variant="default"
size="lg"
text="Join ThrillWiki"
icon_left="fas fa-user-plus"
button_classes="flex-1 justify-center"
hx_get="{% url 'account_signup' %}"
hx_target="body"
hx_swap="beforeend"
x_on="@click='open = false'"
/>
</div>
</div>
{% endif %}
<!-- Navigation Section -->
<div>
<h3 class="text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-3">
@@ -460,33 +426,23 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
</div>
<!-- Mobile Search Bar -->
<div class="md:hidden border-t border-border bg-background">
<div class="px-4 py-4">
<div class="bg-accent/30 rounded-lg p-3 border border-border">
<div class="flex gap-2">
<div class="relative flex-1">
<i class="fas fa-search absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground"></i>
<c-ui.input
type="search"
placeholder="Search parks, rides..."
input_classes="pl-10 flex-1"
hx_get="{% url 'search:search' %}"
hx_trigger="input changed delay:300ms"
hx_target="#mobile-search-results"
hx_include="this"
name="q"
/>
</div>
<c-ui.button
variant="default"
size="default"
icon_left="fas fa-search"
button_classes="px-3 flex-shrink-0"
type="submit"
/>
</div>
<div class="md:hidden border-t bg-background">
<div class="px-4 py-3">
<div class="relative">
<i class="fas fa-search absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground"></i>
<input
type="search"
placeholder="Search parks, rides..."
class="w-full pl-10 pr-20 h-10 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
hx-get="{% url 'search:search' %}"
hx-trigger="input changed delay:300ms"
hx-target="#mobile-search-results"
hx-include="this"
name="q"
/>
{% include 'components/ui/button.html' with variant='default' size='sm' text='Search' class='absolute right-1 top-1/2 transform -translate-y-1/2' %}
</div>
<div id="mobile-search-results" class="mt-3"></div>
<div id="mobile-search-results" class="mt-2"></div>
</div>
</div>
</header>