sandwitches 1.4.2__py3-none-any.whl → 1.5.0__py3-none-any.whl

sandwitches/templates/components/ingredients_scripts.html

@@ -0,0 +1,50 @@
+{% load i18n static %}
+
+<script>
+    async function scaleIngredients() {
+        const portionsInput = document.getElementById('portions');
+        const ingredientsDisplay = document.getElementById('ingredients-display');
+        const selector = document.querySelector('.portion-selector');
+        
+        if (!portionsInput || !ingredientsDisplay || !selector) return;
+
+        const recipeId = selector.dataset.recipeId;
+        const targetServings = portionsInput.value;
+
+        ingredientsDisplay.innerHTML = '<div class="center-align padding"><progress class="circle"></progress></div>';
+
+        try {
+            const url = `/api/v1/recipes/${recipeId}/scale-ingredients?target_servings=${targetServings}`;
+            console.log("Fetching:", url);
+            const response = await fetch(url);
+            
+            if (!response.ok) throw new Error(`Status: ${response.status}`);
+            
+            const data = await response.json();
+            
+            let html = '<div class="padding">';
+            data.forEach(item => {
+                html += `<div class="mb-1">${item.scaled_line}</div>`;
+            });
+            html += '</div>';
+            ingredientsDisplay.innerHTML = html;
+        } catch (e) {
+            console.error("Scaling failed:", e);
+            ingredientsDisplay.innerHTML = `<div class="padding error-text">{% trans "Error scaling ingredients:" %} ${e.message}</div>`;
+        }
+    }
+
+    function adjustPortions(delta) {
+        const input = document.getElementById('portions');
+        if (!input) return;
+        let val = parseInt(input.value) || 1;
+        val += delta;
+        if (val < 1) val = 1;
+        input.value = val;
+        scaleIngredients();
+    }
+
+    document.addEventListener('DOMContentLoaded', () => {
+        scaleIngredients();
+    });
+</script>

sandwitches/templates/components/ingredients_section.html

@@ -0,0 +1,11 @@
+{% load i18n %}
+<h5 class="primary-text">{% trans "Ingredients" %}</h5>
+<div class="portion-selector" data-recipe-id="{{ recipe.id }}" data-original-servings="{{ recipe.servings }}">
+    <label for="portions">{% trans "Portions" %}:</label>
+    <button class="button circle transparent" onclick="adjustPortions(-1)">-</button>
+    <input type="number" id="portions" value="{{ recipe.servings }}" min="1" onchange="scaleIngredients()">
+    <button class="button circle transparent" onclick="adjustPortions(1)">+</button>
+</div>
+ <div id="ingredients-display" class="card padding flat gray1">
+  <p class="text-center">{% trans "Loading ingredients..." %}</p>
+ </div>

sandwitches/templates/components/instructions_section.html

@@ -0,0 +1,9 @@
+{% load i18n markdown_extras %}
+<h5 class="primary-text">{% trans "Instructions" %}</h5>
+<div>
+  {% if recipe.instructions %}
+      {{ recipe.instructions|convert_markdown|safe }}
+  {% else %}
+      <p class="italic">{% trans "No instructions yet." %}</p>
+  {% endif %}
+</div>

sandwitches/templates/components/language_dialog.html

@@ -0,0 +1,26 @@
+{% load i18n %}
+<dialog id="language-menu">
+    <form method="post" action="{% url 'set_language' %}">
+        {% csrf_token %}
+        <h5 class="center-align">{% trans "Select Language" %}</h5>
+        <div class="grid center-align">
+            {% get_current_language as LANGUAGE_CODE %}
+            {% get_available_languages as LANGUAGES %}
+            {% for code, name in LANGUAGES %}
+            <div class="s6">
+                <button type="submit" name="language" value="{{ code }}" class="circle large {% if code == LANGUAGE_CODE %}primary{% else %}surface{% endif %}">
+                    <span style="font-size: 2rem;">
+                        {% if code == 'en' %}🇬🇧{% elif code == 'nl' %}🇳🇱{% else %}🌐{% endif %}
+                    </span>
+                </button>
+                <div class="small-text">{{ name }}</div>
+            </div>
+            {% endfor %}
+        </div>
+        <input type="hidden" name="next" value="{{ request.get_full_path }}" />
+    </form>
+    <div class="space"></div>
+    <nav class="center-align">
+        <button class="transparent link" data-ui="#language-menu">{% trans "Close" %}</button>
+    </nav>
+</dialog>

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 'admin: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 'admin: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,31 @@
+{% 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>
+        {% 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 %}