symposion_app Changeset - 734a0b713d2d

Changeset - 734a0b713d2d

Parent rev.

Child rev.

[Not reviewed]

dev/2021 feature/local-schedule

0 5 0

Joel Addison - 3 years ago 2021-01-24 02:03:00
joel@addison.net.au

Improve printed schedule

Show each day on a new page when printed.
Hide elements that do not assist with printed copy (current time, etc).

5 files changed with 9 insertions and 5 deletions:

pinaxcon/templates/symposion/schedule/schedule_conference.html

pinaxcon/templates/symposion/schedule/schedule_detail.html

pinaxcon/templates/symposion/schedule/schedule_edit.html

static/src/js/schedule.js

static/src/scss/app.scss

0 comments (0 inline, 0 general)

pinaxcon/templates/symposion/schedule/schedule_conference.html

➞

Show inline comments

@@ ... / @@ -46,7 +46,7 @@ @@
             <span class="clearfix d-sm-block d-md-none"></span>
             <small class="text-muted">{{ timetable.day.date|date:"l" }}, {{ timetable.day.date }}</small>
           </h2>
           <p class="timezone-info small">Conference times are in {{ settings.LCA_START|date:'T' }} (UTC{{ settings.LCA_START|date:'O' }}). Current talks will be highlighted.</p>
+          <p class="timezone-info small">Conference times are in {{ settings.LCA_START|date:'T' }} (UTC{{ settings.LCA_START|date:'O' }}). <span class="d-print-none">Current talks will be highlighted.</span></p>
           <div class="table-responsive d-none d-md-block">
             {% include "symposion/schedule/_grid.html" %}
           </div>

pinaxcon/templates/symposion/schedule/schedule_detail.html

➞

Show inline comments

@@ ... / @@ -11,12 +11,12 @@ @@
 {% block content %}
   {% cache 600 "schedule-detail-table" schedule.section %}
     {% for timetable in days %}
     <div class="row">
+    <div class="row timetable-day">
       <div class="col-12">
         <h2 class="my-4">
           {{ timetable.day.date|date:"l" }}, {{ timetable.day.date }}
         </h2>
         <p class="timezone-info small">Conference times are in {{ settings.LCA_START|date:'T' }} (UTC{{ settings.LCA_START|date:'O' }}). Current talks will be highlighted.</p>
+        <p class="timezone-info small">Conference times are in {{ settings.LCA_START|date:'T' }} (UTC{{ settings.LCA_START|date:'O' }}). <span class="d-print-none">Current talks will be highlighted.</span></p>
         <div class="table-responsive d-none d-md-block">
           {% include "symposion/schedule/_grid.html" %}
         </div>

pinaxcon/templates/symposion/schedule/schedule_edit.html

➞

Show inline comments

@@ ... / @@ -24,7 +24,7 @@ @@
       <h2 class="my-4">
         {{ timetable.day.date|date:"l" }}, {{ timetable.day.date }}
       </h2>
       <p class="timezone-info small">Conference times are in {{ settings.LCA_START|date:'T' }} (UTC{{ settings.LCA_START|date:'O' }}). Current talks will be highlighted.</p>
+      <p class="timezone-info small">Conference times are in {{ settings.LCA_START|date:'T' }} (UTC{{ settings.LCA_START|date:'O' }}). <span class="d-print-none">Current talks will be highlighted.</span></p>
       <div class="table-responsive d-none d-md-block">
         {% include "symposion/schedule/_grid.html" with edit_schedule=True %}
       </div>

static/src/js/schedule.js

➞

Show inline comments

@@ ... / @@ -134,7 +134,7 @@ $(function() { @@
         var clock = $('div.conf-clock');
         if (clock.length === 0) {
             var template = document.createElement('template');
             template.innerHTML = '<div class="conf-clock"></div>';
+            template.innerHTML = '<div class="conf-clock d-print-none"></div>';
             var clockDiv = template.content.firstChild;
             document.body.appendChild(clockDiv);
             clock = $(clockDiv);

static/src/scss/app.scss

➞

Show inline comments

@@ ... / @@ -122,4 +122,8 @@ label.label-required:after { content: ' *'; } @@
             opacity: 100 !important;
+        }
+    }
     .timetable-day:not(:first-child) {
         break-before: page;
+    }
+}

0 comments (0 inline, 0 general)