Changeset 1169

Show
Ignore:
Timestamp:
12/18/06 17:16:13
Author:
johnsa
Message:

public calendar: added datepicker widget to calendar export

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/default/default/default.xsl

    r1168 r1169  
    11691169            <strong>Event date limits:</strong> 
    11701170            <form name="exportCalendarForm" id="exportCalendarForm" action="{$export}" method="post"> 
     1171              <!-- this value is passed into the form when the widget is requested --> 
    11711172              <input type="hidden" name="calPath" value=""/> 
     1173              <!-- fill these on submit --> 
     1174              <input type="hidden" name="eventStartDate" value=""/> 
     1175              <input type="hidden" name="eventEndDate" value=""/> 
     1176              <!-- static fields --> 
    11721177              <input type="hidden" name="nocache" value="no"/> 
    11731178              <input type="hidden" name="skinName" value="ical"/> 
    11741179              <input type="hidden" name="contentType" value="text/calendar"/> 
    11751180              <input type="hidden" name="contentName" value="calendar.ics"/> 
    1176  
    1177  
     1181              <!-- visible fields --> 
    11781182              <input type="radio" name="dateLimits" value="active" checked="checked" onclick="changeClass('exportDateRange','invisible')"/> today forward 
    11791183              <input type="radio" name="dateLimits" value="none" onclick="changeClass('exportDateRange','invisible')"/> all dates 
    11801184              <input type="radio" name="dateLimits" value="limited" onclick="changeClass('exportDateRange','visible')"/> date range 
    11811185              <div id="exportDateRange" class="invisible"> 
    1182                 to be implemented 
    1183               <!--  <strong>Start:</strong> 
    1184                 <div class="dateFields"> 
    1185                   <xsl:copy-of select="/bedework/formElements/form/start/month/*"/> 
    1186                   <xsl:copy-of select="/bedework/formElements/form/start/day/*"/> 
    1187                   <xsl:copy-of select="/bedework/formElements/form/start/yearText/*"/> 
    1188                 </div> 
    1189                 <script language="JavaScript" type="text/javascript"> 
    1190                 <xsl:comment> 
    1191                   startDateDynCalWidget = new dynCalendar('startDateDynCalWidget', <xsl:value-of select="number(/bedework/formElements/form/start/yearText/input/@value)"/>, <xsl:value-of select="number(/bedework/formElements/form/start/month/select/option[@selected='selected']/@value)-1"/>, <xsl:value-of select="number(/bedework/formElements/form/start/day/select/option[@selected='selected']/@value)"/>, 'startDateCalWidgetCallback',false,'<xsl:value-of select="$resourcesRoot"/>/resources/'); 
    1192                 </xsl:comment> 
    1193                 </script> 
    1194                 &#160;&#160; 
    1195                 <strong>End:</strong> 
    1196                 <div class="dateFields"> 
    1197                   <xsl:copy-of select="/bedework/formElements/form/end/month/*"/> 
    1198                   <xsl:copy-of select="/bedework/formElements/form/end/day/*"/> 
    1199                    <xsl:copy-of select="/bedework/formElements/form/end/yearText/*"/> 
    1200                 </div> 
    1201                 <script language="JavaScript" type="text/javascript"> 
    1202                 <xsl:comment> 
    1203                   endDateDynCalWidget = new dynCalendar('endDateDynCalWidget', <xsl:value-of select="number(/bedework/formElements/form/start/yearText/input/@value)"/>, <xsl:value-of select="number(/bedework/formElements/form/start/month/select/option[@selected='selected']/@value)-1"/>, <xsl:value-of select="number(/bedework/formElements/form/start/day/select/option[@selected='selected']/@value)"/>, 'endDateCalWidgetCallback',false,'<xsl:value-of select="$resourcesRoot"/>/resources/'); 
    1204                 </xsl:comment> 
    1205                 </script> 
    1206                 --> 
     1186                Start: <div dojoType="dropdowndatepicker" formatLength="medium" saveFormat="yyyyMMdd" id="bwExportCalendarWidgetStartDate"></div> 
     1187                End: <div dojoType="dropdowndatepicker" formatLength="medium" saveFormat="yyyyMMdd" id="bwExportCalendarWidgetEndDate"></div> 
    12071188              </div> 
    1208               <p><input type="submit" value="export" class="bwWidgetSubmit" onclick="hideWidget('bwCalendarExportWidget')"/></p> 
     1189              <p><input type="submit" value="export" class="bwWidgetSubmit" onclick="fillExportFields('exportCalendarForm');hideWidget('bwCalendarExportWidget')"/></p> 
    12091190            </form> 
    12101191          </div> 

  • trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/resources/javascript/bedework.js

    r1165 r1169  
    22dojo.require("dojo.widget.*"); 
    33dojo.require("dojo.widget.FloatingPane"); 
     4dojo.require("dojo.widget.DatePicker"); 
    45 
    56function changeClass(id, newClass) { 
    …… 
    78  identity.className=newClass; 
    89} 
    9  
    1010function launchExportWidget(formId,name,calPath) { 
    1111  var exportWidget = dojo.widget.byId('bwCalendarExportWidget'); 
    1212  exportWidget.show(); 
    13   formObj = document.getElementById(formId); 
     13  var formObj = document.getElementById(formId); 
    1414  formObj.calPath.value = calPath; 
    1515  formObj.contentName.value = name + '.ics'; 
    1616  document.getElementById('bwCalendarExportWidgetCalName').innerHTML = name; 
    1717} 
    18  
     18function fillExportFields(formId) { 
     19   var formObj = document.getElementById(formId); 
     20   formObj.eventStartDate.value = dojo.widget.byId('bwExportCalendarWidgetStartDate').getValue(); 
     21   formObj.eventEndDate.value = dojo.widget.byId('bwExportCalendarWidgetEndDate').getValue(); 
     22} 
    1923function hideWidget(id) { 
    2024  var widget = dojo.widget.byId(id);