sandwitches 2.2.0__py3-none-any.whl

sandwitches/templates/admin/dashboard.html

@@ -0,0 +1,262 @@
+{% extends "admin/admin_base.html" %}
+{% load i18n %}
+
+{% block admin_title %}{% trans "Dashboard" %}{% endblock %}
+
+
+
+{% block content %}
+
+<div class="row align-center mb-2">
+
+    <div class="max"></div>
+
+    <form method="get" class="row no-space border round padding surface-variant">
+
+        <div class="field label small transparent">
+
+            <input type="date" name="start_date" value="{{ start_date }}">
+
+            <label>{% trans "Start Date" %}</label>
+
+        </div>
+
+        <div class="divider vertical"></div>
+
+        <div class="field label small transparent">
+
+            <input type="date" name="end_date" value="{{ end_date }}">
+
+            <label>{% trans "End Date" %}</label>
+
+        </div>
+
+        <button type="submit" class="button primary square"><i>refresh</i></button>
+
+    </form>
+
+</div>
+
+
+
+<div class="grid">
+
+    <div class="s12 m4">
+
+        <article class="round primary-container padding">
+
+            <div class="row align-center">
+
+                <i class="extra">restaurant</i>
+
+                <div class="max">
+
+                    <h4 class="bold">{{ recipe_count }}</h4>
+
+                    <div>{% trans "Recipes" %}</div>
+
+                </div>
+
+            </div>
+
+            <nav class="right-align">
+
+                <a href="{% url 'admin_recipe_list' %}" class="button transparent">{% trans "View all" %}</a>
+
+            </nav>
+
+        </article>
+
+    </div>
+
+    <div class="s12 m4">
+
+        <article class="round secondary-container padding">
+
+            <div class="row align-center">
+
+                <i class="extra">people</i>
+
+                <div class="max">
+
+                    <h4 class="bold">{{ user_count }}</h4>
+
+                    <div>{% trans "Users" %}</div>
+
+                </div>
+
+            </div>
+
+            <nav class="right-align">
+
+                <a href="{% url 'admin_user_list' %}" class="button transparent">{% trans "View all" %}</a>
+
+            </nav>
+
+        </article>
+
+    </div>
+
+    <div class="s12 m4">
+
+        <article class="round tertiary-container padding">
+
+            <div class="row align-center">
+
+                <i class="extra">label</i>
+
+                <div class="max">
+
+                    <h4 class="bold">{{ tag_count }}</h4>
+
+                    <div>{% trans "Tags" %}</div>
+
+                </div>
+
+            </div>
+
+            <nav class="right-align">
+
+                <a href="{% url 'admin_tag_list' %}" class="button transparent">{% trans "View all" %}</a>
+
+            </nav>
+
+        </article>
+
+    </div>
+
+
+
+    <!-- Charts Section -->
+
+    <div class="s12 m6">
+
+        <article class="round border padding">
+
+            <h6 class="bold mb-1">{% trans "Recipes Over Time (Last 30 Days)" %}</h6>
+
+            <canvas id="recipeChart" style="width:100%; max-height:300px;"></canvas>
+
+        </article>
+
+    </div>
+
+    <div class="s12 m6">
+
+        <article class="round border padding">
+
+            <h6 class="bold mb-1">{% trans "Average Rating Over Time (Last 30 Days)" %}</h6>
+
+            <canvas id="ratingChart" style="width:100%; max-height:300px;"></canvas>
+
+        </article>
+
+    </div>
+
+
+
+    <div class="s12">
+
+        <h5 class="bold">{% trans "Recent Recipes" %}</h5>
+
+        <table class="border striped no-space">
+
+            <thead>
+
+                <tr>
+
+                    <th>{% trans "Title" %}</th>
+
+                    <th>{% trans "Uploader" %}</th>
+
+                    <th>{% trans "Created At" %}</th>
+
+                    <th class="right-align">{% trans "Actions" %}</th>
+
+                </tr>
+
+            </thead>
+
+            <tbody>
+
+                {% for recipe in recent_recipes %}
+
+                <tr class="pointer" onclick="location.href='{% url 'admin_recipe_edit' recipe.pk %}'">
+
+                    <td>{{ recipe.title }}</td>
+
+                    <td>{{ recipe.uploaded_by.username|default:"-" }}</td>
+
+                    <td>{{ recipe.created_at|date:"SHORT_DATETIME_FORMAT" }}</td>
+
+                    <td class="right-align">
+
+                        <a href="{% url 'admin_recipe_edit' recipe.pk %}" class="button circle transparent" onclick="event.stopPropagation();"><i>edit</i></a>
+
+                    </td>
+
+                </tr>
+
+                {% endfor %}
+
+            </tbody>
+
+        </table>
+
+    </div>
+
+</div>
+
+{% endblock %}
+
+
+
+{% block admin_scripts %}
+<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+<script>
+    document.addEventListener('DOMContentLoaded', function() {
+        const primaryColor = getComputedStyle(document.documentElement).getPropertyValue('--primary').trim() || '#5d4037';
+        const secondaryColor = getComputedStyle(document.documentElement).getPropertyValue('--secondary').trim() || '#ff7a18';
+
+        // Recipe Chart
+        new Chart(document.getElementById('recipeChart'), {
+            type: 'line',
+            data: {
+                labels: {{ recipe_labels|safe }},
+                datasets: [{
+                    label: '{% trans "Recipes Created" %}',
+                    data: {{ recipe_counts|safe }},
+                    borderColor: primaryColor,
+                    backgroundColor: primaryColor + '33',
+                    fill: true,
+                    tension: 0.4
+                }]
+            },
+            options: {
+                responsive: true,
+                plugins: { legend: { display: false } },
+                scales: { y: { beginAtZero: true, ticks: { stepSize: 1 } } }
+            }
+        });
+
+        // Rating Chart
+        new Chart(document.getElementById('ratingChart'), {
+            type: 'bar',
+            data: {
+                labels: {{ rating_labels|safe }},
+                datasets: [{
+                    label: '{% trans "Avg Rating" %}',
+                    data: {{ rating_avgs|safe }},
+                    backgroundColor: secondaryColor,
+                    borderRadius: 4
+                }]
+            },
+            options: {
+                responsive: true,
+                plugins: { legend: { display: false } },
+                scales: { y: { min: 0, max: 10 } }
+            }
+        });
+    });
+</script>
+{% endblock %}

sandwitches/templates/admin/rating_list.html

@@ -0,0 +1,38 @@
+{% extends "admin/admin_base.html" %}
+{% load i18n %}
+
+{% block admin_title %}{% trans "Ratings" %}{% endblock %}
+
+{% block content %}
+<h5 class="bold mb-2">{% trans "Recipe Ratings" %}</h5>
+
+<table class="border striped no-space">
+    <thead>
+        <tr>
+            <th>{% trans "Recipe" %}</th>
+            <th>{% trans "User" %}</th>
+            <th class="min center-align">{% trans "Score" %}</th>
+            <th>{% trans "Updated" %}</th>
+            <th class="right-align">{% trans "Actions" %}</th>
+        </tr>
+    </thead>
+    <tbody>
+        {% for r in ratings %}
+        <tr>
+            <td><b>{{ r.recipe.title }}</b></td>
+            <td>{{ r.user.username }}</td>
+            <td class="min center-align">
+                <div class="row align-center">
+                    <i class="primary-text">star</i>
+                    <span>{{ r.score }}</span>
+                </div>
+            </td>
+            <td>{{ r.updated_at|date:"SHORT_DATETIME_FORMAT" }}</td>
+            <td class="right-align">
+                <a href="{% url 'admin_rating_delete' r.pk %}" class="button circle transparent" title="{% trans 'Delete' %}"><i>delete</i></a>
+            </td>
+        </tr>
+        {% endfor %}
+    </tbody>
+</table>
+{% endblock %}

sandwitches/templates/admin/recipe_form.html

@@ -0,0 +1,184 @@
+{% extends "admin/admin_base.html" %}
+{% load i18n %}
+
+{% block admin_title %}{{ title }}{% endblock %}
+
+{% block extra_head %}
+{{ block.super }}
+<link rel="stylesheet" href="https://unpkg.com/easymde/dist/easymde.min.css">
+<script src="https://unpkg.com/easymde/dist/easymde.min.js"></script>
+<style>
+    /* Ensure EasyMDE fits well with BeerCSS containers */
+    .editor-toolbar {
+        background: var(--surface-variant) !important;
+        color: var(--on-surface-variant) !important;
+        border-color: var(--outline) !important;
+        opacity: 1 !important;
+    }
+    .CodeMirror {
+        background: var(--surface) !important;
+        color: var(--on-surface) !important;
+        border-color: var(--outline) !important;
+    }
+    .editor-toolbar button {
+        color: var(--on-surface-variant) !important;
+    }
+    .editor-toolbar button.active, .editor-toolbar button:hover {
+        background: var(--primary-container) !important;
+        color: var(--on-primary-container) !important;
+    }
+    /* Add spacing between sections */
+    .form-section {
+        margin-bottom: 2rem;
+    }
+</style>
+{% endblock %}
+
+{% block content %}
+<form method="post" enctype="multipart/form-data" id="recipe-form">
+    {% csrf_token %}
+    {{ form.rotation }}
+    <div class="grid">
+        <!-- Top Section: Title, Tags, and Image -->
+        <div class="s12 m8">
+            <article class="round padding border mb-2">
+                <div class="field label border round">
+                    {{ form.title }}
+                    <label>{{ form.title.label }}</label>
+                    {% if form.title.errors %}<span class="error">{{ form.title.errors|striptags }}</span>{% endif %}
+                </div>
+
+                <div class="field label border round mt-1">
+                    {{ form.tags_string }}
+                    <label>{{ form.tags_string.label }}</label>
+                    {% if form.tags_string.errors %}<span class="error">{{ form.tags_string.errors|striptags }}</span>{% endif %}
+                    <span class="helper">{% trans "Separate tags with commas. New tags will be created automatically." %}</span>
+                </div>
+
+                <div class="field label border round mt-1">
+                    {{ form.uploaded_by }}
+                    <label>{{ form.uploaded_by.label }}</label>
+                    {% if form.uploaded_by.errors %}<span class="error">{{ form.uploaded_by.errors|striptags }}</span>{% endif %}
+                </div>
+            </article>
+
+            <!-- Description -->
+            <div class="form-section">
+                <div class="row align-center mb-1">
+                    <i class="primary-text">description</i>
+                    <h6 class="bold ml-1">{% trans "Description" %}</h6>
+                </div>
+                <div class="card border no-padding">
+                    {{ form.description }}
+                </div>
+                {% if form.description.errors %}<span class="error">{{ form.description.errors|striptags }}</span>{% endif %}
+            </div>
+        </div>
+
+        <div class="s12 m4">
+            <article class="round padding border center-align">
+                <h6 class="bold mb-1">{% trans "Recipe Image" %}</h6>
+
+                <div class="relative mb-1" style="overflow: hidden; min-height: 200px; display: flex; align-items: center; justify-content: center;">
+                    {% if recipe.image %}
+                    <img src="{{ recipe.image_medium.url }}?v={% now "U" %}" class="responsive round" id="image-preview" style="max-height: 300px; width: 100%; object-fit: contain; transition: transform 0.3s ease;">
+                    {% else %}
+                    <div class="medium-height middle-align center-align gray1 round" id="image-placeholder" style="width: 100%;">
+                        <i class="extra">image</i>
+                    </div>
+                    {% endif %}
+                </div>
+
+                {% if recipe.image %}
+                <div class="row no-space border round mb-1">
+                    <button type="button" class="button transparent max" onclick="rotatePreview(-90)" title="{% trans 'Rotate 90° CCW' %}">
+                        <i>rotate_left</i>
+                    </button>
+                    <div class="divider vertical"></div>
+                    <button type="button" class="button transparent max" onclick="rotatePreview(90)" title="{% trans 'Rotate 90° CW' %}">
+                        <i>rotate_right</i>
+                    </button>
+                </div>
+                {% endif %}
+
+                <div class="field file border round">
+                    <input type="text" readonly>
+                    {{ form.image }}
+                    <label>{{ form.image.label }}</label>
+                    <i>publish</i>
+                </div>
+                {% if form.image.errors %}<span class="error">{{ form.image.errors|striptags }}</span>{% endif %}
+            </article>
+        </div>
+
+        <!-- Ingredients and Instructions (Full Width) -->
+        <div class="s12">
+            <div class="divider mb-2"></div>
+
+            <div class="form-section">
+                <div class="row align-center mb-1">
+                    <i class="primary-text">shopping_cart</i>
+                    <h6 class="bold ml-1">{% trans "Ingredients" %}</h6>
+                </div>
+                <div class="card border no-padding">
+                    {{ form.ingredients }}
+                </div>
+                {% if form.ingredients.errors %}<span class="error">{{ form.ingredients.errors|striptags }}</span>{% endif %}
+            </div>
+
+            <div class="form-section">
+                <div class="row align-center mb-1">
+                    <i class="primary-text">list</i>
+                    <h6 class="bold ml-1">{% trans "Instructions" %}</h6>
+                </div>
+                <div class="card border no-padding">
+                    {{ form.instructions }}
+                </div>
+                {% if form.instructions.errors %}<span class="error">{{ form.instructions.errors|striptags }}</span>{% endif %}
+            </div>
+        </div>
+    </div>
+
+    <div class="large-space"></div>
+    <nav class="right-align padding surface-container border round">
+        <a href="{% url 'admin_recipe_list' %}" class="button transparent">{% trans "Cancel" %}</a>
+        <button type="submit" class="button primary round">
+            <i>save</i>
+            <span>{% trans "Save Recipe" %}</span>
+        </button>
+    </nav>
+</form>
+{% endblock %}
+
+{% block admin_scripts %}
+<script>
+    let currentRotation = 0;
+
+    function rotatePreview(angle) {
+        currentRotation = (currentRotation + angle) % 360;
+        const img = document.getElementById('image-preview');
+        if (img) {
+            img.style.transform = `rotate(${currentRotation}deg)`;
+            document.getElementsByName('rotation')[0].value = currentRotation;
+        }
+    }
+
+    document.addEventListener('DOMContentLoaded', function() {
+        const fields = ['id_description', 'id_ingredients', 'id_instructions'];
+        fields.forEach(id => {
+            const el = document.getElementById(id);
+            if (el) {
+                new EasyMDE({
+                    element: el,
+                    spellChecker: false,
+                    autosave: {
+                        enabled: false
+                    },
+                    status: false,
+                    minHeight: "200px"
+                });
+            }
+        });
+    });
+</script>
+{% endblock %}

sandwitches/templates/admin/recipe_list.html

@@ -0,0 +1,64 @@
+{% extends "admin/admin_base.html" %}
+{% load i18n %}
+
+{% block admin_title %}{% trans "Recipes" %}{% endblock %}
+
+{% block content %}
+<div class="row align-center mb-2">
+    <h5 class="max bold">{% trans "Recipe Management" %}</h5>
+    <a href="{% url 'admin_recipe_add' %}" class="button primary round">
+        <i>add</i>
+        <span>{% trans "Add Recipe" %}</span>
+    </a>
+</div>
+
+<table class="border striped no-space">
+    <thead>
+        <tr>
+            <th class="min">{% trans "ID" %}</th>
+            <th class="min">{% trans "Image" %}</th>
+            <th class="max">{% trans "Title" %}</th>
+            <th class="min">{% trans "Rating" %}</th>
+            <th class="m l">{% trans "Tags" %}</th>
+            <th>{% trans "Uploader" %}</th>
+            <th>{% trans "Created" %}</th>
+            <th class="right-align">{% trans "Actions" %}</th>
+        </tr>
+    </thead>
+    <tbody>
+        {% for recipe in recipes %}
+        <tr class="pointer" onclick="location.href='{% url 'admin_recipe_edit' recipe.pk %}'">
+            <td class="min">{{ recipe.id }}</td>
+            <td class="min">
+                {% if recipe.image %}
+                <img src="{{ recipe.image_thumbnail.url }}" class="admin-thumb round">
+                {% else %}
+                <div class="admin-thumb round gray1 middle-align center-align">
+                    <i class="extra">restaurant</i>
+                </div>
+                {% endif %}
+            </td>
+            <td class="max">
+                <b>{{ recipe.title }}</b>
+            </td>
+            <td class="min center-align">
+                <div class="row align-center">
+                    <i class="primary-text">star</i>
+                    <span>{{ recipe.avg_rating|default:0|floatformat:1 }}</span>
+                </div>
+            </td>
+            <td class="m l">
+                {% for tag in recipe.tags.all %}
+                <span class="chip tiny">{{ tag.name }}</span>
+                {% endfor %}
+            </td>
+            <td>{{ recipe.uploaded_by.username|default:"-" }}</td>
+            <td>{{ recipe.created_at|date:"SHORT_DATE_FORMAT" }}</td>
+            <td class="right-align">
+                <a href="{% url 'admin_recipe_delete' recipe.pk %}" class="button circle transparent" onclick="event.stopPropagation();" title="{% trans 'Delete' %}"><i>delete</i></a>
+            </td>
+        </tr>
+        {% endfor %}
+    </tbody>
+</table>
+{% endblock %}

sandwitches/templates/admin/tag_form.html

@@ -0,0 +1,30 @@
+{% extends "admin/admin_base.html" %}
+{% load i18n %}
+
+{% block admin_title %}{{ title }}{% endblock %}
+
+{% block content %}
+<article class="round padding">
+    <form method="post">
+        {% csrf_token %}
+        <div class="grid">
+            {% for field in form %}
+            <div class="s12">
+                <div class="field label border round">
+                    {{ field }}
+                    <label>{{ field.label }}</label>
+                    {% if field.errors %}
+                    <span class="error">{{ field.errors|striptags }}</span>
+                    {% endif %}
+                </div>
+            </div>
+            {% endfor %}
+        </div>
+        <div class="space"></div>
+        <nav class="right-align">
+            <a href="{% url 'admin_tag_list' %}" class="button transparent">{% trans "Cancel" %}</a>
+            <button type="submit" class="button primary round">{% trans "Save Tag" %}</button>
+        </nav>
+    </form>
+</article>
+{% endblock %}

sandwitches/templates/admin/tag_list.html

@@ -0,0 +1,37 @@
+{% extends "admin/admin_base.html" %}
+{% load i18n %}
+
+{% block admin_title %}{% trans "Tags" %}{% endblock %}
+
+{% block content %}
+<div class="row align-center mb-2">
+    <h5 class="max bold">{% trans "Tag Management" %}</h5>
+    <a href="{% url 'admin_tag_add' %}" class="button primary round">
+        <i>add</i>
+        <span>{% trans "Add Tag" %}</span>
+    </a>
+</div>
+
+<table class="border striped no-space">
+    <thead>
+        <tr>
+            <th class="min">{% trans "ID" %}</th>
+            <th class="max">{% trans "Name" %}</th>
+            <th>{% trans "Slug" %}</th>
+            <th class="right-align">{% trans "Actions" %}</th>
+        </tr>
+    </thead>
+    <tbody>
+        {% for tag in tags %}
+        <tr class="pointer" onclick="location.href='{% url 'admin_tag_edit' tag.pk %}'">
+            <td class="min">{{ tag.id }}</td>
+            <td class="max"><b>{{ tag.name }}</b></td>
+            <td>{{ tag.slug }}</td>
+            <td class="right-align">
+                <a href="{% url 'admin_tag_delete' tag.pk %}" class="button circle transparent" onclick="event.stopPropagation();" title="{% trans 'Delete' %}"><i>delete</i></a>
+            </td>
+        </tr>
+        {% endfor %}
+    </tbody>
+</table>
+{% endblock %}