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

sandwitches/templates/admin/admin_base.html

@@ -0,0 +1,118 @@
+{% extends "base.html" %}
+{% load i18n static %}
+
+{% block extra_head %}
+<link href="https://cdn.jsdelivr.net/npm/beercss@3.7.12/dist/cdn/beer.min.css" rel="stylesheet">
+<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.7.12/dist/cdn/beer.min.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.2/dist/cdn/material-dynamic-colors.min.js"></script>
+<script src="https://unpkg.com/htmx.org@2.0.8/dist/htmx.min.js"></script>
+<link rel="icon" type="image/svg+xml" href="{% static "icons/favicon.svg" %}">
+<style>
+    main.container {
+        padding-top: 2rem;
+        padding-bottom: 2rem;
+    }
+    .admin-thumb {
+        width: 80px;
+        height: 80px;
+        object-fit: cover;
+    }
+</style>
+{% endblock %}
+
+{% block navbar %}
+<nav class="top primary-container">
+  <button class="circle transparent" data-ui="#admin-menu">
+    <i>menu</i>
+  </button>
+  <a href="{% url 'admin_dashboard' %}" class="row align-center">
+    <img src="{% static 'icons/icon.svg' %}" class="circle small">
+    <h6 class="max">{% block admin_title %}{% trans "Sandwitches Admin" %}{% endblock %}</h6>
+  </a>
+  <div class="max"></div>
+  <button class="circle transparent" onclick="toggleMode()">
+    <i>dark_mode</i>
+  </button>
+  
+  {% 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 %}
+</nav>
+
+<dialog id="admin-menu" class="left">
+    <nav class="drawer vertical">
+        <header>
+            <img src="{% static 'icons/icon.svg' %}" class="circle large">
+            <h5 class="max">{% trans "Admin" %}</h5>
+        </header>
+        <div class="space"></div>
+        <a href="{% url 'admin_dashboard' %}" class="{% if request.resolver_match.url_name == 'admin_dashboard' %}active{% endif %}">
+            <i>dashboard</i>
+            <span>{% trans "Dashboard" %}</span>
+        </a>
+        <a href="{% url 'admin_recipe_list' %}" class="{% if request.resolver_match.url_name == 'admin_recipe_list' %}active{% endif %}">
+            <i>restaurant</i>
+            <span>{% trans "Recipes" %}</span>
+        </a>
+        <a href="{% url 'admin_user_list' %}" class="{% if request.resolver_match.url_name == 'admin_user_list' %}active{% endif %}">
+            <i>people</i>
+            <span>{% trans "Users" %}</span>
+        </a>
+        <a href="{% url 'admin_tag_list' %}" class="{% if request.resolver_match.url_name == 'admin_tag_list' %}active{% endif %}">
+            <i>label</i>
+            <span>{% trans "Tags" %}</span>
+        </a>
+        <a href="{% url 'admin_rating_list' %}" class="{% if request.resolver_match.url_name == 'admin_rating_list' %}active{% endif %}">
+            <i>star</i>
+            <span>{% trans "Ratings" %}</span>
+        </a>
+        <a href="{% url 'admin_task_list' %}" class="{% if request.resolver_match.url_name == 'admin_task_list' %}active{% endif %}">
+            <i>assignment</i>
+            <span>{% trans "Tasks" %}</span>
+        </a>
+        <div class="divider"></div>
+        <a href="{% url 'index' %}">
+            <i>home</i>
+            <span>{% trans "Public Site" %}</span>
+        </a>
+    </nav>
+</dialog>
+
+{% if user.is_authenticated %}
+<menu id="user-menu" class="no-wrap left">
+  <a href="{% url 'admin:logout' %}" class="row"><i>logout</i>{% trans "Logout" %}</a>
+</menu>
+{% endif %}
+
+{% if messages %}
+<div class="padding">
+    {% for message in messages %}
+    <div class="snackbar active {% if message.tags == 'error' %}error{% else %}primary{% endif %}">
+        <i>{% if message.tags == 'error' %}error{% else %}info{% endif %}</i>
+        <span>{{ message }}</span>
+    </div>
+    {% endfor %}
+</div>
+{% endif %}
+{% endblock %}
+
+{% block footer %}
+<footer class="padding">
+    <div class="row align-center">
+        <div class="max">
+            <h6 class="small">Sandwitches Admin</h6>
+            <div class="small-text">© {% now "Y" %} Sandwitches Inc.</div>
+        </div>
+        <nav>
+            version {{ version }}
+        </nav>
+    </div>
+</footer>
+{% endblock %}
+
+{% block extra_scripts %}
+{{ block.super }}
+{% block admin_scripts %}{% endblock %}
+{% endblock %}

sandwitches/templates/admin/confirm_delete.html

@@ -0,0 +1,23 @@
+{% extends "admin/admin_base.html" %}
+{% load i18n %}
+
+{% block admin_title %}{% trans "Confirm Delete" %}{% endblock %}
+
+{% block content %}
+<article class="round padding center-align">
+    <i class="extra error-text">warning</i>
+    <h5>{% trans "Are you sure?" %}</h5>
+    <p>{% trans "You are about to delete the following" %} {{ type }}: <b>{{ object }}</b></p>
+    <p>{% trans "This action cannot be undone." %}</p>
+    
+    <div class="space"></div>
+    
+    <form method="post">
+        {% csrf_token %}
+        <nav class="center-align">
+            <button type="button" class="button transparent" onclick="history.back()">{% trans "Cancel" %}</button>
+            <button type="submit" class="button error round">{% trans "Yes, Delete" %}</button>
+        </nav>
+    </form>
+</article>
+{% endblock %}

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 }}" 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 %}