From 5106c7fbfc2f206f422d258c694f0a69db4d7a1e Mon Sep 17 00:00:00 2001
From: Jayaram Pai
Date: Tue, 10 Dec 2013 22:43:00 +0530
Subject: ajax display abstracts

---
 website/templates/get-abstract.html | 16 +++++++
 website/templates/schedule.html     | 93 ++++++++++++++++++++++++++++++++-----
 2 files changed, 97 insertions(+), 12 deletions(-)
 create mode 100644 website/templates/get-abstract.html

(limited to 'website/templates')

diff --git a/website/templates/get-abstract.html b/website/templates/get-abstract.html
new file mode 100644
index 0000000..21a90de
--- /dev/null
+++ b/website/templates/get-abstract.html
@@ -0,0 +1,16 @@
+<h3>{{ paper.title }}</h3>
+<hr>
+<h4 class="subheader">By-<i>{{ paper.user.first_name  }} {{ paper.user.last_name }}</i></h4>
+
+<h5>Speaker Bio</h5>
+<p>
+    {{ paper.bio }}
+</p>
+{% if paper.attachments %}
+    <a href="{{ paper.attachments.url }}" class="button small"> View Abstract</a>
+{% else %}
+    <h5>Abstract</h5>
+    <p style="text-align:justify">
+        {{ paper.abstract }}
+    </p>
+{% endif %}
diff --git a/website/templates/schedule.html b/website/templates/schedule.html
index a4643e3..48706e8 100644
--- a/website/templates/schedule.html
+++ b/website/templates/schedule.html
@@ -1,5 +1,5 @@
 {% extends 'page.html'%}
-
+{% load static %}
 {% block breadcrumbs %}
 <li class="current"><a href="">Schedule</a></li>
 <li><a href="{% url 'website:invited-speakers'%}">Invited Speakers</a></li>
@@ -59,9 +59,7 @@
         <td><b>Open Space</b></td>
     </tr>
     <tr>
-        <td></td>
-        <td></td>
-        <td><b>End of DAY 1</b></td>
+        <td  colspan=3 style="text-align: center;"><b>End of DAY 1</b></td>
     </tr>
 </tr>
 </table>
@@ -115,9 +113,7 @@
         <td>Swig</td>
     </tr>
     <tr>
-        <td></td>
-        <td></td>
-        <td><b>End of DAY 2</b></td>
+        <td  colspan=3 style="text-align: center;"><b>End of DAY 2</b></td>
     </tr>
 </table>
 
@@ -143,20 +139,30 @@
         <td>9:10 - 9:30</td>
         <td>Anirudh Wodeyar </td>
         <td>
-                BrainTone - Listening to Brain Waves in Real Time</td>
+            <a href="#" class="abs-link" data-reveal-id="myModal" data-pid="8">
+                BrainTone - Listening to Brain Waves in Real Time
+                <img src="{% static 'img/link-icon.png' %}" width="10">
+            </a>
+        </td>
     </tr>
     <tr>
         <td>9:30 - 9:45 </td>
         <td>Kuppurasu Nagaraj</td>
         <td>
+            <a href="#" class="abs-link" data-reveal-id="myModal" data-pid="16">
                 PCEHR: Python Cloud based an Electronic Health Record (EHR)
+                <img src="{% static 'img/link-icon.png' %}" width="10">
+            </a>
         </td>
     </tr>
     <tr>
         <td>9:30 - 10:00 </td>
         <td>Madhu Sharma</td>
         <td>
+            <a href="#" class="abs-link" data-reveal-id="myModal" data-pid="22">
                 Python based implementation of a secret sharing scheme
+                <img src="{% static 'img/link-icon.png' %}" width="10">
+            </a>
         </td>
     </tr>
     <tr>
@@ -173,35 +179,50 @@
         <td>11:30 - 11:50	</td>
         <td>Ambuja Salgaonkar</td>
         <td>
+            <a href="#" class="abs-link" data-reveal-id="myModal" data-pid="26">
                 CHANGE MANAGEMENT WHILE INTRODUCING PYTHON IN THE FORMAL CURRICULA
+                <img src="{% static 'img/link-icon.png' %}" width="10">
+            </a>
         </td>
     </tr>
     <tr>
         <td>11:50 - 12:05	</td>
         <td>Vishwanath Dalvi</td>
         <td>
+            <a href="#" class="abs-link" data-reveal-id="myModal" data-pid="20">
                 Automating routing administrative tasks with PyWin32
+                <img src="{% static 'img/link-icon.png' %}" width="10">
+            </a>
         </td>
     </tr>
     <tr>
         <td>12:05 - 12:25	</td>
         <td>Arulalan T</td>
         <td>
+            <a href="#" class="abs-link" data-reveal-id="myModal" data-pid="20">
                 A Python Based Framework for Systematic Weather Model Diagnosis
+                <img src="{% static 'img/link-icon.png' %}" width="10">
+            </a>
         </td>
     </tr>
     <tr>
         <td>12:25 - 12:40</td>
         <td>Sachin Patil</td>
         <td>
+            <a href="#" class="abs-link" data-reveal-id="myModal" data-pid="24">
                 Python + Emacs in scientific computing
+                <img src="{% static 'img/link-icon.png' %}" width="10">
+            </a>
         </td>
     </tr>
     <tr>
         <td>12:40 - 13:00</td>
         <td>Pankaj Kumar</td>
         <td>
+            <a href="#" class="abs-link" data-reveal-id="myModal" data-pid="23">
                 SudokuFinder : Solving the 17 clue Sudoku challenge
+                <img src="{% static 'img/link-icon.png' %}" width="10">
+            </a>
         </td>
     </tr>
     <tr class="free">
@@ -218,28 +239,40 @@
         <td>14:50 - 15:10	</td>
         <td>Jaidev Deshpande</td>
         <td>
+            <a href="#" class="abs-link" data-reveal-id="myModal" data-pid="27">
                 Compressive Sensing Solvers in Python
+                <img src="{% static 'img/link-icon.png' %}" width="10">
+            </a>
         </td>
     </tr>
     <tr>
         <td>15:10 - 15:25	</td>
         <td>Kiran Kadam</td>
         <td>
+            <a href="#" class="abs-link" data-reveal-id="myModal" data-pid="19">
                 PIV Image Processing using Python
+                <img src="{% static 'img/link-icon.png' %}" width="10">
+            </a>
         </td>
     </tr>
     <tr>
         <td>15:25 - 15:40	</td>
         <td>Samarth Shah</td>
         <td>
+            <a href="#" class="abs-link" data-reveal-id="myModal" data-pid="14">
                 Image Processing using Microsoft Kinect and Python
+                <img src="{% static 'img/link-icon.png' %}" width="10">
+            </a>
         </td>
     </tr>
     <tr>
         <td>15:40 - 16:00	</td>
         <td>Tirthankar Chakravarty</td>
         <td>
+            <a href="#" class="abs-link" data-reveal-id="myModal" data-pid="11">
                 dCrypt: A novel text categorization and classification system
+                <img src="{% static 'img/link-icon.png' %}" width="10">
+            </a>
         </td>
     </tr>
     <tr class="free">
@@ -251,7 +284,10 @@
         <td>16:30 - 16:50	</td>
         <td>Hardik Ghaghada</td>
         <td>
+            <a href="#" class="abs-link" data-reveal-id="myModal" data-pid="29">
                 Python Textbook Companion Project &amp; Insights of FOSSEE
+                <img src="{% static 'img/link-icon.png' %}" width="10">
+            </a>
         </td>
     </tr>
     <tr>
@@ -260,7 +296,7 @@
         <td>Pecha Kucha Session</td>
     </tr>
     <tr>
-        <td>17:30 - 17:45	</td>
+        <td>17:50 - 17:45	</td>
         <td>Guest Speaker </td>
         <td>(depends on Availability)</td>
     </tr>
@@ -270,13 +306,18 @@
         <td>(depends on Availability)</td>
     </tr>
     <tr>
-        <td></td>
-        <td></td>
-        <td><b>End of DAY 3</b></td>
+        <td  colspan=3 style="text-align: center;"><b>End of DAY 3</b></td>
     </tr>
 </table>
 </center>
 
+<!-- Modal test -->
+<div id="myModal" class="reveal-modal">
+    <img id="ajax-loader" src="{% static 'img/ajax-loader.gif' %}">
+    <div id="abs"></div>
+    <a class="close-reveal-modal">&#215;</a>
+</div>
+
 <style>
     table {
         width: 100% !important;
@@ -292,5 +333,33 @@
     td {
         height: 35px;
     }
+    .abs-link {
+        color: #424242;
+        font-weight: bold;
+    }
 </style>
 {% endblock %}
+
+{% block javascript %}
+<script>
+    $(document).ready(function() {
+        $(".abs-link").click(function() {
+            var pid = $(this).data("pid");
+            $("#ajax-loader").show();
+            $.ajax({
+                url: "/ajax-get-abstract/",
+                type: "POST",
+                data: {
+                    pid: pid
+                },
+                dataType: "html",
+                success: function(data) {
+                    $("#abs").html(data);
+                    $(this).trigger('click');
+                    $("#ajax-loader").hide();
+                }
+            });
+        });
+    });
+</script>
+{% endblock %}
-- 
cgit