From 4d10e6f8647a8b6d8095f95b14c2e50c7beb6291 Mon Sep 17 00:00:00 2001
From: yehster <kevinyeh@alum.mit.edu>
Date: Wed, 30 Nov 2011 10:13:07 -0500
Subject: [PATCH] providing direct access to times in the week and day calendar

---
 .../default/views/day/ajax_template.html           |  5 ++-
 .../pntemplates/default/views/header.html          |  2 +
 .../default/views/week/ajax_template.html          | 11 +++--
 library/js/calendarDirectSelect.js                 | 49 ++++++++++++++++++++++
 4 files changed, 62 insertions(+), 5 deletions(-)
 create mode 100644 library/js/calendarDirectSelect.js

diff --git a/interface/main/calendar/modules/PostCalendar/pntemplates/default/views/day/ajax_template.html b/interface/main/calendar/modules/PostCalendar/pntemplates/default/views/day/ajax_template.html
index 23c32474b..7b06e445e 100644
--- a/interface/main/calendar/modules/PostCalendar/pntemplates/default/views/day/ajax_template.html
+++ b/interface/main/calendar/modules/PostCalendar/pntemplates/default/views/day/ajax_template.html
@@ -403,7 +403,7 @@ foreach ($providers as $provider) {
     // having a 'title' for the TD makes the date appear by the mouse pointer
     // this is nice when all you see are times on the left side and no head
     // row with the dates or day-of-week (DOW)
-    echo "<td class='schedule' title='".htmlspecialchars($provider["fname"],ENT_QUOTES)." ".htmlspecialchars($provider["lname"],ENT_QUOTES)."'>";
+    echo "<td class='schedule' title='".htmlspecialchars($provider["fname"],ENT_QUOTES)." ".htmlspecialchars($provider["lname"],ENT_QUOTES)."' date='".date("Ymd",$caldate )."' provider='$providerid'>";
     echo "<div class='providerheader'>";
     echo htmlspecialchars($provider['fname'],ENT_QUOTES)." ".htmlspecialchars($provider['lname'],ENT_QUOTES)."</div>";
     echo "<div class='calendar_day'>";
@@ -782,8 +782,11 @@ echo "<P>";
 </body>
 
 <script language='JavaScript'>
+    var tsHeight='[-php-] echo $timeslotHeightVal.$timeslotHeightUnit; [-/php-]';
+    var tsHeightNum=[-php-] echo $timeslotHeightVal; [-/php-];
 
     $(document).ready(function(){
+        setupDirectTime();
         $("#pc_username").change(function() { ChangeProviders(this); });
         $("#pc_facility").change(function() { ChangeProviders(this); });
         //$("#dayview").click(function() { ChangeView(this); });
diff --git a/interface/main/calendar/modules/PostCalendar/pntemplates/default/views/header.html b/interface/main/calendar/modules/PostCalendar/pntemplates/default/views/header.html
index 3c315cd6b..855c68e67 100644
--- a/interface/main/calendar/modules/PostCalendar/pntemplates/default/views/header.html
+++ b/interface/main/calendar/modules/PostCalendar/pntemplates/default/views/header.html
@@ -15,6 +15,8 @@
 <script type="text/javascript" src="[-php-] echo $GLOBALS['webroot'] [-/php-]/library/dialog.js"></script>
 <script type="text/javascript" src="[-php-] echo $GLOBALS['webroot'] [-/php-]/library/textformat.js"></script>
 <script type="text/javascript" src="[-php-] echo $GLOBALS['webroot'] [-/php-]/library/js/jquery-1.6.4.min.js"></script>
+<script type="text/javascript" src="[-php-] echo $GLOBALS['webroot'] [-/php-]/library/js/calendarDirectSelect.js"></script>
+
 [-/if-]
 
 </head>
diff --git a/interface/main/calendar/modules/PostCalendar/pntemplates/default/views/week/ajax_template.html b/interface/main/calendar/modules/PostCalendar/pntemplates/default/views/week/ajax_template.html
index 8a6122e10..d2bd5c30a 100644
--- a/interface/main/calendar/modules/PostCalendar/pntemplates/default/views/week/ajax_template.html
+++ b/interface/main/calendar/modules/PostCalendar/pntemplates/default/views/week/ajax_template.html
@@ -448,7 +448,8 @@ foreach ($providers as $provider) {
         // having a 'title' for the TD makes the date appear by the mouse pointer
         // this is nice when all you see are times on the left side and no head
         // row with the dates or day-of-week (DOW)
-        echo "<td class='schedule' title='".date("l, d M Y", strtotime($date))."'>";
+        $headDate=strtotime($date);
+        echo "<td class='schedule' title='".date("l, d M Y",$headDate )."' date='".date("Ymd",$headDate )."' provider='$providerid'>";
         echo "<div class='calendar_day'>";
 
         // determine if events overlap and adjust their width and left position as needed
@@ -755,7 +756,6 @@ foreach ($providers as $provider) {
     echo " </tr>\n";
 
     echo "</table>\n";
-    echo "<P>";
 } // end provider
 
  // [-*footer*-]
@@ -768,8 +768,11 @@ foreach ($providers as $provider) {
 </body>
 
 <script language='JavaScript'>
+    var tsHeight='[-php-] echo $timeslotHeightVal.$timeslotHeightUnit; [-/php-]';
+    var tsHeightNum=[-php-] echo $timeslotHeightVal; [-/php-];
 
     $(document).ready(function(){
+        setupDirectTime();
         $("#pc_username").change(function() { ChangeProviders(this); });
         $("#pc_facility").change(function() { ChangeProviders(this); });
         $("#dayview").click(function() { ChangeView(this); });
@@ -786,11 +789,11 @@ foreach ($providers as $provider) {
         $(".event").mouseover(function() { $(this).toggleClass("event_highlight"); });
         $(".event").mouseout(function() { $(this).toggleClass("event_highlight"); });
 
+        
         $(".tdMonthName-small").click(function() {
             
             dpCal=$("#datePicker>table"); 
-            mp = $("#monthPicker"); mp.width(dpCal.width()); mp.toggle();});
-
+            mp = $("#monthPicker"); mp.width(dpCal.width()); mp.toggle();});    
     });
 
     /* edit an existing event */
diff --git a/library/js/calendarDirectSelect.js b/library/js/calendarDirectSelect.js
new file mode 100644
index 000000000..885f572e7
--- /dev/null
+++ b/library/js/calendarDirectSelect.js
@@ -0,0 +1,49 @@
+    function updateApptTime(marker,index,y,date,provider)
+    {
+        row=$("#times table tr").eq(index);
+        timeSlot=row.find("td a");
+        params=timeSlot.attr("href").split("(")[1].split(",");
+        newEvtParam=params[0]+","+params[1]+","+params[2]+","+date+","+provider+","+"0";
+        onClk="javascript:newEvt("+newEvtParam+")";
+        marker.html(timeSlot.html());
+        marker.attr("href",onClk);
+    }
+    function displayApptTime(evt)
+    {
+        
+        marker=$(this).find("a.apptMarker");
+        if(marker.length==0)
+        {
+            style="style=\'height:"+tsHeight+";\'"
+            $(this).find("div.calendar_day").append("<a class=\'apptMarker event event_appointment\'"+style+">");
+            marker=$(this).find("a.apptMarker");
+            marker.css("z-index",1);
+        }
+        y=evt.pageY-$(this).offset().top;
+        rem=y % tsHeightNum;
+        y=y-rem;
+        ph=$(this).find("div.providerheader");
+        index=y/tsHeightNum;
+        if(ph.length==1)
+            {
+                y=y-ph.height();
+                if(index==0)
+                    {
+                        marker.hide();
+                    }
+            }
+        marker.css("top",y);
+        date=$(this).attr("date");
+        updateApptTime(marker,index,y,date,$(this).attr("provider"));
+        marker.show();
+    }
+    function hideApptTime(evt)
+    {
+        marker=$(this).find("a.apptMarker");
+        marker.hide();
+    }
+    function setupDirectTime()
+    {
+        $("td.schedule").mousemove(displayApptTime);
+        $("td.schedule").mouseout(hideApptTime);
+    }
\ No newline at end of file
-- 
2.11.4.GIT