Changeset 2885

Timestamp:

04/26/10 17:33:36

Author:

johnsa

Message:

ongoing update to free/busy mockup

Files:

• trunk/deployment/webuser/webapp/resources/demoskins/fbMockup/bedeworkFb.js (modified) (9 diffs)
• trunk/deployment/webuser/webapp/resources/demoskins/fbMockup/chair.gif (added)
• trunk/deployment/webuser/webapp/resources/demoskins/fbMockup/check.gif (added)
• trunk/deployment/webuser/webapp/resources/demoskins/fbMockup/index.html (modified) (1 diff)
• trunk/deployment/webuser/webapp/resources/demoskins/fbMockup/reqArrow.gif (added)
• trunk/deployment/webuser/webapp/resources/demoskins/fbMockup/schedule.css (modified) (2 diffs)

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

@@ -173 +173 @@
-  // ALWAYS set as a factor of 60
-  this.hourDivision = 4;
+  
+  // internal variables
+  var startSelectionMils;  // where a mouse selection begins, milliseconds parsed from the first half of a fbcell's ID
+  var endSelectionMils;    // where a mouse selection ends, milliseconds parsed from the first half of a fbcell's ID
+  var selecting = false;   // are we currently selecting?  If true, we'll highlight as we hover
-
-  this.addAttendee = function(name, uid, freebusy, role, status, type) {
@@ -208 +213 @@
-      // generate the date row - includes top left empty corner 
-      var fbDisplayDateRow = fbDisplay.insertRow(fbDisplay.rows.length);
-3
+4
-      for (i=0; i < range; i++) {
-        var curDate = new Date(this.startRange); 
@@ -236 +241 @@
-      fbDisplayTimesRow = fbDisplay.insertRow(fbDisplay.rows.length);
-      $(fbDisplayTimesRow).addClass("allAttendees");
-
+check"><input type="checkbox" checked="checked" name="selectAllToggle" class="selectAllToggle"/></td><td class="
-      for (i=0; i < range; i++) {
-        var curDate = new Date(this.startRange); 
@@ -280 +285 @@
-        // the status class is used for rollover descriptions of the icon
-        switch (curAttendee.status) {
-
-&#10004;
+// &#10004; - make an image to avoid font issues
+<img src="check.gif" alt="accepted" width="15" height="15"/>
-            break;
-          case bwAttendeeStatusDeclined : 
@@ -305 +310 @@
-        // the role class is used for rollover descriptions of the icon
-        switch (curAttendee.role) {
-
-&#9997;
-
-
-&#10137;
+ - &#9997;
+<img src="chair.gif" alt="chair" width="17" height="15"/>
+
+ - &#10137;
+<img src="reqArrow.gif" alt="required" width="17" height="12"/>
-            break;
-          case bwAttendeeRoleNonParticipant : // non-participant
@@ -320 +325 @@
-        // output the attendee name or address (depending on which we have available)
-        if (curAttendee.name && curAttendee.name != "") {
-<td class="fbBoundry"></td>
+
-        } else {
-
-
+
+
+
+
+
+
-        
-        // build the time row for an attendee
@@ -360 +369 @@
-      // generate the "add attendee" row
-      fbDisplayAddAttendeeRow = fbDisplay.insertRow(fbDisplay.rows.length);
-
+
+
+
+
+
+
+
+
+
+
+
+
-      for (i = 0; i < range; i++) {
-        var curDate = new Date(this.startRange);
@@ -384 +404 @@
-      // generate a blank row at the end (this is just for visual padding)
-      fbDisplayBlankRow = fbDisplay.insertRow(fbDisplay.rows.length);
-
+></td><td
-      for (i = 0; i < range; i++) {
-        var curDate = new Date(this.startRange);
@@ -422 +442 @@
-      );  
-      
-click
+mousedown
-        function () {
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-        }
-      );
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-    } catch (e) {
-      alert(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
-tru
+fals
-      
-      // send in some attendees - these will come from interaction with the form

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

@@ -71 +71 @@
-}
-#bwScheduleTable #addAttendee {
+  cursor: pointer;
+  padding: 4px 0;
+}
+#bwScheduleTable #addAttendee.pending {
-  color: #bbb;
-  background-color: transparent;
-
-
+
+
+
+
+
+
+
+
+
+
+
-}
-#bwScheduleTable td.busy {
@@ -85 +98 @@
-}
-#bwScheduleTable td.highlight {
-a
+f
-  color: black;
-}