sandwitches 2.2.0__py3-none-any.whl

sandwitches/templates/components/navbar.html

@@ -0,0 +1,27 @@
+{% load i18n static %}
+<nav class="top primary-container">
+  <button class="circle transparent large" onclick="ui('#menu')">
+    <i>menu</i>
+  </button>
+  <a href="{% url 'index' %}" class="row align-center">
+    <img src="{% static 'icons/icon.svg' %}" class="circle small">
+  </a>
+  <div class="max"></div>
+  <button class="circle transparent" onclick="ui('mode', ui('mode') == 'dark' ? 'light' : 'dark')">
+    <i>dark_mode</i>
+  </button>
+  <button class="circle transparent" data-ui="#language-menu">
+      <i>language</i>
+  </button>
+
+  {% if user.is_authenticated %}
+    {% if user.avatar %}
+    <img src="{{ user.avatar.url }}" class="circle" data-ui="#user-menu">
+    {% else %}
+    <img src="https://www.w3schools.com/howto/img_avatar.png" class="circle" data-ui="#user-menu">
+    {% endif %}
+  {% else %}
+    <a href="{% url 'login' %}"><button class="chip transparent border white-text">{% trans "Login" %}</button></a>
+    <a href="{% url 'signup' %}"><button class="chip primary">{% trans "Sign up" %}</button></a>
+  {% endif %}
+</nav>

sandwitches/templates/components/rating_section.html

@@ -0,0 +1,66 @@
+{% load i18n %}
+<h6 class="bold">{% trans "Rating" %}</h6>
+<div class="row align-center">
+    <i class="primary-text">star</i>
+    <span class="h5 ml-1">{{ avg_rating|floatformat:1 }}</span>
+    <span class="small-text ml-1">({{ rating_count }} {% trans "vote" %}{% if rating_count != 1 %}s{% endif %})</span>
+</div>
+
+<div class="space"></div>
+
+{% if user.is_authenticated %}
+  <article class="border round no-elevate secondary-container">
+      {% if user_rating %}
+        <div class="row align-center">
+            <i class="primary-text">check_circle</i>
+            <span class="ml-2">{% trans "Your rating:" %} <b>{{ user_rating.score }}</b></span>
+        </div>
+        {% if user_rating.comment %}
+            <p class="small-text ml-2">{{ user_rating.comment }}</p>
+        {% endif %}
+      {% endif %}
+
+      <form method="post" action="{% url 'recipe_rate' pk=recipe.pk %}">
+          {% csrf_token %}
+          <label class="bold">{% trans "Rate this sandwich" %}</label>
+          <div class="field middle-align">
+               <label class="slider">
+                  <input type="range"
+                      name="{{ rating_form.score.name }}"
+                      min="0"
+                      max="10"
+                      step="0.1"
+                      value="{{ user_rating.score|default:'5.0' }}"
+                      oninput="document.getElementById('score-output').innerText = parseFloat(this.value).toFixed(1)">
+                  <span></span>
+               </label>
+               <span id="score-output" class="bold ml-2">{{ user_rating.score|default:"5.0" }}</span>
+          </div>
+          <div class="field textarea label border round mt-2">
+              <textarea name="{{ rating_form.comment.name }}" placeholder="{% trans "Add a comment (optional)" %}">{{ user_rating.comment|default:"" }}</textarea>
+              <label>{% trans "Comment" %}</label>
+          </div>
+          <button type="submit" class="button primary round mt-2">{% trans "Submit Rating" %}</button>
+      </form>
+  </article>
+{% else %}
+   <p><a href="{% url 'login' %}" class="link">{% trans "Log in" %}</a> {% trans "to rate this recipe." %}</p>
+{% endif %}
+
+{% if all_ratings %}
+<div class="space"></div>
+<h6 class="bold">{% trans "All Ratings" %}</h6>
+<div class="collection">
+    {% for rating in all_ratings %}
+    <div class="row">
+        <div class="max">
+            <span class="bold">{{ rating.user.username }}</span>
+            <span class="ml-2">{{ rating.score|floatformat:1 }} <i class="small">star</i></span>
+        </div>
+        {% if rating.comment %}
+            <p class="small-text">{{ rating.comment }}</p>
+        {% endif %}
+    </div>
+    {% endfor %}
+</div>
+{% endif %}

sandwitches/templates/components/recipe_header.html

@@ -0,0 +1,32 @@
+{% load i18n %}
+<div class="row align-center">
+    <h4 class="bold max">{{ recipe.title }}</h4>
+    {% if user.is_authenticated %}
+    <a href="{% url 'toggle_favorite' recipe.pk %}" id="favorite-toggle-button" class="button circle transparent" title="{% trans 'Toggle Favorite' %}">
+        <i class="{% if recipe in user.favorites.all %}primary-text{% else %}black-text{% endif %}">
+            {% if recipe in user.favorites.all %}favorite{% else %}favorite_border{% endif %}
+        </i>
+    </a>
+    {% endif %}
+</div>
+
+<div class="row align-center">
+     {% if recipe.uploaded_by %}
+        <a href="{% url 'index' %}?uploader={{ recipe.uploaded_by.username }}" class="row align-center" style="color: inherit; text-decoration: none;">
+            {% if recipe.uploaded_by.avatar %}
+            <img src="{{ recipe.uploaded_by.avatar.url }}" class="circle small" alt="{{ recipe.uploaded_by.username }}">
+            {% else %}
+            <i class="small circle surface">person</i>
+            {% endif %}
+            <div class="ml-2">
+                <span class="small-text">{% trans "Uploaded by" %}</span>
+                <div class="bold">{{ recipe.uploaded_by.get_full_name|default:recipe.uploaded_by.username }}</div>
+            </div>
+        </a>
+    {% else %}
+        <i class="small circle surface">person_off</i>
+        <div class="ml-2">
+            <span class="small-text">{% trans "Unknown uploader" %}</span>
+        </div>
+    {% endif %}
+</div>

sandwitches/templates/components/search_form.html

@@ -0,0 +1,106 @@
+{% load i18n %}
+<form hx-get="{% url 'index' %}" hx-target="#recipe-grid" hx-swap="outerHTML" hx-push-url="true" hx-trigger="change delay:500ms, keyup delay:500ms from:#search, submit, uploaderChange from:body">
+    <div class="grid">
+        <!-- Main Search Bar -->
+        <div class="s12">
+            <div class="field prefix suffix border round primary-container">
+                <i class="front">search</i>
+                <input id="search" type="text" name="q" placeholder="{% trans 'Search by title...' %}" value="{{ request.GET.q|default:'' }}">
+                <a class="circle plain" onclick="toggleAdvanced()" title="{% trans 'Advanced Search' %}">
+                    <i id="advanced-icon">filter_list</i>
+                </a>
+            </div>
+        </div>
+
+        <!-- Collapsible Advanced Search Panel -->
+        <div id="advanced-search" class="s12 hidden" style="display: none;">
+            <div class="padding surface border round">
+                <div class="grid">
+                    <div class="s12 m6 l3">
+                        <div class="field label border round">
+                            <input type="date" name="date_start" value="{{ request.GET.date_start|default:'' }}">
+                            <label>{% trans "Start Date" %}</label>
+                        </div>
+                    </div>
+                    <div class="s12 m6 l3">
+                        <div class="field label border round">
+                            <input type="date" name="date_end" value="{{ request.GET.date_end|default:'' }}">
+                            <label>{% trans "End Date" %}</label>
+                        </div>
+                    </div>
+
+                    <!-- Custom Uploader Dropdown with Avatar -->
+                    <div class="s12 m6 l3">
+                        <div class="field label border round suffix relative" onclick="toggleUploaderMenu(event)">
+                            <input type="text" id="uploader-display" readonly value="{{ request.GET.uploader|default:'' }}" placeholder="{% trans 'All Uploaders' %}" style="cursor: pointer;">
+                            <label>{% trans "Uploader" %}</label>
+                            <i class="chevron-down">arrow_drop_down</i>
+
+                            <div id="uploader-menu" class="absolute surface elevate round left top-round bottom-round scroll" style="top: 100%; left: 0; right: 0; max-height: 300px; display: none; z-index: 20;">
+                                <a class="row padding hover pointer" onclick="selectUploader('', '{% trans 'All Uploaders' %}')">
+                                    <span>{% trans "All Uploaders" %}</span>
+                                </a>
+                                {% for u in uploaders %}
+                                <a class="row padding hover pointer align-center" onclick="selectUploader('{{ u.username }}', '{{ u.username }}')">
+                                    {% if u.avatar %}
+                                    <img src="{{ u.avatar.url }}" class="circle tiny margin-right">
+                                    {% else %}
+                                    <i class="tiny circle surface margin-right">person</i>
+                                    {% endif %}
+                                    <span>{{ u.username }}</span>
+                                </a>
+                                {% endfor %}
+                            </div>
+                        </div>
+                        <input type="hidden" name="uploader" id="uploader-hidden" value="{{ request.GET.uploader|default:'' }}">
+                    </div>
+
+                    <div class="s12 m6 l3">
+                         <div class="field label border round suffix relative" onclick="toggleTagMenu(event)">
+                            <input type="text" id="tag-display" readonly placeholder="{% trans 'All Tags' %}" style="cursor: pointer;">
+                            <label>{% trans "Tags" %}</label>
+                            <i class="chevron-down">arrow_drop_down</i>
+
+                            <div id="tag-menu" class="absolute surface elevate round left top-round bottom-round scroll" style="top: 100%; left: 0; right: 0; max-height: 300px; display: none; z-index: 20;" onclick="event.stopPropagation()">
+                                {% for t in tags %}
+                                <label class="row padding hover pointer align-center">
+                                    <input type="checkbox" class="margin-right" onchange="updateSelectedTags()" value="{{ t.name }}" {% if t.name in selected_tags %}checked{% endif %}>
+                                    <span>{{ t.name }}</span>
+                                </label>
+                                {% endfor %}
+                            </div>
+                        </div>
+                        <div id="tag-hidden-container">
+                             {% for t in selected_tags %}
+                            <input type="hidden" name="tag" value="{{ t }}">
+                            {% endfor %}
+                        </div>
+                    </div>
+
+                    {% if user.is_authenticated %}
+                    <div class="s12 m6 l3">
+                        <div class="field middle-align">
+                            <label class="checkbox">
+                                <input type="checkbox" name="favorites" {% if request.GET.favorites == 'on' %}checked{% endif %}>
+                                <span>{% trans "My Favorites" %}</span>
+                            </label>
+                        </div>
+                    </div>
+                    {% endif %}
+
+                    <div class="s12 m6 l3">
+                        <div class="field label border round">
+                           <select name="sort">
+                               <option value="date_desc" {% if request.GET.sort == 'date_desc' %}selected{% endif %}>{% trans "Newest" %}</option>
+                               <option value="date_asc" {% if request.GET.sort == 'date_asc' %}selected{% endif %}>{% trans "Oldest" %}</option>
+                               <option value="rating" {% if request.GET.sort == 'rating' %}selected{% endif %}>{% trans "Highest Rated" %}</option>
+                               <option value="user" {% if request.GET.sort == 'user' %}selected{% endif %}>{% trans "Uploader (A-Z)" %}</option>
+                           </select>
+                           <label>{% trans "Sort By" %}</label>
+                       </div>
+                   </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</form>

sandwitches/templates/components/search_scripts.html

@@ -0,0 +1,98 @@
+<script>
+    function toggleAdvanced() {
+        var el = document.getElementById('advanced-search');
+        if (el.style.display === 'none') {
+            el.style.display = 'block';
+        } else {
+            el.style.display = 'none';
+        }
+    }
+
+    function toggleUploaderMenu(event) {
+        event.stopPropagation(); // Prevent closing immediately
+        var el = document.getElementById('uploader-menu');
+        if (el.style.display === 'none') {
+            // Close others if needed, but for now just toggle
+            el.style.display = 'block';
+        } else {
+            el.style.display = 'none';
+        }
+    }
+
+    function selectUploader(username, displayName) {
+        document.getElementById('uploader-hidden').value = username;
+        document.getElementById('uploader-display').value = username ? username : ''; // Or displayName
+
+        // Trigger HTMX
+        document.body.dispatchEvent(new Event('uploaderChange'));
+
+        // Close menu (handled by toggle or outside click)
+        // document.getElementById('uploader-menu').style.display = 'none';
+    }
+
+    function toggleTagMenu(event) {
+        event.stopPropagation();
+        var el = document.getElementById('tag-menu');
+        if (el.style.display === 'none') {
+            el.style.display = 'block';
+        } else {
+            el.style.display = 'none';
+        }
+    }
+
+    function updateSelectedTags(triggerEvent = true) {
+        var menu = document.getElementById('tag-menu');
+        var checkboxes = menu.querySelectorAll('input[type="checkbox"]');
+        var hiddenContainer = document.getElementById('tag-hidden-container');
+        var displayInput = document.getElementById('tag-display');
+
+        hiddenContainer.innerHTML = ''; // Clear existing
+        var selectedNames = [];
+
+        checkboxes.forEach(function(cb) {
+            if (cb.checked) {
+                selectedNames.push(cb.value);
+                var input = document.createElement('input');
+                input.type = 'hidden';
+                input.name = 'tag';
+                input.value = cb.value;
+                hiddenContainer.appendChild(input);
+            }
+        });
+
+        if (selectedNames.length > 0) {
+            displayInput.value = selectedNames.join(', ');
+        } else {
+            displayInput.value = '';
+        }
+
+        if (triggerEvent) {
+            // Trigger HTMX
+            document.body.dispatchEvent(new Event('uploaderChange'));
+        }
+    }
+
+    // Initialize display value
+    document.addEventListener('DOMContentLoaded', function() {
+        updateSelectedTags(false);
+    });
+
+    // Close menus on clicking outside
+    document.addEventListener('click', function(event) {
+        var uploaderMenu = document.getElementById('uploader-menu');
+        var uploaderField = document.getElementById('uploader-display').parentElement;
+        if (uploaderMenu && uploaderMenu.style.display === 'block') {
+             if (!uploaderField.contains(event.target)) {
+                 uploaderMenu.style.display = 'none';
+             }
+        }
+
+        var tagMenu = document.getElementById('tag-menu');
+        var tagField = document.getElementById('tag-display').parentElement;
+        if (tagMenu && tagMenu.style.display === 'block') {
+             if (!tagField.contains(event.target)) {
+                 tagMenu.style.display = 'none';
+             }
+        }
+    });
+</script>

sandwitches/templates/components/side_menu.html

@@ -0,0 +1,35 @@
+{% load i18n static %}
+<dialog id="menu" class="left">
+    <nav class="drawer vertical">
+        <header>
+            <img src="{% static 'icons/icon.svg' %}" class="circle large">
+            <h5 class="max">Sandwitches</h5>
+        </header>
+        <div class="space"></div>
+        <a href="{% url 'index' %}" class="padding {% if request.resolver_match.url_name == 'index' %}active{% endif %}">
+            <i class="extra padding">home</i>
+            <span class="large-text">{% trans "Home" %}</span>
+        </a>
+        {% if user.is_authenticated %}
+        <a href="{% url 'favorites' %}" class="padding {% if request.resolver_match.url_name == 'favorites' %}active{% endif %}">
+            <i class="extra padding">favorite</i>
+            <span class="large-text">{% trans "Favorites" %}</span>
+        </a>
+        {% endif %}
+        <a href="/api/docs" class="padding">
+            <i class="extra padding">api</i>
+            <span class="large-text">{% trans "API Docs" %}</span>
+        </a>
+        <a href="{% url 'latest_recipes_feed' %}" class="padding">
+            <i class="extra padding">rss_feed</i>
+            <span class="large-text">{% trans "RSS Feed" %}</span>
+        </a>
+        {% if user.is_staff %}
+        <div class="divider"></div>
+        <a href="{% url 'admin_dashboard' %}" class="padding">
+            <i class="extra padding">admin_panel_settings</i>
+            <span class="large-text">{% trans "Admin Dashboard" %}</span>
+        </a>
+        {% endif %}
+    </nav>
+</dialog>

sandwitches/templates/components/user_menu.html

@@ -0,0 +1,10 @@
+{% load i18n %}
+{% if user.is_authenticated %}
+<menu id="user-menu" class="no-wrap left">
+  {% if user.is_staff %}
+  <a href="{% url 'admin_dashboard' %}" class="row"><i>admin_panel_settings</i>{% trans "Admin" %}</a>
+  <div class="divider"></div>
+  {% endif %}
+  <a href="{% url 'admin:logout' %}" class="row"><i>logout</i>{% trans "Logout" %}</a>
+</menu>
+{% endif %}

sandwitches/templates/detail.html

@@ -0,0 +1,178 @@
+{% extends "base_beer.html" %}
+{% block title %}{{ recipe.title }} — Sandwitch{% endblock %}
+
+{% block extra_head %}
+{{ block.super }}
+<style>
+    @media only screen and (min-width: 992px) {
+        main.container {
+            padding-left: 10%;
+            padding-right: 10%;
+        }
+    }
+    .portion-selector {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        margin-bottom: 20px;
+    }
+    .portion-selector input[type="number"] {
+        width: 60px;
+        text-align: center;
+    }
+</style>
+{% load custom_filters %} {# Load your custom filters #}
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "Recipe",
+  "name": "{{ recipe.title }}",
+  {% if recipe.image %}
+  "image": "{{ request.scheme }}://{{ request.get_host }}{{ recipe.image_medium.url }}",
+  {% endif %}
+  "author": {
+    "@type": "Person",
+    "name": "{% if recipe.uploaded_by %}{{ recipe.uploaded_by.get_full_name|default:recipe.uploaded_by.username }}{% else %}Anonymous{% endif %}"
+  },
+  "datePublished": "{{ recipe.created_at|date:"Y-m-d" }}",
+  "description": "{{ recipe.description|striptags|truncatechars:200 }}",
+  {% if recipe.tags.all %}
+  "recipeCategory": [{% for tag in recipe.tags.all %}"{{ tag.name }}"{% if not forloop.last %},{% endif %}{% endfor %}],
+  {% endif %}
+  "recipeIngredient": [
+    {% for ingredient in recipe.ingredients|linebreaksbr|striptags|split:"\n" %}
+    "{{ ingredient|escapejs }}"{% if not forloop.last %},{% endif %}
+    {% endfor %}
+  ],
+  "recipeInstructions": {
+    "@type": "ItemList",
+    "itemListElement": [
+      {% for instruction in recipe.instructions|linebreaksbr|striptags|split:"\n" %}
+      {
+        "@type": "HowToStep",
+        "text": "{{ instruction|escapejs }}"
+      }{% if not forloop.last %},{% endif %}
+      {% endfor %}
+    ]
+  },
+  {% if avg_rating > 0 %}
+  "aggregateRating": {
+    "@type": "AggregateRating",
+    "ratingValue": "{{ avg_rating|floatformat:1 }}",
+    "reviewCount": "{{ rating_count }}"
+  }
+  {% endif %}
+}
+</script>
+{% endblock %}
+
+{% block content %}
+
+{% load i18n markdown_extras %} {# Keep existing load tags #}
+
+<div class="space"></div>
+
+<nav>
+  <a href="{% url 'index' %}" class="button transparent circle">
+      <i>arrow_back</i>
+  </a>
+  <h5 class="max ml-2">{% trans "Back to all" %}</h5>
+</nav>
+
+<div class="large-space"></div>
+
+<div class="grid">
+  <!-- Left Column: Image and Main Info -->
+  <div class="s12 m12 l5">
+     <article class="round no-padding elevate">
+        {% if recipe.image %}
+        <img src="{{ recipe.image_large.url }}"
+             srcset="{{ recipe.image_medium.url }} 700w, {{ recipe.image_large.url }} 1200w"
+             sizes="(max-width: 768px) 95vw, 600px"
+             alt="{{ recipe.title }}"
+             loading="lazy"
+             class="responsive top-round">
+        {% else %}
+        <div class="primary medium-height top-round middle-align center-align" style="height:300px;">
+           <i class="extra">lunch_dining</i>
+        </div>
+        {% endif %}
+        <div class="padding">
+            {% include "components/recipe_header.html" %}
+
+            <div class="space"></div>
+            <div class="divider"></div>
+            <div class="space"></div>
+
+            <h6 class="bold">{% trans "Tags" %}</h6>
+            <div class="row wrap">
+              {% for tag in recipe.tags.all %}
+                <a href="{% url 'index' %}?tag={{ tag.name|urlencode }}" class="chip round surface">{{ tag.name }}</a>
+              {% endfor %}
+            </div>
+
+            <div class="space"></div>
+            <div class="divider"></div>
+            <div class="space"></div>
+
+            <div class="row wrap">
+                {% if recipe.favorited_by.all %}
+                   <span class="tiny-text">
+                       {% if recipe.favorited_by.count == 1 %}
+                           {% trans "Liked by" %} {{ recipe.favorited_by.first.username }}
+                       {% else %}
+                           {% trans "Liked by" %} {{ recipe.favorited_by.first.username }} {% trans "and" %} {{ recipe.favorited_by.count|add:"-1" }} {% trans "others" %}
+                       {% endif %}
+                   </span>
+                {% endif %}
+            </div>
+
+            <div class="space"></div>
+            <div class="divider"></div>
+            <div class="space"></div>
+
+            {% include "components/rating_section.html" %}
+
+            {% if user.is_authenticated and user.is_staff %}
+            <div class="space"></div>
+            <a href="/admin/sandwitches/recipe/{{ recipe.pk }}/change/" class="button transparent border round width-100 center-align">
+                <i>edit</i>
+                <span>{% trans "Edit Recipe" %}</span>
+            </a>
+            {% endif %}
+        </div>
+     </article>
+  </div>
+
+  <!-- Right Column: Details -->
+  <div class="s12 m12 l7">
+      <div class="padding">
+
+          <h5 class="primary-text">{% trans "Description" %}</h5>
+          <div class="large-text">
+            {% if recipe.description %}
+                {{ recipe.description|convert_markdown|safe }}
+            {% else %}
+                <p class="italic">{% trans "No description yet." %}</p>
+            {% endif %}
+          </div>
+
+          <div class="large-space"></div>
+
+          {% include "components/ingredients_section.html" %}
+
+          <div class="large-space"></div>
+
+          {% include "components/instructions_section.html" %}
+      </div>
+  </div>
+</div>
+{% endblock %}
+
+{% block extra_scripts %}
+
+{{ block.super }}
+
+{% include "components/ingredients_scripts.html" %}
+
+{% endblock %}

sandwitches/templates/favorites.html

@@ -0,0 +1,42 @@
+{% extends "base_beer.html" %}
+{% load i18n static %}
+
+{% block title %}{% trans 'Favorites' %}{% endblock %}
+
+{% block extra_head %}
+{{ block.super }}
+<style>
+    @media only screen and (min-width: 992px) {
+        main.container {
+            padding-left: 10%;
+            padding-right: 10%;
+        }
+    }
+</style>
+{% endblock %}
+
+{% block content %}
+<div class="large-space"></div>
+
+<article class="round primary s12 m12 l12">
+  <div class="row align-center">
+    <div class="max">
+      <h4 class="upper">{% trans 'Your Favorites' %}</h4>
+      <p class="large-text">{% trans 'The recipes you love the most.' %}</p>
+    </div>
+  </div>
+</article>
+
+<div class="space"></div>
+
+{% include "components/favorites_search_form.html" %}
+
+<div class="large-space"></div>
+
+{% include "partials/recipe_list.html" %}
+
+{% endblock %}
+
+{% block page_scripts %}
+{% include "components/search_scripts.html" %}
+{% endblock %}