Changeset 2920

Show
Ignore:
Timestamp:
05/28/10 16:26:35
Author:
johnsa
Message:

user client: adding navigation arrows to the scheduling grid

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved
  • trunk/deployment/webuser/webapp/resources/demoskins/themes/bedeworkTheme/css/bwScheduling.css

    r2913 r2920  
    2828  text-align: right; 
    2929  padding-right: 16px; 
     30} 
     31#bwScheduleTable #bwGridNav img { 
     32  margin: 0 0 0 1px; 
     33  padding: 0; 
     34  border: none; 
    3035} 
    3136#bwScheduleTable tr.deselected { 
  • trunk/deployment/webuser/webapp/resources/demoskins/themes/bedeworkTheme/javascript/bedeworkScheduling.js

    r2919 r2920  
    453453      fbDisplay.id = "bwScheduleTable"; 
    454454       
    455       // create the add attendee html 
    456       var addAttendeeHtml = ''; 
    457       /*addAttendeeHtml += '<input type="text" name="uri" width="30" id="bwRaUri"/>'; 
    458       addAttendeeHtml += '<input type="button" value="add" />'; 
    459       addAttendeeHtml += '<br/>role:'; 
    460       addAttendeeHtml += '<select name="role">'; 
    461       addAttendeeHtml += '<option value="REQ-PARTICIPANT">required participant</option>'; 
    462       addAttendeeHtml += '<option value="OPT-PARTICIPANT">optional participant</option>'; 
    463       addAttendeeHtml += '<option value="CHAIR">chair</option>'; 
    464       addAttendeeHtml += '<option value="NON-PARTICIPANT">non-participant</option>'; 
    465       addAttendeeHtml += '</select>';*/ 
    466        
    467       // generate the date row - includes top left corner for "add attendee"  
     455      // create navigation buttons 
     456      var navigationHtml = ''; 
     457      navigationHtml += '<div id="bwGridNav">'; 
     458      navigationHtml += '  <a href="javascript:bwGrid.gotoPreviousRange()" title="previous date range">'; 
     459      navigationHtml += '    <img src="' + this.resourcesRoot + '/images/std-arrow-left.gif" width="13" height="16" alt="previous date range" border="0"/>'; 
     460      navigationHtml += '  </a>'; 
     461      navigationHtml += '  <a href="javascript:bwGrid.gotoNextRange()" title="next date range">'; 
     462      navigationHtml += '    <img src="' + this.resourcesRoot + '/images/std-arrow-right.gif" width="13" height="16" alt="next date range" border="0"/>'; 
     463      navigationHtml += '  </a>'; 
     464      navigationHtml += '</div>'; 
     465       
     466      // generate the date row - includes top left corner navigation buttons  
    468467      var fbDisplayDateRow = fbDisplay.insertRow(fbDisplay.rows.length); 
    469       $(fbDisplayDateRow).html('<td rowspan="2" colspan="4" class="corner">' + addAttendeeHtml + '</td><td class="fbBoundry"></td>'); 
     468      $(fbDisplayDateRow).html('<td rowspan="2" colspan="4" class="corner">' + navigationHtml + '</td><td class="fbBoundry"></td>'); 
    470469      for (var i=0; i < range; i++) { 
    471470        var curDate = new Date(this.startRange);