Converted indentation to spaces globally.

.gitignore

@@ -66,6 +66,10 @@ coverage.xml
 *.mo
 
 # Django stuff:
+# exclude migrations from repository. These should be created locally, matching local DB requirements.
+# lostplaces/manage.py makemigrations && lostplaces/manage.py migrate
+
+lostplaces/lostplaces_app/migrations/
 
 # pyenv
 .python-version

lostplaces/lostplaces/settings.py

@@ -14,6 +14,7 @@ https://docs.djangoproject.com/en/3.0/ref/settings/
 """
 
 import os
+from django.urls import reverse_lazy
 
 # Build paths inside the project like this: os.path.join(BASE_DIR, ...)
 BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
@@ -138,6 +139,8 @@ AUTH_USER_MODEL = 'lostplaces_app.Explorer'
 LOGIN_REDIRECT_URL = 'home'
 LOGOUT_REDIRECT_URL = 'home'
 
+LOGIN_URL = reverse_lazy('login')
+
 THUMBNAIL_ALIASES = {
     '': {
         'thumbnail': {'size': (300, 300), 'crop': False},

lostplaces/lostplaces_app/migrations/0001_initial.py

@@ -1,67 +0,0 @@
-# Generated by Django 3.0.8 on 2020-07-28 19:00
-
-import django.contrib.auth.models
-import django.contrib.auth.validators
-from django.db import migrations, models
-import django.db.models.deletion
-import django.utils.timezone
-import django_thumbs.fields
-import lostplaces_app.models
-
-
-class Migration(migrations.Migration):
-
-    initial = True
-
-    dependencies = [
-        ('auth', '0011_update_proxy_permissions'),
-    ]
-
-    operations = [
-        migrations.CreateModel(
-            name='Place',
-            fields=[
-                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
-                ('name', models.CharField(max_length=50)),
-                ('location', models.CharField(max_length=50)),
-                ('latitude', models.FloatField()),
-                ('longitude', models.FloatField()),
-                ('description', models.TextField()),
-            ],
-        ),
-        migrations.CreateModel(
-            name='PlaceImage',
-            fields=[
-                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
-                ('filename', django_thumbs.fields.ImageThumbsField(max_length=50, sizes=({'code': 'thumbnail', 'wxh': '390x390'}, {'code': 'hero', 'wxh': '700x700'}, {'code': 'large', 'wxh': '1920x1920'}), upload_to=lostplaces_app.models.generate_image_upload_path)),
-                ('description', models.TextField(blank=True)),
-                ('place', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='images', to='lostplaces_app.Place')),
-            ],
-        ),
-        migrations.CreateModel(
-            name='Explorer',
-            fields=[
-                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
-                ('password', models.CharField(max_length=128, verbose_name='password')),
-                ('last_login', models.DateTimeField(blank=True, null=True, verbose_name='last login')),
-                ('is_superuser', models.BooleanField(default=False, help_text='Designates that this user has all permissions without explicitly assigning them.', verbose_name='superuser status')),
-                ('username', models.CharField(error_messages={'unique': 'A user with that username already exists.'}, help_text='Required. 150 characters or fewer. Letters, digits and @/./+/-/_ only.', max_length=150, unique=True, validators=[django.contrib.auth.validators.UnicodeUsernameValidator()], verbose_name='username')),
-                ('first_name', models.CharField(blank=True, max_length=30, verbose_name='first name')),
-                ('last_name', models.CharField(blank=True, max_length=150, verbose_name='last name')),
-                ('email', models.EmailField(blank=True, max_length=254, verbose_name='email address')),
-                ('is_staff', models.BooleanField(default=False, help_text='Designates whether the user can log into this admin site.', verbose_name='staff status')),
-                ('is_active', models.BooleanField(default=True, help_text='Designates whether this user should be treated as active. Unselect this instead of deleting accounts.', verbose_name='active')),
-                ('date_joined', models.DateTimeField(default=django.utils.timezone.now, verbose_name='date joined')),
-                ('groups', models.ManyToManyField(blank=True, help_text='The groups this user belongs to. A user will get all permissions granted to each of their groups.', related_name='user_set', related_query_name='user', to='auth.Group', verbose_name='groups')),
-                ('user_permissions', models.ManyToManyField(blank=True, help_text='Specific permissions for this user.', related_name='user_set', related_query_name='user', to='auth.Permission', verbose_name='user permissions')),
-            ],
-            options={
-                'verbose_name': 'user',
-                'verbose_name_plural': 'users',
-                'abstract': False,
-            },
-            managers=[
-                ('objects', django.contrib.auth.models.UserManager()),
-            ],
-        ),
-    ]

lostplaces/lostplaces_app/migrations/0002_place_submitted_by.py

@@ -1,20 +0,0 @@
-# Generated by Django 3.0.8 on 2020-07-29 16:29
-
-from django.conf import settings
-from django.db import migrations, models
-import django.db.models.deletion
-
-
-class Migration(migrations.Migration):
-
-    dependencies = [
-        ('lostplaces_app', '0001_initial'),
-    ]
-
-    operations = [
-        migrations.AddField(
-            model_name='place',
-            name='submitted_by',
-            field=models.ForeignKey(null=True, on_delete=django.db.models.deletion.SET_NULL, to=settings.AUTH_USER_MODEL),
-        ),
-    ]

lostplaces/lostplaces_app/migrations/0003_auto_20200729_1822.py

@@ -1,20 +0,0 @@
-# Generated by Django 3.0.8 on 2020-07-29 18:22
-
-from django.conf import settings
-from django.db import migrations, models
-import django.db.models.deletion
-
-
-class Migration(migrations.Migration):
-
-    dependencies = [
-        ('lostplaces_app', '0002_place_submitted_by'),
-    ]
-
-    operations = [
-        migrations.AlterField(
-            model_name='place',
-            name='submitted_by',
-            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='places', to=settings.AUTH_USER_MODEL),
-        ),
-    ]

lostplaces/lostplaces_app/migrations/0004_placeimage_submitted_by.py

@@ -1,20 +0,0 @@
-# Generated by Django 3.0.8 on 2020-07-30 09:18
-
-from django.conf import settings
-from django.db import migrations, models
-import django.db.models.deletion
-
-
-class Migration(migrations.Migration):
-
-    dependencies = [
-        ('lostplaces_app', '0003_auto_20200729_1822'),
-    ]
-
-    operations = [
-        migrations.AddField(
-            model_name='placeimage',
-            name='submitted_by',
-            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='images', to=settings.AUTH_USER_MODEL),
-        ),
-    ]

lostplaces/lostplaces_app/migrations/0005_voucher.py

@@ -1,22 +0,0 @@
-# Generated by Django 3.0.8 on 2020-08-01 10:29
-
-from django.db import migrations, models
-
-
-class Migration(migrations.Migration):
-
-    dependencies = [
-        ('lostplaces_app', '0004_placeimage_submitted_by'),
-    ]
-
-    operations = [
-        migrations.CreateModel(
-            name='Voucher',
-            fields=[
-                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
-                ('code', models.CharField(max_length=10)),
-                ('created', models.DateField(auto_now_add=True)),
-                ('expires', models.DateField()),
-            ],
-        ),
-    ]

lostplaces/lostplaces_app/migrations/0006_auto_20200801_1037.py

@@ -1,22 +0,0 @@
-# Generated by Django 3.0.8 on 2020-08-01 10:37
-
-from django.db import migrations, models
-
-
-class Migration(migrations.Migration):
-
-    dependencies = [
-        ('lostplaces_app', '0005_voucher'),
-    ]
-
-    operations = [
-        migrations.RemoveField(
-            model_name='voucher',
-            name='id',
-        ),
-        migrations.AlterField(
-            model_name='voucher',
-            name='code',
-            field=models.CharField(max_length=10, primary_key=True, serialize=False, unique=True),
-        ),
-    ]

lostplaces/lostplaces_app/migrations/0007_auto_20200801_1039.py

@@ -1,18 +0,0 @@
-# Generated by Django 3.0.8 on 2020-08-01 10:39
-
-from django.db import migrations, models
-
-
-class Migration(migrations.Migration):
-
-    dependencies = [
-        ('lostplaces_app', '0006_auto_20200801_1037'),
-    ]
-
-    operations = [
-        migrations.AlterField(
-            model_name='voucher',
-            name='created',
-            field=models.DateTimeField(auto_now_add=True),
-        ),
-    ]

lostplaces/lostplaces_app/migrations/0008_auto_20200801_1044.py

@@ -1,24 +0,0 @@
-# Generated by Django 3.0.8 on 2020-08-01 10:44
-
-from django.db import migrations, models
-
-
-class Migration(migrations.Migration):
-
-    dependencies = [
-        ('lostplaces_app', '0007_auto_20200801_1039'),
-    ]
-
-    operations = [
-        migrations.AddField(
-            model_name='voucher',
-            name='id',
-            field=models.AutoField(auto_created=True, default=0, primary_key=True, serialize=False, verbose_name='ID'),
-            preserve_default=False,
-        ),
-        migrations.AlterField(
-            model_name='voucher',
-            name='code',
-            field=models.CharField(max_length=10, unique=True),
-        ),
-    ]

lostplaces/lostplaces_app/migrations/0009_place_submitted_when.py

@@ -1,18 +0,0 @@
-# Generated by Django 3.0.9 on 2020-08-03 16:36
-
-from django.db import migrations, models
-
-
-class Migration(migrations.Migration):
-
-    dependencies = [
-        ('lostplaces_app', '0008_auto_20200801_1044'),
-    ]
-
-    operations = [
-        migrations.AddField(
-            model_name='place',
-            name='submitted_when',
-            field=models.DateTimeField(auto_now_add=True, null=True),
-        ),
-    ]

lostplaces/lostplaces_app/migrations/0010_auto_20200803_1707.py

@@ -1,20 +0,0 @@
-# Generated by Django 3.0.9 on 2020-08-03 17:07
-
-from django.db import migrations
-import easy_thumbnails.fields
-import lostplaces_app.models
-
-
-class Migration(migrations.Migration):
-
-    dependencies = [
-        ('lostplaces_app', '0009_place_submitted_when'),
-    ]
-
-    operations = [
-        migrations.AlterField(
-            model_name='placeimage',
-            name='filename',
-            field=easy_thumbnails.fields.ThumbnailerImageField(upload_to=lostplaces_app.models.generate_image_upload_path),
-        ),
-    ]

lostplaces/lostplaces_app/static/icons/hamburger_menu.svg

@@ -0,0 +1 @@
+<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30px" height="30px"><path d="M 3 7 A 1.0001 1.0001 0 1 0 3 9 L 27 9 A 1.0001 1.0001 0 1 0 27 7 L 3 7 z M 3 14 A 1.0001 1.0001 0 1 0 3 16 L 27 16 A 1.0001 1.0001 0 1 0 27 14 L 3 14 z M 3 21 A 1.0001 1.0001 0 1 0 3 23 L 27 23 A 1.0001 1.0001 0 1 0 27 21 L 3 21 z"/></svg>

lostplaces/lostplaces_app/static/icons/information.svg

@@ -0,0 +1 @@
+<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50px" height="50px"><path d="M 25 2 C 12.309295 2 2 12.309295 2 25 C 2 37.690705 12.309295 48 25 48 C 37.690705 48 48 37.690705 48 25 C 48 12.309295 37.690705 2 25 2 z M 25 4 C 36.609824 4 46 13.390176 46 25 C 46 36.609824 36.609824 46 25 46 C 13.390176 46 4 36.609824 4 25 C 4 13.390176 13.390176 4 25 4 z M 25 11 A 3 3 0 0 0 22 14 A 3 3 0 0 0 25 17 A 3 3 0 0 0 28 14 A 3 3 0 0 0 25 11 z M 21 21 L 21 23 L 22 23 L 23 23 L 23 36 L 22 36 L 21 36 L 21 38 L 22 38 L 23 38 L 27 38 L 28 38 L 29 38 L 29 36 L 28 36 L 27 36 L 27 21 L 26 21 L 22 21 L 21 21 z"/></svg>

lostplaces/lostplaces_app/static/icons/message.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><defs><style>.cls-1{fill:#231f20;}</style></defs><title>Wondicon - UI (Free)</title><path class="cls-1" d="M125,177.86a5,5,0,0,1-4.74-3.42L96,101.76,27.64,77.57a5,5,0,0,1,.2-9.49L169.22,24.53a5,5,0,0,1,6.23,6.3L129.76,174.37a5,5,0,0,1-4.73,3.49ZM45.23,73.19l56.44,20a5,5,0,0,1,3.07,3.13l20.15,60.44L163,36.9Z"/><path class="cls-1" d="M100,102.84a4.94,4.94,0,0,1-3.59-1.52,5,5,0,0,1,.11-7.07L131.86,60a5,5,0,0,1,7,7.18l-35.35,34.26A5,5,0,0,1,100,102.84Z"/><path class="cls-1" d="M75,175.69a5,5,0,0,1-3.19-8.85l25-20.69a5,5,0,0,1,6.38,7.7l-25,20.69A5,5,0,0,1,75,175.69Z"/><path class="cls-1" d="M29.31,175.69a5,5,0,0,1-3.53-8.54l45.68-45.69a5,5,0,0,1,7.08,7.08L32.85,174.22A5,5,0,0,1,29.31,175.69Z"/><path class="cls-1" d="M29.31,130a5,5,0,0,1-3.85-8.19l20.69-25a5,5,0,0,1,7.7,6.38l-20.69,25A5,5,0,0,1,29.31,130Z"/></svg>

lostplaces/lostplaces_app/static/icons/success.svg

@@ -0,0 +1,3 @@
+<?xml version="1.0" ?><svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
+	.st0{display:none;}
+</style><g class="st0" id="grid"/><g id="icon"><path d="M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12s12-5.383,12-12S18.617,0,12,0z M12,23C5.935,23,1,18.065,1,12S5.935,1,12,1   s11,4.935,11,11S18.065,23,12,23z"/><path d="M16.801,8.403l-6.132,6.133L7.753,11.62c-0.195-0.195-0.512-0.195-0.707,0s-0.195,0.512,0,0.707l3.27,3.27   c0.094,0.094,0.221,0.146,0.354,0.146s0.26-0.053,0.354-0.146l6.485-6.486c0.195-0.195,0.195-0.512,0-0.707   S16.997,8.208,16.801,8.403z"/></g></svg>

lostplaces/lostplaces_app/static/main.css

@@ -13,23 +13,26 @@ html {
 
 body {
   height: 100%;
-  margin: 0; }
+  margin: 0;
+  padding: 0; }
 
-.LP-Main {
-  display: table;
-  flex-direction: row-reverse;
-  height: calc(100% - 61px);
-  width: 100%; }
-  .LP-Main .LP-Main__Content {
-    display: table-cell;
-    width: calc(100% - 300px);
-    min-height: 1px;
-    padding: 25px; }
-  .LP-Main .LP-Main__Sidebar {
-    display: table-cell;
-    width: 250px;
-    flex-grow: 0;
-    height: 100%; }
+.LP-Wrapper__Site {
+  display: grid;
+  grid-template-columns: 250px 1fr;
+  grid-template-rows: auto 1fr;
+  grid-template-areas: "header header" "sidebar content";
+  margin: 0;
+  padding: 0;
+  min-height: 100vh; }
+
+.LP-Main__Content {
+  min-height: 1px;
+  padding: 25px;
+  grid-area: content; }
+
+.LP-Main__Sidebar {
+  grid-area: sidebar;
+  background-color: #f9f9f9; }
 
 .LP-Section {
   clear: both;
@@ -38,6 +41,13 @@ body {
   .LP-Section .LP-Headline {
     margin-left: -25px; }
 
+.LP-Menu__Trigger {
+  display: none; }
+
+@media (max-width: 1000px) {
+  .LP-Wrapper__Site {
+    grid-template-columns: 187.5px 1fr; } }
+
 @media (max-width: 650px) {
   .LP-Section {
     padding-left: 0;
@@ -45,6 +55,44 @@ body {
     .LP-Section .LP-Headline {
       margin: 0; } }
 
+@media (max-width: 450px) {
+  .LP-Main__Sidebar {
+    max-width: 100vw; } }
+
+@media (max-width: 650px) {
+  .LP-Wrapper__Site {
+    grid-template-columns: 0 1fr; }
+  .LP-Main__Sidebar {
+    grid-area: unset;
+    width: 250px;
+    z-index: 15;
+    position: fixed;
+    left: -251px;
+    height: 100vh;
+    top: 60px;
+    border-right: 1px solid #C09F80;
+    transition: left 0.3s; }
+    .LP-Main__Sidebar--hidden {
+      visibility: hidden; }
+  #toggle_sidebar:checked ~ .LP-Main__Sidebar {
+    left: 0; }
+  #toggle_sidebar ~ .LP-Main__Sidebar {
+    left: -251px; }
+  .LP-Menu__TriggerLabel {
+    z-index: 20;
+    height: 60px;
+    width: 60px;
+    background-image: url("icons/hamburger_menu.svg");
+    background-repeat: no-repeat;
+    background-clip: content-box;
+    background-position: center;
+    position: fixed; }
+  .LP-Menu__Trigger:checked ~ .LP-Menu__TriggerLabel {
+    background-color: darkgray;
+    filter: invert(1); }
+  .LP-Main__Content {
+    margin-top: 60px; } }
+
 .LP-Link {
   color: #565656;
   text-decoration: none;
@@ -106,7 +154,11 @@ body {
     background-color: #76323F;
     color: #f9f9f9; }
   .LP-Button--cancel {
-    background-color: #f9f9f9; }
+    background-color: #565656;
+    color: #f9f9f9; }
+    .LP-Button--cancel:active {
+      color: #565656;
+      background-color: #f9f9f9; }
 
 .LP-Form .LP-Form__Checkbox {
   display: none; }
@@ -134,6 +186,17 @@ body {
       background-color: #f9f9f9;
       border-radius: 3px 3px 0 0;
       box-shadow: none; }
+    .LP-Input .LP-Input__Field[type=submit] {
+      background-color: #C09F80;
+      color: #565656;
+      border: none;
+      padding: 8px 14px;
+      border-radius: 2px;
+      font-weight: bold;
+      cursor: pointer; }
+      .LP-Input .LP-Input__Field[type=submit]:active {
+        background-color: #76323F;
+        color: #f9f9f9; }
   .LP-Input .LP-Input__Label {
     font-family: Montserrat, Helvetica, sans-serif;
     font-size: 16px; }
@@ -190,6 +253,103 @@ body {
     font-size: 1em;
     display: inline; }
 
+.LP-Message {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: stretch;
+  background-color: #f9f9f9;
+  font-family: Montserrat, Helvetica, sans-serif;
+  border-radius: 3px;
+  font-weight: bold;
+  box-shadow: 0 0 2px #565656;
+  overflow: hidden; }
+  .LP-Message--error .LP-Message__Icon {
+    background-color: #02979e;
+    background-image: url("icons/error.png"); }
+  .LP-Message--warning .LP-Message__Icon {
+    background-color: #0047e7;
+    background-image: url("icons/error.png"); }
+  .LP-Message--info .LP-Message__Icon {
+    background-color: #522719;
+    background-image: url("icons/information.svg"); }
+  .LP-Message--success .LP-Message__Icon {
+    background-color: #6937ff;
+    background-image: url("icons/success.svg"); }
+  .LP-Message--debug .LP-Message__Icon {
+    background-color: #046a2f;
+    background-image: url("icons/debug.png"); }
+  .LP-Message .LP-Message__Icon {
+    background-size: 40px 40px;
+    background-repeat: no-repeat;
+    background-position: center;
+    height: 100%;
+    min-height: 50px;
+    width: 50px;
+    filter: invert(1);
+    flex-shrink: 0;
+    flex-grow: 0; }
+  .LP-Message .LP-Message__Text {
+    padding: 0 15px;
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    padding: 8px; }
+
+.LP-Pagination {
+  font-family: Montserrat, Helvetica, sans-serif;
+  font-weight: bold;
+  display: flex;
+  flex-direction: row;
+  justify-content: center; }
+  .LP-Pagination .LP-Pagination__List {
+    list-style-type: none;
+    display: flex;
+    flex-direction: row;
+    padding-left: 0;
+    padding-right: 0; }
+  .LP-Pagination .LP-Pagination__Item {
+    margin: 0 4px; }
+    .LP-Pagination .LP-Pagination__Item--disabled {
+      color: #b6b6b6; }
+      .LP-Pagination .LP-Pagination__Item--disabled .LP-Link {
+        color: #b6b6b6;
+        cursor: default; }
+        .LP-Pagination .LP-Pagination__Item--disabled .LP-Link:hover {
+          background-color: unset;
+          color: unset; }
+    .LP-Pagination .LP-Pagination__Item--current .LP-Link {
+      background-color: #D7CEC7; }
+      .LP-Pagination .LP-Pagination__Item--current .LP-Link:hover {
+        background-color: #D7CEC7;
+        color: #565656; }
+  .LP-Pagination .LP-Link {
+    padding: 15px 20px;
+    vertical-align: sub;
+    border-radius: 2px; }
+    .LP-Pagination .LP-Link:active, .LP-Pagination .LP-Link:hover {
+      background-color: #D7CEC7;
+      color: #565656; }
+  .LP-Pagination .LP-Icon {
+    font-size: larger; }
+
+@media (max-width: 1000px) {
+  .LP-Pagination .LP-Link {
+    padding: 10px 15px; }
+  .LP-Pagination .LP-Pagination__Item--other .LP-Text {
+    display: none; } }
+
+@media (max-width: 650px) {
+  .LP-Pagination .LP-Pagination__Item {
+    margin: 0 1px; }
+    .LP-Pagination .LP-Pagination__Item .LP-Link {
+      padding: 13px 16px; } }
+
+@media (max-width: 450px) {
+  .LP-Pagination .LP-Pagination__Item .LP-Link {
+    padding: 8px 11px; } }
+
 .LP-Content {
   padding: 35px; }
 
@@ -302,7 +462,6 @@ body {
     border-left: none;
     min-width: 60px;
     background-color: #f9f9f9;
-    height: 100%;
     padding-top: 25px; }
     .LP-Menu--sidebar .LP-Menu__List {
       flex-direction: column; }
@@ -334,17 +493,31 @@ body {
   .LP-Menu .LP-Menu__List {
     justify-content: space-between; } }
 
+.LP-MessageList {
+  padding: 25px; }
+  .LP-MessageList .LP-MessageList__List {
+    padding: 0;
+    margin: 0;
+    list-style-type: none;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between; }
+  .LP-MessageList .LP-MessageList__Item {
+    margin: 5px 0; }
+
 .LP-Header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 60px;
-  box-shadow: 0 0 2px #C09F80; }
+  box-shadow: 0 0 2px #C09F80;
+  grid-area: header;
+  background-color: white;
+  padding-left: 25px; }
   .LP-Header__Navigation {
     flex-grow: 2; }
   .LP-Header__Logo {
     height: 45px;
-    margin: 25px;
     object-fit: cover;
     max-height: 100%;
     width: 225px;
@@ -375,6 +548,13 @@ body {
   .LP-Header__Navigation {
     width: 100%; } }
 
+@media (max-width: 650px) {
+  .LP-Header {
+    padding-left: 60px;
+    width: calc(100% - 60px);
+    position: fixed;
+    z-index: 10; } }
+
 .LP-PlaceGrid .LP-PlaceGrid__Grid {
   margin: 0;
   padding: 0;
@@ -398,9 +578,11 @@ body {
       border-left: 2px #565656 solid; }
   .LP-PlaceList .LP-PlaceList__List .LP-PlaceList__Item {
     max-width: 900px;
-    min-width: 450px;
     margin: 18px 0; }
 
+.LP-PlaceList .LP-Pagination {
+  margin-top: 50px; }
+
 .LP-LinkList__List {
   list-style-type: none;
   display: grid;
@@ -461,28 +643,49 @@ body {
         .LP-Footer .LP-LinkList__List .LP-LinkList__Item .LP-Link:hover {
           background-color: inherit; }
 
-.LP-Form .LP-Form__Fieldset {
-  border: none; }
-  .LP-Form .LP-Form__Fieldset .LP-Form__Legend {
-    margin: 0;
-    padding: 0;
-    font-family: Montserrat, Helvetica, sans-serif;
-    font-size: 21px; }
-  .LP-Form .LP-Form__Fieldset .LP-Form__Composition {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between; }
-    .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field {
-      flex: 3 1 100px;
-      padding: 6px 15px; }
-      .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--wider {
-        flex: 5 1; }
-      .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--wide {
-        flex: 4 1; }
-      .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--narrow {
-        flex: 2 0; }
-      .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--narrower {
-        flex: 1 0; }
+.LP-Form {
+  display: flex;
+  flex-direction: column;
+  align-items: center; }
+  .LP-Form .LP-Form__Fieldset {
+    border: none;
+    max-width: 1200px;
+    min-width: 750px; }
+    .LP-Form .LP-Form__Fieldset .LP-Form__Legend {
+      margin: 0;
+      padding: 0;
+      font-family: Montserrat, Helvetica, sans-serif;
+      font-size: 21px; }
+    .LP-Form .LP-Form__Fieldset .LP-Form__Composition {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between; }
+      .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field {
+        flex: 3 2 100px;
+        padding: 6px 15px; }
+        .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--wider {
+          flex: 5 2; }
+        .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--wide {
+          flex: 4 2; }
+        .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--narrow {
+          flex: 2 1; }
+        .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field--narrower {
+          flex: 1 2; }
+      .LP-Form .LP-Form__Fieldset .LP-Form__Composition--buttons {
+        justify-content: flex-end; }
+      .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Button {
+        flex-grow: 0;
+        padding-left: 0;
+        min-width: 130px; }
+        .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Button .LP-Link {
+          display: contents; }
+      .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__InfoText .LP-Paragraph {
+        font-family: Montserrat, Helvetica, sans-serif;
+        color: #565656; }
+
+@media (max-width: 750px) {
+  .LP-Form .LP-Form__Fieldset {
+    min-width: unset; } }
 
 @media (max-width: 650px) {
   .LP-Form .LP-Form__Fieldset .LP-Form__Composition--breakable {
@@ -495,9 +698,13 @@ body {
     display: flex;
     flex-direction: column;
     justify-content: space-between; }
-    .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field {
+    .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Field:not(.LP-Form__Button) {
       flex: 3 1 100px;
-      padding: 12px 15px; } }
+      padding: 12px 15px; }
+    .LP-Form .LP-Form__Fieldset .LP-Form__Composition .LP-Form__Button {
+      padding: 0 15px; }
+    .LP-Form .LP-Form__Fieldset .LP-Form__Composition--buttons {
+      justify-content: flex-end; } }
 
 .LP-ImageGrid .LP-ImageGrid__List {
   list-style-type: none;

lostplaces/lostplaces_app/templates/global.html

@@ -9,46 +9,88 @@
         <title>
             {% block title %}Urban Exploration{% endblock %}
         </title>
+        
+        {% block additional_head %}
+        {% endblock additional_head %}
+
+        <script>
+            document.addEventListener("DOMContentLoaded", function(){
+                    Array.from(document.getElementsByClassName('LP-Main__Sidebar')).forEach(function(element){
+                            element.classList.add('LP-Main__Sidebar--hidden')
+                    })
+                    setTimeout(function(){
+                        Array.from(document.getElementsByClassName('LP-Main__Sidebar')).forEach(function(element){
+                            element.classList.remove('LP-Main__Sidebar--hidden')
+                    })
+                }, 500)
+            })
+        </script>
+        
     </head>
 
     <body>
-        <header class="LP-Header">
-            <div class="LP-Header__Logo">
-                <a class="LP-Link" href="/">
-                    <img src="{% static 'logo.png' %}" class="LP-Image" />
-                </a>    
-            </div>
-            <div class="LP-Header__UserInformation">
-                <span class="LP-Paragraph">
-                    {% if user.is_authenticated %}
-                        Hi {{ user.username }}!
-                            <a class="LP-Link" href="{% url 'logout' %}"><span class="LP-Link__Text">logout</span></a>
-                        {% else %}
-                            You are not logged in.
-                            <a class="LP-Link" href="{% url 'login' %}"><span class="LP-Link__Text">login</span></a> |
-                            <a class="LP-Link" href="{% url 'signup' %}"><span class="LP-Link__Text">signup</span></a>
-                        {% endif %}
-                </span>
-            </div>
-        </header>
-        <article class="LP-Main">
-            <section class="LP-Main__Sidebar">
+        <div class="LP-Wrapper__Site">
+            <header class="LP-Header">
+                <div class="LP-Header__Logo">
+                    <a class="LP-Link" href="/">
+                        <img src="{% static 'logo.png' %}" class="LP-Image" />
+                    </a>    
+                </div>
+                <div class="LP-Header__UserInformation">
+                    <span class="LP-Paragraph">
+                        {% if user.is_authenticated %}
+                            Hi {{ user.username }}!
+                                <a class="LP-Link" href="{% url 'logout' %}"><span class="LP-Link__Text">logout</span></a> 
+                                {% if user.is_superuser %}
+                                | <a class="LP-Link" href="{% url 'admin:index' %}" target="_blank"><span class="LP-Link__Text">admin</span></a>
+                                {% endif %}
+                                
+                            {% else %}
+                                You are not logged in.
+                                <a class="LP-Link" href="{% url 'login' %}"><span class="LP-Link__Text">login</span></a> |
+                                <a class="LP-Link" href="{% url 'signup' %}"><span class="LP-Link__Text">signup</span></a>
+                            {% endif %}
+                    </span>
+                </div>
+            </header>
+            <input id="toggle_sidebar" class="LP-Menu__Trigger" type="checkbox"/>
+            <label id="toggle_sidebar_label" for="toggle_sidebar" class="LP-Menu__TriggerLabel"></label>
+            <aside class="LP-Main__Sidebar">
                 <nav class="LP-Menu LP-Menu--sidebar">
                     <ul class="LP-Menu__List">
                         <li class="LP-Menu__Item"><a href="/" class="LP-Link"><span class="LP-Link__Text">Home</span></a></li>
                         <li class="LP-Menu__Item"><a href="" class="LP-Link"><span class="LP-Link__Text">About</span></a></li>
-						<li class="LP-Menu__Item"><a href="" class="LP-Link"><span class="LP-Link__Text">Contact</span></a></li>
-						{% block additional_menu_items %}
-						{% endblock additional_menu_items %}
-						<li class="LP-Menu__Item LP-Menu__Item--additional"><a href="{% url 'place_create'%}" class="LP-Link"><span class="LP-Link__Text">Create place</span></a></li>
-						<li class="LP-Menu__Item LP-Menu__Item--additional"><a href="{% url 'place_list'%}" class="LP-Link"><span class="LP-Link__Text">See all places</span></a></li>
+                        <li class="LP-Menu__Item"><a href="" class="LP-Link"><span class="LP-Link__Text">Contact</span></a></li>
+                        {% block additional_menu_items %}
+                        {% endblock additional_menu_items %}
+                        <li class="LP-Menu__Item LP-Menu__Item--additional"><a href="{% url 'place_create'%}" class="LP-Link"><span class="LP-Link__Text">Create place</span></a></li>
+                        <li class="LP-Menu__Item LP-Menu__Item--additional"><a href="{% url 'place_list'%}" class="LP-Link"><span class="LP-Link__Text">See all places</span></a></li>
                     </ul>
                 </nav>
-            </section>
-            <section class="LP-Main__Content">
+            </aside>
+            <main class="LP-Main__Content">
+                {% if messages %}
+                <div class="LP-MessageList">
+                    <ul class="LP-MessageList__List">
+                        {% for message in messages %}
+                        <li class="LP-MessageList__Item">
+                            <div class="LP-Message {% if message.tags %}LP-Message--{{ message.tags }}{% endif %}">
+                                <div>
+                                    <div class="LP-Message__Icon">
+                                    </div>
+                                </div>
+                                <div class="LP-Message__Text">
+                                    {{ message }}
+                                </div>
+                            </div>
+                        </li>
+                        {% endfor %}
+                    </ul>
+                </div>
+                {% endif %}
                 {% block maincontent %}
                 {% endblock maincontent %}
-            </section>
-        </article>
+            </main>
+        </div>
     </body>
 </html>

lostplaces/lostplaces_app/templates/partials/nav/pagination.html

@@ -0,0 +1,74 @@
+{% load lostplaces %}
+
+{% if is_paginated %}
+    <div class="LP-Pagination">
+        <ul class="LP-Pagination__List">
+            {% if page_obj.has_previous %}
+            <li class="LP-Pagination__Item LP-Pagination__Item--other LP-Pagination__Item--first">
+                <a href="?page=1" class="LP-Link">
+                    <span class="LP-Icon">⟪</span>
+                    <span class="LP-Text">First</span>
+                </a>
+            </li>
+                <li class="LP-Pagination__Item LP-Pagination__Item--other LP-Pagination__Item--previous">
+                    <a href="?page={{ page_obj.previous_page_number }}" class="LP-Link">
+                        <span class="LP-Icon">⟨</span>
+                        <span class="LP-Text">Previous</span>
+                    </a>
+                </li>
+            {% else %}
+                <li class="LP-Pagination__Item LP-Pagination__Item--other LP-Pagination__Item--first LP-Pagination__Item--disabled">
+                    <a href="#" class="LP-Link">
+                        <span class="LP-Icon">⟪</span>
+                        <span class="LP-Text">First</span>
+                    </a>
+                </li>
+                <li class="LP-Pagination__Item LP-Pagination__Item--other LP-Pagination__Item--previous LP-Pagination__Item--disabled">
+                    <a href="#" class="LP-Link">
+                        <span class="LP-Icon">⟨</span>
+                        <span class="LP-Text">Previous</span>
+                    </a>
+                </li>
+            {% endif %}
+            
+            {% for i in page_obj.paginator|proper_paginate:page_obj.number %}
+                {% if i == page_obj.number %}
+                    <li class="LP-Pagination__Item LP-Pagination__Item--current">
+                {% else %}
+                    <li class="LP-Pagination__Item LP-Pagination__Item--neighbor">
+                {% endif %}
+                        <a href="?page={{i}}" class="LP-Link">
+                            <span class="LP-Text">{{i}}</span>
+                        </a>
+                    </li>
+            {% endfor %}
+            
+            {% if page_obj.has_next %}
+            <li class="LP-Pagination__Item LP-Pagination__Item--other LP-Pagination__Item--next">
+                <a href="?page={{ page_obj.next_page_number }}" class="LP-Link">
+                    <span class="LP-Text">Next</span>
+                    <span class="LP-Icon">⟩</span>
+                </a>
+            </li>
+            <li class="LP-Pagination__Item LP-Pagination__Item--other LP-Pagination__Item--last">
+                <a href="?page={{ page_obj.paginator.num_pages }}" class="LP-Link">
+                    <span class="LP-Text">Last</span>
+                    <span class="LP-Icon">⟫</span>
+                </a>
+            </li>
+            {% else %}
+            <li class="LP-Pagination__Item LP-Pagination__Item--other LP-Pagination__Item--next LP-Pagination__Item--disabled">
+                <a href="#" class="LP-Link">
+                    <span class="LP-Text">Next</span>
+                    <span class="LP-Icon">⟩</span>
+                </a>
+            <li class="LP-Pagination__Item LP-Pagination__Item--other LP-Pagination__Item--last LP-Pagination__Item--disabled">
+                <a href="#" class="LP-Link">
+                    <span class="LP-Text">Last</span>
+                    <span class="LP-Icon">⟫</span>
+                </a>
+            </li>
+            {% endif %}
+        </ul>
+    </div>
+{% endif %}

lostplaces/lostplaces_app/templates/place/place_create.html

@@ -6,7 +6,7 @@
 {% block maincontent %}
 <form class="LP-Form" method="POST" enctype="multipart/form-data">
     <fieldset class="LP-Form__Fieldset">
-        <legend class="LP-Form__Legend">Place erstellen</legend>
+        <legend class="LP-Form__Legend">Create Place</legend>
         {% csrf_token %}
         <div class="LP-Form__Composition LP-Form__Composition--breakable">
             <div class="LP-Form__Field">
@@ -38,11 +38,15 @@
             </div>
         </div>
 
-        <div class="LP-Form__Composition">
-                <a href="{% url 'place_list' %}">
+        <div class="LP-Form__Composition LP-Form__Composition--buttons">
+            <div class="LP-Form__Field LP-Form__Button LP-Input">
+                <button class="LP-Button">Create</button>
+            </div>
+            <div class="LP-Form__Field LP-Form__Button LP-Input">
+                <a class="LP-Link" href="{% url 'place_list' %}">
                     <button type="button" class="LP-Button LP-Button--cancel">Cancel</button>
                 </a>
-            <input type="submit" class="LP-Button" value="Abschicken"/>
+            </div>
         </div>
     </fieldset>
 

lostplaces/lostplaces_app/templates/place/place_delete.html

@@ -7,15 +7,22 @@
 
 <form class="LP-Form" method="POST">
     <fieldset class="LP-Form__Fieldset">
-        <legend class="LP-Form__Legend">Place löschen</legend>
+        <legend class="LP-Form__Legend">Delete place</legend>
         {% csrf_token %}
-        <div class="LP-Form__Composition LP-Form__Composition--breakable">
-            <p class="LP-Paragraph">Are you sure you want to delete "{{place.name}}"?</p>
-            <div class="LP-Form__Composition">
-                <a href="{% url 'place_detail' pk=place.pk %}">
+        <div class="LP-Form__Composition">
+            <div class="LP-Form__Field LP-Form__InfoText">
+                <p class="LP-Paragraph">Are you sure you want to delete "{{place.name}}"? </p>
+            </div>
+        </div>
+
+        <div class="LP-Form__Composition LP-Form__Composition--buttons">
+            <div class="LP-Form__Field LP-Form__Button LP-Input">
+                <button class="LP-Button">Delete</button>
+            </div>
+            <div class="LP-Form__Field LP-Form__Button LP-Input">
+                <a class="LP-Link" href="{% url 'place_detail' pk=place.pk %}">
                     <button type="button" class="LP-Button LP-Button--cancel">Cancel</button>
                 </a>
-                <input type="submit" class="LP-Button" value="Delete"/>
             </div>
         </div>
     </fieldset>

lostplaces/lostplaces_app/templates/place/place_detail.html

@@ -5,20 +5,20 @@
 {% block title %}{{place.name}}{% endblock %}
 
 {% block additional_menu_items %}
-	<li class="LP-Menu__Item LP-Menu__Item--additional"><a href="{% url 'place_edit' pk=place.pk %}" class="LP-Link"><span class="LP-Link__Text">Edit place</span></a></li>
-	<li class="LP-Menu__Item LP-Menu__Item--additional"><a href="{% url 'place_delete' pk=place.pk %}" class="LP-Link"><span class="LP-Link__Text">Delete place</span></a></li>
+    <li class="LP-Menu__Item LP-Menu__Item--additional"><a href="{% url 'place_edit' pk=place.pk %}" class="LP-Link"><span class="LP-Link__Text">Edit place</span></a></li>
+    <li class="LP-Menu__Item LP-Menu__Item--additional"><a href="{% url 'place_delete' pk=place.pk %}" class="LP-Link"><span class="LP-Link__Text">Delete place</span></a></li>
 {% endblock additional_menu_items %}
-	
+    
 {% block maincontent %}
 <article class="LP-PlaceDetail">
 
     <header class="LP-PlaceDetail__Header">
-		<h1 class="LP-Headline">{{ place.name }}</h1>
-		{% if place.images.first.filename.hero.url %}
-			<figure class="LP-PlaceDetail__Image">
-				<img src="{{ place.images.first.filename.hero.url }}" class="LP-Image" />
-			</figure>
-		{% endif %}
+        <h1 class="LP-Headline">{{ place.name }}</h1>
+        {% if place.images.first.filename.hero.url %}
+            <figure class="LP-PlaceDetail__Image">
+                <img src="{{ place.images.first.filename.hero.url }}" class="LP-Image" />
+            </figure>
+        {% endif %}
     </header>
 
     <div class="LP-PlaceDetail__Description">
@@ -29,25 +29,25 @@
         <h1 class="LP-Headline">Map-Links</h1>
         <div class="LP-LinkList">
             <ul class="LP-LinkList__List">
-				<li class="LP-LinkList__Item"><a target="_blank" href="https://www.google.com/maps?q={{place.latitude}},{{place.longitude}}" class="LP-Link"><span class="LP-Text">Google Maps</span></a></li>
+                <li class="LP-LinkList__Item"><a target="_blank" href="https://www.google.com/maps?q={{place.latitude}},{{place.longitude}}" class="LP-Link"><span class="LP-Text">Google Maps</span></a></li>
                 <li class="LP-LinkList__Item"><a target="_blank" href="https://www.tim-online.nrw.de/tim-online2/?center={{place.latitude}},{{place.longitude}}&icon=true&bg=dop" class="LP-Link"><span class="LP-Text">TIM Online</span></a></li>
                 <li class="LP-LinkList__Item"><a target="_blank" href="http://www.openstreetmap.org/?mlat={{place.latitude}}&mlon={{place.longitude}}&zoom=16" class="LP-Link"><span class="LP-Text">OSM</span></a></li>
             </ul>
         </div>
-	</section>
-	
+    </section>
+    
     <section class="LP-Section">
         <h1 class="LP-Headline">Bilder</h1>
         <div class="LP-ImageGrid">
             <ul class="LP-ImageGrid__List">
-				{% for place_image in place.images.all %}
-				<li class="LP-ImageGrid__Item">
-					<a href="{{ place_image.filename.large.url }}" class="LP-Link"><img class="LP-Image" src="{{ place_image.filename.thumbnail.url }}"></a>
-				</li>
-				{% endfor %}
+                {% for place_image in place.images.all %}
+                <li class="LP-ImageGrid__Item">
+                    <a href="{{ place_image.filename.large.url }}" class="LP-Link"><img class="LP-Image" src="{{ place_image.filename.thumbnail.url }}"></a>
+                </li>
+                {% endfor %}
             </ul>
         </div>
-	</section>
-	
+    </section>
+    
 </article>
 {% endblock maincontent %}

lostplaces/lostplaces_app/templates/place/place_list.html

@@ -7,37 +7,46 @@
 <div class="LP-PlaceList">
     <h1 class="LP-Headline">Listing our places</h1>
     <ul class="LP-PlaceList__List">
-		{% for place in place_list %}
-			<li class="LP-PlaceList__Item">
-				<a href="{% url 'place_detail' pk=place.pk %}" class="LP-Link">
-					<article class="LP-PlaceTeaser LP-PlaceTeaser--extended">
-						<div class="LP-PlaceTeaser__Image">
-							<img class="LP-Image" src="{{ place.images.first.filename.thumbnail.url }}" />
-						</div>
-						<div class="LP-PlaceTeaser__Meta">
-							<div class="LP-PlaceTeaser__Info">
-								<span class="LP-PlaceTeaser__Title">
-									<h2 class="LP-Headline LP-Headline--teaser">{{place.name}}</h2>
-								</span>
-								<span class="LP-PlaceTeaser__Detail">
-									<p class="LP-Paragraph">{{place.location}}</p>
-								</span>
-							</div>
-							<div class="LP-PlaceTeaser__Description">
-								<p class="LP-Paragraph">{{place.description|truncatechars:210|truncatewords:-1}}</p>
-							</div>
-							<div class="LP-PlaceTeaser__Icons">
-								<ul class="LP-Icon__List">
-									<li class="LP-Icon__Item"><img class="LP-Icon" src="{% static '/icons/favourite.svg' %}" /></li>
+        {% for place in place_list %}
+            <li class="LP-PlaceList__Item">
+                <a href="{% url 'place_detail' pk=place.pk %}" class="LP-Link">
+                    <article class="LP-PlaceTeaser LP-PlaceTeaser--extended">
+                        <div class="LP-PlaceTeaser__Image">
+                            <img class="LP-Image" src="{{ place.images.first.filename.thumbnail.url }}" />
+                        </div>
+                        <div class="LP-PlaceTeaser__Meta">
+                            <div class="LP-PlaceTeaser__Info">
+                                <span class="LP-PlaceTeaser__Title">
+                                    <h2 class="LP-Headline LP-Headline--teaser">{{place.name}}</h2>
+                                </span>
+                                <span class="LP-PlaceTeaser__Detail">
+                                    <p class="LP-Paragraph">{{place.location}}</p>
+                                </span>
+                            </div>
+                            <div class="LP-PlaceTeaser__Description">
+                                <p class="LP-Paragraph">
+                                    {% if place.description|length > 210 %}
+                                        {{place.description|truncatechars:210|truncatewords:-1}}
+                                    {% else %}
+                                        {{place.description}}
+                                    {% endif %}
+                                </p>
+                            </div>
+                            <div class="LP-PlaceTeaser__Icons">
+                                <ul class="LP-Icon__List">
+                                    <li class="LP-Icon__Item"><img class="LP-Icon" src="{% static '/icons/favourite.svg' %}" /></li>
                                 <li class="LP-Icon__Item"><img class="LP-Icon" src="{% static '/icons/location.svg' %}" /></li>
                                 <li class="LP-Icon__Item"><img class="LP-Icon" src="{% static '/icons/flag.svg' %}" /></li>
-								</ul>
-							</div>
-						</div>
-					</article>
-				</a>
-			</li>
-		{% endfor %}
-	</ul>
+                                </ul>
+                            </div>
+                        </div>
+                    </article>
+                </a>
+            </li>
+        {% endfor %}
+    </ul>
+    
+    {% include 'partials/nav/pagination.html' %}
+
 </div>
 {% endblock maincontent %}

lostplaces/lostplaces_app/templates/place/place_update.html

@@ -37,12 +37,16 @@
                 {% include 'partials/form/inputField.html' with field=form.filename %}
             </div>
         </div>
-
-        <div class="LP-Form__Composition">
-                <a href="{% url 'place_detail' pk=place.pk %}">
+        
+        <div class="LP-Form__Composition LP-Form__Composition--buttons">
+            <div class="LP-Form__Field LP-Form__Button LP-Input">
+                <button class="LP-Button">Update</button>
+            </div>
+            <div class="LP-Form__Field LP-Form__Button LP-Input">
+                <a class="LP-Link" href="{% url 'place_detail' pk=place.pk %}">
                     <button type="button" class="LP-Button LP-Button--cancel">Cancel</button>
                 </a>
-            <input type="submit" class="LP-Button" value="Submit"/>
+            </div>
         </div>
     </fieldset>
 

lostplaces/lostplaces_app/templatetags/lostplaces.py

@@ -0,0 +1,22 @@
+from django import template
+
+register = template.Library()
+
+@register.filter(name='proper_paginate')
+def proper_paginate(paginator, current_page, neighbors=2):
+    if paginator.num_pages > 2*neighbors:
+        start_index = max(1, current_page-neighbors)
+        end_index = min(paginator.num_pages, current_page + neighbors)
+        if end_index < start_index + 2*neighbors:
+            end_index = start_index + 2*neighbors
+        elif start_index > end_index - 2*neighbors:
+            start_index = end_index - 2*neighbors
+        if start_index < 1:
+            end_index -= start_index
+            start_index = 1
+        elif end_index > paginator.num_pages:
+            start_index -= (end_index-paginator.num_pages)
+            end_index = paginator.num_pages
+        page_list = [f for f in range(start_index, end_index+1)]
+        return page_list[:(2*neighbors + 1)]
+    return paginator.page_range

lostplaces/lostplaces_app/urls.py

@@ -1,9 +1,8 @@
 from django.urls import path
 from .views import (
-    hello_world,
     HomeView, 
-    place_detail_view, 
-    place_list_view, 
+    PlaceDetailView, 
+    PlaceListView, 
     SignUpView, 
     PlaceCreateView,
     PlaceUpdateView,
@@ -11,12 +10,11 @@ from .views import (
 )
 
 urlpatterns = [
-    path('hello_world/', hello_world), # You know what this is :P
     path('', HomeView.as_view(), name='home'),
     path('signup/', SignUpView.as_view(), name='signup'),
-    path('place/<int:pk>/', place_detail_view, name='place_detail'),
+    path('place/<int:pk>/', PlaceDetailView.as_view(), name='place_detail'),
     path('place/create/', PlaceCreateView.as_view(), name='place_create'),
     path('place/update/<int:pk>/', PlaceUpdateView.as_view(), name='place_edit'),
     path('place/delete/<int:pk>/', PlaceDeleteView.as_view(), name='place_delete'),
-    path('place/', place_list_view, name='place_list')
+    path('place/', PlaceListView.as_view(), name='place_list')
 ]

lostplaces/lostplaces_app/views.py

@@ -5,8 +5,13 @@
 from django.shortcuts import render, redirect, get_object_or_404
 from django.urls import reverse_lazy
 from django.views.generic.edit import CreateView, UpdateView, DeleteView
+from django.views.generic import ListView
 from django.views import View
 from django.http import Http404
+from django.contrib import messages
+from django.contrib.auth.mixins import UserPassesTestMixin, LoginRequiredMixin
+
+from django.contrib.messages.views import SuccessMessageMixin
 
 from .forms import (
     ExplorerCreationForm, 
@@ -17,37 +22,63 @@ from .models import Place, PlaceImage, Voucher
 
 # Create your views here.
 
-class SignUpView(CreateView):
+# BaseView that checks if user is logged in.
+class IsAuthenticated(LoginRequiredMixin, View):
+    redirect_field_name = 'redirect_to'
+
+# BaseView that checks if logged in user is submitter of place.
+class IsSubmitter(UserPassesTestMixin, View):
+    def test_func(self):
+        """ Check if user is eligible to modify place. """
+        if self.request.user.is_superuser:
+            return True
+        
+        # Check if currently logged in user was the submitter
+        place_obj = self.get_object()
+
+        if self.request.user == place_obj.submitted_by:
+            return True
+
+        messages.error(
+            self.request, 'You do not have permission to do this.')
+        return False
+
+class SignUpView(SuccessMessageMixin, CreateView):
     form_class = ExplorerCreationForm
     success_url = reverse_lazy('login')
     template_name = 'signup.html'
+    success_message = 'User created.'
 
-def place_list_view(request,):
-    return render(request, 'place/place_list.html', {'place_list':Place.objects.all()})
+class PlaceListView(IsAuthenticated, ListView):
+    paginate_by = 2
+    model = Place
+    template_name = 'place/place_list.html'
 
-def place_detail_view(request, pk):
-    return render(request, 'place/place_detail.html', {'place':Place.objects.get(pk=pk)})
-
-def hello_world(request):
-    return render(request, 'hello_world.html', {'text':'Hello World!'})
+class PlaceDetailView(IsAuthenticated, View):
+    def get(self, request, pk):
+        context = {
+            'place': Place.objects.get(pk=pk)
+        }
+        return render(request, 'place/place_detail.html', context)
 
 class HomeView(View):
     def get(self, request, *args, **kwargs):
-        place_list = Place.objects.all().order_by('submitted_when')[:10]
+        place_list = Place.objects.all().order_by('-submitted_when')[:10]
         context = {
             'place_list': place_list
         }
         return render(request, 'home.html', context)
 
-class PlaceUpdateView(UpdateView):
+class PlaceUpdateView(IsAuthenticated, IsSubmitter, SuccessMessageMixin, UpdateView):
     template_name = 'place/place_update.html'
     model = Place
     form_class = PlaceForm
+    success_message = 'Successfully updated place.'
 
     def get_success_url(self):
         return reverse_lazy('place_detail', kwargs={'pk':self.get_object().pk})
 
-class PlaceCreateView(View):
+class PlaceCreateView(IsAuthenticated, View):
 
     def get(self, request, *args, **kwargs):
         place_image_form = PlaceImageCreateForm()
@@ -79,11 +110,19 @@ class PlaceCreateView(View):
             kwargs_to_pass = {
                 'pk': place.pk
             }
+
+            messages.success(
+                self.request, 'Successfully created place.')
             return redirect(reverse_lazy('place_detail', kwargs=kwargs_to_pass))
+        
         else:
             context = {
                 'form': form_place
             }
+
+            # Usually the browser should have checked the form before sending.
+            messages.error(
+                self.request, 'Please fill in all required fields.')
             return render(request, 'place/place_create.html', context)
 
     def _apply_multipart_image_upload(self, files, place, submitter):
@@ -95,9 +134,13 @@ class PlaceCreateView(View):
             )
             place_image.save()
 
-class PlaceDeleteView(DeleteView):
+class PlaceDeleteView(IsAuthenticated, IsSubmitter, DeleteView):
     template_name = 'place/place_delete.html'
     model = Place
+    success_message = 'Successfully deleted place.'
+    success_url = reverse_lazy('place_list')
+    success_message = 'Place deleted'
 
-    def get_success_url(self):
-        return reverse_lazy('place_list')
+    def delete(self, request, *args, **kwargs):
+        messages.success(self.request, self.success_message)
+        return super().delete(request, *args, **kwargs)

lostplaces/templates/403.html

@@ -0,0 +1,15 @@
+{% extends 'global.html'%}
+
+{% block title %}Forbidden{% endblock %}
+
+{% block additional_head %}
+{% if request.META.HTTP_REFERER %}
+    <meta http-equiv="refresh" content="5;url={{ request.META.HTTP_REFERER }}" />
+{% endif %}
+{% endblock additional_head %}
+
+{% block maincontent %}
+{% if request.META.HTTP_REFERER %}
+    <p class="LP-Headline">You will be redirected in 5 seconds</p><p class="LP-Headline"><a href="{{ request.META.HTTP_REFERER }}" class="LP-Link">Go Back</a></p>
+{% endif %}
+{% endblock maincontent %}

lostplaces/templates/registration/login.html

@@ -18,9 +18,12 @@
             </div>
         </div>
 
-        <div class="LP-Form__Composition">
-            <input type="submit" class="LP-Button" value="Login"/>
+        <div class="LP-Form__Composition LP-Form__Composition--buttons">
+            <div class="LP-Form__Field LP-Form__Button LP-Input">
+                <button class="LP-Button">Login</button>
+            </div>
         </div>
+    </div>
     </fieldset>
 
 </form>

lostplaces/templates/signup.html

@@ -8,7 +8,7 @@
 
 <form class="LP-Form" method="POST">
     <fieldset class="LP-Form__Fieldset">
-        <legend class="LP-Form__Legend">Registrierung</legend>
+        <legend class="LP-Form__Legend">Registration</legend>
         {% csrf_token %}
         <div class="LP-Form__Composition LP-Form__Composition--breakable">
             <div class="LP-Form__Field">
@@ -35,8 +35,10 @@
             </div>
         </div>
 
-        <div class="LP-Form__Composition">
-            <input type="submit" class="LP-Button" value="Registrieren"/>
+        <div class="LP-Form__Composition LP-Form__Composition--buttons">
+            <div class="LP-Form__Field LP-Form__Button LP-Input">
+                <button class="LP-Button">Sign up</button>
+            </div>
         </div>
     </fieldset>