From aae03d26ba02c2a1cab3283519b788a7a795fede Mon Sep 17 00:00:00 2001
From: Tobias <tobias@localhost.localdomain>
Date: Sat, 6 Oct 2018 13:01:42 +1300
Subject: [PATCH] Add more mobile-friendly schedule

---
 .../templates/symposion/schedule/_mobile.html | 30 +++++++++++++++++++
 .../schedule/schedule_conference.html         | 11 +++++--
 pinaxcon/templatetags/lca2019_tags.py         | 10 ++++++-
 static/src/scss/app.scss                      | 21 +++++++++++++
 4 files changed, 68 insertions(+), 4 deletions(-)
 create mode 100644 pinaxcon/templates/symposion/schedule/_mobile.html

diff --git a/pinaxcon/templates/symposion/schedule/_mobile.html b/pinaxcon/templates/symposion/schedule/_mobile.html
new file mode 100644
index 00000000..1e2ab647
--- /dev/null
+++ b/pinaxcon/templates/symposion/schedule/_mobile.html
@@ -0,0 +1,30 @@
+{% load lca2018_tags %}
+{% load lca2019_tags %}
+{% load waffle_tags %}
+
+
+{% for row in timetable %}
+{% if forloop.last %}
+{% else %}
+{% for slot in row.slots %}
+<div class="mobile-slot my-3" style="border-bottom: 1px solid #CCD5C5;">
+  {% if forloop.first %}
+    <h3>{{ row.time|date:"h:iA" }}</h3>
+  {% endif %}
+  {% with slot.kind.label.lower as label %}
+  {% if label == "talk" or label == "tutorial" %}
+  {% if slot.content %}
+  <p><a href="{% url "schedule_presentation_detail" slot.content.pk %}">{{ slot.content.title }}</a></p>
+  <p>{{ slot.content.speakers|join:", "}}</p>
+  {% listlookup timetable.rooms forloop.counter0 as value %}
+  <p><em>Theatre {{ value }}<br />ends {{ slot.end  }}</em></p>
+  {% endif %}
+  {% else %}
+  <p>{{ slot.kind.label }}</p>
+  {% endif %}
+  {% endwith %}
+</div>
+{% endfor %}
+{% endif %}
+{% endfor %}
+
diff --git a/pinaxcon/templates/symposion/schedule/schedule_conference.html b/pinaxcon/templates/symposion/schedule/schedule_conference.html
index 950cbbd9..8b74918a 100644
--- a/pinaxcon/templates/symposion/schedule/schedule_conference.html
+++ b/pinaxcon/templates/symposion/schedule/schedule_conference.html
@@ -33,7 +33,7 @@
     </nav>
   </div>
 
-  <div class="bg-secondary text-primary pt-4 pb-4 mb-0">
+  <div class="schedule-page bg-secondary text-primary pt-4 pb-4 mb-0">
     <div class="container">
       <div class="tab-content">
         {% for section in sections %}
@@ -44,11 +44,16 @@
           role="tabpanel"
           aria-labelledby="schedule_day_{{ timetable.day.date|date:"l"|lower}}-tab"
           >
+          <div class="table-responsive hidden-md-down">
           {% cache 180 cache-schedule timetable.day.date %}
-          <div class="table-responsive">
             {% include "symposion/schedule/_grid.html" %}
-          </div>
           {% endcache %}
+          </div>
+          <div class="hidden-md-up">
+          {% cache 180 cache-schedule-mobile timetable.day.date %}
+            {% include "symposion/schedule/_mobile.html" %}
+          {% endcache %}
+          </div>
         </div>
         {% endfor %}
         {% endfor %}
diff --git a/pinaxcon/templatetags/lca2019_tags.py b/pinaxcon/templatetags/lca2019_tags.py
index 46c8a197..10363159 100644
--- a/pinaxcon/templatetags/lca2019_tags.py
+++ b/pinaxcon/templatetags/lca2019_tags.py
@@ -21,4 +21,12 @@ def any_is_void(invoices):
     for invoice in invoices:
         if invoice.is_void:
             return True
-    return False
\ No newline at end of file
+    return False
+
+
+@register.simple_tag
+def listlookup(lookup, target):
+    try:
+        return lookup[target]
+    except IndexError:
+        return ''
\ No newline at end of file
diff --git a/static/src/scss/app.scss b/static/src/scss/app.scss
index be18b37e..278efa31 100644
--- a/static/src/scss/app.scss
+++ b/static/src/scss/app.scss
@@ -607,4 +607,25 @@ hr {
             text-transform: uppercase;
         }
     }
+}
+
+
+.schedule-page {
+    @include media-breakpoint-down(lg) {
+        .container {
+            max-width: 100%;
+        }
+    }
+
+    @include media-breakpoint-down(md) {
+        .hidden-md-down {
+            display: none !important;
+        }
+    }
+
+    @include media-breakpoint-up(lg) {
+        .hidden-md-up {
+            display: none !important;
+        }
+    }
 }
\ No newline at end of file