Merge pull request #19 from overshard/master

Add ability to upload picture of child with thumbnailing capabilities.

.gitignore

@@ -14,3 +14,4 @@
 # static files
 /babybuddy/static
 /static
+/media

Pipfile

@@ -1,8 +1,11 @@
 [[source]]
+
 verify_ssl = true
 url = "https://pypi.python.org/simple"
 
+
 [packages]
+
 django = "*"
 djangorestframework = "*"
 django-filter = "*"
@@ -13,9 +16,12 @@ faker = "*"
 dj-database-url = "*"
 gunicorn = "*"
 whitenoise = "*"
-psycopg2 = "*"
+"psycopg2" = "*"
+easy-thumbnails = "*"
+
 
 [dev-packages]
+
 coveralls = "*"
-flake8 = "*"
+"flake8" = "*"
 ipaddress = "*"

Pipfile.lock

@@ -1,7 +1,7 @@
 {
     "_meta": {
         "hash": {
-            "sha256": "8ecb16e5e548134a5bdee9b54f0f792890b2e92ebc47d219b9dfef3ea7b9dcfb"
+            "sha256": "4ff4dd2c2df1b4b46d5dc1872aa1a240f519915b1e0bf2a64b3ee650d1489fd2"
         },
         "requires": {},
         "sources": [
@@ -13,7 +13,7 @@
     },
     "default": {
         "certifi": {
-            "version": "==2017.7.27.1"
+            "version": "==2017.11.5"
         },
         "chardet": {
             "version": "==3.0.4"
@@ -25,7 +25,7 @@
             "version": "==0.4.2"
         },
         "django": {
-            "version": "==1.11.6"
+            "version": "==1.11.7"
         },
         "django-filter": {
             "version": "==1.1.0"
@@ -34,10 +34,13 @@
             "version": "==1.4.1"
         },
         "djangorestframework": {
-            "version": "==3.7.1"
+            "version": "==3.7.3"
+        },
+        "easy-thumbnails": {
+            "version": "==2.5"
         },
         "faker": {
-            "version": "==0.8.6"
+            "version": "==0.8.7"
         },
         "gunicorn": {
             "version": "==19.7.1"
@@ -52,7 +55,7 @@
             "version": "==2.6.0"
         },
         "jupyter-core": {
-            "version": "==4.3.0"
+            "version": "==4.4.0"
         },
         "nbformat": {
             "version": "==4.4.0"
@@ -60,20 +63,26 @@
         "numpy": {
             "version": "==1.13.3"
         },
+        "olefile": {
+            "version": "==0.44"
+        },
         "pandas": {
-            "version": "==0.20.3"
+            "version": "==0.21.0"
+        },
+        "pillow": {
+            "version": "==4.3.0"
         },
         "plotly": {
-            "version": "==2.1.0"
+            "version": "==2.2.1"
         },
         "psycopg2": {
-            "version": "==2.7.3.1"
+            "version": "==2.7.3.2"
         },
         "python-dateutil": {
             "version": "==2.6.1"
         },
         "pytz": {
-            "version": "==2017.2"
+            "version": "==2017.3"
         },
         "requests": {
             "version": "==2.18.4"
@@ -82,7 +91,7 @@
             "version": "==1.11.0"
         },
         "text-unidecode": {
-            "version": "==1.0"
+            "version": "==1.1"
         },
         "traitlets": {
             "version": "==4.3.2"
@@ -96,13 +105,13 @@
     },
     "develop": {
         "certifi": {
-            "version": "==2017.7.27.1"
+            "version": "==2017.11.5"
         },
         "chardet": {
             "version": "==3.0.4"
         },
         "coverage": {
-            "version": "==4.4.1"
+            "version": "==4.4.2"
         },
         "coveralls": {
             "version": "==1.2.0"

babybuddy/settings/base.py

@@ -28,6 +28,7 @@ INSTALLED_APPS = [
     'django_filters',
     'rest_framework',
     'widget_tweaks',
+    'easy_thumbnails',
 
     'django.contrib.admin',
     'django.contrib.auth',
@@ -122,8 +123,12 @@ STATICFILES_FINDERS = [
 
 STATIC_URL = '/static/'
 
+MEDIA_URL = '/media/'
+
 STATIC_ROOT = os.path.join(BASE_DIR, 'static')
 
+MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
+
 WHITENOISE_ROOT = os.path.join(BASE_DIR, 'static', 'root')
 
 

babybuddy/templates/babybuddy/form.html

@@ -1,7 +1,7 @@
 {% load widget_tweaks %}
 
 <div class="container-fluid">
-    <form role="form" method="post">
+    <form role="form" method="post" enctype="multipart/form-data">
         {% csrf_token %}
         {% if form.non_field_errors %}
             {% for error in form.non_field_errors %}
@@ -21,4 +21,4 @@
         {% endfor %}
         <button type="submit" class="btn btn-primary">Submit</button>
     </form>
-</div>
+</div>

babybuddy/urls.py

@@ -2,6 +2,8 @@
 from __future__ import unicode_literals
 
 from django.conf.urls import url, include
+from django.conf.urls.static import static
+from django.conf import settings
 from django.contrib import admin
 from django.contrib.auth import views as auth_views
 
@@ -25,3 +27,9 @@ urlpatterns = [
     url(r'', include('dashboard.urls')),
     url(r'', include('reports.urls', namespace='reports')),
 ]
+
+if settings.DEBUG:
+    urlpatterns += static(
+        settings.MEDIA_URL,
+        document_root=settings.MEDIA_ROOT
+    )

core/forms.py

@@ -40,7 +40,7 @@ def set_default_duration(kwargs):
 class ChildForm(forms.ModelForm):
     class Meta:
         model = models.Child
-        fields = ['first_name', 'last_name', 'birth_date']
+        fields = ['first_name', 'last_name', 'birth_date', 'picture']
         widgets = {
             'birth_date': forms.DateInput(attrs={
                 'class': 'datepicker-input',

core/migrations/0004_child_picture.py

@@ -0,0 +1,20 @@
+# -*- coding: utf-8 -*-
+# Generated by Django 1.11.6 on 2017-11-18 09:00
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('core', '0003_weight'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='child',
+            name='picture',
+            field=models.ImageField(blank=True, null=True, upload_to='child/picture/'),
+        ),
+    ]

core/models.py

@@ -75,6 +75,11 @@ class Child(models.Model):
     last_name = models.CharField(max_length=255)
     birth_date = models.DateField(blank=False, null=False)
     slug = models.SlugField(max_length=100, unique=True, editable=False)
+    picture = models.ImageField(
+        upload_to='child/picture/',
+        blank=True,
+        null=True
+    )
 
     objects = models.Manager()
 

core/templates/core/child_detail.html

@@ -1,5 +1,5 @@
 {% extends 'babybuddy/page.html' %}
-{% load static %}
+{% load static thumbnail %}
 
 {% block title %}{{ object }}{% endblock %}
 
@@ -12,7 +12,12 @@
     <div class="child-detail-column">
         <div class="row">
             <div class="col-lg-4 col-md-6 pb-3 text-center">
-                <img src="{% static 'babybuddy/img/core/child-placeholder.png' %}" class="child-photo img-fluid rounded-circle" />
+                {% if object.picture %}
+                    {% thumbnail object.picture 150x150 upscale crop as thumb %}
+                    <img src="{{ thumb.url }}" class="child-photo img-fluid rounded-circle" />
+                {% else %}
+                    <img src="{% static 'babybuddy/img/core/child-placeholder.png' %}" class="child-photo img-fluid rounded-circle" />
+                {% endif %}
                 <div class="child-name display-4">{{ object }}</div>
                 <p class="lead">
                     Born <span class="text-secondary">{{ object.birth_date }}</span><br/>
@@ -58,4 +63,4 @@
             </ul>
         </div>
     </div>
-{% endblock %}
+{% endblock %}

core/templates/core/child_list.html

@@ -1,5 +1,5 @@
 {% extends 'babybuddy/page.html' %}
-{% load widget_tweaks %}
+{% load widget_tweaks static thumbnail %}
 
 {% block title %}Children{% endblock %}
 
@@ -14,6 +14,7 @@
         <table class="table table-striped table-hover">
             <thead class="thead-inverse">
                 <tr>
+                    <th><i class="fa fa-camera" aria-hidden="true"></i></th>
                     <th>First Name</th>
                     <th>Last Name</th>
                     <th>Birth Date</th>
@@ -23,10 +24,20 @@
             <tbody>
                 {% for child in object_list %}
                     <tr>
-                        <th scope="row"><a href="{% url 'child' child.slug %}">{{ child.first_name }}</a></th>
+                        <td>
-                        <td>{{ child.last_name }}</td>
+                            {% if child.picture %}
-                        <td>{{ child.birth_date }}</td>
+                                {% thumbnail child.picture 40x40 upscale crop as thumb %}
-                        <td class="text-center">
+                                <img src="{{ thumb.url }}" class="img-fluid rounded-circle" />
+                            {% else %}
+                                <img src="{% static 'babybuddy/img/core/child-placeholder.png' %}" width="40" height="40" class="img-fluid rounded-circle" />
+                            {% endif %}
+                        </td>
+                        <th scope="row" class="align-middle">
+                            <a href="{% url 'child' child.slug %}">{{ child.first_name }}</a>
+                        </th>
+                        <td class="align-middle">{{ child.last_name }}</td>
+                        <td class="align-middle">{{ child.birth_date }}</td>
+                        <td class="text-center align-middle">
                             <div class="btn-group btn-group-sm" role="group" aria-label="Actions">
 
                                 {% if perms.core.change_child %}
@@ -60,4 +71,4 @@
         </a>
     {% endif %}
 
-{% endblock %}
+{% endblock %}

gulpfile.js/tasks/manage.js

@@ -21,6 +21,12 @@ gulp.task('migrate', function(cb) {
     spawn('pipenv', command, { stdio: 'inherit' }).on('exit', cb);
 });
 
+gulp.task('makemigrations', function(cb) {
+    var command = ['run', 'python', 'manage.py', 'makemigrations'];
+    command = command.concat(process.argv.splice(3));
+    spawn('pipenv', command, { stdio: 'inherit' }).on('exit', cb);
+});
+
 
 gulp.task('reset', function(cb) {
     spawn(
@@ -42,4 +48,4 @@ gulp.task('runserver', function(cb) {
     var command = ['run', 'python', 'manage.py', 'runserver'];
     command = command.concat(process.argv.splice(3));
     spawn('pipenv', command, { stdio: 'inherit' }).on('exit', cb);
-});
+});