From 746e34cf3c4094649f399bdfad9a6c5eda211f34 Mon Sep 17 00:00:00 2001
From: James Tauber <jtauber@jtauber.com>
Date: Thu, 30 Aug 2012 03:14:46 -0400
Subject: [PATCH] work in progress on schedule edit template

---
 symposion/templates/schedule/_grid.html       |  38 +++++++
 .../templates/schedule/schedule_edit.html     | 100 ++++++++++++++++++
 2 files changed, 138 insertions(+)
 create mode 100644 symposion/templates/schedule/_grid.html
 create mode 100644 symposion/templates/schedule/schedule_edit.html

diff --git a/symposion/templates/schedule/_grid.html b/symposion/templates/schedule/_grid.html
new file mode 100644
index 00000000..722b0b7f
--- /dev/null
+++ b/symposion/templates/schedule/_grid.html
@@ -0,0 +1,38 @@
+<table class="table">
+    <tr>
+        <th>&nbsp;</th>
+        {% for room in timetable.rooms %}
+            <th>{{ room.name }}</th>
+        {% endfor %}
+    </tr>
+    {% for row in timetable %}
+        <tr>
+            <td class="time">{{ row.time|date:"h:iA" }}</td>
+            {% for slot in row.slots %}
+                <td colspan="{{ slot.colspan }}" rowspan="{{ slow.rowspan }}">
+                        <span class="controls"><b>add</b>: <a href="{# url schedule_slot_add slot.pk "plenary" #}" rel="facebox">plenary</a> | <a href="{# url schedule_slot_add slot.pk "break" #}" rel="facebox">break</a> | <a href="{# url schedule_slot_add slot.pk "presentation" #}" rel="facebox">presentation</a></span>
+                </td>
+                {% comment %}
+                <td colspan="{{ slot.colspan }}" rowspan="{{ slot.rowspan }}" class="slot {{ slot.kind.name }} rowspan-{{ slot.rowspan }} colspan-{{ slot.colspan }}">
+                    {% if not slot.content %}
+                        <span class="controls"><b>add</b>: <a href="{# url schedule_slot_add slot.pk "plenary" #}" rel="facebox">plenary</a> | <a href="{# url schedule_slot_add slot.pk "break" #}" rel="facebox">break</a> | <a href="{# url schedule_slot_add slot.pk "presentation" #}" rel="facebox">presentation</a>/span>
+                    {% else %}
+                        {% if slot.kind.name == "recess" %}
+                            <div class="title">{{ slot.content.title }}</div>
+                        {% else %}
+                            {% if slot.kind.name == "plenary" %}
+                                <div class="title">{{ slot.content.title }}</div>
+                                <div class="speaker">{{ slot.content.speaker }}</div>
+                            {% else %}
+                                <div class="title">{{ slot.content.title }}</div>
+                                <div class="speaker">{{ slot.content.speaker }}</div>
+                            {% endif %}
+                        {% endif %}
+                        <span class="controls"><b>actions</b>: <a href="{# url schedule_slot_edit slot.pk #}" rel="facebox">edit</a><a href="{#url schedule_slot_remove slot.pk #}" rel="facebox">remove</a></span>
+                    {% endif %}
+                </td>
+                {% endcomment %}
+            {% endfor %}
+        </tr>
+    {% endfor %}
+</table>
\ No newline at end of file
diff --git a/symposion/templates/schedule/schedule_edit.html b/symposion/templates/schedule/schedule_edit.html
new file mode 100644
index 00000000..cb0673d6
--- /dev/null
+++ b/symposion/templates/schedule/schedule_edit.html
@@ -0,0 +1,100 @@
+{% extends "site_base.html" %}
+
+{% block head_title %}Conference Schedule Edit{% endblock %}
+
+{% block body_class %}full{% endblock %}
+
+{% block right %}
+{% endblock %}
+
+{% block extra_head %}
+    <link rel="stylesheet" href="{{ STATIC_URL }}css/facebox.css" />
+    <style>
+    /*
+        body {
+            font-family: "Helvetica Neue", Arial, "Helvetica";
+        }
+        #wrapper {
+            width: 960px;
+        }
+        table {
+            border-collapse: collapse;
+            font-weight: normal;
+            line-height: 1.1em;
+        }
+        td {
+            padding: 4px 8px;
+            border: 1px solid #666;
+            vertical-align: top;
+        }
+        td.slot {
+            text-align: center;
+            background: #FFF;
+            font-size: 10pt;
+            width: 180px;
+        }
+        td.slot.recess,
+        td.slot.recess.colspan-1.rowspan-1,
+        td.slot.recess.colspan-1.rowspan-2 {
+            background: #ECFFFF;
+        }
+        td.slot.plenary {
+            background: #DCDCFF;
+        }
+        td.slot div.title {
+            font-weight: bold;
+        }
+        td.slot div.speaker {
+            font-style: italic;
+            font-size: 8pt;
+        }
+        th {
+            font-size: 12pt;
+            background: #FFF;
+            padding: 2px 4px;
+            border: none;
+            border-right: 1px solid #666;
+        }
+        td.time {
+            width: 50px;
+            font-size: 9pt;
+            border: none;
+            border-top: 1px solid #666;
+        }
+        td.colspan-1.rowspan-1 {
+            background: #FFFCC9;
+        }
+        td.colspan-1.rowspan-2 {
+            background: #FDA;
+        }
+        td.slot:hover .controls {
+            display: block;
+        }
+        .controls {
+            display: none;
+            font-size: 8pt;
+        }
+        .controls a {
+            text-decoration: none;
+            color: #000;
+        }
+        .controls a:hover {
+            color: #999;
+        }
+        #facebox h3 {
+            margin-top: 0;
+        }
+    */
+    </style>
+{% endblock %}
+
+{% block body %}
+    <h1>Schedule Edit</h1>
+    
+    {% for timetable in days %}
+        <h2>{{ timetable.day.date }}</h2>
+            
+        {% include "schedule/_grid.html" %}
+    {% endfor %}
+    
+{% endblock %}