From af1130de0484cf2405375dc65b0e39457e4bd9ad Mon Sep 17 00:00:00 2001
From: Drew Larson <drew@drwlrsn.com>
Date: Tue, 31 May 2016 17:36:15 -0600
Subject: [PATCH] Display memberships.

---
 bikeshop_project/core/models.py               |  7 +++++
 bikeshop_project/core/static/scss/screen.scss |  1 +
 .../templates/edit_member_form.html           | 31 ++++++++++++++++---
 3 files changed, 35 insertions(+), 4 deletions(-)

diff --git a/bikeshop_project/core/models.py b/bikeshop_project/core/models.py
index 828ea8c..f26f45e 100644
--- a/bikeshop_project/core/models.py
+++ b/bikeshop_project/core/models.py
@@ -1,5 +1,8 @@
 from django.db import models
 from django.utils import timezone
+from django.utils.functional import cached_property
+
+from dateutil.relativedelta import relativedelta
 
 
 class Membership(models.Model):
@@ -24,6 +27,10 @@ class Membership(models.Model):
         null=True
     )
 
+    @cached_property
+    def expires_at(self):
+        return self.renewed_at + relativedelta(years=1)
+
 
 class Payment(models.Model):
     payment_choices = (
diff --git a/bikeshop_project/core/static/scss/screen.scss b/bikeshop_project/core/static/scss/screen.scss
index 3c91d7b..dcf06ef 100644
--- a/bikeshop_project/core/static/scss/screen.scss
+++ b/bikeshop_project/core/static/scss/screen.scss
@@ -12,6 +12,7 @@
 @import "vendor/material-design-lite/src/palette/palette";
 @import "vendor/material-design-lite/src/menu/menu";
 @import "vendor/material-design-lite/src/card/card";
+@import "vendor/material-design-lite/src/data-table/data-table";
 
 html, body {
   font-family: 'Roboto', 'Helvetica', sans-serif;
diff --git a/bikeshop_project/registration/templates/edit_member_form.html b/bikeshop_project/registration/templates/edit_member_form.html
index a89749c..90f3cc2 100644
--- a/bikeshop_project/registration/templates/edit_member_form.html
+++ b/bikeshop_project/registration/templates/edit_member_form.html
@@ -189,10 +189,33 @@
         </div>
         </form>
     </div>
-    {% if not form.instance.membership %}
     <div class="mdl-cell mdl-cell--8-col">
-        <h3>No membership found.</h3>
-    <a class="mdl-button mdl-js-button mdl-button--flat mdl-js-ripple-effect mdl-button--colored" href="{% url 'new_membership' member_id=member.id %}">Add membership</a>
+        {% if  form.instance.memberships %}
+            <table class="mdl-data-table mdl-js-data-table">
+            <thead>
+                <tr>
+                    <th class="mdl-data-table__cell--non-numeric">Renewed at</th>
+                    <th class="mdl-data-table__cell--non-numeric">Created at</th>
+                    <th class="mdl-data-table__cell--non-numeric">Expires at</th>
+                    <th class="mdl-data-table__cell--non-numeric">Paid by</th>
+                </tr>
+            </thead>
+            <tbody>
+            <h3>Membership History</h3>
+                {% for membership in form.instance.memberships.all %}
+                <tr>
+                    <td class="mdl-data-table__cell--non-numeric">{{ membership.renewed_at }}</td>
+                    <td class="mdl-data-table__cell--non-numeric">{{ membership.created_at }}</td>
+                    <td class="mdl-data-table__cell--non-numeric">{{ membership.expires_at }}</td>
+                    <td class="mdl-data-table__cell--non-numeric">{{ membership.payment.type }}</td>
+                </tr>
+                {% endfor %}
+            </tbody>
+            </table>
+        {% else %}
+            <h3>No membership found.</h3>
+        {% endif %}
+        <a class="mdl-button mdl-js-button mdl-button--flat mdl-js-ripple-effect mdl-button--colored" href="{% url 'new_membership' member_id=member.id %}">Add membership</a>
     </div>
-    {% endif %}
+
 {% endblock %}