Merge pull request #261 from vabene1111/dependabot/pip/requests-2.25.1

Bump requests from 2.25.0 to 2.25.1

.env.template

@@ -8,28 +8,45 @@ ALLOWED_HOSTS=*
 # random secret key, use for example base64 /dev/urandom | head -c50 to generate one
 SECRET_KEY=
 
+# your default timezone
+TIMEZONE=Europe/Berlin
+
 # add only a database password if you want to run with the default postgres, otherwise change settings accordingly
-DB_ENGINE=django.db.backends.postgresql_psycopg2
+DB_ENGINE=django.db.backends.postgresql
 POSTGRES_HOST=db_recipes
 POSTGRES_PORT=5432
 POSTGRES_USER=djangodb
 POSTGRES_PASSWORD=
 POSTGRES_DB=djangodb
 
+# the default value for the user preference 'fractions' (enable/disable fraction support)
+# when unset: 0 (disabled)
+FRACTION_PREF_DEFAULT=0
+
+# the default value for the user preference 'comments' (enable/disable commenting system)
+# when unset: 1 (true)
+COMMENT_PREF_DEFAULT=1
+
+# Users can set a amount of time after which the shopping list is refreshed when they are in viewing mode
+# This is the minimum interval users can set. Setting this to low will allow users to refresh very frequently which
+# might cause high load on the server. (Technically they can obviously refresh as often as they want with their own scripts)
+SHOPPING_MIN_AUTOSYNC_INTERVAL=5
+
+# If staticfiles are stored at a different location uncomment and change accordingly
+# STATIC_URL=/static/
+
+# If mediafiles are stored at a different location uncomment and change accordingly
+# MEDIA_URL=/media/
+
 # Serve mediafiles directly using gunicorn. Basically everyone recommends not doing this. Please use any of the examples
 # provided that include an additional nxginx container to handle media file serving.
 # If you know what you are doing turn this back on (1) to serve media files using djangos serve() method.
 # when unset: 1 (true) - this is temporary until an appropriate amount of time has passed for everyone to migrate
 GUNICORN_MEDIA=0
 
-
 # allow authentication via reverse proxy (e.g. authelia), leave of if you dont know what you are doing
 # docs: https://github.com/vabene1111/recipes/tree/develop/docs/docker/nginx-proxy%20with%20proxy%20authentication
 # when unset: 0 (false)
 REVERSE_PROXY_AUTH=0
 
 
-# the default value for the user preference 'comments' (enable/disable commenting system)
-# when unset: 1 (true)
-COMMENT_PREF_DEFAULT=1
-

.github/dependabot.yml

@@ -0,0 +1,11 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://help.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
+
+version: 2
+updates:
+  - package-ecosystem: "pip" # See documentation for possible values
+    directory: "/" # Location of package manifests
+    schedule:
+      interval: "daily"

.github/workflows/docker-publish-release.yml

@@ -11,7 +11,7 @@ jobs:
     name: Build image job
     steps:
       - name: Checkout master
-        uses: actions/checkout@master#
+        uses: actions/checkout@master
       - name: Get version number
         id: get_version
         run: echo ::set-output name=VERSION::${GITHUB_REF/refs\/tags\//}

.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" />
+  </state>
+</component>

.idea/dictionaries/vabene1111_PC.xml

@@ -1,6 +1,7 @@
 <component name="ProjectDictionaryState">
   <dictionary name="vabene1111-PC">
     <words>
+      <w>autosync</w>
       <w>csrftoken</w>
       <w>gunicorn</w>
       <w>ical</w>

README.md

@@ -1,16 +1,17 @@
 # Recipes ![CI](https://github.com/vabene1111/recipes/workflows/Continous%20Integration/badge.svg?branch=develop)
+
 Recipes is a Django application to manage, tag and search recipes using either built in models or external storage providers hosting PDF's, Images or other files.
 
 ![Preview](docs/preview.png)
 
 [More Screenshots](https://imgur.com/a/V01151p)
 
-### Features
+## Features
 
 - :package: **Sync** files with Dropbox and Nextcloud (more can easily be added)
 - :mag: Powerful **search** with Djangos [TrigramSimilarity](https://docs.djangoproject.com/en/3.0/ref/contrib/postgres/search/#trigram-similarity)
 - :label: Create and search for **tags**, assign them in batch to all files matching certain filters
-- :page_facing_up: **Create recipes** locally within a nice, standardized web interface 
+- :page_facing_up: **Create recipes** locally within a nice, standardized web interface
 - :arrow_down: **Import recipes** from thousands of websites supporting [ld+json or microdata](https://schema.org/Recipe)
 - :iphone: Optimized for use on **mobile** devices like phones and tablets
 - :shopping_cart: Generate **shopping** lists from recipes
@@ -21,30 +22,29 @@ Recipes is a Django application to manage, tag and search recipes using either b
 - :envelope: Export and import recipes from other users
 - :heavy_plus_sign: Many more like recipe scaling, image compression, cookbooks, printing views, ...
 
-This application is meant for people with a collection of recipes they want to share with family and friends or simply 
+This application is meant for people with a collection of recipes they want to share with family and friends or simply
 store them in a nicely organized way. A basic permission system exists but this application is not meant to be run as a public page.
 Some Documentation can be found [here](https://github.com/vabene1111/recipes/wiki)
-# Installation
+
+## Installation
 
 The docker image (`vabene1111/recipes`) simply exposes the application on port `8080`. You may choose any preferred installation method, the following are just examples to make it easier.
 
 ### Docker-Compose
 
-2. Choose one of the included configurations [here](docs/docker).
-2. Download the environment (config) file template and fill it out `wget https://raw.githubusercontent.com/vabene1111/recipes/develop/.env.template -O .env `
+1. Choose one of the included configurations [here](docs/docker).
+2. Download the environment (config) file template and fill it out `wget https://raw.githubusercontent.com/vabene1111/recipes/develop/.env.template -O .env`
 3. Start the container `docker-compose up -d`
-4. Open the page to create the first user. Alternatively use `docker-compose exec web_recipes createsuperuser` 
+4. Open the page to create the first user. Alternatively use `docker-compose exec web_recipes createsuperuser`
 
 ### Manual
-**Python >= 3.8** is required to run this! 
 
-Copy `.env.template` to `.env` and fill in the missing values accordingly.  
-Make sure all variables are available to whatever serves your application.
+**Python >= 3.8** is required to run this!
 
-Otherwise simply follow the instructions for any django based deployment
-(for example [this one](http://uwsgi-docs.readthedocs.io/en/latest/tutorials/Django_and_nginx.html)).
+Refer to [manual install](docs/manual_install) for detailled instructions.
 
 ## Updating
+
 While intermediate updates can be skipped when updating please make sure to **read the release notes** in case some special action is required to update.
 
 0. Before updating it is recommended to **create a backup!**
@@ -57,25 +57,27 @@ While intermediate updates can be skipped when updating please make sure to **re
 You can find a basic kubernetes setup [here](docs/k8s/). Please see the README in the folder for more detail.
 
 ## Contributing
+
 Pull Requests and ideas are welcome, feel free to contribute in any way.
 For any questions on how to work with django please refer to their excellent [documentation](https://www.djangoproject.com/start/).
 
 ### Translating
+
 There is a [transifex project](https://www.transifex.com/django-recipes/django-cookbook/) project to enable community driven translations. If you want to contribute a new language or help maintain an already existing one feel free to create a transifex account (using the link above) and request to join the project.
 
 It is also possible to provide the translations directly by creating a new language using `manage.py makemessages -l <language_code> -i venv`. Once finished simply open a PR with the changed files. 
 
 ## License
+
 Beginning with version 0.10.0 the code in this repository is licensed under the [GNU AGPL v3](https://www.gnu.org/licenses/agpl-3.0.de.html) license with an
 [common clause](https://commonsclause.com/) selling exception. See [LICENSE.md](https://github.com/vabene1111/recipes/blob/develop/LICENSE.md) for details.
 
 **Reasoning**
+**This software and *all* its features are and will always be free for everyone to use and enjoy.**
 
-#### This software and **all** its features are and will always be free for everyone to use and enjoy. 
-
-The reason for the selling exception is that a significant amount of time was spend over multiple years to develop this software. 
+The reason for the selling exception is that a significant amount of time was spend over multiple years to develop this software.
 A payed hosted version which will be identical in features and code base to the software offered in this repository will
 likely be released in the future (including all features needed to sell a hosted version as they might also be useful for personal use).
-This will not only benefit me personally but also everyone who self-hosts this software as any profits made trough selling the hosted option 
+This will not only benefit me personally but also everyone who self-hosts this software as any profits made trough selling the hosted option
 allow me to spend more time developing and improving the software for everyone. Selling exceptions are [approved by Richard Stallman](http://www.gnu.org/philosophy/selling-exceptions.en.html) and the
-common clause license is very permissive (see the [FAQ](https://commonsclause.com/)).
+common clause license is very permissive (see the [FAQ](https://commonsclause.com/)).

cookbook/admin.py

@@ -2,6 +2,13 @@ from django.contrib import admin
 from .models import *
 
 
+class SpaceAdmin(admin.ModelAdmin):
+    list_display = ('name', 'message')
+
+
+admin.site.register(Space, SpaceAdmin)
+
+
 class UserPreferenceAdmin(admin.ModelAdmin):
     list_display = ('name', 'theme', 'nav_color', 'default_page', 'search_style', 'comments')
 
@@ -125,6 +132,13 @@ class ViewLogAdmin(admin.ModelAdmin):
 admin.site.register(ViewLog, ViewLogAdmin)
 
 
+class InviteLinkAdmin(admin.ModelAdmin):
+    list_display = ('username', 'group', 'valid_until', 'created_by', 'created_at', 'used_by')
+
+
+admin.site.register(InviteLink, InviteLinkAdmin)
+
+
 class CookLogAdmin(admin.ModelAdmin):
     list_display = ('recipe', 'created_by', 'created_at', 'rating', 'servings')
 
@@ -132,8 +146,36 @@ class CookLogAdmin(admin.ModelAdmin):
 admin.site.register(CookLog, CookLogAdmin)
 
 
+class ShoppingListRecipeAdmin(admin.ModelAdmin):
+    list_display = ('id', 'recipe', 'multiplier')
+
+
+admin.site.register(ShoppingListRecipe, ShoppingListRecipeAdmin)
+
+
+class ShoppingListEntryAdmin(admin.ModelAdmin):
+    list_display = ('id', 'food', 'unit', 'list_recipe', 'checked')
+
+
+admin.site.register(ShoppingListEntry, ShoppingListEntryAdmin)
+
+
+class ShoppingListAdmin(admin.ModelAdmin):
+    list_display = ('id', 'created_by', 'created_at')
+
+
+admin.site.register(ShoppingList, ShoppingListAdmin)
+
+
 class ShareLinkAdmin(admin.ModelAdmin):
     list_display = ('recipe', 'created_by', 'uuid', 'created_at',)
 
 
 admin.site.register(ShareLink, ShareLinkAdmin)
+
+
+class NutritionInformationAdmin(admin.ModelAdmin):
+    list_display = ('id',)
+
+
+admin.site.register(NutritionInformation, NutritionInformationAdmin)

cookbook/filters.py

@@ -2,7 +2,7 @@ import django_filters
 from django.contrib.postgres.search import TrigramSimilarity
 from django.db.models import Q
 from cookbook.forms import MultiSelectWidget
-from cookbook.models import Recipe, Keyword, Food
+from cookbook.models import Recipe, Keyword, Food, ShoppingList
 from django.conf import settings
 from django.utils.translation import gettext as _
 
@@ -52,3 +52,16 @@ class IngredientFilter(django_filters.FilterSet):
     class Meta:
         model = Food
         fields = ['name']
+
+
+class ShoppingListFilter(django_filters.FilterSet):
+
+    def __init__(self, data=None, *args, **kwargs):
+        if data is not None:
+            data = data.copy()
+            data.setdefault("finished", False)
+        super(ShoppingListFilter, self).__init__(data, *args, **kwargs)
+
+    class Meta:
+        model = ShoppingList
+        fields = ['finished']

cookbook/forms.py

@@ -31,15 +31,19 @@ class UserPreferenceForm(forms.ModelForm):
 
     class Meta:
         model = UserPreference
-        fields = ('default_unit', 'theme', 'nav_color', 'default_page', 'show_recent', 'search_style', 'plan_share', 'ingredient_decimals', 'comments')
+        fields = ('default_unit', 'use_fractions', 'theme', 'nav_color', 'default_page', 'show_recent', 'search_style', 'plan_share', 'ingredient_decimals', 'shopping_auto_sync', 'comments')
 
         help_texts = {
             'nav_color': _('Color of the top navigation bar. Not all colors work with all themes, just try them out!'),
             'default_unit': _('Default Unit to be used when inserting a new ingredient into a recipe.'),
+            'use_fractions': _('Enables support for fractions in ingredient amounts (e.g. convert decimals to fractions automatically)'),
             'plan_share': _('Default user to share newly created meal plan entries with.'),
             'show_recent': _('Show recently viewed recipes on search page.'),
             'ingredient_decimals': _('Number of decimals to round ingredients.'),
-            'comments': _('If you want to be able to create and see comments underneath recipes.')
+            'comments': _('If you want to be able to create and see comments underneath recipes.'),
+            'shopping_auto_sync': _(
+                'Setting to 0 will disable auto sync. When viewing a shopping list the list is updated every set seconds to sync changes someone else might have made. Useful when shopping with multiple people but might use a little bit '
+                'of mobile data. If lower than instance limit it is reset when saving.')
         }
 
         widgets = {
@@ -261,17 +265,27 @@ class MealPlanForm(forms.ModelForm):
 
     class Meta:
         model = MealPlan
-        fields = ('recipe', 'title', 'meal_type', 'note', 'date', 'shared')
+        fields = ('recipe', 'title', 'meal_type', 'note', 'recipe_multiplier', 'date', 'shared')
 
         help_texts = {
             'shared': _('You can list default users to share recipes with in the settings.'),
-            'note': _('You can use markdown to format this field. See the <a href="/docs/markdown/">docs here</a>')
+            'note': _('You can use markdown to format this field. See the <a href="/docs/markdown/">docs here</a>'),
+            'recipe_multiplier': _('Scaling factor for recipe.')
         }
 
         widgets = {'recipe': SelectWidget, 'date': DateWidget, 'shared': MultiSelectWidget}
 
 
-class SuperUserForm(forms.Form):
-    name = forms.CharField()
+class InviteLinkForm(forms.ModelForm):
+    class Meta:
+        model = InviteLink
+        fields = ('username', 'group', 'valid_until')
+        help_texts = {
+            'username': _('A username is not required, if left blank the new user can choose one.')
+        }
+
+
+class UserCreateForm(forms.Form):
+    name = forms.CharField(label='Username')
     password = forms.CharField(widget=forms.TextInput(attrs={'autocomplete': 'new-password', 'type': 'password'}))
     password_confirm = forms.CharField(widget=forms.TextInput(attrs={'autocomplete': 'new-password', 'type': 'password'}))

cookbook/helper/permission_helper.py

@@ -67,9 +67,28 @@ def is_object_owner(user, obj):
         return owner == user
     if owner := getattr(obj, 'user', None):
         return owner == user
+    if getattr(obj, 'get_owner', None):
+        return obj.get_owner() == user
     return False
 
 
+def is_object_shared(user, obj):
+    """
+    Tests if a given user is shared for a given object
+    test performed by checking user against the objects shared table
+    superusers bypass all checks, unauthenticated users cannot own anything
+    :param user django auth user object
+    :param obj any object that should be tested
+    :return: true if user is shared for object, false otherwise
+    """
+    # TODO this could be improved/cleaned up by adding share checks for relevant objects
+    if not user.is_authenticated:
+        return False
+    if user.is_superuser:
+        return True
+    return user in obj.shared.all()
+
+
 def share_link_valid(recipe, share):
     """
     Verifies the validity of a share uuid
@@ -145,6 +164,20 @@ class CustomIsOwner(permissions.BasePermission):
         return is_object_owner(request.user, obj)
 
 
+class CustomIsShared(permissions.BasePermission):  # TODO function duplicate/too similar name
+    """
+    Custom permission class for django rest framework views
+    verifies user is shared for the object he is trying to access
+    """
+    message = _('You cannot interact with this object as its not owned by you!')
+
+    def has_permission(self, request, view):
+        return request.user.is_authenticated
+
+    def has_object_permission(self, request, view, obj):
+        return is_object_shared(request.user, obj)
+
+
 class CustomIsGuest(permissions.BasePermission):
     """
     Custom permission class for django rest framework views

cookbook/helper/recipe_url_import.py

@@ -1,6 +1,7 @@
 import json
 import random
 import re
+import unicodedata
 from json import JSONDecodeError
 
 import microdata
@@ -18,7 +19,7 @@ def get_from_html(html_text, url):
     # first try finding ld+json as its most common
     for ld in soup.find_all('script', type='application/ld+json'):
         try:
-            ld_json = json.loads(ld.string)
+            ld_json = json.loads(ld.string.replace('\n', ''))
             if type(ld_json) != list:
                 ld_json = [ld_json]
 
@@ -31,8 +32,8 @@ def get_from_html(html_text, url):
 
                 if '@type' in ld_json_item and ld_json_item['@type'] == 'Recipe':
                     return find_recipe_json(ld_json_item, url)
-        except JSONDecodeError:
-            JsonResponse({'error': True, 'msg': _('The requested site provided malformed data and cannot be read.')}, status=400)
+        except JSONDecodeError as e:
+            return JsonResponse({'error': True, 'msg': _('The requested site provided malformed data and cannot be read.')}, status=400)
 
     # now try to find microdata
     items = microdata.get_items(html_text)
@@ -76,11 +77,19 @@ def find_recipe_json(ld_json, url):
             if len(ingredient_split) > 2:
                 ingredient = " ".join(ingredient_split[2:])
                 unit = ingredient_split[1]
+
                 try:
-                    amount = float(ingredient_split[0].replace(',', '.'))
-                except ValueError:
-                    amount = 0
-                    ingredient = " ".join(ingredient_split)
+                    if 'fraction' in unicodedata.decomposition(ingredient_split[0]):
+                        frac_split = unicodedata.decomposition(ingredient_split[0]).split()
+                        amount = round(float((frac_split[1]).replace('003', '')) / float((frac_split[3]).replace('003', '')), 3)
+                    else:
+                        raise TypeError
+                except TypeError:  # raised by unicodedata.decomposition if there was no unicode character in parsed data
+                    try:
+                        amount = float(ingredient_split[0].replace(',', '.'))
+                    except ValueError:
+                        amount = 0
+                        ingredient = " ".join(ingredient_split)
             if len(ingredient_split) == 2:
                 ingredient = " ".join(ingredient_split[1:])
                 unit = ''

cookbook/migrations/0075_shoppinglist_shoppinglistentry_shoppinglistrecipe.py

@@ -0,0 +1,49 @@
+# Generated by Django 3.0.7 on 2020-08-11 10:14
+
+from django.conf import settings
+from django.db import migrations, models
+import django.db.models.deletion
+import uuid
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+        ('cookbook', '0074_remove_keyword_created_by'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='ShoppingListRecipe',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('multiplier', models.IntegerField(default=1)),
+                ('recipe', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.CASCADE, to='cookbook.Recipe')),
+            ],
+        ),
+        migrations.CreateModel(
+            name='ShoppingListEntry',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('amount', models.IntegerField(default=1)),
+                ('order', models.IntegerField(default=0)),
+                ('checked', models.BooleanField(default=False)),
+                ('food', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='cookbook.Food')),
+                ('list_recipe', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.CASCADE, to='cookbook.ShoppingListRecipe')),
+                ('unit', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.CASCADE, to='cookbook.Unit')),
+            ],
+        ),
+        migrations.CreateModel(
+            name='ShoppingList',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('uuid', models.UUIDField(default=uuid.uuid4)),
+                ('note', models.TextField(blank=True, null=True)),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('created_by', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
+                ('recipes', models.ManyToManyField(blank=True, to='cookbook.ShoppingListRecipe')),
+                ('shared', models.ManyToManyField(blank=True, related_name='list_share', to=settings.AUTH_USER_MODEL)),
+            ],
+        ),
+    ]

cookbook/migrations/0076_shoppinglist_entries.py

@@ -0,0 +1,18 @@
+# Generated by Django 3.0.7 on 2020-08-26 18:46
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('cookbook', '0075_shoppinglist_shoppinglistentry_shoppinglistrecipe'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='shoppinglist',
+            name='entries',
+            field=models.ManyToManyField(blank=True, to='cookbook.ShoppingListEntry'),
+        ),
+    ]

cookbook/migrations/0077_invitelink.py

@@ -0,0 +1,29 @@
+# Generated by Django 3.0.7 on 2020-09-01 11:31
+
+import datetime
+from django.conf import settings
+from django.db import migrations, models
+import django.db.models.deletion
+import uuid
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+        ('cookbook', '0076_shoppinglist_entries'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='InviteLink',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('uuid', models.UUIDField(default=uuid.uuid4)),
+                ('username', models.CharField(blank=True, max_length=64)),
+                ('valid_until', models.DateField(default=datetime.date(2020, 9, 15))),
+                ('created_at', models.DateTimeField(auto_now_add=True)),
+                ('created_by', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
+            ],
+        ),
+    ]

cookbook/migrations/0078_invitelink_used_by.py

@@ -0,0 +1,21 @@
+# Generated by Django 3.0.7 on 2020-09-01 11:39
+
+from django.conf import settings
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+        ('cookbook', '0077_invitelink'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='invitelink',
+            name='used_by',
+            field=models.ForeignKey(null=True, on_delete=django.db.models.deletion.CASCADE, related_name='used_by', to=settings.AUTH_USER_MODEL),
+        ),
+    ]

cookbook/migrations/0079_invitelink_group.py

@@ -0,0 +1,21 @@
+# Generated by Django 3.0.7 on 2020-09-01 12:54
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('auth', '0011_update_proxy_permissions'),
+        ('cookbook', '0078_invitelink_used_by'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='invitelink',
+            name='group',
+            field=models.ForeignKey(default=1, on_delete=django.db.models.deletion.CASCADE, to='auth.Group'),
+            preserve_default=False,
+        ),
+    ]

cookbook/migrations/0080_auto_20200921_2331.py

@@ -0,0 +1,24 @@
+# Generated by Django 3.0.7 on 2020-09-21 21:31
+
+import datetime
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('cookbook', '0079_invitelink_group'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='userpreference',
+            name='shopping_auto_sync',
+            field=models.BooleanField(default=True),
+        ),
+        migrations.AlterField(
+            model_name='invitelink',
+            name='valid_until',
+            field=models.DateField(default=datetime.date(2020, 10, 5)),
+        ),
+    ]

cookbook/migrations/0081_auto_20200921_2349.py

@@ -0,0 +1,18 @@
+# Generated by Django 3.0.7 on 2020-09-21 21:49
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('cookbook', '0080_auto_20200921_2331'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='userpreference',
+            name='shopping_auto_sync',
+            field=models.IntegerField(default=5),
+        ),
+    ]

cookbook/migrations/0082_auto_20200922_1143.py

@@ -0,0 +1,24 @@
+# Generated by Django 3.0.7 on 2020-09-22 09:43
+
+import datetime
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('cookbook', '0081_auto_20200921_2349'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='invitelink',
+            name='valid_until',
+            field=models.DateField(default=datetime.date(2020, 10, 6)),
+        ),
+        migrations.AlterField(
+            model_name='shoppinglistentry',
+            name='amount',
+            field=models.DecimalField(decimal_places=16, default=0, max_digits=32),
+        ),
+    ]

cookbook/migrations/0083_space.py

@@ -0,0 +1,21 @@
+# Generated by Django 3.0.7 on 2020-09-22 10:24
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('cookbook', '0082_auto_20200922_1143'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Space',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(default='Default', max_length=128)),
+                ('message', models.CharField(default='', max_length=512)),
+            ],
+        ),
+    ]

cookbook/migrations/0084_auto_20200922_1233.py

@@ -0,0 +1,21 @@
+# Generated by Django 3.0.7 on 2020-09-22 10:33
+
+from django.db import migrations
+
+
+def create_default_space(apps, schema_editor):
+    Space = apps.get_model('cookbook', 'Space')
+    Space.objects.create(
+        name='Default',
+        message=''
+    )
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ('cookbook', '0083_space'),
+    ]
+
+    operations = [
+        migrations.RunPython(create_default_space),
+    ]

cookbook/migrations/0085_auto_20200922_1235.py

@@ -0,0 +1,18 @@
+# Generated by Django 3.0.7 on 2020-09-22 10:35
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('cookbook', '0084_auto_20200922_1233'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='space',
+            name='message',
+            field=models.CharField(blank=True, default='', max_length=512),
+        ),
+    ]

cookbook/migrations/0086_auto_20200929_1143.py

@@ -0,0 +1,24 @@
+# Generated by Django 3.0.7 on 2020-09-29 09:43
+
+import datetime
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('cookbook', '0085_auto_20200922_1235'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='mealplan',
+            name='recipe_multiplier',
+            field=models.IntegerField(default=1),
+        ),
+        migrations.AlterField(
+            model_name='invitelink',
+            name='valid_until',
+            field=models.DateField(default=datetime.date(2020, 10, 13)),
+        ),
+    ]

cookbook/migrations/0087_auto_20200929_1152.py

@@ -0,0 +1,23 @@
+# Generated by Django 3.0.7 on 2020-09-29 09:52
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('cookbook', '0086_auto_20200929_1143'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='mealplan',
+            name='recipe_multiplier',
+            field=models.DecimalField(decimal_places=4, default=1, max_digits=8),
+        ),
+        migrations.AlterField(
+            model_name='shoppinglistrecipe',
+            name='multiplier',
+            field=models.DecimalField(decimal_places=4, default=1, max_digits=8),
+        ),
+    ]

cookbook/migrations/0088_shoppinglist_finished.py

@@ -0,0 +1,18 @@
+# Generated by Django 3.1.1 on 2020-09-29 11:55
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('cookbook', '0087_auto_20200929_1152'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='shoppinglist',
+            name='finished',
+            field=models.BooleanField(default=False),
+        ),
+    ]

cookbook/migrations/0089_auto_20201117_2222.py

@@ -0,0 +1,36 @@
+# Generated by Django 3.1.1 on 2020-11-17 21:22
+
+import datetime
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('cookbook', '0088_shoppinglist_finished'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='NutritionInformation',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('fats', models.DecimalField(decimal_places=16, default=0, max_digits=32)),
+                ('carbohydrates', models.DecimalField(decimal_places=16, default=0, max_digits=32)),
+                ('proteins', models.DecimalField(decimal_places=16, default=0, max_digits=32)),
+                ('calories', models.DecimalField(decimal_places=16, default=0, max_digits=32)),
+                ('source', models.CharField(blank=True, default='', max_length=512, null=True)),
+            ],
+        ),
+        migrations.AlterField(
+            model_name='invitelink',
+            name='valid_until',
+            field=models.DateField(default=datetime.date(2020, 12, 1)),
+        ),
+        migrations.AddField(
+            model_name='recipe',
+            name='nutrition',
+            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.CASCADE, to='cookbook.nutritioninformation'),
+        ),
+    ]

cookbook/migrations/0090_auto_20201214_1359.py

@@ -0,0 +1,24 @@
+# Generated by Django 3.1.3 on 2020-12-14 12:59
+
+import datetime
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('cookbook', '0089_auto_20201117_2222'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='userpreference',
+            name='use_fractions',
+            field=models.BooleanField(default=False),
+        ),
+        migrations.AlterField(
+            model_name='invitelink',
+            name='valid_until',
+            field=models.DateField(default=datetime.date(2020, 12, 28)),
+        ),
+    ]

cookbook/models.py

@@ -1,12 +1,15 @@
 import re
 import uuid
+from datetime import date, timedelta
+
 from annoying.fields import AutoOneToOneField
 from django.contrib import auth
-from django.contrib.auth.models import User
+from django.contrib.auth.models import User, Group
 from django.utils.translation import gettext as _
 from django.db import models
+from django_random_queryset import RandomManager
 
-from recipes.settings import COMMENT_PREF_DEFAULT
+from recipes.settings import COMMENT_PREF_DEFAULT, FRACTION_PREF_DEFAULT
 
 
 def get_user_name(self):
@@ -23,6 +26,11 @@ def get_model_name(model):
     return ('_'.join(re.findall('[A-Z][^A-Z]*', model.__name__))).lower()
 
 
+class Space(models.Model):
+    name = models.CharField(max_length=128, default='Default')
+    message = models.CharField(max_length=512, default='', blank=True)
+
+
 class UserPreference(models.Model):
     # Themes
     BOOTSTRAP = 'BOOTSTRAP'
@@ -61,12 +69,14 @@ class UserPreference(models.Model):
     theme = models.CharField(choices=THEMES, max_length=128, default=FLATLY)
     nav_color = models.CharField(choices=COLORS, max_length=128, default=PRIMARY)
     default_unit = models.CharField(max_length=32, default='g')
+    use_fractions = models.BooleanField(default=FRACTION_PREF_DEFAULT)
     default_page = models.CharField(choices=PAGES, max_length=64, default=SEARCH)
     search_style = models.CharField(choices=SEARCH_STYLE, max_length=64, default=LARGE)
     show_recent = models.BooleanField(default=True)
     plan_share = models.ManyToManyField(User, blank=True, related_name='plan_share_default')
     ingredient_decimals = models.IntegerField(default=2)
     comments = models.BooleanField(default=COMMENT_PREF_DEFAULT)
+    shopping_auto_sync = models.IntegerField(default=5)
 
     def __str__(self):
         return str(self.user)
@@ -173,6 +183,17 @@ class Step(models.Model):
         ordering = ['order', 'pk']
 
 
+class NutritionInformation(models.Model):
+    fats = models.DecimalField(default=0, decimal_places=16, max_digits=32)
+    carbohydrates = models.DecimalField(default=0, decimal_places=16, max_digits=32)
+    proteins = models.DecimalField(default=0, decimal_places=16, max_digits=32)
+    calories = models.DecimalField(default=0, decimal_places=16, max_digits=32)
+    source = models.CharField(max_length=512, default="", null=True, blank=True)
+
+    def __str__(self):
+        return f'Nutrition'
+
+
 class Recipe(models.Model):
     name = models.CharField(max_length=128)
     image = models.ImageField(upload_to='recipes/', blank=True, null=True)
@@ -186,10 +207,13 @@ class Recipe(models.Model):
     working_time = models.IntegerField(default=0)
     waiting_time = models.IntegerField(default=0)
     internal = models.BooleanField(default=False)
+    nutrition = models.ForeignKey(NutritionInformation, blank=True, null=True, on_delete=models.CASCADE)
     created_by = models.ForeignKey(User, on_delete=models.PROTECT)
     created_at = models.DateTimeField(auto_now_add=True)
     updated_at = models.DateTimeField(auto_now=True)
 
+    objects = RandomManager()
+
     def __str__(self):
         return self.name
 
@@ -246,6 +270,7 @@ class MealType(models.Model):
 
 class MealPlan(models.Model):
     recipe = models.ForeignKey(Recipe, on_delete=models.CASCADE, blank=True, null=True)
+    recipe_multiplier = models.DecimalField(default=1, max_digits=8, decimal_places=4)
     title = models.CharField(max_length=64, blank=True, default='')
     created_by = models.ForeignKey(User, on_delete=models.CASCADE)
     shared = models.ManyToManyField(User, blank=True, related_name='plan_share')
@@ -265,12 +290,74 @@ class MealPlan(models.Model):
         return f'{self.get_label()} - {self.date} - {self.meal_type.name}'
 
 
+class ShoppingListRecipe(models.Model):
+    recipe = models.ForeignKey(Recipe, on_delete=models.CASCADE, null=True, blank=True)
+    multiplier = models.DecimalField(default=1, max_digits=8, decimal_places=4)
+
+    def __str__(self):
+        return f'Shopping list recipe {self.id} - {self.recipe}'
+
+    def get_owner(self):
+        try:
+            return self.shoppinglist_set.first().created_by
+        except AttributeError:
+            return None
+
+
+class ShoppingListEntry(models.Model):
+    list_recipe = models.ForeignKey(ShoppingListRecipe, on_delete=models.CASCADE, null=True, blank=True)
+    food = models.ForeignKey(Food, on_delete=models.CASCADE)
+    unit = models.ForeignKey(Unit, on_delete=models.CASCADE, null=True, blank=True)
+    amount = models.DecimalField(default=0, decimal_places=16, max_digits=32)
+    order = models.IntegerField(default=0)
+    checked = models.BooleanField(default=False)
+
+    def __str__(self):
+        return f'Shopping list entry {self.id}'
+
+    def get_owner(self):
+        try:
+            return self.shoppinglist_set.first().created_by
+        except AttributeError:
+            return None
+
+
+class ShoppingList(models.Model):
+    uuid = models.UUIDField(default=uuid.uuid4)
+    note = models.TextField(blank=True, null=True)
+    recipes = models.ManyToManyField(ShoppingListRecipe, blank=True)
+    entries = models.ManyToManyField(ShoppingListEntry, blank=True)
+    shared = models.ManyToManyField(User, blank=True, related_name='list_share')
+    finished = models.BooleanField(default=False)
+    created_by = models.ForeignKey(User, on_delete=models.CASCADE)
+    created_at = models.DateTimeField(auto_now_add=True)
+
+    def __str__(self):
+        return f'Shopping list {self.id}'
+
+
 class ShareLink(models.Model):
     recipe = models.ForeignKey(Recipe, on_delete=models.CASCADE)
     uuid = models.UUIDField(default=uuid.uuid4)
     created_by = models.ForeignKey(User, on_delete=models.CASCADE)
     created_at = models.DateTimeField(auto_now_add=True)
 
+    def __str__(self):
+        return f'{self.recipe} - {self.uuid}'
+
+
+class InviteLink(models.Model):
+    uuid = models.UUIDField(default=uuid.uuid4)
+    username = models.CharField(blank=True, max_length=64)
+    group = models.ForeignKey(Group, on_delete=models.CASCADE)
+    valid_until = models.DateField(default=date.today() + timedelta(days=14))
+    used_by = models.ForeignKey(User, null=True, on_delete=models.CASCADE, related_name='used_by')
+    created_by = models.ForeignKey(User, on_delete=models.CASCADE)
+    created_at = models.DateTimeField(auto_now_add=True)
+
+    def __str__(self):
+        return f'{self.uuid}'
+
 
 class CookLog(models.Model):
     recipe = models.ForeignKey(Recipe, on_delete=models.CASCADE)

cookbook/serializer.py

@@ -1,10 +1,12 @@
+from decimal import Decimal
+
 from django.contrib.auth.models import User
 from drf_writable_nested import WritableNestedModelSerializer, UniqueFieldsMixin
 from rest_framework import serializers
-from rest_framework.exceptions import APIException, ValidationError
-from rest_framework.fields import CurrentUserDefault
+from rest_framework.exceptions import ValidationError
 
-from cookbook.models import MealPlan, MealType, Recipe, ViewLog, UserPreference, Storage, Sync, SyncLog, Keyword, Unit, Ingredient, Comment, RecipeImport, RecipeBook, RecipeBookEntry, ShareLink, CookLog, Food, Step
+from cookbook.models import MealPlan, MealType, Recipe, ViewLog, UserPreference, Storage, Sync, SyncLog, Keyword, Unit, Ingredient, Comment, RecipeImport, RecipeBook, RecipeBookEntry, ShareLink, CookLog, Food, Step, ShoppingList, \
+    ShoppingListEntry, ShoppingListRecipe, NutritionInformation
 from cookbook.templatetags.custom_tags import markdown
 
 
@@ -14,19 +16,24 @@ class CustomDecimalField(serializers.Field):
     """
 
     def to_representation(self, value):
-        return value.normalize()
+        if isinstance(value, Decimal):
+            return value.normalize()
+        else:
+            return Decimal(value).normalize()
 
     def to_internal_value(self, data):
         if type(data) == int or type(data) == float:
             return data
         elif type(data) == str:
+            if data == '':
+                return 0
             try:
                 return float(data.replace(',', ''))
             except ValueError:
                 raise ValidationError('A valid number is required')
 
 
-class UserNameSerializer(serializers.ModelSerializer):
+class UserNameSerializer(WritableNestedModelSerializer):
     username = serializers.SerializerMethodField('get_user_label')
 
     def get_user_label(self, obj):
@@ -133,13 +140,20 @@ class StepSerializer(WritableNestedModelSerializer):
         fields = ('id', 'name', 'type', 'instruction', 'ingredients', 'time', 'order', 'show_as_header')
 
 
+class NutritionInformationSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = NutritionInformation
+        fields = ('carbohydrates', 'fats', 'proteins', 'calories', 'source')
+
+
 class RecipeSerializer(WritableNestedModelSerializer):
+    nutrition = NutritionInformationSerializer(allow_null=True, required=False)
     steps = StepSerializer(many=True)
     keywords = KeywordSerializer(many=True)
 
     class Meta:
         model = Recipe
-        fields = ['id', 'name', 'image', 'keywords', 'steps', 'working_time', 'waiting_time', 'created_by', 'created_at', 'updated_at', 'internal']
+        fields = ['id', 'name', 'image', 'keywords', 'steps', 'working_time', 'waiting_time', 'created_by', 'created_at', 'updated_at', 'internal', 'nutrition']
         read_only_fields = ['image', 'created_by', 'created_at']
 
 
@@ -184,13 +198,61 @@ class MealPlanSerializer(serializers.ModelSerializer):
     recipe_name = serializers.ReadOnlyField(source='recipe.name')
     meal_type_name = serializers.ReadOnlyField(source='meal_type.name')
     note_markdown = serializers.SerializerMethodField('get_note_markdown')
+    recipe_multiplier = CustomDecimalField()
 
     def get_note_markdown(self, obj):
         return markdown(obj.note)
 
     class Meta:
         model = MealPlan
-        fields = ('id', 'title', 'recipe', 'note', 'note_markdown', 'date', 'meal_type', 'created_by', 'shared', 'recipe_name', 'meal_type_name')
+        fields = ('id', 'title', 'recipe', 'recipe_multiplier', 'note', 'note_markdown', 'date', 'meal_type', 'created_by', 'shared', 'recipe_name', 'meal_type_name')
+
+
+class ShoppingListRecipeSerializer(serializers.ModelSerializer):
+    recipe_name = serializers.ReadOnlyField(source='recipe.name')
+    multiplier = CustomDecimalField()
+
+    class Meta:
+        model = ShoppingListRecipe
+        fields = ('id', 'recipe', 'recipe_name', 'multiplier')
+        read_only_fields = ('id',)
+
+
+class ShoppingListEntrySerializer(WritableNestedModelSerializer):
+    food = FoodSerializer(allow_null=True)
+    unit = UnitSerializer(allow_null=True)
+    amount = CustomDecimalField()
+
+    class Meta:
+        model = ShoppingListEntry
+        fields = ('id', 'list_recipe', 'food', 'unit', 'amount', 'order', 'checked')
+        read_only_fields = ('id',)
+
+
+class ShoppingListEntryCheckedSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = ShoppingListEntry
+        fields = ('id', 'checked')
+
+
+class ShoppingListSerializer(WritableNestedModelSerializer):
+    recipes = ShoppingListRecipeSerializer(many=True, allow_null=True)
+    entries = ShoppingListEntrySerializer(many=True, allow_null=True)
+    shared = UserNameSerializer(many=True)
+
+    class Meta:
+        model = ShoppingList
+        fields = ('id', 'uuid', 'note', 'recipes', 'entries', 'shared', 'finished', 'created_by', 'created_at',)
+        read_only_fields = ('id',)
+
+
+class ShoppingListAutoSyncSerializer(WritableNestedModelSerializer):
+    entries = ShoppingListEntryCheckedSerializer(many=True, allow_null=True)
+
+    class Meta:
+        model = ShoppingList
+        fields = ('id', 'entries',)
+        read_only_fields = ('id',)
 
 
 class ShareLinkSerializer(serializers.ModelSerializer):

cookbook/static/js/frac.js

@@ -0,0 +1,43 @@
+/* frac.js (C) 2012-present SheetJS -- http://sheetjs.com */
+/*https://developer.aliyun.com/mirror/npm/package/frac/v/0.3.0 Apache license*/
+var frac = function frac(x, D, mixed) {
+  var n1 = Math.floor(x), d1 = 1;
+  var n2 = n1+1, d2 = 1;
+  if(x !== n1) while(d1 <= D && d2 <= D) {
+    var m = (n1 + n2) / (d1 + d2);
+    if(x === m) {
+      if(d1 + d2 <= D) { d1+=d2; n1+=n2; d2=D+1; }
+      else if(d1 > d2) d2=D+1;
+      else d1=D+1;
+      break;
+    }
+    else if(x < m) { n2 = n1+n2; d2 = d1+d2; }
+    else { n1 = n1+n2; d1 = d1+d2; }
+  }
+  if(d1 > D) { d1 = d2; n1 = n2; }
+  if(!mixed) return [0, n1, d1];
+  var q = Math.floor(n1/d1);
+  return [q, n1 - q*d1, d1];
+};
+frac.cont = function cont(x, D, mixed) {
+  var sgn = x < 0 ? -1 : 1;
+  var B = x * sgn;
+  var P_2 = 0, P_1 = 1, P = 0;
+  var Q_2 = 1, Q_1 = 0, Q = 0;
+  var A = Math.floor(B);
+  while(Q_1 < D) {
+    A = Math.floor(B);
+    P = A * P_1 + P_2;
+    Q = A * Q_1 + Q_2;
+    if((B - A) < 0.00000005) break;
+    B = 1 / (B - A);
+    P_2 = P_1; P_1 = P;
+    Q_2 = Q_1; Q_1 = Q;
+  }
+  if(Q > D) { if(Q_1 > D) { Q = Q_2; P = P_2; } else { Q = Q_1; P = P_1; } }
+  if(!mixed) return [0, sgn * P, Q];
+  var q = Math.floor(sgn * P/Q);
+  return [q, sgn*P - q*Q, Q];
+};
+// eslint-disable-next-line no-undef
+if(typeof module !== 'undefined' && typeof DO_NOT_EXPORT_FRAC === 'undefined') module.exports = frac;

cookbook/static/js/vue-cookies.js

@@ -0,0 +1,146 @@
+/**
+ * Vue Cookies v1.7.4
+ * https://github.com/cmp-cc/vue-cookies
+ *
+ * Copyright 2016, cmp-cc
+ * Released under the MIT license
+ */
+
+(function () {
+
+  var defaultConfig = {
+    expires: '1d',
+    path: '; path=/',
+    domain: '',
+    secure: '',
+    sameSite: '; SameSite=Lax'
+  };
+
+  var VueCookies = {
+    // install of Vue
+    install: function (Vue) {
+      Vue.prototype.$cookies = this;
+      Vue.$cookies = this;
+    },
+    config: function (expireTimes, path, domain, secure, sameSite) {
+      defaultConfig.expires = expireTimes ? expireTimes : '1d';
+      defaultConfig.path = path ? '; path=' + path : '; path=/';
+      defaultConfig.domain = domain ? '; domain=' + domain : '';
+      defaultConfig.secure = secure ? '; Secure' : '';
+      defaultConfig.sameSite = sameSite ? '; SameSite=' + sameSite : '; SameSite=Lax';
+    },
+    get: function (key) {
+      var value = decodeURIComponent(document.cookie.replace(new RegExp('(?:(?:^|.*;)\\s*' + encodeURIComponent(key).replace(/[\-\.\+\*]/g, '\\$&') + '\\s*\\=\\s*([^;]*).*$)|^.*$'), '$1')) || null;
+
+      if (value && value.substring(0, 1) === '{' && value.substring(value.length - 1, value.length) === '}') {
+        try {
+          value = JSON.parse(value);
+        } catch (e) {
+          return value;
+        }
+      }
+      return value;
+    },
+    set: function (key, value, expireTimes, path, domain, secure, sameSite) {
+      if (!key) {
+        throw new Error('Cookie name is not find in first argument.');
+      } else if (/^(?:expires|max\-age|path|domain|secure|SameSite)$/i.test(key)) {
+        throw new Error('Cookie key name illegality, Cannot be set to ["expires","max-age","path","domain","secure","SameSite"]\t current key name: ' + key);
+      }
+      // support json object
+      if (value && value.constructor === Object) {
+        value = JSON.stringify(value);
+      }
+      var _expires = '';
+      expireTimes = expireTimes == undefined ? defaultConfig.expires : expireTimes;
+      if (expireTimes && expireTimes != 0) {
+        switch (expireTimes.constructor) {
+          case Number:
+            if (expireTimes === Infinity || expireTimes === -1) _expires = '; expires=Fri, 31 Dec 9999 23:59:59 GMT';
+            else _expires = '; max-age=' + expireTimes;
+            break;
+          case String:
+            if (/^(?:\d+(y|m|d|h|min|s))$/i.test(expireTimes)) {
+              // get capture number group
+              var _expireTime = expireTimes.replace(/^(\d+)(?:y|m|d|h|min|s)$/i, '$1');
+              // get capture type group , to lower case
+              switch (expireTimes.replace(/^(?:\d+)(y|m|d|h|min|s)$/i, '$1').toLowerCase()) {
+                  // Frequency sorting
+                case 'm':
+                  _expires = '; max-age=' + +_expireTime * 2592000;
+                  break; // 60 * 60 * 24 * 30
+                case 'd':
+                  _expires = '; max-age=' + +_expireTime * 86400;
+                  break; // 60 * 60 * 24
+                case 'h':
+                  _expires = '; max-age=' + +_expireTime * 3600;
+                  break; // 60 * 60
+                case 'min':
+                  _expires = '; max-age=' + +_expireTime * 60;
+                  break; // 60
+                case 's':
+                  _expires = '; max-age=' + _expireTime;
+                  break;
+                case 'y':
+                  _expires = '; max-age=' + +_expireTime * 31104000;
+                  break; // 60 * 60 * 24 * 30 * 12
+                default:
+                  new Error('unknown exception of "set operation"');
+              }
+            } else {
+              _expires = '; expires=' + expireTimes;
+            }
+            break;
+          case Date:
+            _expires = '; expires=' + expireTimes.toUTCString();
+            break;
+        }
+      }
+      document.cookie =
+          encodeURIComponent(key) + '=' + encodeURIComponent(value) +
+          _expires +
+          (domain ? '; domain=' + domain : defaultConfig.domain) +
+          (path ? '; path=' + path : defaultConfig.path) +
+          (secure == undefined ? defaultConfig.secure : secure ? '; Secure' : '') +
+          (sameSite == undefined ? defaultConfig.sameSite : (sameSite ? '; SameSite=' + sameSite : ''));
+      return this;
+    },
+    remove: function (key, path, domain) {
+      if (!key || !this.isKey(key)) {
+        return false;
+      }
+      document.cookie = encodeURIComponent(key) +
+          '=; expires=Thu, 01 Jan 1970 00:00:00 GMT' +
+          (domain ? '; domain=' + domain : defaultConfig.domain) +
+          (path ? '; path=' + path : defaultConfig.path) +
+          '; SameSite=Lax';
+      return this;
+    },
+    isKey: function (key) {
+      return (new RegExp('(?:^|;\\s*)' + encodeURIComponent(key).replace(/[\-\.\+\*]/g, '\\$&') + '\\s*\\=')).test(document.cookie);
+    },
+    keys: function () {
+      if (!document.cookie) return [];
+      var _keys = document.cookie.replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g, '').split(/\s*(?:\=[^;]*)?;\s*/);
+      for (var _index = 0; _index < _keys.length; _index++) {
+        _keys[_index] = decodeURIComponent(_keys[_index]);
+      }
+      return _keys;
+    }
+  };
+
+  if (typeof exports == 'object') {
+    module.exports = VueCookies;
+  } else if (typeof define == 'function' && define.amd) {
+    define([], function () {
+      return VueCookies;
+    });
+  } else if (window.Vue) {
+    Vue.use(VueCookies);
+  }
+  // vue-cookies can exist independently,no dependencies library
+  if (typeof window !== 'undefined') {
+    window.$cookies = VueCookies;
+  }
+
+})();

cookbook/tables.py

@@ -108,6 +108,25 @@ class RecipeImportTable(tables.Table):
         fields = ('id', 'name', 'file_path')
 
 
+class ShoppingListTable(tables.Table):
+    id = tables.LinkColumn('view_shopping', args=[A('id')])
+
+    class Meta:
+        model = ShoppingList
+        template_name = 'generic/table_template.html'
+        fields = ('id', 'finished', 'created_by', 'created_at')
+
+
+class InviteLinkTable(tables.Table):
+    link = tables.TemplateColumn("<a href='{% url 'view_signup' record.uuid %}' >" + _('Link') + "</a>")
+    delete = tables.TemplateColumn("<a href='{% url 'delete_invite_link' record.id %}' >" + _('Delete') + "</a>")
+
+    class Meta:
+        model = InviteLink
+        template_name = 'generic/table_template.html'
+        fields = ('username', 'group', 'valid_until', 'created_by', 'created_at')
+
+
 class ViewLogTable(tables.Table):
     recipe = tables.LinkColumn('view_recipe', args=[A('recipe_id')])
 

cookbook/templates/base.html

@@ -1,6 +1,7 @@
 {% load static %}
 {% load i18n %}
 {% load theming_tags %}
+{% load custom_tags %}
 
 <html>
 <head>
@@ -72,7 +73,7 @@
                     <a class="dropdown-item" href="{% url 'view_plan' %}"><i
                             class="fas fa-calendar fa-fw"></i> {% trans 'Meal-Plan' %}
                     </a>
-                    <a class="dropdown-item" href="{% url 'view_shopping' %}"><i
+                    <a class="dropdown-item" href="{% url 'list_shopping_list' %}"><i
                             class="fas fa-shopping-cart fa-fw"></i> {% trans 'Shopping' %}
                     </a>
                     <a class="dropdown-item" href="{% url 'list_food' %}"><i
@@ -158,6 +159,14 @@
         </ul>
     </div>
 </nav>
+
+{% message_of_the_day as message_of_the_day %}
+{% if message_of_the_day %}
+    <div class="bg-warning" style=" width: 100%; text-align: center!important; color: #ffffff; padding: 8px">
+        {{ message_of_the_day }}
+    </div>
+{% endif %}
+
 <br/>
 <br/>
 

cookbook/templates/forms/edit_internal_recipe.html

@@ -56,7 +56,7 @@
                 <input type="file" @change="imageChanged">
             </div>
             <div class="col-md-6">
-                <label for="id_name"> {% trans 'Preperation Time' %}</label>
+                <label for="id_name"> {% trans 'Preparation Time' %}</label>
                 <input class="form-control" id="id_prep_time" v-model="recipe.working_time">
                 <br/>
                 <label for="id_name"> {% trans 'Waiting Time' %}</label>
@@ -80,6 +80,35 @@
                 </multiselect>
             </div>
         </div>
+        <template v-if="recipe !== undefined">
+            <div class="row" v-if="recipe.nutrition" style="margin-top: 1vh">
+                <div class="col-md-12">
+                    <div class="card border-grey">
+                        <div class="card-body">
+                            <h4 class="card-title">{% trans 'Nutrition' %}</h4>
+                            <div class="dropdown-menu dropdown-menu-right"
+                                 aria-labelledby="dropdownMenuLink">
+                                <button class="dropdown-item" @click="removeStep(step)"><i
+                                        class="fa fa-trash fa-fw"></i> {% trans 'Delete Step' %}</button>
+
+                            </div>
+
+                            <label for="id_name"> {% trans 'Calories' %}</label>
+                            <input class="form-control" id="id_calories" v-model="recipe.nutrition.calories">
+
+                            <label for="id_name"> {% trans 'Carbohydrates' %}</label>
+                            <input class="form-control" id="id_carbohydrates" v-model="recipe.nutrition.carbohydrates">
+
+                            <label for="id_name"> {% trans 'Fats' %}</label>
+                            <input class="form-control" id="id_fats" v-model="recipe.nutrition.fats">
+                            <label for="id_name"> {% trans 'Proteins' %}</label>
+                            <input class="form-control" id="id_proteins" v-model="recipe.nutrition.proteins">
+                            <br/>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </template>
 
 
         <draggable :list="recipe.steps" group="steps"
@@ -318,8 +347,8 @@
                     <div class="row">
                         <div class="col-md-12">
                             <label :for="'id_instruction_' + step.id">{% trans 'Instructions' %}</label>
-                            <b-form-textarea class="form-control" rows="2" max-rows="8" v-model="step.instruction"
-                                      :id="'id_instruction_' + step.id"></b-form-textarea>
+                            <b-form-textarea class="form-control" rows="2" max-rows="20" v-model="step.instruction"
+                                             :id="'id_instruction_' + step.id"></b-form-textarea>
                             <small class="text-muted">{% trans 'You can use markdown to format this field. See the <a href="/docs/markdown/">docs here</a>' %}</small>
                         </div>
                     </div>
@@ -327,7 +356,7 @@
             </div>
         </draggable>
 
-        <div class="row" style="margin-top: 1vh; margin-bottom: 2vh">
+        <div class="row" style="margin-top: 1vh; margin-bottom: 8vh" v-if="recipe !== undefined">
             <div class="col-12">
                 <button type="button" @click="updateRecipe(true)"
                         class="btn btn-success shadow-none">{% trans 'Save & View' %}</button>
@@ -335,6 +364,11 @@
                         class="btn btn-info shadow-none">{% trans 'Save' %}</button>
                 <button type="button" @click="addStep()"
                         class="btn btn-primary shadow-none">{% trans 'Add Step' %}</button>
+                <button type="button" @click="addNutrition()"
+                        class="btn btn-primary shadow-none"
+                        v-if="recipe.nutrition === null">{% trans 'Add Nutrition' %}</button>
+                <button type="button" @click="removeNutrition()" v-if="recipe.nutrition !== null"
+                        class="btn btn-warning shadow-none">{% trans 'Remove Nutrition' %}</button>
                 <a href="{% url 'view_recipe' recipe.pk %}" @click="addStep()"
                    class="btn btn-secondary shadow-none">{% trans 'View Recipe' %}</a>
                 <a href="{% url 'delete_recipe' recipe.pk %}"
@@ -349,7 +383,7 @@
 {% endblock %}
 
 {% block content_xl_right %}
-    <div class="sticky-top" style="top: 2vh; z-index: 100;">
+    <div class="sticky-top" style="top: 2vh; z-index: 100;" v-if="recipe !== undefined">
         <div class="row">
             <div class="col-md-11">
                 <button type="button" @click="updateRecipe(true)"
@@ -361,6 +395,12 @@
                 <button type="button" @click="addStep()"
                         class="btn btn-primary btn-block shadow-none">{% trans 'Add Step' %}</button>
 
+                <button type="button" @click="addNutrition()"
+                        class="btn btn-primary btn-block shadow-none"
+                        v-if="recipe.nutrition === null">{% trans 'Add Nutrition' %}</button>
+                <button type="button" @click="removeNutrition()" v-if="recipe.nutrition !== null"
+                        class="btn btn-warning btn-block shadow-none">{% trans 'Remove Nutrition' %}</button>
+
                 <a href="{% url 'view_recipe' recipe.pk %}"
                    class="btn btn-secondary btn-block shadow-none">{% trans 'View Recipe' %}</a>
                 <a href="{% url 'delete_recipe' recipe.pk %}"
@@ -455,8 +495,8 @@
                         e.preventDefault(); // present "Save Page" from getting triggered.
 
                         for (el of e.path) {
-                            if(el.id !== undefined && el.id.includes('id_card_step_')) {
-                                let step = this.recipe.steps[el.id.replace('id_card_step_','')]
+                            if (el.id !== undefined && el.id.includes('id_card_step_')) {
+                                let step = this.recipe.steps[el.id.replace('id_card_step_', '')]
                                 this.addIngredient(step)
                             }
                         }
@@ -594,7 +634,7 @@
 
                     let new_unit = this.recipe.steps[step].ingredients[id]
                     new_unit.unit = {'name': tag}
-                    this.foods.push(new_unit.unit)
+                    this.units.push(new_unit.unit)
                     this.recipe.steps[step].ingredients[id] = new_unit
                 },
                 searchKeywords: function (query) {
@@ -649,6 +689,12 @@
                 scrollToStep: function (step_index) {
                     document.getElementById('id_step_' + step_index).scrollIntoView({behavior: 'smooth'});
                 },
+                addNutrition: function () {
+                    this.recipe.nutrition = {}
+                },
+                removeNutrition: function () {
+                    this.recipe.nutrition = null
+                }
             }
         });
     </script>

cookbook/templates/generic/list_template.html

@@ -9,7 +9,7 @@
 {% block content %}
 
     <div class="table-container">
-        <h3>{{ title }} {% trans 'List' %}
+        <h3 style="margin-bottom: 2vh">{{ title }} {% trans 'List' %}
             {% if create_url %}
                 <a href="{% url create_url %}"> <i class="fas fa-plus-circle"></i>
                 </a>

cookbook/templates/index.html

@@ -91,7 +91,7 @@
         {% render_table recipes %}
     {% else %}
         <div class="alert alert-danger" role="alert">
-            {% trans "Log in to view Recipies" %}
+            {% trans "Log in to view Recipes" %}
         </div>
     {% endif %}
 

cookbook/templates/meal_plan.html

@@ -12,6 +12,7 @@
 
     <script src="{% static 'js/Sortable.min.js' %}"></script>
     <script src="{% static 'js/vuedraggable.umd.min.js' %}"></script>
+    <script src="{% static 'js/vue-cookies.js' %}"></script>
 
     <script src="{% static 'js/js.cookie.min.js' %}"></script>
 
@@ -24,14 +25,15 @@
             <div class="col-md-4 offset-md-4">
                 <div class="input-group" style="margin-top: 8px; margin-bottom: 8px">
                     <div class="input-group-prepend">
-                        <button class="btn btn-outline-secondary shadow-none" @click="changeWeek(-1)">
+                        <button class="btn btn-outline-secondary shadow-none"
+                                @click="changeStartDate(number_of_days * -1)">
                             <i class="fas fa-arrow-left"></i>
                         </button>
                     </div>
-                    <input name="week" id="id_week" class="form-control" type="week" v-model="week"
+                    <input name="date" id="id_date" class="form-control" type="date" v-model="start_date"
                            @change="updatePlan()">
                     <div class="input-group-append">
-                        <button class="btn btn-outline-secondary shadow-none" @click="changeWeek(1)">
+                        <button class="btn btn-outline-secondary shadow-none" @click="changeStartDate(number_of_days)">
                             <i class="fas fa-arrow-right"></i>
                         </button>
                     </div>
@@ -41,10 +43,10 @@
 
         <div class="row">
             <div class="col-md-12">
-                <table class="table table-sm table-striped table-responsive-sm">
+                <table class="table table-sm table-striped table-responsive-sm" style=" table-layout:fixed;">
                     <thead class="thead-dark">
                     <tr>
-                        <th v-for="d in days" style="width: 14.2%; text-align: center">[[d]]<br/>[[formatDateDay(d)]].
+                        <th v-for="d in dates" style="width: 14.2%; text-align: center">[[formatDateDayname(d)]]<br/>[[formatDateDay(d)]].
                             <button class="btn btn-sm btn-outline-secondary shadow-none" @click="addDayToShopping(d)"><i
                                     class="fas fa-cart-plus fa-sm"></i></button>
                         </th>
@@ -52,7 +54,7 @@
                     </thead>
                     <tbody v-for="t in meal_types">
                     <tr v-if="meal_plan[t.name] !== undefined">
-                        <td colspan="7" style="text-align: center">
+                        <td :colspan="number_of_days" style="text-align: center">
                             [[ meal_plan[t.name].name]]
                             <template
                                     v-if="t.created_by !== {{ request.user.pk }} && user_names[t.created_by] !== undefined">
@@ -66,18 +68,21 @@
                                        @change="dragChanged(d.date, t, $event)"
                                        :empty-insert-threshold="10" handle=".handle">
                                 <div class="" v-for="(element, index) in d.items" :key="element.id">
+                                    <!-- small layout with handle -->
                                     <div class="d-block d-md-none">
                                         <div class="col-">
                                             <i class="fas fa-arrows-alt handle input-group-text"
                                                style="width: 100%"></i>
                                         </div>
-                                        <div class="list-group-item">
+                                        <div class="list-group-item" style="word-wrap: break-word;">
                                             <a href="#" @click="plan_detail = element" data-toggle="modal"
                                                data-target="#id_plan_detail_modal">[[ planElementName(element)]]</a>
                                         </div>
                                     </div>
-                                    <div class="list-group-item handle d-md-block d-none">
-                                        <div class="col-md-12">
+                                    <!-- big layout -->
+                                    <div class="list-group-item handle d-md-block d-none"
+                                         style="word-wrap: break-word; padding: 2;margin-bottom: 4">
+                                        <div class="col-md-12" style="padding: 0">
                                             <a href="#" @click="plan_detail = element" data-toggle="modal"
                                                data-target="#id_plan_detail_modal">[[ planElementName(element)]]</a>
                                         </div>
@@ -103,8 +108,16 @@
                     <div class="card-body">
                         <div class="row">
                             <div class="col-md-12">
-                                <input type="text" class="form-control" v-model="recipe_query" @keyup="getRecipes"
-                                       placeholder="{% trans 'Search Recipe' %}" style="margin-bottom: 8px">
+                                <div class="input-group mb-3">
+                                    <input type="text" class="form-control" v-model="recipe_query" @keyup="getRecipes"
+                                           placeholder="{% trans 'Search Recipe' %}">
+                                    <div class="input-group-append">
+                                        <button class="btn btn-outline-secondary" type="button"
+                                                @click="getRandomRecipes">
+                                            <i class="fas fa-dice"></i>
+                                        </button>
+                                    </div>
+                                </div>
                             </div>
                         </div>
                         <draggable class="list-group" :list="recipes"
@@ -126,6 +139,9 @@
                                     class="text-muted">{% trans 'You can use markdown to format this field. See the <a href="/docs/markdown/" target="_blank" rel="noopener noreferrer">docs here</a>' %}</span></small>
                             <br/>
                             <br/>
+                            <input type="number" class="form-control" v-model="new_note_multiplier"
+                                   placeholder="{% trans 'Recipe Multiplier' %}" style="margin-bottom: 8px">
+                            <br/>
                             <draggable :list="pseudo_note_list"
                                        :group="{ name: 'plan', pull: 'clone', put: false }" :clone="cloneNote">
                                 <div class="list-group-item" v-for="(element, index) in pseudo_note_list"
@@ -170,6 +186,29 @@
                     </div>
 
                     <div class="card-body">
+                        <div class="row">
+                            <div class="col">
+                                <label>
+                                    {% trans 'Number of Days' %}
+                                    <input class="form-control" type="number" v-model="number_of_days"
+                                           @change="updatePlan(); $cookies.set('number_of_days',number_of_days)">
+                                </label>
+                            </div>
+
+                        </div>
+                        <div class="row">
+                            <div class="col">
+                                <label>
+                                    {% trans 'Weekday offset' %}
+                                    <input class="form-control" type="number" v-model="start_offset"
+                                           @change="updatePlan(); $cookies.set('start_offset',start_offset)">
+                                    <small class="text-muted">{% trans 'Number of days starting from the first day of the week to offset the default view.' %}</small>
+                                </label>
+                            </div>
+
+                        </div>
+
+
                         <a href="#" data-toggle="modal"
                            data-target="#id_plan_types_modal">{% trans 'Edit plan types' %}</a> <br/>
                         <a href="#" data-toggle="modal"
@@ -335,8 +374,10 @@
             delimiters: ['[[', ']]'],
             el: '#app',
             data: {
-                week: moment().format('YYYY-[W]WW'),
-                days: moment.weekdays(true),
+                start_date: undefined,
+                start_offset: 0,
+                dates: [],
+                number_of_days: $cookies.isKey('number_of_days') ? $cookies.get('number_of_days') : 7,
                 plan_entries: [],
                 meal_types: [],
                 meal_types_edit: [],
@@ -349,6 +390,7 @@
                 ],
                 new_note_title: '',
                 new_note_text: '',
+                new_note_multiplier: '',
                 default_shared_users: [],
                 user_id_update: [],
                 user_names: {},
@@ -363,11 +405,14 @@
                 this.$set(this.user_names, {{ request.user.pk }}, '{{ request.user.get_user_name }}')
                 this.user_id_update = Array.from(this.default_shared_users)
 
+                this.start_offset = $cookies.isKey('start_offset') ? $cookies.get('start_offset') : 0;
+                this.start_date = moment().weekday(0).add(this.start_offset, 'days').format('YYYY-MM-DD')
+
                 this.updatePlan();
                 this.getRecipes();
             },
             methods: {
-                makeToast: function(title, message, variant=null) {
+                makeToast: function (title, message, variant = null) {
                     //TODO remove duplicate function in favor of central one
                     this.$bvToast.toast(message, {
                         title: title,
@@ -377,6 +422,11 @@
                     })
                 },
                 updatePlan: function () {
+                    this.dates = [];
+                    for (var i = 0; i <= (this.number_of_days - 1); i++) {
+                        this.dates.push(moment(this.start_date).add(i, 'days'));
+                    }
+
                     let planEntryPromise = this.getPlanEntries();
                     let planTypePromise = this.getPlanTypes();
 
@@ -385,11 +435,11 @@
                     })
                 },
                 getPlanEntries: function () {
-                    return this.$http.get("{% url 'api:mealplan-list' %}?html_week=" + this.week).then((response) => {
+                    return this.$http.get("{% url 'api:mealplan-list' %}?from_date=" + this.dates[0].format('YYYY-MM-DD') + "&to_date=" + this.dates[this.dates.length - 1].format('YYYY-MM-DD')).then((response) => {
                         this.plan_entries = response.data;
                     }).catch((err) => {
                         console.log("getPlanEntries error: ", err);
-                        this.makeToast('{% trans 'Error' %}','{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
+                        this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
                     })
                 },
                 getPlanTypes: function () {
@@ -401,7 +451,7 @@
                         }
                     }).catch((err) => {
                         console.log("getPlanTypes error: ", err);
-                        this.makeToast('{% trans 'Error' %}','{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
+                        this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
                     })
                 },
                 buildGrid: function () {
@@ -420,11 +470,10 @@
                             meal_type: t.id,
                             days: {}
                         })
-                        for (let d of this.days) {
-                            let date = moment(this.week).weekday(this.days.indexOf(d)).format('YYYY-MM-DD')
-                            this.$set(this.meal_plan[t.name].days, date, {
-                                name: d,
-                                date: date,
+                        for (let d of this.dates) {
+                            this.$set(this.meal_plan[t.name].days, d.format('YYYY-MM-DD'), {
+                                name: this.formatDateDayname(d),
+                                date: d.format('YYYY-MM-DD'),
                                 items: []
                             })
                         }
@@ -441,17 +490,23 @@
 
                     this.updateUserNames()
                 },
+                getRandomRecipes: function () {
+                    this.$set(this, 'recipe_query', '');
+                    this.getRecipes();
+                },
                 getRecipes: function () {
                     let url = "{% url 'api:recipe-list' %}?limit=5"
                     if (this.recipe_query !== '') {
                         url += '&query=' + this.recipe_query;
+                    } else {
+                        url += '&random=True'
                     }
 
                     this.$http.get(url).then((response) => {
                         this.recipes = response.data;
                     }).catch((err) => {
                         console.log("getRecipes error: ", err);
-                        this.makeToast('{% trans 'Error' %}','{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
+                        this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
                     })
                 },
                 getMdNote: function () {
@@ -464,18 +519,18 @@
                         this.recipes = response.data;
                     }).catch((err) => {
                         console.log("getRecipes error: ", err);
-                        this.makeToast('{% trans 'Error' %}','{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
+                        this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
                     })
                 },
                 updateUserNames: function () {
                     return this.$http.get("{% url 'api:username-list' %}?filter_list=[" + this.user_id_update + ']').then((response) => {
                         for (let u of response.data) {
-                            this.$set(this.user_names, u.id,  u.username);
+                            this.$set(this.user_names, u.id, u.username);
                         }
 
                     }).catch((err) => {
                         console.log("updateUserNames error: ", err);
-                        this.makeToast('{% trans 'Error' %}','{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
+                        this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
                     })
                 },
                 dragChanged: function (date, meal_type, evt) {
@@ -501,7 +556,7 @@
                             this.$http.put(`{% url 'api:mealplan-list' %}${plan_entry.id}/`, plan_entry).then((response) => {
                             }).catch((err) => {
                                 console.log("dragChanged update error", err);
-                                this.makeToast('{% trans 'Error' %}','{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
+                                this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
                             })
                         }
                     }
@@ -512,7 +567,7 @@
                         this.meal_plan[entry.meal_type_name].days[entry.date].items = this.meal_plan[entry.meal_type_name].days[entry.date].items.filter(item => item !== entry)
                     }).catch((err) => {
                         console.log("deleteEntry error: ", err);
-                        this.makeToast('{% trans 'Error' %}','{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
+                        this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
                     })
                 },
                 updatePlanTypes: function () {
@@ -526,14 +581,14 @@
                                 promise_list.push(this.$http.post("{% url 'api:mealtype-list' %}", x).then((response) => {
                                 }).catch((err) => {
                                     console.log("updatePlanTypes create error: ", err);
-                                    this.makeToast('{% trans 'Error' %}','{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
+                                    this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
                                 }))
                         } else if (x.delete) {
                             if (x.id !== undefined) {
                                 promise_list.push(this.$http.delete(`{% url 'api:mealtype-list' %}${x.id}/`, x).then((response) => {
                                 }).catch((err) => {
                                     console.log("updatePlanTypes delete error: ", err);
-                                    this.makeToast('{% trans 'Error' %}','{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
+                                    this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
                                 }))
                             }
                         } else {
@@ -541,7 +596,7 @@
 
                             }).catch((err) => {
                                 console.log("updatePlanTypes update error: ", err);
-                                this.makeToast('{% trans 'Error' %}','{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
+                                this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
                             }))
                         }
                     }
@@ -556,20 +611,28 @@
                     }
                 },
                 cloneRecipe: function (recipe) {
-                    return {
+                    let r = {
                         id: Math.round(Math.random() * 1000) + 10000,
                         recipe: recipe.id,
                         recipe_name: recipe.name,
+                        recipe_multiplier: (this.new_note_multiplier > 1) ? this.new_note_multiplier : 1,
                         title: this.new_note_title,
                         note: this.new_note_text,
                         is_new: true
                     }
+
+                    this.new_note_title = ''
+                    this.new_note_text = ''
+                    this.new_note_multiplier = ''
+
+                    return r
                 },
                 cloneNote: function () {
                     let new_entry = {
                         id: Math.round(Math.random() * 1000) + 10000,
                         title: this.new_note_title,
                         note: this.new_note_text,
+                        recipe_multiplier: 1,
                         is_new: true,
                     }
 
@@ -579,6 +642,7 @@
 
                     this.new_note_title = ''
                     this.new_note_text = ''
+                    this.new_note_multiplier = ''
                     return new_entry
                 },
                 planElementName: function (element) {
@@ -606,11 +670,14 @@
                 formatLocalDate: function (date) {
                     return moment(date).format('LL')
                 },
-                formatDateDay: function (day) {
-                    return moment(this.week).weekday(this.days.indexOf(day)).format('D')
+                formatDateDay: function (date) {
+                    return moment(date).format('D')
                 },
-                changeWeek: function (change) {
-                    this.week = moment(this.week).add(change, 'w').format('YYYY-[W]WW')
+                formatDateDayname: function (date) {
+                    return moment(date).format('dddd')
+                },
+                changeStartDate: function (change) {
+                    this.start_date = moment(this.start_date).add(change, 'days').format('YYYY-MM-DD')
                     this.updatePlan();
                 },
                 getShoppingUrl: function () {
@@ -618,22 +685,23 @@
                     let first = true
                     for (let se of this.shopping_list) {
                         if (first) {
-                            url += `?r=${se.recipe}`
+                            url += `?r=[${se.recipe},${se.recipe_multiplier}]`
                             first = false
                         } else {
-                            url += `&r=${se.recipe}`
+                            url += `&r=[${se.recipe},${se.recipe_multiplier}]`
                         }
                     }
                     return url
                 },
                 getIcalUrl: function () {
-                    return "{% url 'api_get_plan_ical' 12345 %}".replace(/12345/, this.week);
+                    if (this.dates.length === 0) {
+                        return ""
+                    }
+                    return "{% url 'api_get_plan_ical' 12345 6789 %}".replace(/12345/, this.dates[0].format('YYYY-MM-DD')).replace(/6789/, this.dates[this.dates.length - 1].format('YYYY-MM-DD'));
                 },
-                addDayToShopping: function (day) {
-                    let date = moment(this.week).weekday(this.days.indexOf(day)).format('YYYY-MM-DD')
-
+                addDayToShopping: function (date) {
                     for (let t of this.meal_types) {
-                        for (let i of this.meal_plan[t.name].days[date].items) {
+                        for (let i of this.meal_plan[t.name].days[date.format('YYYY-MM-DD')].items) {
                             if (!this.shopping_list.includes(i)) {
                                 this.shopping_list.push(i)
                             }

cookbook/templates/recipe_view.html

@@ -12,6 +12,8 @@
     {% include 'include/vue_base.html' %}
     <script src="{% static 'js/moment-with-locales.min.js' %}"></script>
 
+    <script src="{% static 'js/frac.js' %}"></script>
+
     <link rel="stylesheet" href="{% static 'css/pretty-checkbox.min.css' %}">
     <link rel="stylesheet" href="{% static 'custom/css/markdown_blockquote.css' %}">
 
@@ -36,10 +38,10 @@
                                 class="fas fa-pencil-alt fa-fw"></i> {% trans 'Edit' %}</a>
                         <button class="dropdown-item" onclick="$('#bookmarkModal').modal({'show':true})">
                             <i class="fas fa-bookmark fa-fw"></i> {% trans 'Add to Book' %}</button>
-                        {% if ingredients %}
-                            <a class="dropdown-item" href="{% url 'view_shopping' %}?r={{ recipe.pk }}">
-                                <i class="fas fa-shopping-cart fa-fw"></i> {% trans 'Add to Shopping' %}</a>
-                        {% endif %}
+
+                        <a class="dropdown-item" v-bind:href="getShoppingUrl()" v-if="has_ingredients">
+                            <i class="fas fa-shopping-cart fa-fw"></i> {% trans 'Add to Shopping' %}</a>
+
                         <a class="dropdown-item" href="{% url 'new_meal_plan' %}?recipe={{ recipe.pk }}"><i
                                 class="fas fa-calendar fa-fw"></i> {% trans 'Add to Plan' %}</a>
                         <button class="dropdown-item" onclick="openCookLogModal({{ recipe.pk }})"><i
@@ -77,13 +79,13 @@
 
     {% if recipe.working_time and recipe.working_time != 0 %}
         <span class="badge badge-secondary"><i
-                class="fas fa-user-clock"></i> {% trans 'Preparation time ca.' %} {{ recipe.working_time }} min </span>
+                class="fas fa-user-clock"></i> {% trans 'Preparation time ~' %} {{ recipe.working_time }} min </span>
     {% endif %}
 
     {% if recipe.waiting_time and recipe.waiting_time != 0 %}
         <span
                 class="badge badge-secondary"><i
-                class="far fa-clock"></i> {% trans 'Waiting time ca.' %} {{ recipe.waiting_time }} min </span>
+                class="far fa-clock"></i> {% trans 'Waiting time ~' %} {{ recipe.waiting_time }} min </span>
     {% endif %}
     {% recipe_last recipe request.user as last_cooked %}
     {% if last_cooked %}
@@ -95,8 +97,9 @@
         <br/>
     {% endif %}
 
-    <div class="row" v-if="recipe && has_ingredients"> <!-- TODO duplicate code remove -->
-        <div class="col-md-6 order-md-1 col-sm-12 order-sm-2 col-12 order-2">
+    <div class="row">
+        <div class="col-md-6 order-md-1 col-sm-12 order-sm-2 col-12 order-2" v-if="recipe && has_ingredients">
+            <!-- TODO duplicate code remove -->
             <div class="card border-primary">
                 <div class="card-body">
                     <div class="row">
@@ -148,9 +151,12 @@
                                                                 <template v-if="i.no_amount">
                                                                     <span>&#x2063;</span>
                                                                 </template>
-                                                                <template v-if="!i.no_amount && i.unit">
-                                                                    <span>[[roundDecimals(i.amount * ingredient_factor)]]</span>
-                                                                    [[i.unit.name]]
+                                                                <template v-if="!i.no_amount">
+                                                                    <span v-html="calculateAmount(i.amount)"></span>
+                                                                    {# Allow for amounts without units, such as "2 eggs" #}
+                                                                    <template v-if="i.unit">
+                                                                        [[i.unit.name]]
+                                                                    </template>
                                                                 </template>
                                                             </label>
                                                         </div>
@@ -168,7 +174,9 @@
                                                 </td>
                                                 <td style="vertical-align: middle!important;">
                                                     <template v-if="i.note">
-                                                         <b-button v-b-popover.hover="i.note" class="btn btn-sm d-print-none"><i class="fas fa-info"></i></b-button>
+                                                        <b-button v-b-popover.hover="i.note"
+                                                                  class="btn btn-sm d-print-none"><i
+                                                                class="fas fa-info"></i></b-button>
 
                                                         <div class="d-none d-print-block">
                                                             <i class="far fa-comment-alt"></i> [[i.note]]
@@ -202,6 +210,60 @@
         {% endif %}
     </div>
 
+    {% if recipe.nutrition %}
+        <div class="row mt-5">
+            <div class="col-md-6 order-md-1 col-sm-12 order-sm-2 col-12 order-2">
+                <div class="card border-primary">
+                    <div class="card-body">
+                        <h4 class="card-title">{% trans 'Nutrition' %}</h4>
+                        <table class="table table-sm">
+                            <tr>
+                                <td style="padding-top: 8px!important; ">
+                                    <b>{% trans 'Calories' %}</b>
+                                </td>
+                                <td style="text-align: right">{{ recipe.nutrition.calories|floatformat:2 }}</td>
+                                <td>kcal</td>
+                            </tr>
+                            <tr>
+                            <tr>
+                                <td style="padding-top: 8px!important; ">
+                                    <b>{% trans 'Carbohydrates' %}</b>
+                                </td>
+                                <td style="text-align: right">{{ recipe.nutrition.carbohydrates|floatformat:2 }}</td>
+                                <td>g</td>
+                            </tr>
+                            <tr>
+                            <tr>
+                                <td style="padding-top: 8px!important; ">
+                                    <b>{% trans 'Fats' %}</b>
+                                </td>
+                                <td style="text-align: right">{{ recipe.nutrition.fats|floatformat:2 }}</td>
+                                <td>g</td>
+                            </tr>
+                            <tr>
+                            <tr>
+                                <td style="padding-top: 8px!important; ">
+                                    <b>{% trans 'Proteins' %}</b>
+                                </td>
+                                <td style="text-align: right">{{ recipe.nutrition.proteins|floatformat:2 }}</td>
+                                <td>g</td>
+                            </tr>
+                            <tr>
+                                <td></td>
+                                <td></td>
+                                <td></td>
+                            </tr>
+                        </table>
+                        {% if recipe.nutrition.source %}
+                            Source: {{ recipe.nutrition.source }}
+                        {% endif %}
+                    </div>
+                </div>
+            </div>
+        </div>
+    {% endif %}
+
+
     <div v-if="recipe !== undefined && recipe.steps.length > 0">
         <hr>
         <h3>{% trans 'Instructions' %}</h3>
@@ -240,7 +302,8 @@
                              style="margin-top: 1vh">
                             <div class="col-md-6">
                                 <table class="table table-sm">
-                                    <template v-for="i in recipe.steps[{{ forloop.counter0 }}].ingredients"> <!-- TODO duplicate code remove -->
+                                    <template v-for="i in recipe.steps[{{ forloop.counter0 }}].ingredients">
+                                        <!-- TODO duplicate code remove -->
 
                                         <template v-if="i.is_header">
                                             <tr>
@@ -263,9 +326,12 @@
                                                                 <template v-if="i.no_amount">
                                                                     <span>&#x2063;</span>
                                                                 </template>
-                                                                <template v-if="!i.no_amount && i.unit">
-                                                                    <span>[[roundDecimals(i.amount * ingredient_factor)]]</span>
-                                                                    [[i.unit.name]]
+                                                                <template v-if="!i.no_amount">
+                                                                    <span v-html="calculateAmount(i.amount)"></span>
+                                                                    {# Allow for amounts without units, such as "2 eggs" #}
+                                                                    <template v-if="i.unit">
+                                                                        [[i.unit.name]]
+                                                                    </template>
                                                                 </template>
                                                             </label>
                                                         </div>
@@ -283,7 +349,9 @@
                                                 </td>
                                                 <td style="vertical-align: middle!important;">
                                                     <template v-if="i.note">
-                                                        <b-button v-b-popover.hover="i.note" class="btn btn-sm d-print-none"><i class="fas fa-info"></i></b-button>
+                                                        <b-button v-b-popover.hover="i.note"
+                                                                  class="btn btn-sm d-print-none"><i
+                                                                class="fas fa-info"></i></b-button>
                                                         <div class="d-none d-print-block">
                                                             <i class="far fa-comment-alt"></i> [[i.note]]
                                                         </div>
@@ -466,7 +534,7 @@
                     this.$http.get("{% url 'api:recipe-detail' recipe.pk %}" {% if share %}
                         + "?share={{ share }}"{% endif %}).then((response) => {
                         this.recipe = response.data;
-                        this.loading = false
+                        this.loading = false;
 
                         for (let step of this.recipe.steps) {
                             if (step.ingredients.length > 0) {
@@ -475,25 +543,25 @@
                             if (step.time !== 0) {
                                 this.has_times = true
                             }
-                            this.$set(step, 'time_finished', undefined)
+                            this.$set(step, 'time_finished', undefined);
                             for (let i of step.ingredients) {
                                 this.$set(i, 'checked', false)
                             }
                         }
 
                     }).catch((err) => {
-                        this.error = err.data
-                        this.loading = false
+                        this.error = err.data;
+                        this.loading = false;
                         console.log(err)
                     })
                 },
                 roundDecimals: function (num) {
                     let decimals = {% if request.user.userpreference.ingredient_decimals %}
-                        {{ request.user.userpreference.ingredient_decimals }} {% else %} 2 {% endif %}
+                        {{ request.user.userpreference.ingredient_decimals }} {% else %} 2; {% endif %}
                     return +(Math.round(num + `e+${decimals}`) + `e-${decimals}`);
                 },
                 updateTimes: function (step) {
-                    let time_diff_first = 0
+                    let time_diff_first = 0;
                     for (let s of this.recipe.steps) {
                         if (this.recipe.steps.indexOf(s) < this.recipe.steps.indexOf(step)) {
                             time_diff_first += s.time
@@ -502,14 +570,37 @@
 
                     this.recipe.steps[0].time_finished = moment(step.time_finished).subtract(time_diff_first, 'minutes').format(moment.HTML5_FMT.DATETIME_LOCAL);
 
-                    let time_diff = 0
+                    let time_diff = 0;
                     for (let s of this.recipe.steps) {
                         s.time_finished = moment(this.recipe.steps[0].time_finished).add(time_diff, 'minutes').format(moment.HTML5_FMT.DATETIME_LOCAL);
                         time_diff += s.time
                     }
 
-                }
+                },
+                getShoppingUrl: function () {
+                    return `{% url 'view_shopping' %}?r=[${this.recipe.id},${this.ingredient_factor}]`
+                },
+                calculateAmount: function (amount) {
+                    {% if request.user.userpreference.use_fractions %}
+                        let return_string = ''
+                        let fraction = frac.cont((amount * this.ingredient_factor), 9, true)
+
+                        if (fraction[0] > 0) {
+                            return_string += fraction[0]
+                        }
+
+                        if (fraction[1] > 0) {
+                            return_string += ` <sup>${(fraction[1])}</sup>&frasl;<sub>${(fraction[2])}</sub>`
+                        }
+
+                        return return_string
+                    {% else %}
+                         return this.roundDecimals(amount * this.ingredient_factor)
+                    {% endif %}
+                },
             }
         });
+
+
     </script>
 {% endblock %}

cookbook/templates/registration/login.html

@@ -1,6 +1,8 @@
 {% extends "base.html" %}
 {% load i18n %}
 
+{% block title %}{% trans 'Login' %}{% endblock %}
+
 {% block content %}
 
     {% if form.errors %}

cookbook/templates/registration/signup.html

@@ -0,0 +1,18 @@
+{% extends "base.html" %}
+{% load crispy_forms_filters %}
+{% load i18n %}
+
+{% block title %}{% trans 'Register' %}{% endblock %}
+
+{% block content %}
+
+    <h3>{% trans 'Create your Account' %}</h3>
+
+    <form method="post">
+        {% csrf_token %}
+        {{ form|crispy }}
+        <button class="btn btn-success" type="submit"><i class="fas fa-save"></i> {% trans 'Create User' %}
+        </button>
+    </form>
+
+{% endblock %}

cookbook/templates/shopping_list.html

@@ -4,61 +4,700 @@
 {% load static %}
 {% load i18n %}
 
-{% block title %}{% trans "Cookbook" %}{% endblock %}
+{% block title %}{% trans "Shopping List" %}{% endblock %}
 
 {% block extra_head %}
-    {{ form.media }}
+    {% include 'include/vue_base.html' %}
+
+    <link rel="stylesheet" href="{% static 'css/vue-multiselect-bs4.min.css' %}">
+    <script src="{% static 'js/vue-multiselect.min.js' %}"></script>
+
+    <script src="{% static 'js/Sortable.min.js' %}"></script>
+    <script src="{% static 'js/vuedraggable.umd.min.js' %}"></script>
+
+    <link rel="stylesheet" href="{% static 'css/pretty-checkbox.min.css' %}">
 {% endblock %}
 
 {% block content %}
 
-    <h2><i class="fas fa-shopping-cart"></i> {% trans 'Shopping List' %}</h2>
-
-    <form action="{% url 'view_shopping' %}" method="post">
-        {% csrf_token %}
-        {{ form|crispy }}
-        <button class="btn btn-success" type="submit"><i class="fas fa-sync-alt"></i> {% trans 'Load' %}</button>
-    </form>
-
-    <br/>
-    <br/>
-
     <div class="row">
-        <div class="col col-md-12">
-            <!--// @formatter:off-->
-            <textarea id="id_list" class="form-control" rows="{{ ingredients|length|add:1 }}">{% for i in ingredients %}{% if markdown_format %}- [ ] {% endif %}{{ i.amount.normalize }} {{ i.unit }} {{ i.food.name }}&#13;&#10;{% endfor %}</textarea>
-            <!--// @formatter:on-->
+        <div class="col col-md-9">
+            <h2>{% trans 'Shopping List' %}</h2>
         </div>
-    </div>
-    <br/>
-    <div class="row">
-        <div class="col col-md-12 text-center">
-            <button class="btn btn-success" onclick="copy()" style="width: 15vw" data-toggle="tooltip"
-                    data-placement="right" title="{% trans 'Copy list to clipboard' %}" id="id_btn_copy" onmouseout="resetTooltip()"><i
-                    class="far fa-copy"></i></button>
+        <div class="col col-mdd-3 text-right">
+            <b-form-checkbox switch size="lg" v-model="edit_mode"
+                             @change="$forceUpdate()">{% trans 'Edit' %}</b-form-checkbox>
         </div>
     </div>
 
-    <script type="text/javascript">
-        function copy() {
-            let list = $('#id_list');
+    <template v-if="shopping_list !== undefined">
 
-            list.select();
+        <div class="text-center" v-if="loading">
+            <i class="fas fa-spinner fa-spin fa-8x"></i>
+        </div>
+        <div v-else-if="edit_mode">
+            <div class="row">
+                <div class="col col-md-6">
 
-            $('#id_btn_copy').attr('data-original-title','{% trans 'Copied!' %}').tooltip('show');
+                    <div class="card">
+                        <div class="card-header">
+                            <i class="fa fa-search"></i> {% trans 'Search' %}
+                        </div>
+                        <div class="card-body">
+                            <input type="text" class="form-control" v-model="recipe_query" @keyup="getRecipes"
+                                   placeholder="{% trans 'Search Recipe' %}">
+                            <ul class="list-group" style="margin-top: 8px">
+                                <li class="list-group-item" v-for="x in recipes">
+                                    <div class="row flex-row" style="padding-left: 0.5vw; padding-right: 0.5vw">
+                                        <div class="flex-column flex-fill my-auto"><a v-bind:href="getRecipeUrl(x.id)"
+                                                                                      target="_blank"
+                                                                                      rel="nofollow norefferer">[[x.name]]</a>
+                                        </div>
+                                        <div class="flex-column align-self-end">
+                                            <button class="btn btn-outline-primary shadow-none"
+                                                    @click="addRecipeToList(x)"><i
+                                                    class="fa fa-plus"></i></button>
+                                        </div>
+                                    </div>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
 
-            document.execCommand("copy");
-        }
+                <div class="col col-md-6">
+                    <div class="card">
+                        <div class="card-header">
+                            <i class="fa fa-shopping-cart"></i> {% trans 'Shopping Recipes' %}
+                        </div>
+                        <div class="card-body">
+                            <template v-if="shopping_list.recipes.length < 1">
+                                {% trans 'No recipes selected' %}
+                            </template>
+                            <template v-else>
+                                <div class="row flex-row my-auto" v-for="x in shopping_list.recipes"
+                                     style="margin-top: 1vh!important;">
+                                    <div class="flex-column align-self-start " style="margin-right: 0.4vw">
+                                        <button class="btn btn-outline-danger" @click="removeRecipeFromList(x)"><i
+                                                class="fa fa-trash"></i></button>
+                                    </div>
+                                    <div class="flex-grow-1 flex-column my-auto"><a v-bind:href="getRecipeUrl(x.recipe)"
+                                                                                    target="_blank"
+                                                                                    rel="nofollow norefferer">[[x.recipe_name]]</a>
+                                    </div>
+                                    <div class="flex-column align-self-end ">
+                                        <div class="input-group input-group-sm my-auto">
+                                            <div class="input-group-prepend">
+                                                <button class="text-muted btn btn-outline-primary shadow-none"
+                                                        @click="((x.multiplier - 1) > 0) ? x.multiplier -= 1 : 1">-
+                                                </button>
+                                            </div>
+                                            <input class="form-control" type="number" v-model="x.multiplier">
+                                            <div class="input-group-append">
+                                                <button class="text-muted btn btn-outline-primary shadow-none"
+                                                        @click="x.multiplier += 1">
+                                                    +
+                                                </button>
+                                            </div>
+                                        </div>
+                                    </div>
 
-        function resetTooltip() {
-            setTimeout(function () {
-                $('#id_btn_copy').attr('data-original-title','{% trans 'Copy list to clipboard' %}');
-            }, 300);
-        }
+                                </div>
+                            </template>
+                        </div>
+                    </div>
+                </div>
+            </div>
 
-        $(function () {
-            $('[data-toggle="tooltip"]').tooltip()
-        })
+            <table class="table table-sm table-striped" style="margin-top: 1vh">
+
+                <tbody is="draggable" group="people" :list="display_entries" tag="tbody" :empty-insert-threshold="10"
+                       handle=".handle" @sort="sortEntries()">
+
+                <tr v-for="(element, index) in display_entries" :key="element.id">
+                    <!--<td class="handle"><i class="fas fa-sort"></i></td>-->
+                    <td>[[element.amount]]</td>
+                    <td>[[element.unit.name]]</td>
+                    <td>[[element.food.name]]</td>
+                    <td>
+                        <button class="btn btn-sm btn-outline-danger" v-if="element.list_recipe === null"
+                                @click="shopping_list.entries = shopping_list.entries.filter(item => item.id !== element.id)">
+                            <i class="fa fa-trash"></i></button>
+                    </td>
+                </tr>
+                </tbody>
+
+            </table>
+
+
+            <div class="row">
+                <div class="col col-md-3">
+                    <input class="form-control" type="number" placeholder="{% trans 'Amount' %}"
+                           v-model="new_entry.amount" ref="new_entry_amount">
+                </div>
+                <div class="col col-md-4">
+                    <multiselect
+                            v-tabindex
+                            ref="unit"
+                            v-model="new_entry.unit"
+                            :options="units"
+                            :close-on-select="true"
+                            :clear-on-select="true"
+                            :allow-empty="true"
+                            :preserve-search="true"
+                            placeholder="{% trans 'Select Unit' %}"
+                            tag-placeholder="{% trans 'Create' %}"
+                            select-label="{% trans 'Select' %}"
+                            :taggable="true"
+                            @tag="addUnitType"
+                            label="name"
+                            track-by="name"
+                            :multiple="false"
+                            :loading="units_loading"
+                            @search-change="searchUnits">
+                    </multiselect>
+                </div>
+                <div class="col col-md-4">
+                    <multiselect
+                            v-tabindex
+                            ref="food"
+                            v-model="new_entry.food"
+                            :options="foods"
+                            :close-on-select="true"
+                            :clear-on-select="true"
+                            :allow-empty="true"
+                            :preserve-search="true"
+                            placeholder="{% trans 'Select Food' %}"
+                            tag-placeholder="{% trans 'Create' %}"
+                            select-label="{% trans 'Select' %}"
+                            :taggable="true"
+                            @tag="addFoodType"
+                            label="name"
+                            track-by="name"
+                            :multiple="false"
+                            :loading="foods_loading"
+                            @search-change="searchFoods">
+                    </multiselect>
+                </div>
+
+                <div class="col col-md-1 my-auto text-right">
+                    <button class="btn btn-success btn-lg" @click="addEntry()"><i class="fa fa-plus"></i>
+                    </button>
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="col" style="text-align: right; margin-top: 1vh">
+
+                    <div class="form-group form-check form-group-lg">
+                        <input class="form-check-input" style="zoom:1.3;" type="checkbox"
+                               v-model="shopping_list.finished" id="id_finished">
+                        <label class="form-check-label" style="zoom:1.3;"
+                               for="id_finished"> {% trans 'Finished' %}</label>
+                    </div>
+
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="col" style="margin-top: 1vh">
+                    <multiselect
+                            v-tabindex
+
+                            v-model="shopping_list.shared"
+                            :options="users"
+                            :close-on-select="true"
+                            :clear-on-select="true"
+                            :allow-empty="true"
+                            :preserve-search="true"
+                            placeholder="{% trans 'Select User' %}"
+                            select-label="{% trans 'Select' %}"
+                            label="username"
+                            track-by="id"
+                            :multiple="true"
+                            :loading="users_loading"
+                            @search-change="searchUsers">
+                    </multiselect>
+
+                </div>
+            </div>
+
+        </div>
+        <div v-else>
+
+            {% if request.user.userpreference.shopping_auto_sync > 0 %}
+                <div class="row" v-if="!onLine">
+                    <div class="col col-md-12">
+                        <div class="alert alert-warning" role="alert">
+                            {% trans 'You are offline, shopping list might not sync.' %}
+                        </div>
+                    </div>
+                </div>
+            {% endif %}
+
+            <div class="row" style="margin-top: 8px">
+                <div class="col col-md-12">
+                    <table class="table">
+                        <tr v-for="x in display_entries">
+                            <template v-if="!x.checked">
+                                <td><input type="checkbox" style="zoom:1.4;" v-model="x.checked"
+                                           @change="entryChecked(x)">
+                                </td>
+                                <td>[[x.amount]]</td>
+                                <td>[[x.unit.name]]</td>
+                                <td>[[x.food.name]]</td>
+                            </template>
+                        </tr>
+
+                        <tr v-for="x in display_entries" class="text-muted">
+                            <template v-if="x.checked">
+                                <td><input type="checkbox" style="zoom:1.4;" v-model="x.checked"
+                                           @change="entryChecked(x)">
+                                </td>
+                                <td>[[x.amount]]</td>
+                                <td>[[x.unit.name]]</td>
+                                <td>[[x.food.name]]</td>
+                            </template>
+                        </tr>
+                    </table>
+                </div>
+            </div>
+
+
+        </div>
+
+        <div class="row" style="margin-top: 2vh">
+            <div class="col" style="text-align: right">
+                <b-button class="btn btn-info" v-b-modal.id_modal_export><i
+                        class="fas fa-file-export"></i> {% trans 'Export' %}</b-button>
+                <button class="btn btn-success" @click="updateShoppingList()" v-if="edit_mode"><i
+                        class="fas fa-save"></i> {% trans 'Save' %}
+                </button>
+            </div>
+        </div>
+
+
+        <b-modal id="id_modal_export" title="{% trans 'Copy/Export' %}">
+            <div class="row">
+                <div class="col col-12">
+                    <label>
+                        {% trans 'List Prefix' %}
+                        <input class="form-control" v-model="export_text_prefix">
+                    </label>
+                </div>
+
+            </div>
+
+            <div class="row">
+                <div class="col col-12">
+                    <b-form-textarea class="form-control" max-rows="8" v-model="export_text">
+
+                    </b-form-textarea>
+                </div>
+            </div>
+
+
+        </b-modal>
+
+
+    </template>
+
+
+{% endblock %}
+{% block script %}
+    <script type="application/javascript">
+        let csrftoken = Cookies.get('csrftoken');
+        Vue.http.headers.common['X-CSRFToken'] = csrftoken;
+
+        Vue.component('vue-multiselect', window.VueMultiselect.default)
+
+        let app = new Vue({
+            components: {
+                Multiselect: window.VueMultiselect.default
+            },
+            delimiters: ['[[', ']]'],
+            el: '#id_base_container',
+            data: {
+                shopping_list_id: {% if shopping_list_id  %}{{ shopping_list_id }}{% else %}null{% endif %},
+                loading: true,
+                edit_mode: false,
+                export_text_prefix: '', //TODO add userpreference
+                recipe_query: '',
+                recipes: [],
+                shopping_list: undefined,
+                new_entry: {
+                    unit: undefined,
+                    amount: undefined,
+                    food: undefined,
+                },
+                foods: [],
+                foods_loading: false,
+                units: [],
+                units_loading: false,
+                users: [],
+                users_loading: false,
+                onLine: navigator.onLine,
+            },
+            directives: {
+                tabindex: {
+                    inserted(el) {
+                        el.setAttribute('tabindex', 0);
+                    }
+                }
+            },
+            computed: {
+                multiplier_cache() {
+                    let cache = {}
+                    this.shopping_list.recipes.forEach((r) => {
+                        cache[r.id] = !(Number.isNaN(r.multiplier)) ? parseFloat(r.multiplier) : 1
+                    })
+                    return cache
+                },
+                display_entries() {
+                    let entries = []
+
+                    //TODO merge multiple ingredients of same unit
+
+                    this.shopping_list.entries.forEach(element => {
+                        let item = {}
+                        Object.assign(item, element);
+                        if (item.list_recipe !== null) {
+                            item.amount = item.amount * this.multiplier_cache[item.list_recipe]
+                        }
+                        item.unit = ((element.unit !== undefined && element.unit !== null) ? element.unit : {'name': ''})
+                        entries.push(item)
+                    });
+
+                    return entries
+                },
+                export_text() {
+                    let text = ''
+                    for (let e of this.display_entries.filter(item => item.checked === false)) {
+                        text += `${this.export_text_prefix}${e.amount} ${e.unit.name} ${e.food.name} \n`
+                    }
+                    return text
+                }
+            },
+            /*
+           watch: {
+               recipe: {
+                   deep: true,
+                   handler() {
+                       this.recipe_changed = this.recipe_changed !== undefined;
+                   }
+               }
+           },
+
+           created() {
+               window.addEventListener('beforeunload', this.warnPageLeave)
+           },
+           */
+            mounted: function () {
+                this.loadShoppingList()
+
+                {% if recipes %}
+                    this.loading = true
+                    this.edit_mode = true
+                    let loadingRecipes = []
+                    {% for r in recipes %}
+                        loadingRecipes.push(this.loadInitialRecipe({{ r.recipe }}, {{ r.multiplier }}))
+                    {% endfor %}
+
+                    Promise.allSettled(loadingRecipes).then(() => {
+                        this.loading = false
+                    })
+                {% endif %}
+
+                {% if request.user.userpreference.shopping_auto_sync > 0 %}
+                    setInterval(() => {
+                        if ((this.shopping_list_id !== null) && !this.edit_mode && window.navigator.onLine) {
+                            this.loadShoppingList(true)
+                        }
+                    }, {% widthratio request.user.userpreference.shopping_auto_sync 1 1000 %})
+
+                    window.addEventListener('online', this.updateOnlineStatus);
+                    window.addEventListener('offline', this.updateOnlineStatus);
+                {% endif %}
+
+                this.searchUsers('')
+            },
+            methods: {
+                updateOnlineStatus(e) {
+                    const {
+                        type
+                    } = e;
+                    this.onLine = type === 'online';
+                },
+                /*
+                warnPageLeave: function (event) {
+                    if (this.recipe_changed) {
+                        event.returnValue = ''
+                        return ''
+                    }
+                },
+                 */
+                makeToast: function (title, message, variant = null) {
+                    //TODO remove duplicate function in favor of central one
+                    this.$bvToast.toast(message, {
+                        title: title,
+                        variant: variant,
+                        toaster: 'b-toaster-top-center',
+                        solid: true
+                    })
+                },
+                loadInitialRecipe: function (recipe, multiplier) {
+                    return this.$http.get('{% url 'api:recipe-detail' 123456 %}'.replace('123456', recipe)).then((response) => {
+                        this.addRecipeToList(response.data, multiplier)
+                    }).catch((err) => {
+                        console.log("getRecipes error: ", err);
+                        this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
+                    })
+                },
+                loadShoppingList: function (autosync = false) {
+
+                    if (this.shopping_list_id) {
+                        this.$http.get("{% url 'api:shoppinglist-detail' 123456 %}".replace('123456', this.shopping_list_id) + ((autosync) ? '?autosync=true' : '')).then((response) => {
+                            if (!autosync) {
+                                this.shopping_list = response.body
+                                this.loading = false
+                            } else {
+                                let check_map = {}
+                                for (let e of response.body.entries) {
+                                    check_map[e.id] = {checked: e.checked}
+                                }
+
+                                for (let se of this.shopping_list.entries) {
+                                    if (check_map[se.id] !== undefined) {
+                                        se.checked = check_map[se.id].checked
+                                    }
+                                }
+                            }
+                            if (this.shopping_list.entries.length === 0) {
+                                this.edit_mode = true
+                            }
+                        }).catch((err) => {
+                            console.log(err)
+                            this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
+                        })
+                    } else {
+                        this.shopping_list = {
+                            "recipes": [],
+                            "entries": [],
+                            "entries_display": [],
+                            "shared": [{% for u in request.user.userpreference.plan_share.all %}
+                                {'id': {{ u.pk }}, 'username': '{{ u.get_user_name }}'},
+                            {% endfor %}],
+                            "created_by": 1
+                        }
+                        this.loading = false
+
+                        if (this.shopping_list.entries.length === 0) {
+                            this.edit_mode = true
+                        }
+                    }
+                },
+                updateShoppingList: function () {
+                    this.loading = true
+                    let recipe_promises = []
+
+                    for (let i in this.shopping_list.recipes) {
+                        if (this.shopping_list.recipes[i].created) {
+                            console.log('updating recipe', this.shopping_list.recipes[i])
+                            recipe_promises.push(this.$http.post("{% url 'api:shoppinglistrecipe-list' %}", this.shopping_list.recipes[i], {}).then((response) => {
+                                let old_id = this.shopping_list.recipes[i].id
+                                console.log("list recipe create respose ", response.body)
+                                this.$set(this.shopping_list.recipes, i, response.body)
+                                for (let e of this.shopping_list.entries.filter(item => item.list_recipe === old_id)) {
+                                    console.log("found recipe updating ID")
+                                    e.list_recipe = this.shopping_list.recipes[i].id
+                                }
+                            }).catch((err) => {
+                                console.log(err)
+                                this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error updating a resource!' %}' + err.bodyText, 'danger')
+                            }))
+                        }
+                    }
+
+                    Promise.allSettled(recipe_promises).then(() => {
+                        console.log("proceeding to update shopping list", this.shopping_list)
+
+                        if (this.shopping_list_id === null) {
+                            return this.$http.post("{% url 'api:shoppinglist-list' %}", this.shopping_list, {}).then((response) => {
+                                console.log(response)
+                                this.makeToast('{% trans 'Updated' %}', '{% trans 'Object created successfully!' %}', 'success')
+                                this.loading = false
+
+                                this.shopping_list = response.body
+                                this.shopping_list_id = this.shopping_list.id
+
+                                window.history.pushState('shopping_list', '{% trans 'Shopping List' %}', "{% url 'view_shopping' 123456 %}".replace('123456', this.shopping_list_id));
+                            }).catch((err) => {
+                                console.log(err)
+                                this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error creating a resource!' %}' + err.bodyText, 'danger')
+                                this.loading = false
+                            })
+                        } else {
+                            return this.$http.put("{% url 'api:shoppinglist-detail' shopping_list_id %}", this.shopping_list, {}).then((response) => {
+                                console.log(response)
+                                this.shopping_list = response.body
+                                this.makeToast('{% trans 'Updated' %}', '{% trans 'Changes saved successfully!' %}', 'success')
+                                this.loading = false
+                            }).catch((err) => {
+                                console.log(err)
+                                this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error updating a resource!' %}' + err.bodyText, 'danger')
+                                this.loading = false
+                            })
+                        }
+
+
+                    })
+                },
+                sortEntries: function () {
+                    this.display_entries.forEach((item, index) => {
+
+                    })
+                    console.log("IMPLEMENT ME", this.display_entries)
+                },
+                entryChecked: function (entry) {
+                    console.log("checked entry: ", entry)
+                    this.shopping_list.entries.forEach((item) => {
+                        if (item.id === entry.id) { //TODO unwrap once same entries are merged
+                            item.checked = entry.checked
+                            this.$http.put("{% url 'api:shoppinglistentry-detail' 123456 %}".replace('123456', item.id), item, {}).then((response) => {
+
+                            }).catch((err) => {
+                                console.log(err)
+                                this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error updating a resource!' %}' + err.bodyText, 'danger')
+                                this.loading = false
+                            })
+
+                        }
+                    })
+                },
+                addEntry: function () {
+                    if (this.new_entry.food !== undefined) {
+                        this.shopping_list.entries.push({
+                            'list_recipe': null,
+                            'food': this.new_entry.food,
+                            'unit': this.new_entry.unit,
+                            'amount': parseFloat(this.new_entry.amount),
+                            'order': 0,
+                            'checked': false
+                        })
+
+                        this.new_entry = {
+                            unit: undefined,
+                            amount: undefined,
+                            food: undefined,
+                        }
+
+                        this.$refs.new_entry_amount.focus();
+                    } else {
+                        this.makeToast('{% trans 'Error' %}', '{% trans 'Please enter a valid food' %}', 'danger')
+                    }
+                },
+                getRecipes: function () {
+                    let url = "{% url 'api:recipe-list' %}?limit=5&internal=true"
+                    if (this.recipe_query !== '') {
+                        url += '&query=' + this.recipe_query;
+                    } else {
+                        this.recipes = []
+                        return
+                    }
+
+                    this.$http.get(url).then((response) => {
+                        this.recipes = response.data;
+                    }).catch((err) => {
+                        console.log("getRecipes error: ", err);
+                        this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
+                    })
+                },
+                getRecipeUrl: function (id) { //TODO generic function that can be reused else were
+                    return '{% url 'view_recipe' 123456 %}'.replace('123456', id)
+                },
+                addRecipeToList: function (recipe, multiplier = 1) {
+                    let slr = {
+                        "created": true,
+                        "id": Math.random() * 1000,
+                        "recipe": recipe.id,
+                        "recipe_name": recipe.name,
+                        "multiplier": multiplier
+                    }
+
+                    this.shopping_list.recipes.push(slr)
+
+                    for (let s of recipe.steps) {
+                        for (let i of s.ingredients) {
+                            if (!i.is_header && i.food !== null) {
+                                this.shopping_list.entries.push({
+                                    'list_recipe': slr.id,
+                                    'food': i.food,
+                                    'unit': i.unit,
+                                    'amount': i.amount,
+                                    'order': 0
+                                })
+                            }
+                        }
+                    }
+                },
+                removeRecipeFromList: function (slr) {
+                    this.shopping_list.entries = this.shopping_list.entries.filter(item => item.list_recipe !== slr.id)
+                    this.shopping_list.recipes = this.shopping_list.recipes.filter(item => item !== slr)
+                },
+                searchKeywords: function (query) {
+                    this.keywords_loading = true
+                    this.$http.get("{% url 'api:keyword-list' %}" + '?query=' + query + '&limit=10').then((response) => {
+                        this.keywords = response.data;
+                        this.keywords_loading = false
+                    }).catch((err) => {
+                        console.log(err)
+                        this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
+                    })
+                },
+
+                searchUnits: function (query) { //TODO move to central component
+                    this.units_loading = true
+                    this.$http.get("{% url 'api:unit-list' %}" + '?query=' + query + '&limit=10').then((response) => {
+                        this.units = response.data;
+                        this.units_loading = false
+                    }).catch((err) => {
+                        this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
+                    })
+                },
+                searchFoods: function (query) { //TODO move to central component
+                    this.foods_loading = true
+                    this.$http.get("{% url 'api:food-list' %}" + '?query=' + query + '&limit=10').then((response) => {
+                        this.foods = response.data
+                        this.foods_loading = false
+                    }).catch((err) => {
+                        this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
+                    })
+                },
+                addFoodType: function (tag, index) { //TODO move to central component
+                    let new_food = {'name': tag}
+                    this.foods.push(new_food)
+                    this.new_entry.food = new_food
+                },
+                addUnitType: function (tag, index) { //TODO move to central component
+                    let new_unit = {'name': tag}
+                    this.units.push(new_unit)
+                    this.new_entry.unit = new_unit
+                },
+                searchUsers: function (query) { //TODO move to central component
+                    this.users_loading = true
+                    this.$http.get("{% url 'api:username-list' %}" + '?query=' + query + '&limit=10').then((response) => {
+                        this.users = response.data
+                        this.users_loading = false
+                    }).catch((err) => {
+                        this.makeToast('{% trans 'Error' %}', '{% trans 'There was an error loading a resource!' %}' + err.bodyText, 'danger')
+                    })
+                },
+            },
+            beforeDestroy() {
+                window.removeEventListener('online', this.updateOnlineStatus);
+                window.removeEventListener('offline', this.updateOnlineStatus);
+            }
+        });
     </script>
 
 {% endblock %}

cookbook/templates/system.html

@@ -16,8 +16,18 @@
     <br/>
     <br/>
 
-    <h3>{% trans 'Backup & Restore' %}</h3>
-    <a href="{% url 'api_backup' %}" class="btn btn-success">{% trans 'Download Backup' %}</a>
+    <div class="row">
+        <div class="col-md-6">
+            <h3>{% trans 'Invite Links' %}</h3>
+            <a href="{% url 'list_invite_link' %}" class="btn btn-success">{% trans 'Show Links' %}</a>
+
+        </div>
+        <div class="col-md-6">
+            <h3>{% trans 'Backup & Restore' %}</h3>
+            <a href="{% url 'api_backup' %}" class="btn btn-success">{% trans 'Download Backup' %}</a>
+
+        </div>
+    </div>
 
     <br/>
     <br/>
@@ -59,7 +69,8 @@
         {% trans 'Warning' %}{% else %}{% trans 'Ok' %}{% endif %}</span></h4>
     {% if secret_key %}
         {% blocktrans %}
-            You do not have a <code>SECRET_KEY</code> configured in your <code>.env</code> file. Django defaulted to the standard key
+            You do not have a <code>SECRET_KEY</code> configured in your <code>.env</code> file. Django defaulted to the
+            standard key
             provided with the installation which is publicly know and insecure! Please set
             <code>SECRET_KEY</code> int the <code>.env</code> configuration file.
         {% endblocktrans %}

cookbook/templates/url_import.html

@@ -80,7 +80,7 @@
                                         <div class="col-md-1">
                                             <input class="form-control" v-model="i.amount">
                                         </div>
-                                        <div class="col-md-5">
+                                        <div class="col-md-4">
 
                                             <table class="table-layout:fixed">
                                                 <col width="95%"/>
@@ -119,7 +119,7 @@
 
 
                                         </div>
-                                        <div class="col-md-5">
+                                        <div class="col-md-4">
 
                                             <multiselect v-tabindex
                                                          ref="ingredient"
@@ -143,6 +143,9 @@
 
                                             </multiselect>
                                         </div>
+                                        <div class="col-md-2">
+                                            <input type="text" placeholder="{% trans 'Note' %}" class="form-control" v-model="i.note">
+                                        </div>
                                         <div class="col-md-1">
                                             <button class="btn btn-outline-danger btn-lg" type="button"
                                                     @click="deleteIngredient(i)" tabindex="-1"><i
@@ -345,7 +348,9 @@
                 },
                 openUnitSelect: function (id) {
                     let index = id.replace('unit_', '')
-                    this.$set(app.$refs.unit[index].$data, 'search', this.recipe_data.recipeIngredient[index].unit.text)
+                    if (this.recipe_data.recipeIngredient[index].unit !== null) {
+                        this.$set(app.$refs.unit[index].$data, 'search', this.recipe_data.recipeIngredient[index].unit.text)
+                    }
                 },
                 openIngredientSelect: function (id) {
                     let index = id.replace('ingredient_', '')
@@ -367,7 +372,7 @@
                         this.units = response.data.results;
                         if (this.recipe_data !== undefined) {
                             for (let x of Array.from(this.recipe_data.recipeIngredient)) {
-                                if (x.unit.text !== '') {
+                                if (x.unit !== null && x.unit.text !== '') {
                                     this.units = this.units.filter(item => item.text !== x.unit.text)
                                     this.units.push(x.unit)
                                 }

cookbook/templatetags/custom_tags.py

@@ -7,7 +7,7 @@ from django.urls import reverse, NoReverseMatch
 
 from cookbook.helper.mdx_attributes import MarkdownFormatExtension
 from cookbook.helper.mdx_urlize import UrlizeExtension
-from cookbook.models import get_model_name
+from cookbook.models import get_model_name, Space
 from recipes import settings
 
 register = template.Library()
@@ -69,6 +69,11 @@ def recipe_last(recipe, user):
         return ''
 
 
+@register.simple_tag
+def message_of_the_day():
+    return Space.objects.first().message
+
+
 @register.simple_tag
 def is_debug():
     return settings.DEBUG

cookbook/tests/api/test_api_shopping.py

@@ -0,0 +1,27 @@
+import json
+
+from django.contrib import auth
+from django.db.models import ProtectedError
+from django.urls import reverse
+
+from cookbook.models import Storage, Sync, Keyword, ShoppingList
+from cookbook.tests.views.test_views import TestViews
+
+
+class TestApiShopping(TestViews):
+
+    def setUp(self):
+        super(TestApiShopping, self).setUp()
+        self.list_1 = ShoppingList.objects.create(created_by=auth.get_user(self.user_client_1))
+        self.list_2 = ShoppingList.objects.create(created_by=auth.get_user(self.user_client_2))
+
+    def test_shopping_view_permissions(self):
+        self.batch_requests([(self.anonymous_client, 403), (self.guest_client_1, 404), (self.user_client_1, 200), (self.user_client_2, 404), (self.admin_client_1, 404), (self.superuser_client, 200)],
+                            reverse('api:shoppinglist-detail', args={self.list_1.id}))
+
+        self.list_1.shared.add(auth.get_user(self.user_client_2))
+
+        self.batch_requests([(self.anonymous_client, 403), (self.guest_client_1, 404), (self.user_client_1, 200), (self.user_client_2, 200), (self.admin_client_1, 404), (self.superuser_client, 200)],
+                            reverse('api:shoppinglist-detail', args={self.list_1.id}))
+
+    # TODO add tests for editing

cookbook/tests/other/test_edits_recipe.py

@@ -12,7 +12,6 @@ class TestEditsRecipe(TestBase):
             {'file': 'cookbook/tests/resources/websites/ld_json_2.html', 'result_length': 1450},
             {'file': 'cookbook/tests/resources/websites/ld_json_3.html', 'result_length': 1545},
             {'file': 'cookbook/tests/resources/websites/ld_json_4.html', 'result_length': 1657},
-            {'file': 'cookbook/tests/resources/websites/ld_json_invalid.html', 'result_length': 115},
             {'file': 'cookbook/tests/resources/websites/ld_json_itemList.html', 'result_length': 3131},
             {'file': 'cookbook/tests/resources/websites/ld_json_multiple.html', 'result_length': 1546},
             {'file': 'cookbook/tests/resources/websites/micro_data_1.html', 'result_length': 1022},
@@ -23,6 +22,7 @@ class TestEditsRecipe(TestBase):
 
         for test in test_list:
             with open(test['file'], 'rb') as file:
+                print(f'Testing {test["file"]} expecting length {test["result_length"]}')
                 parsed_content = json.loads(get_from_html(file.read(), 'test_url').content)
                 self.assertEqual(len(str(parsed_content)), test['result_length'])
                 file.close()

cookbook/tests/resources/websites/ld_json_invalid.html

@@ -1,16 +0,0 @@
-<script type="application/ld+json"> {
-"@context": "https://schema.org/",
-"@type": "Recipe",
-"name": "Selbstgemachter Schokopudding",
-"author": "AP",
-"image": "https://www.lidl-kochen.de/images/recipe/64590/selbstgemachter-schokopudding-144479.jpg",
-"description": "Rezept für Selbstgemachter Schokopudding » Über 245x nachgekocht » 20min Zubereitung » 7 Zutaten » 473 kcal/Portion
-",
-"keywords": "Schokolade, Milch, Schlagsahne, Kuvertüre, schnell, einfach, günstig, lecker, leicht, Snack, glutenfrei, vegetarisch, unter 500 kcal, Sommer, Winter, Herbst, Frühling, Deutschland, Kinder, Familie, für Singles, für Studenten, kochen, ohne Backofen, für Paare, fürs Büro, für die Arbeit, beliebte Rezepte, Dessert", "recipeCuisine": "Deutschland", "cookTime": "PT20M",
-"nutrition": {
-"@type": "NutritionInformation",
-"calories": "473 Kalorie"
-},
-"recipeInstructions": [{"@type":"HowToStep","text":"Schokolade fein hacken. In einem Topf 400 ml Milch, 150 g Sahne, Zucker, Salz und Schokolade langsam bei kleiner bis mittlerer Stufe unter Rühren erhitzen, bis die Schokolade geschmolzen ist. Anschließend aufkochen, dabei weiter rühren. \r\n\r\n"},{"@type":"HowToStep","text":"Übrige kalte Milch und Stärke in einer Schüssel mit einem Schneebesen gründlich verrühren. Kochende Milch vom Herd nehmen, angerührte Stärke einrühren und Topf zurück auf den Herd setzen. Unter Rühren ca. 1 Min. aufkochen, bis der Pudding dickflüssig ist. Vom Herd nehmen, in eine mit kaltem Wasser ausgespülte Schüssel füllen und erkalten lassen. \r\n\r\n"},{"@type":"HowToStep","text":"In einem hohen Gefäß übrige Sahne mit einem Handrührgerät mit Schneebesen steif schlagen. Pudding mit Sahne und Schokostreuseln garnieren und servieren.\r\n\r\nGuten Appetit!"}],
-"recipeIngredient": ["Kuvertüre, zartbitter 150 g","Milch 450 ml","Schlagsahne 200 g","Zucker 75 g","Salz Prise","Speisestärke 30 g","Schokoladenstreusel, Zartbitter 2 EL"],
-"recipeCategory": "Snack, Dessert, Andere" }</script>

cookbook/urls.py

@@ -23,17 +23,22 @@ router.register(r'recipe', api.RecipeViewSet)
 router.register(r'ingredient', api.IngredientViewSet)
 router.register(r'meal-plan', api.MealPlanViewSet)
 router.register(r'meal-type', api.MealTypeViewSet)
+router.register(r'shopping-list', api.ShoppingListViewSet)
+router.register(r'shopping-list-entry', api.ShoppingListEntryViewSet)
+router.register(r'shopping-list-recipe', api.ShoppingListRecipeViewSet)
 router.register(r'view-log', api.ViewLogViewSet)
 
 urlpatterns = [
     path('', views.index, name='index'),
     path('setup/', views.setup, name='view_setup'),
+    path('signup/<slug:token>', views.signup, name='view_signup'),
     path('system/', views.system, name='view_system'),
     path('search/', views.search, name='view_search'),
     path('books/', views.books, name='view_books'),
     path('plan/', views.meal_plan, name='view_plan'),
     path('plan/entry/<int:pk>', views.meal_plan_entry, name='view_plan_entry'),
     path('shopping/', views.shopping_list, name='view_shopping'),
+    path('shopping/<int:pk>', views.shopping_list, name='view_shopping'),
     path('settings/', views.user_settings, name='view_settings'),
     path('history/', views.history, name='view_history'),
     path('test/', views.test, name='view_test'),
@@ -68,7 +73,7 @@ urlpatterns = [
     path('api/get_recipe_file/<int:recipe_id>/', api.get_recipe_file, name='api_get_recipe_file'),
     path('api/sync_all/', api.sync_all, name='api_sync'),
     path('api/log_cooking/<int:recipe_id>/', api.log_cooking, name='api_log_cooking'),
-    path('api/plan-ical/<slug:html_week>/', api.get_plan_ical, name='api_get_plan_ical'),
+    path('api/plan-ical/<slug:from_date>/<slug:to_date>/', api.get_plan_ical, name='api_get_plan_ical'),
     path('api/recipe-from-url/', api.recipe_from_url, name='api_recipe_from_url'),
     path('api/backup/', api.get_backup, name='api_backup'),
 
@@ -89,7 +94,7 @@ urlpatterns = [
 
 ]
 
-generic_models = (Recipe, RecipeImport, Storage, RecipeBook, MealPlan, SyncLog, Sync, Comment, RecipeBookEntry, Keyword, Food)
+generic_models = (Recipe, RecipeImport, Storage, RecipeBook, MealPlan, SyncLog, Sync, Comment, RecipeBookEntry, Keyword, Food, ShoppingList, InviteLink)
 
 for m in generic_models:
     py_name = get_model_name(m)

cookbook/views/api.py

@@ -26,13 +26,14 @@ from rest_framework.parsers import JSONParser, FileUploadParser, MultiPartParser
 from rest_framework.response import Response
 from rest_framework.viewsets import ViewSetMixin
 
-from cookbook.helper.permission_helper import group_required, CustomIsOwner, CustomIsAdmin, CustomIsUser, CustomIsGuest, CustomIsShare
+from cookbook.helper.permission_helper import group_required, CustomIsOwner, CustomIsAdmin, CustomIsUser, CustomIsGuest, CustomIsShare, CustomIsShared
 from cookbook.helper.recipe_url_import import get_from_html
-from cookbook.models import Recipe, Sync, Storage, CookLog, MealPlan, MealType, ViewLog, UserPreference, RecipeBook, Ingredient, Food, Step, Keyword, Unit, SyncLog
+from cookbook.models import Recipe, Sync, Storage, CookLog, MealPlan, MealType, ViewLog, UserPreference, RecipeBook, Ingredient, Food, Step, Keyword, Unit, SyncLog, ShoppingListRecipe, ShoppingList, ShoppingListEntry
 from cookbook.provider.dropbox import Dropbox
 from cookbook.provider.nextcloud import Nextcloud
 from cookbook.serializer import MealPlanSerializer, MealTypeSerializer, RecipeSerializer, ViewLogSerializer, UserNameSerializer, UserPreferenceSerializer, RecipeBookSerializer, IngredientSerializer, FoodSerializer, StepSerializer, \
-    KeywordSerializer, RecipeImageSerializer, StorageSerializer, SyncSerializer, SyncLogSerializer, UnitSerializer
+    KeywordSerializer, RecipeImageSerializer, StorageSerializer, SyncSerializer, SyncLogSerializer, UnitSerializer, ShoppingListSerializer, ShoppingListRecipeSerializer, ShoppingListEntrySerializer, ShoppingListEntryCheckedSerializer, \
+    ShoppingListAutoSyncSerializer
 
 
 class UserNameViewSet(viewsets.ReadOnlyModelViewSet):
@@ -103,8 +104,12 @@ class StandardFilterMixin(ViewSetMixin):
             queryset = queryset.filter(name__icontains=query)
 
         limit = self.request.query_params.get('limit', None)
+        random = self.request.query_params.get('random', False)
         if limit is not None:
-            queryset = queryset[:int(limit)]
+            if random:
+                queryset = queryset.random(int(limit))
+            else:
+                queryset = queryset[:int(limit)]
         return queryset
 
 
@@ -149,19 +154,24 @@ class MealPlanViewSet(viewsets.ModelViewSet):
     list:
     optional parameters
 
-    - **html_week**: filter for a calendar week (format 2020-W24 as html input type week)
+    - **from_date**: filter from (inclusive) a certain date onward
+    - **to_date**: filter upward to (inclusive) certain date
 
     """
     queryset = MealPlan.objects.all()
     serializer_class = MealPlanSerializer
-    permission_classes = [permissions.IsAuthenticated]
+    permission_classes = [permissions.IsAuthenticated]  # TODO fix permissions
 
     def get_queryset(self):
         queryset = MealPlan.objects.filter(Q(created_by=self.request.user) | Q(shared=self.request.user)).distinct().all()
-        week = self.request.query_params.get('html_week', None)
-        if week is not None:
-            y, w = week.replace('-W', ' ').split()
-            queryset = queryset.filter(date__week=w, date__year=y)
+
+        from_date = self.request.query_params.get('from_date', None)
+        if from_date is not None:
+            queryset = queryset.filter(date__gte=from_date)
+
+        to_date = self.request.query_params.get('to_date', None)
+        if to_date is not None:
+            queryset = queryset.filter(date__lte=to_date)
         return queryset
 
 
@@ -203,6 +213,14 @@ class RecipeViewSet(viewsets.ModelViewSet, StandardFilterMixin):
     serializer_class = RecipeSerializer
     permission_classes = [CustomIsShare | CustomIsGuest]  # TODO split read and write permission for meal plan guest
 
+    def get_queryset(self):
+
+        internal = self.request.query_params.get('internal', None)
+        if internal:
+            self.queryset = self.queryset.filter(internal=True)
+
+        return super().get_queryset()
+
     # TODO write extensive tests for permissions
 
     @decorators.action(
@@ -233,6 +251,39 @@ class RecipeViewSet(viewsets.ModelViewSet, StandardFilterMixin):
         return Response(serializer.errors, 400)
 
 
+class ShoppingListRecipeViewSet(viewsets.ModelViewSet):
+    queryset = ShoppingListRecipe.objects.all()
+    serializer_class = ShoppingListRecipeSerializer
+    permission_classes = [CustomIsUser, ]  # TODO add custom validation
+
+    # TODO custom get qs
+
+
+class ShoppingListEntryViewSet(viewsets.ModelViewSet):
+    queryset = ShoppingListEntry.objects.all()
+    serializer_class = ShoppingListEntrySerializer
+    permission_classes = [CustomIsOwner, ]  # TODO add custom validation
+
+    # TODO custom get qs
+
+
+class ShoppingListViewSet(viewsets.ModelViewSet):
+    queryset = ShoppingList.objects.all()
+    serializer_class = ShoppingListSerializer
+    permission_classes = [CustomIsOwner | CustomIsShared]
+
+    def get_queryset(self):
+        if self.request.user.is_superuser:
+            return self.queryset
+        return self.queryset.filter(Q(created_by=self.request.user) | Q(shared=self.request.user)).all()
+
+    def get_serializer_class(self):
+        autosync = self.request.query_params.get('autosync', None)
+        if autosync:
+            return ShoppingListAutoSyncSerializer
+        return self.serializer_class
+
+
 class ViewLogViewSet(viewsets.ModelViewSet):
     queryset = ViewLog.objects.all()
     serializer_class = ViewLogSerializer
@@ -322,11 +373,14 @@ def log_cooking(request, recipe_id):
 
 
 @group_required('user')
-def get_plan_ical(request, html_week):
+def get_plan_ical(request, from_date, to_date):
     queryset = MealPlan.objects.filter(Q(created_by=request.user) | Q(shared=request.user)).distinct().all()
 
-    y, w = html_week.replace('-W', ' ').split()
-    queryset = queryset.filter(date__week=w, date__year=y)
+    if from_date is not None:
+        queryset = queryset.filter(date__gte=from_date)
+
+    if to_date is not None:
+        queryset = queryset.filter(date__lte=to_date)
 
     cal = Calendar()
 
@@ -340,7 +394,7 @@ def get_plan_ical(request, html_week):
         cal.add_component(event)
 
     response = FileResponse(io.BytesIO(cal.to_ical()))
-    response["Content-Disposition"] = f'attachment; filename=meal_plan_{html_week}.ics'
+    response["Content-Disposition"] = f'attachment; filename=meal_plan_{from_date}-{to_date}.ics'
 
     return response
 

cookbook/views/data.py

@@ -3,9 +3,10 @@ from datetime import datetime
 from io import BytesIO
 
 import requests
-from PIL import Image
+from PIL import Image, UnidentifiedImageError
 from django.contrib import messages
 from django.core.files import File
+from django.db.transaction import atomic
 from django.utils.translation import gettext as _
 from django.http import HttpResponseRedirect, HttpResponse
 from django.shortcuts import redirect, render
@@ -94,6 +95,7 @@ def batch_edit(request):
 
 
 @group_required('user')
+@atomic
 def import_url(request):
     if request.method == 'POST':
         data = json.loads(request.body)
@@ -120,35 +122,44 @@ def import_url(request):
                 recipe.keywords.add(k)
 
         for ing in data['recipeIngredient']:
-            f, f_created = Food.objects.get_or_create(name=ing['ingredient']['text'])
-            if ing['unit']:
-                u, u_created = Unit.objects.get_or_create(name=ing['unit']['text'])
-            else:
-                u = Unit.objects.get(name=request.user.userpreference.default_unit)
+            ingredient = Ingredient()
 
+            ingredient.food, f_created = Food.objects.get_or_create(name=ing['ingredient']['text'])
+            if ing['unit']:
+                ingredient.unit, u_created = Unit.objects.get_or_create(name=ing['unit']['text'])
+
+            # TODO properly handle no_amount recipes
             if isinstance(ing['amount'], str):
                 try:
-                    ing['amount'] = float(ing['amount'].replace(',', '.'))
+                    ingredient.amount = float(ing['amount'].replace(',', '.'))
                 except ValueError:
-                    # TODO return proper error
+                    ingredient.no_amount = True
                     pass
+            elif isinstance(ing['amount'], float) or isinstance(ing['amount'], int):
+                ingredient.amount = ing['amount']
+            ingredient.note = ing['note'] if 'note' in ing else ''
 
-            step.ingredients.add(Ingredient.objects.create(food=f, unit=u, amount=ing['amount']))
+            ingredient.save()
+            step.ingredients.add(ingredient)
+            print(ingredient)
 
         if data['image'] != '':
-            response = requests.get(data['image'])
-            img = Image.open(BytesIO(response.content))
+            try:
+                response = requests.get(data['image'])
+                img = Image.open(BytesIO(response.content))
 
-            # todo move image processing to dedicated function
-            basewidth = 720
-            wpercent = (basewidth / float(img.size[0]))
-            hsize = int((float(img.size[1]) * float(wpercent)))
-            img = img.resize((basewidth, hsize), Image.ANTIALIAS)
+                # todo move image processing to dedicated function
+                basewidth = 720
+                wpercent = (basewidth / float(img.size[0]))
+                hsize = int((float(img.size[1]) * float(wpercent)))
+                img = img.resize((basewidth, hsize), Image.ANTIALIAS)
 
-            im_io = BytesIO()
-            img.save(im_io, 'PNG', quality=70)
-            recipe.image = File(im_io, name=f'{uuid.uuid4()}_{recipe.pk}.png')
-            recipe.save()
+                im_io = BytesIO()
+                img.save(im_io, 'PNG', quality=70)
+                recipe.image = File(im_io, name=f'{uuid.uuid4()}_{recipe.pk}.png')
+                recipe.save()
+            except UnidentifiedImageError:
+                pass
 
         return HttpResponse(reverse('view_recipe', args=[recipe.pk]))
 

cookbook/views/delete.py

@@ -9,7 +9,7 @@ from django.views.generic import DeleteView
 
 from cookbook.helper.permission_helper import group_required, GroupRequiredMixin, OwnerRequiredMixin
 from cookbook.models import Recipe, Sync, Keyword, RecipeImport, Storage, Comment, RecipeBook, \
-    RecipeBookEntry, MealPlan, Food
+    RecipeBookEntry, MealPlan, Food, InviteLink
 from cookbook.provider.dropbox import Dropbox
 from cookbook.provider.nextcloud import Nextcloud
 
@@ -148,3 +148,14 @@ class MealPlanDelete(OwnerRequiredMixin, DeleteView):
         context = super(MealPlanDelete, self).get_context_data(**kwargs)
         context['title'] = _("Meal-Plan")
         return context
+
+
+class InviteLinkDelete(OwnerRequiredMixin, DeleteView):
+    template_name = "generic/delete_template.html"
+    model = InviteLink
+    success_url = reverse_lazy('list_invite_link')
+
+    def get_context_data(self, **kwargs):
+        context = super(InviteLinkDelete, self).get_context_data(**kwargs)
+        context['title'] = _("Invite Link")
+        return context

cookbook/views/lists.py

@@ -1,13 +1,16 @@
+from datetime import datetime
+
 from django.contrib.auth.decorators import login_required
+from django.db.models import Q
 from django.db.models.functions import Lower
 from django.shortcuts import render
 from django.utils.translation import gettext as _
 from django_tables2 import RequestConfig
 
-from cookbook.filters import IngredientFilter
+from cookbook.filters import IngredientFilter, ShoppingListFilter
 from cookbook.helper.permission_helper import group_required
-from cookbook.models import Keyword, SyncLog, RecipeImport, Storage, Food
-from cookbook.tables import KeywordTable, ImportLogTable, RecipeImportTable, StorageTable, IngredientTable
+from cookbook.models import Keyword, SyncLog, RecipeImport, Storage, Food, ShoppingList, InviteLink
+from cookbook.tables import KeywordTable, ImportLogTable, RecipeImportTable, StorageTable, IngredientTable, ShoppingListTable, InviteLinkTable
 
 
 @group_required('user')
@@ -45,9 +48,27 @@ def food(request):
     return render(request, 'generic/list_template.html', {'title': _("Ingredients"), 'table': table, 'filter': f})
 
 
+@group_required('user')
+def shopping_list(request):
+    f = ShoppingListFilter(request.GET, queryset=ShoppingList.objects.filter(Q(created_by=request.user) | Q(shared=request.user)).all().order_by('finished', 'created_at'))
+
+    table = ShoppingListTable(f.qs)
+    RequestConfig(request, paginate={'per_page': 25}).configure(table)
+
+    return render(request, 'generic/list_template.html', {'title': _("Shopping Lists"), 'table': table, 'filter': f, 'create_url': 'view_shopping'})
+
+
 @group_required('admin')
 def storage(request):
     table = StorageTable(Storage.objects.all())
     RequestConfig(request, paginate={'per_page': 25}).configure(table)
 
     return render(request, 'generic/list_template.html', {'title': _("Storage Backend"), 'table': table, 'create_url': 'new_storage'})
+
+
+@group_required('admin')
+def invite_link(request):
+    table = InviteLinkTable(InviteLink.objects.filter(valid_until__gte=datetime.today(), used_by=None).all())
+    RequestConfig(request, paginate={'per_page': 25}).configure(table)
+
+    return render(request, 'generic/list_template.html', {'title': _("Invite Links"), 'table': table, 'create_url': 'new_invite_link'})

cookbook/views/new.py

@@ -9,9 +9,9 @@ from django.utils.translation import gettext as _
 from django.views.generic import CreateView
 
 from cookbook.forms import ImportRecipeForm, RecipeImport, KeywordForm, Storage, StorageForm, InternalRecipeForm, \
-    RecipeBookForm, MealPlanForm
+    RecipeBookForm, MealPlanForm, InviteLinkForm
 from cookbook.helper.permission_helper import GroupRequiredMixin, group_required
-from cookbook.models import Keyword, Recipe, RecipeBook, MealPlan, ShareLink, MealType, Step
+from cookbook.models import Keyword, Recipe, RecipeBook, MealPlan, ShareLink, MealType, Step, InviteLink
 
 
 class RecipeCreate(GroupRequiredMixin, CreateView):
@@ -162,3 +162,21 @@ class MealPlanCreate(GroupRequiredMixin, CreateView):
                     context['default_recipe'] = Recipe.objects.get(pk=int(recipe))
 
         return context
+
+
+class InviteLinkCreate(GroupRequiredMixin, CreateView):
+    groups_required = ['admin']
+    template_name = "generic/new_template.html"
+    model = InviteLink
+    form_class = InviteLinkForm
+
+    def form_valid(self, form):
+        obj = form.save(commit=False)
+        obj.created_by = self.request.user
+        obj.save()
+        return HttpResponseRedirect(reverse('list_invite_link'))
+
+    def get_context_data(self, **kwargs):
+        context = super(InviteLinkCreate, self).get_context_data(**kwargs)
+        context['title'] = _("Invite Link")
+        return context

cookbook/views/views.py

@@ -1,7 +1,7 @@
 import copy
 import os
 from datetime import datetime, timedelta
-
+from uuid import UUID
 from django.contrib import messages
 from django.contrib.auth import update_session_auth_hash, authenticate
 from django.contrib.auth.forms import PasswordChangeForm
@@ -164,44 +164,18 @@ def meal_plan_entry(request, pk):
 
 
 @group_required('user')
-def shopping_list(request):
-    markdown_format = True
+def shopping_list(request, pk=None):
+    raw_list = request.GET.getlist('r')
 
-    if request.method == "POST":
-        form = ShoppingForm(request.POST)
-        if form.is_valid():
-            recipes = form.cleaned_data['recipe']
-            markdown_format = form.cleaned_data['markdown_format']
-        else:
-            recipes = []
-    else:
-        raw_list = request.GET.getlist('r')
+    recipes = []
+    for r in raw_list:
+        r = r.replace('[', '').replace(']', '')
+        if re.match(r'^([0-9])+,([0-9])+[.]*([0-9])*$', r):
+            rid, multiplier = r.split(',')
+            if recipe := Recipe.objects.filter(pk=int(rid)).first():
+                recipes.append({'recipe': recipe.id, 'multiplier': multiplier})
 
-        recipes = []
-        for r in raw_list:
-            if re.match(r'^([1-9])+$', r):
-                if Recipe.objects.filter(pk=int(r)).exists():
-                    recipes.append(int(r))
-
-        markdown_format = False
-        form = ShoppingForm(initial={'recipe': recipes, 'markdown_format': False})
-
-    ingredients = []
-
-    for r in recipes:
-        for s in r.steps.all():
-            for ri in s.ingredients.exclude(unit__name__contains='Special:').all():
-                index = None
-                for x, ig in enumerate(ingredients):
-                    if ri.food == ig.food and ri.unit == ig.unit:
-                        index = x
-
-                if index:
-                    ingredients[index].amount = ingredients[index].amount + ri.amount
-                else:
-                    ingredients.append(ri)
-
-    return render(request, 'shopping_list.html', {'ingredients': ingredients, 'recipes': recipes, 'form': form, 'markdown_format': markdown_format})
+    return render(request, 'shopping_list.html', {'shopping_list_id': pk, 'recipes': recipes})
 
 
 @group_required('guest')
@@ -228,6 +202,12 @@ def user_settings(request):
                 up.plan_share.set(form.cleaned_data['plan_share'])
                 up.ingredient_decimals = form.cleaned_data['ingredient_decimals']
                 up.comments = form.cleaned_data['comments']
+                up.use_fractions = form.cleaned_data['use_fractions']
+
+                up.shopping_auto_sync = form.cleaned_data['shopping_auto_sync']
+                if up.shopping_auto_sync < settings.SHOPPING_MIN_AUTOSYNC_INTERVAL:
+                    up.shopping_auto_sync = settings.SHOPPING_MIN_AUTOSYNC_INTERVAL
+
                 up.save()
 
         if 'user_name_form' in request.POST:
@@ -263,7 +243,7 @@ def history(request):
 
 @group_required('admin')
 def system(request):
-    postgres = False if settings.DATABASES['default']['ENGINE'] == 'django.db.backends.postgresql_psycopg2' else True
+    postgres = False if (settings.DATABASES['default']['ENGINE'] == 'django.db.backends.postgresql_psycopg2' or settings.DATABASES['default']['ENGINE'] == 'django.db.backends.postgresql') else True
 
     secret_key = False if os.getenv('SECRET_KEY') else True
 
@@ -276,7 +256,7 @@ def setup(request):
         return HttpResponseRedirect(reverse('login'))
 
     if request.method == 'POST':
-        form = SuperUserForm(request.POST)
+        form = UserCreateForm(request.POST)
         if form.is_valid():
             if form.cleaned_data['password'] != form.cleaned_data['password_confirm']:
                 form.add_error('password', _('Passwords dont match!'))
@@ -296,11 +276,59 @@ def setup(request):
                     for m in e:
                         form.add_error('password', m)
     else:
-        form = SuperUserForm()
+        form = UserCreateForm()
 
     return render(request, 'setup.html', {'form': form})
 
 
+def signup(request, token):
+    try:
+        token = UUID(token, version=4)
+    except ValueError:
+        messages.add_message(request, messages.ERROR, _('Malformed Invite Link supplied!'))
+        return HttpResponseRedirect(reverse('index'))
+
+    if link := InviteLink.objects.filter(valid_until__gte=datetime.today(), used_by=None, uuid=token).first():
+        if request.method == 'POST':
+
+            form = UserCreateForm(request.POST)
+            if link.username != '':
+                data = dict(form.data)
+                data['name'] = link.username
+                form.data = data
+
+            if form.is_valid():
+                if form.cleaned_data['password'] != form.cleaned_data['password_confirm']:
+                    form.add_error('password', _('Passwords dont match!'))
+                else:
+                    user = User(
+                        username=form.cleaned_data['name'],
+                    )
+                    try:
+                        validate_password(form.cleaned_data['password'], user=user)
+                        user.set_password(form.cleaned_data['password'])
+                        user.save()
+                        messages.add_message(request, messages.SUCCESS, _('User has been created, please login!'))
+
+                        link.used_by = user
+                        link.save()
+                        user.groups.add(link.group)
+                        return HttpResponseRedirect(reverse('login'))
+                    except ValidationError as e:
+                        for m in e:
+                            form.add_error('password', m)
+        else:
+            form = UserCreateForm()
+
+        if link.username != '':
+            form.fields['name'].initial = link.username
+            form.fields['name'].disabled = True
+        return render(request, 'registration/signup.html', {'form': form, 'link': link})
+
+    messages.add_message(request, messages.ERROR, _('Invite Link not valid or already used!'))
+    return HttpResponseRedirect(reverse('index'))
+
+
 def markdown_info(request):
     return render(request, 'markdown_info.html', {})
 

docs/manual_install/Readme.md

@@ -0,0 +1,147 @@
+# Manual installation instructions
+
+These intructions are inspired from a standard django/gunicorn/postgresql instructions ([for example](https://www.digitalocean.com/community/tutorials/how-to-set-up-django-with-postgres-nginx-and-gunicorn-on-ubuntu-16-04))
+
+**Important note:** Be sure to use pyton3.8 and pip related to python 3.8. Depending on your distribution calling `python` or `pip` will use python2 instead of pyton 3.8.
+
+## Prerequisites
+
+*Optional*: create a virtual env and activate it
+
+Get the last version from the repository: `git clone https://github.com/vabene1111/recipes.git -b master`
+
+Install postgresql requirements: `sudo apt install libpq-dev postgresql`
+Install project requirements: `pip3.8 install -r requirements.txt`
+
+## Setup postgresql
+
+Run `sudo -u postgres psql`
+
+In the psql console:
+
+```sql
+CREATE DATABASE djangodb;
+CREATE USER djangouser WITH PASSWORD 'password';
+GRANT ALL PRIVILEGES ON DATABASE djangodb TO djangouser;
+ALTER DATABASE djangodb OWNER TO djangouser;
+
+--Maybe not necessary, but should be faster:
+ALTER ROLE djangouser SET client_encoding TO 'utf8';
+ALTER ROLE djangouser SET default_transaction_isolation TO 'read committed';
+ALTER ROLE djangouser SET timezone TO 'UTC';
+
+--Grant superuser right to your new user, it will be removed later
+ALTER USER djangouser WITH SUPERUSER;
+```
+
+Move or copy `.env.template` to `.env` and update it with relevent values. For example:
+
+```env
+# only set this to true when testing/debugging
+# when unset: 1 (true) - dont unset this, just for development
+DEBUG=0
+
+# hosts the application can run under e.g. recipes.mydomain.com,cooking.mydomain.com,...
+#ALLOWED_HOSTS=*
+
+# random secret key, use for example base64 /dev/urandom | head -c50 to generate one
+SECRET_KEY=TOGENERATE
+
+# add only a database password if you want to run with the default postgres, otherwise change settings accordingly
+DB_ENGINE=django.db.backends.postgresql_psycopg2
+POSTGRES_HOST=localhost
+POSTGRES_PORT=5432
+POSTGRES_USER=djangouser
+POSTGRES_PASSWORD=password
+POSTGRES_DB=djangodb
+
+# Serve mediafiles directly using gunicorn. Basically everyone recommends not doing this. Please use any of the examples
+# provided that include an additional nxginx container to handle media file serving.
+# If you know what you are doing turn this back on (1) to serve media files using djangos serve() method.
+# when unset: 1 (true) - this is temporary until an appropriate amount of time has passed for everyone to migrate
+GUNICORN_MEDIA=0
+
+
+# allow authentication via reverse proxy (e.g. authelia), leave of if you dont know what you are doing
+# docs: https://github.com/vabene1111/recipes/tree/develop/docs/docker/nginx-proxy%20with%20proxy%20authentication
+# when unset: 0 (false)
+REVERSE_PROXY_AUTH=0
+
+
+# the default value for the user preference 'comments' (enable/disable commenting system)
+# when unset: 1 (true)
+COMMENT_PREF_DEFAULT=1
+```
+
+## Initialize the application
+
+Execute `export $(cat .env |grep "^[^#]" | xargs)` to load variables from `.env`
+
+Execute `/python3.8 manage.py migrate`
+
+And revert superuser from postgres: `sudo -u postgres psql` and `ALTER USER djangouser WITH NOSUPERUSER;`
+
+Generate static files: `python3.8 manage.py collectstatic` and remember the folder where files have been copied.
+
+## Setup web services
+
+### gunicorn
+
+Create a service that will start gunicorn at boot: `sudo nano /etc/systemd/system/gunicorn_recipes.service`
+
+And enter these lines:
+
+```service
+[Unit]
+Description=gunicorn daemon for recipes
+After=network.target
+
+[Service]
+Type=simple
+Restart=always
+RestartSec=3
+Group=www-data
+WorkingDirectory=/media/data/recipes
+EnvironmentFile=/media/data/recipes/.env
+ExecStart=/opt/.pyenv/versions/3.8.5/bin/gunicorn --error-logfile /tmp/gunicorn_err.log --log-level debug --capture-output --bind unix:/media/data/recipes/recipes.sock recipes.wsgi:application
+
+[Install]
+WantedBy=multi-user.target
+```
+
+*Note*: `-error-logfile /tmp/gunicorn_err.log --log-level debug --capture-output` are usefull for debugging and can be removed later
+
+*Note2*: Fix the path in the `ExecStart` line to where you gunicorn and recipes are
+
+Finally, run `sudo systemctl enable gunicorn_recipes.service` and `sudo systemctl start gunicorn_recipes.service`. You can check that the service is correctly started with `systemctl status gunicorn_recipes.service`
+
+### nginx
+
+Now we tell nginx to listen to a new port and forward that to gunicorn. `sudo nano /etc/nginx/sites-available/recipes.conf`
+
+And enter these lines:
+
+```nginx
+server {
+    listen 8002;
+    #access_log /var/log/nginx/access.log;
+    #error_log /var/log/nginx/error.log;
+
+    # serve media files
+    location /static {
+        alias /media/data/recipes/staticfiles;
+    }
+    
+    location /media {
+        alias /media/data/recipes/mediafiles;
+    }
+
+    location / {
+        proxy_pass http://unix:/media/data/recipes/recipes.sock;
+    }
+}
+```
+
+*Note*: Enter the correct path in static and proxy_pass lines.
+
+Enable the website `sudo ln -s /etc/nginx/sites-available/recipes.conf /etc/nginx/sites-enabled` and restart nginx : `sudo systemctl restart nginx.service`

makemessages.cmd

@@ -1,2 +1,2 @@
 CALL venv\Scripts\activate.bat
-python manage.py makemessages -i venv -l de -l nl -l rn -l fr
+python manage.py makemessages -i venv -l de -l nl -l rn -l fr -l tr -l pt -l en

recipes/locale/de/LC_MESSAGES/django.po

@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2020-07-15 18:43+0200\n"
+"POT-Creation-Date: 2020-12-15 21:39+0100\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -18,14 +18,18 @@ msgstr ""
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
 
-#: .\recipes\settings.py:169
+#: .\recipes\settings.py:175
 msgid "English"
 msgstr "Englisch"
 
-#: .\recipes\settings.py:170
+#: .\recipes\settings.py:176
 msgid "German"
 msgstr "Deutsch"
 
-#: .\recipes\settings.py:171
+#: .\recipes\settings.py:177
 msgid "Dutch"
 msgstr ""
+
+#: .\recipes\settings.py:178
+msgid "French"
+msgstr ""

recipes/locale/en/LC_MESSAGES/django.po

@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2020-06-02 21:20+0200\n"
+"POT-Creation-Date: 2020-12-15 21:39+0100\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -17,10 +17,19 @@ msgstr ""
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
-#: .\recipes\settings.py:138
+
+#: .\recipes\settings.py:175
+msgid "English"
+msgstr ""
+
+#: .\recipes\settings.py:176
 msgid "German"
 msgstr ""
 
-#: .\recipes\settings.py:139
-msgid "English"
+#: .\recipes\settings.py:177
+msgid "Dutch"
+msgstr ""
+
+#: .\recipes\settings.py:178
+msgid "French"
 msgstr ""

recipes/locale/fr/LC_MESSAGES/django.po

@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2020-07-15 18:43+0200\n"
+"POT-Creation-Date: 2020-12-15 21:39+0100\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -18,14 +18,18 @@ msgstr ""
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n > 1);\n"
 
-#: .\recipes\settings.py:169
+#: .\recipes\settings.py:175
 msgid "English"
 msgstr ""
 
-#: .\recipes\settings.py:170
+#: .\recipes\settings.py:176
 msgid "German"
 msgstr ""
 
-#: .\recipes\settings.py:171
+#: .\recipes\settings.py:177
 msgid "Dutch"
 msgstr ""
+
+#: .\recipes\settings.py:178
+msgid "French"
+msgstr ""

recipes/locale/nl/LC_MESSAGES/django.po

@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2020-07-15 18:43+0200\n"
+"POT-Creation-Date: 2020-12-15 21:39+0100\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -18,14 +18,18 @@ msgstr ""
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1);\n"
 
-#: .\recipes\settings.py:169
+#: .\recipes\settings.py:175
 msgid "English"
 msgstr ""
 
-#: .\recipes\settings.py:170
+#: .\recipes\settings.py:176
 msgid "German"
 msgstr ""
 
-#: .\recipes\settings.py:171
+#: .\recipes\settings.py:177
 msgid "Dutch"
 msgstr ""
+
+#: .\recipes\settings.py:178
+msgid "French"
+msgstr ""

recipes/locale/pt/LC_MESSAGES/django.po

@@ -0,0 +1,35 @@
+# SOME DESCRIPTIVE TITLE.
+# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
+# This file is distributed under the same license as the PACKAGE package.
+# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+#
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: PACKAGE VERSION\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2020-12-15 21:39+0100\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"Language-Team: LANGUAGE <LL@li.org>\n"
+"Language: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+
+#: .\recipes\settings.py:175
+msgid "English"
+msgstr ""
+
+#: .\recipes\settings.py:176
+msgid "German"
+msgstr ""
+
+#: .\recipes\settings.py:177
+msgid "Dutch"
+msgstr ""
+
+#: .\recipes\settings.py:178
+msgid "French"
+msgstr ""

recipes/locale/rn/LC_MESSAGES/django.po

@@ -0,0 +1,34 @@
+# SOME DESCRIPTIVE TITLE.
+# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
+# This file is distributed under the same license as the PACKAGE package.
+# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+#
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: PACKAGE VERSION\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2020-12-15 21:39+0100\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"Language-Team: LANGUAGE <LL@li.org>\n"
+"Language: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+
+#: .\recipes\settings.py:175
+msgid "English"
+msgstr ""
+
+#: .\recipes\settings.py:176
+msgid "German"
+msgstr ""
+
+#: .\recipes\settings.py:177
+msgid "Dutch"
+msgstr ""
+
+#: .\recipes\settings.py:178
+msgid "French"
+msgstr ""

recipes/locale/tr/LC_MESSAGES/django.po

@@ -0,0 +1,35 @@
+# SOME DESCRIPTIVE TITLE.
+# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
+# This file is distributed under the same license as the PACKAGE package.
+# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+#
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: PACKAGE VERSION\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2020-12-15 21:39+0100\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"Language-Team: LANGUAGE <LL@li.org>\n"
+"Language: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n > 1);\n"
+
+#: .\recipes\settings.py:175
+msgid "English"
+msgstr ""
+
+#: .\recipes\settings.py:176
+msgid "German"
+msgstr ""
+
+#: .\recipes\settings.py:177
+msgid "Dutch"
+msgstr ""
+
+#: .\recipes\settings.py:178
+msgid "French"
+msgstr ""

recipes/settings.py

@@ -24,11 +24,17 @@ SECRET_KEY = os.getenv('SECRET_KEY') if os.getenv('SECRET_KEY') else 'INSECURE_S
 
 DEBUG = bool(int(os.getenv('DEBUG', True)))
 
+# allow djangos wsgi server to server mediafiles
 GUNICORN_MEDIA = bool(int(os.getenv('GUNICORN_MEDIA', True)))
 
 REVERSE_PROXY_AUTH = bool(int(os.getenv('REVERSE_PROXY_AUTH', False)))
 
+# default value for user preference 'comment'
 COMMENT_PREF_DEFAULT = bool(int(os.getenv('COMMENT_PREF_DEFAULT', True)))
+FRACTION_PREF_DEFAULT = bool(int(os.getenv('FRACTION_PREF_DEFAULT', False)))
+
+# minimum interval that users can set for automatic sync of shopping lists
+SHOPPING_MIN_AUTOSYNC_INTERVAL = int(os.getenv('SHOPPING_MIN_AUTOSYNC_INTERVAL', 5))
 
 ALLOWED_HOSTS = os.getenv('ALLOWED_HOSTS').split(',') if os.getenv('ALLOWED_HOSTS') else ['*']
 
@@ -157,7 +163,7 @@ AUTH_PASSWORD_VALIDATORS = [
 
 LANGUAGE_CODE = 'en'
 
-TIME_ZONE = 'Europe/Berlin'
+TIME_ZONE = os.getenv('TIMEZONE') if os.getenv('TIMEZONE') else 'Europe/Berlin'
 
 USE_I18N = True
 
@@ -170,15 +176,16 @@ LANGUAGES = [
     ('de', _('German')),
     ('nl', _('Dutch')),
     ('fr', _('French')),
+    ('ca', _('Catalan')),
 ]
 
 # Static files (CSS, JavaScript, Images)
 # https://docs.djangoproject.com/en/2.0/howto/static-files/
 
-STATIC_URL = '/static/'
+STATIC_URL = os.getenv('STATIC_URL', '/static/')
 STATIC_ROOT = os.path.join(BASE_DIR, "staticfiles")
 
-MEDIA_URL = '/media/'
+MEDIA_URL = os.getenv('MEDIA_URL', '/media/')
 MEDIA_ROOT = os.path.join(BASE_DIR, "mediafiles")
 
 # Serve static files with gzip

requirements.txt

@@ -1,28 +1,29 @@
-bleach==3.1.5
-bleach-whitelist==0.0.10
-Django==3.0.7
+bleach==3.2.1
+bleach-whitelist==0.0.11
+Django==3.1.4
 django-annoying==0.10.6
-django-autocomplete-light==3.5.1
-django-cleanup==4.0.0
-django-crispy-forms==1.9.1
+django-autocomplete-light==3.8.1
+django-cleanup==5.1.0
+django-crispy-forms==1.10.0
 django-emoji-picker==0.0.6
-django-filter==2.2.0
-django-tables2==2.3.1
-djangorestframework==3.11.0
-drf-writable-nested==0.6.0
+django-filter==2.4.0
+django-tables2==2.3.3
+djangorestframework==3.12.2
+drf-writable-nested==0.6.2
 gunicorn==20.0.4
-lxml==4.5.1
-Markdown==3.2.2
-Pillow==7.1.2
-psycopg2-binary==2.8.5
-python-dotenv==0.13.0
-requests==2.23.0
-simplejson==3.17.0
+lxml==4.6.2
+Markdown==3.3.3
+Pillow==8.0.1
+psycopg2-binary==2.8.6
+python-dotenv==0.15.0
+requests==2.25.1
+simplejson==3.17.2
 six==1.15.0
-webdavclient3==3.14.4
-whitenoise==5.1.0
-icalendar==4.0.6
+webdavclient3==3.14.5
+whitenoise==5.2.0
+icalendar==4.0.7
 pyyaml==5.3.1
 uritemplate==3.0.1
-beautifulsoup4==4.9.1
-microdata==0.7.1
+beautifulsoup4==4.9.3
+microdata==0.7.1
+django-random-queryset==0.1.3