Added schedule.html template for app 'schedule'.

* added 'schedule.views.ScheduleView'
* added 'schedule.html' template, with 'schedule.css' and 'schedule.js'
* added 'schedule.urls', updated django_skaschool.urls
* added tools/templatetags/dict_utils.py
* converted schedule models to south-based
* removed original 'page/templates/page/program.html', related urls
* updated navbar.html

2 files changed, 99 insertions, 0 deletions

diff --git a/schedule/static/css/schedule.css b/schedule/static/css/schedule.css
new file mode 100644
index 0000000..82cdccd
--- /dev/null
+++ b/schedule/static/css/schedule.css
@@ -0,0 +1,41 @@
+/*
+ * schedule.css
+ * used with 'schedule.html' page
+ *
+ * 2014/06/24
+ */
+
+/* bootstrap panel */
+.panel .panel-heading {
+    font-size: 180%;
+    font-weight: bold;
+}
+
+/* event-contents */
+.event-contents p {
+    margin: 0px 0px 5px;
+}
+.event-contents .panel-heading {
+    font-size: 100%;
+    font-weight: normal;
+    padding: 5px 5px;
+    cursor: pointer;
+}
+.event-contents .panel-body {
+    padding: 5px 5px;
+}
+
+/* event-attachments */
+.event-attachments p {
+    margin: 0px 0px 5px;
+}
+.event-attachments .panel-heading {
+    font-size: 100%;
+    font-weight: normal;
+    padding: 5px 5px;
+    cursor: pointer;
+}
+.event-attachments .panel-body {
+    padding: 5px 5px;
+}
+
diff --git a/schedule/static/js/schedule.js b/schedule/static/js/schedule.js
new file mode 100644
index 0000000..3714b19
--- /dev/null
+++ b/schedule/static/js/schedule.js
@@ -0,0 +1,58 @@
+/*
+ * schedule.js
+ * used with 'schedule.html' page
+ *
+ * 2014/06/24
+ */
+
+/* animated slidedown and slideup div */
+$(document).ready(function() {
+    /* hide() all .event-contents and .event-attchments body */
+    $(".event-contents .panel-body").hide().removeClass('shown').addClass('hidden');
+    $(".event-attachments .panel-body").hide().removeClass('shown').addClass('hidden');
+
+    /* click .event-contents heading to toggle its body contents */
+    $(".event-contents .panel-heading").on("click", function(e) {
+        e.stopPropagation();
+        ec_body = $(this).siblings(".panel-body");
+        if ($(ec_body).hasClass('hidden')) {
+            $(ec_body).show().removeClass('hidden').addClass('shown');
+            // update heading icon and text
+            span_icon = $(this).children("span.glyphicon");
+            $(span_icon).removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up');
+            span_action = $(this).children("span.action");
+            $(span_action).html('隐藏');
+        }
+        else {
+            $(ec_body).hide().removeClass('shown').addClass('hidden');
+            // update heading icon and text
+            span_icon = $(this).children("span.glyphicon");
+            $(span_icon).removeClass('glyphicon-chevron-up').addClass('glyphicon-chevron-down');
+            span_action = $(this).children("span.action");
+            $(span_action).html('显示');
+        }
+    });
+
+    /* click .event-attachments heading to toggle its body attachments */
+    $(".event-attachments .panel-heading").on("click", function(e) {
+        e.stopPropagation();
+        ec_body = $(this).siblings(".panel-body");
+        if ($(ec_body).hasClass('hidden')) {
+            $(ec_body).show().removeClass('hidden').addClass('shown');
+            // update heading icon and text
+            span_icon = $(this).children("span.glyphicon");
+            $(span_icon).removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up');
+            span_action = $(this).children("span.action");
+            $(span_action).html('隐藏');
+        }
+        else {
+            $(ec_body).hide().removeClass('shown').addClass('hidden');
+            // update heading icon and text
+            span_icon = $(this).children("span.glyphicon");
+            $(span_icon).removeClass('glyphicon-chevron-up').addClass('glyphicon-chevron-down');
+            span_action = $(this).children("span.action");
+            $(span_action).html('显示');
+        }
+    });
+});
+