Changeset 2886

Timestamp:

04/27/10 17:24:48

Author:

johnsa

Message:

ongoing update to free/busy mockup - pick next/pick previous

Files:

• trunk/deployment/webuser/webapp/resources/demoskins/fbMockup/bedeworkFb.js (modified) (11 diffs)
• trunk/deployment/webuser/webapp/resources/demoskins/fbMockup/index.html (modified) (3 diffs)
• trunk/deployment/webuser/webapp/resources/demoskins/fbMockup/schedule.css (modified) (4 diffs)

trunk/deployment/webuser/webapp/resources/demoskins/fbMockup/bedeworkFb.js

@@ -59 +59 @@
-var bwAttendeeDispTypeResource = "resource";
-
+var bwFreeBusyDispTypeBusy = "BUSY";
+var bwFreeBusyDispTypeTentative = "TENTATIVE";
+var bwAddAttendeeDisp = "add attendee...";
+
-/* An attendee
- * name:            String - name of attendee, e.g. "Venerable Bede"
@@ -85 +89 @@
-  }
-}
-Freebusy data
+A Freebusy object
- * Provides methods to work on freebusy values
-vals: Array of rfc5545 freebusy values
+String: an rfc5545 freebusy string, including FBTYPE parameter if present
- */
-var bwFreeBusy = function(fbString) {
-  this.name = fbString;  
+  this.params = "";    // if there are parameters, we will split them from the name and put them here
+  this.type = bwFreeBusyDispTypeBusy; // default rfc5545 FBTYPE, "BUSY"
+  this.start = "";    // will hold the UTC start value in milliseconds 
+  this.end = "";      // will hold the UTC end value in milliseconds
+  
+  if (this.name.match(":")) {
+    // parameters are included with the freebusy string
+    // e.g. FBTYPE=BUSY:19980415T133000Z/19980415T170000Z 
+    this.name = fbString.substr(fbString.indexOf(":")+1);
+    this.params = fbString.substring(0,fbString.indexOf(":"));
+  }
+  
+  if (this.params.match("FBTYPE=BUSY-TENTATIVE")) {
+    this.type = bwFreeBusyDispTypeTentative;
+  }
-  
-  // set the freebusy start date
@@ -121 +140 @@
-  // set the end in milliseconds
-  this.end = endMs;
-
-
-
-
-
-
-
+
+
-   * mils: date/time in milliseconds
-   */  
-  this.contains = function(mils) {
-    if (mils >= this.start && mils < this.end) {
-      // should return type of freebusy if available
-      return true;
-    }
@@ -175 +188 @@
-  
-  // internal variables
-
-
-
+
+
+
+
+
+
-
-  this.addAttendee = function(name, uid, freebusy, role, status, type) {
@@ -189 +205 @@
-    this.attendees.splice(index, 1);
-    this.diplay();
+  }
+  
+  this.pickNext = function(gridObj) {
+    // clear highlighting
+    $("#bwScheduleTable .fbcell").removeClass("highlight");
+    
+    // increment the start time
+    startSelectionMils = Number(startSelectionMils) + Number(incrementMils);
+    // set the end time based on duration
+    endSelectionMils = Number(startSelectionMils) + Number(durationMils);
+    
+    // highlight the cells if no collision, otherwise try the next spot
+    $("#bwScheduleTable .fbcell").each(function(index) {
+      var splId = $(this).attr("id").split("-");
+      if (splId[0] >= startSelectionMils && splId[0] < endSelectionMils) {
+        if ($(this).hasClass("busy")) {
+           alert("hit a busytime!");
+           //this.pickNext();
+        } else {
+          $(this).addClass("highlight");
+        }
+      }
+    });
+  } 
+  
+  this.pickPrevious = function(gridObj) {
+    // clear highlighting
+    $("#bwScheduleTable .fbcell").removeClass("highlight");
+    
+    // decrement the start time
+    startSelectionMils = Number(startSelectionMils) - Number(incrementMils);
+    // set the end time based on duration
+    endSelectionMils = Number(startSelectionMils) + Number(durationMils);
+    
+    // highlight the cells if no collision, otherwise try the next spot
+    $("#bwScheduleTable .fbcell").each(function(index) {
+      var splId = $(this).attr("id").split("-");
+      if (splId[0] >= startSelectionMils && splId[0] < endSelectionMils) {
+        $(this).addClass("highlight");
+      }
+    });
-  }
-  
@@ -286 +343 @@
-        switch (curAttendee.status) {
-          case bwAttendeeStatusAccepted : // &#10004; - make an image to avoid font issues
-ext
+ip
-            break;
-          case bwAttendeeStatusDeclined : 
-ext
+ip
-            break;
-          case bwAttendeeStatusTentative : 
-ext
+ip
-            break;
-          case bwAttendeeStatusDelegated : 
-ext
+ip
-            break;
-          case bwAttendeeStatusCompleted : 
-ext
+ip
-            break;
-          case bwAttendeeStatusInProcess : 
-ext
+ip
-            break;
-          default : // default to bwAttendeeStatusNeedsAction - display question mark
-ext
+ip
-        }
-
@@ -311 +368 @@
-        switch (curAttendee.role) {
-          case bwAttendeeRoleChair : // displays writing hand icon - &#9997;
-ext
+ip
-            break;
-          case bwAttendeeRoleRequired : // displays right-pointing arrow icon - &#10137;
-ext
+ip
-            break;
-          case bwAttendeeRoleNonParticipant : // non-participant
-ext
+ip
-            break;
-          default : // bwAttendeeRoleOptional - no icon (use a space to provide a rollover)
-
-
+
+
+
-        
-        // output the attendee name or address (depending on which we have available)
+        // and add attendee functions
+        var attendeeNameHtml = '<td class="name">';
-        if (curAttendee.name && curAttendee.name != "") {
-$(fbDisplayAttendeeRow).append('<td class="name">' + curAttendee.name + '</td>')
+attendeeNameHtml +=  curAttendee.name
-        } else {
-
-
+
+
+
+
-        
-        // output checkbox for attendee
@@ -355 +417 @@
-                var curDateUTC = curDate.getTime() + tzoffset + (60 / this.hourDivision * 60000);                
-                if (curAttendee.freebusy[m].contains(curDateUTC)) {
-
+
+
+
+
+
+
+
-                  break;
-                }
@@ -371 +439 @@
-      
-      // create the add attendee form 
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-      
-      $(fbDisplayAddAttendeeRow).html(addAttendeeHtml);
@@ -435 +504 @@
-      $("#bwScheduleTable .icon").hover(
-        function () {
-ext
+ip
-        }, 
-        function () {
-ext
+ip
-        }
-      );  
-      
+      $("#bwScheduleTable .activeCell").hover(
+        function () {
+          $(this).children(".tip").fadeIn(20);
+        }, 
+        function () {
+          $(this).children(".tip").fadeOut(20);
+        }
+      );
+      
+      $("#bwScheduleTable .fbcell").click (
+        function () {
+          // clear all previous highlighting
+          $("#bwScheduleTable .highlight").removeClass("highlight");
+          
+          // get the id of the current cell - takes the form "1271947500000-attendeestring"
+          // we want the first half, which is the same as the time class associated with the column
+          var splitId = $(this).attr("id").split("-");
+          
+          // set the start of the selection range in milliseconds (first half of the ID)
+          // we will use this to set the start time and to find cells in the same column
+          startSelectionMils = splitId[0];
+          endSelectionMils = Number(startSelectionMils) + Number(durationMils);
+          
+          // now do the highlighting
+          $("#bwScheduleTable .fbcell").each(function(index) {
+            var splId = $(this).attr("id").split("-");
+            if (splId[0] >= startSelectionMils && splId[0] < endSelectionMils) {
+              $(this).addClass("highlight");
+            }
+          });
+  
+        }
+      );
+      
+      /*
-      $("#bwScheduleTable .fbcell").mousedown (
-        function () {
@@ -491 +595 @@
-        }
-      );
+      */
-      
-      $("#bwScheduleTable #addAttendee").click (
-        function () {
-
-
+
+
+
+
-          $(this).removeClass("pending");
-          $("#addAttendeeFields").show("slow");
-        }
-      );
+      
-
-    } catch (e) {

trunk/deployment/webuser/webapp/resources/demoskins/fbMockup/index.html

@@ -18 +18 @@
-      // initialize the free/busy grid - values taken directly from the xml
-      // send params: displayId, startRange, endRange, startDate, endDate, startHourRange, endHourRange, attendees, workday, zoom
-fals
+tru
-      
-      // send in some attendees - these will come from interaction with the form
-      bwGrid.addAttendee("Gary Schwartz", "mailto:schwag@rpi.edu", ["20100422T090000Z/PT1H00M"], "REQ-PARTICIPANT", "NEEDS-ACTION");
-
+FBTYPE=BUSY-TENTATIVE:
-
-      // set datepicker defaults
@@ -63 +63 @@
-        
-          <td>
-
+ id="bwPickPrevious" onclick="bwGrid.pickPrevious();"
-          </td>
-          <td>
-
+ id="bwPickNext" onclick="bwGrid.pickNext();"
-          </td>
-          <td class="dateLabel">
@@ -170 +170 @@
-        </tr>  
-      </table>
+      <button onclick="bwGrid.display();">redraw</button>
-    </div>
-  </body>

trunk/deployment/webuser/webapp/resources/demoskins/fbMockup/schedule.css

@@ -32 +32 @@
-  padding-right: 16px;
-}
-
-
+
+
+
-}
-ext
+ip
-  /* this is the default rollover for most icons */
-  position: absolute;
@@ -79 +80 @@
-  border: none;
-}
+#bwScheduleTable #addAttendee.active {
+  color: black;
+  background-color: transparent;
+  border: none;
+}
+#bwScheduleTable .addAttendeeAdvanced {
+  color: #bbb;
+  background-color: transparent;
+  font-size: 0.8em;
+}
-#bwScheduleTable #addAttendeeFields,
-#bwScheduleTable #attType {
@@ -87 +98 @@
-}
-#bwScheduleTable td.fbcell {
-cursor: crosshair;
+/*cursor: crosshair;*/
-}
-#bwScheduleTable td.busy {
@@ -94 +105 @@
-}
-#bwScheduleTable td.tentative {
-url("tentativeLines.gif")
+#eef url("tentativeLines.gif") !important
-  color: black;
-}
-#bwScheduleTable td.highlight {
- !important
+
-  color: black;
-}