Changeset 535

Show
Ignore:
Timestamp:
06/05/06 16:09:21
Author:
johnsa
Message:

added an example departmental skin for a calendar suite for demonstration

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/calendar3/deployment/webpublic/webapp/resources/demoskins/default/default/blue.css

    r496 r535  
    807807  background-color: transparent; 
    808808} 
    809  
    810809.center { 
    811810  text-align: center; 

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

    r506 r535  
    1818 
    1919     For detailed instructions on how to work with the XSLT 
    20      stylesheets included with this distribution, please see the  
    21                  Bedework Design Guide at http://www.bedework.org/bedework/update.do?artcenterkey=24 
     20     stylesheets included with this distribution, please see the 
     21                 Bedework Design Guide at 
     22     http://www.bedework.org/bedework/update.do?artcenterkey=24 
    2223 
    2324===============================================================  --> 
    …… 
    6566  <xsl:variable name="skin">default</xsl:variable> 
    6667 
    67    
     68 
    6869  <!-- MAIN TEMPLATE --> 
    6970  <xsl:template match="/"> 
    …… 
    154155 
    155156  <xsl:template name="headBar"> 
    156     <h1 id="titleBar"> 
    157       Bedework: Demonstration Calendar 
    158     </h1> 
    159157    <table width="100%" border="0" cellpadding="0" cellspacing="0" id="logoTable"> 
    160158      <tr> 
    …… 
    556554                                                <a href="{$privateCal}/addEventRef.do?subid={$subscriptionId}&amp;calPath={$calPath}&amp;guid={$guid}&amp;recurrenceId={$recurrenceId}" title="Add event to MyCalendar" target="myCalendar"> 
    557555                                                        <img class="addref" src="{$resourcesRoot}/images/add2mycal-icon.gif" width="20" height="26" border="0" alt="Add event to MyCalendar"/> 
    558                                                 add to my calendar</a>  
     556                                                add to my calendar</a> 
    559557                                                <xsl:variable name="eventIcalName" select="concat($id,'.ics')"/> 
    560558                                                <a href="{$export}?subid={$subscriptionId}&amp;calPath={$calPath}&amp;guid={$guid}&amp;recurrenceId={$recurrenceId}&amp;nocache=no&amp;skinName=ical&amp;contentType=text/calendar&amp;contentName={$eventIcalName}" title="Download event as ical - for Outlook, PDAs, iCal, and other desktop calendars"> 
    …… 
    710708                    </td> 
    711709                  </xsl:when> 
    712                   <xsl:when test="start/shortdate = end/shortdate and  
     710                  <xsl:when test="start/shortdate = end/shortdate and 
    713711                                  start/time = end/time"> 
    714712                    <td class="{$dateRangeStyle} center" colspan="3"> 
    715713                      <a href="{$eventView}?subid={$subscriptionId}&amp;calPath={$calPath}&amp;guid={$guid}&amp;recurrenceId={$recurrenceId}"> 
    716                         <xsl:value-of select="start/time"/>                       
     714                        <xsl:value-of select="start/time"/> 
    717715                      </a> 
    718716                    </td> 

  • trunk/calendar3/deployment/webpublic/webapp/resources/demoskins/default/default/soe.xsl

    r527 r535  
    1212<!-- ========================================================= 
    1313 
    14               DEMONSTRATION CALENDAR STYLESHEET 
    15  
    16      This stylesheet is devoid of school branding.  It is a good 
    17      starting point for development of a customized calendar. 
     14        DEMONSTRATION "DEPARTMENTAL" CALENDAR STYLESHEET 
     15 
     16     This stylesheet is for the "soe" (School of Engineering) 
     17     calendar suite; it is an example of a departmental skin. 
     18 
     19     This skin, along with the preferences for the Calendar 
     20     Suite owner differ from the main public skin (default.xsl) in the 
     21     following ways: 
     22       - different header, title, and footer 
     23       - default view = Month 
     24       - default layout = list view (rather than calendar grid) 
     25       - different color scheme 
     26 
     27     Otherwise, for the sake of demonstration, we've left most of the 
     28     functionality of the public client in place. 
    1829 
    1930     For detailed instructions on how to work with the XSLT 
    2031     stylesheets included with this distribution, please see the 
    21                  Bedework Design Guide at http://www.bedework.org/bedework/update.do?artcenterkey=24 
     32                 Bedework Design Guide at 
     33     http://www.bedework.org/bedework/update.do?artcenterkey=24 
    2234 
    2335===============================================================  --> 
    …… 
    7082    <html lang="en"> 
    7183      <head> 
    72         <title>School of Engineering</title> 
    73         <link rel="stylesheet" type="text/css" href="{$resourcesRoot}/default/default/common.css" /> 
    74         <link rel="stylesheet" type="text/css" media="print" href="{$resourcesRoot}/default/default/print.css" /> 
    75         <xsl:choose> 
    76           <xsl:when test="/bedework/appvar[key='style']/value='red'"> 
    77             <link rel="stylesheet" href="{$resourcesRoot}/default/default/red.css"/> 
    78           </xsl:when> 
    79           <xsl:when test="/bedework/appvar[key='style']/value='green'"> 
    80             <link rel="stylesheet" href="{$resourcesRoot}/default/default/green.css"/> 
    81           </xsl:when> 
    82           <xsl:otherwise> 
    83             <link rel="stylesheet" href="{$resourcesRoot}/default/default/blue.css"/> 
    84           </xsl:otherwise> 
    85         </xsl:choose> 
     84        <title>School of Engineering: Example Bedework Departmental Calendar Suite</title> 
     85        <link rel="stylesheet" type="text/css" href="{$resourcesRoot}/default/default/soe.css" /> 
    8686        <link rel="icon" type="image/ico" href="{$resourcesRoot}/images/bedework.ico" /> 
    8787      </head> 
    …… 
    120120              <xsl:when test="/bedework/periodname='Week' or /bedework/periodname=''"> 
    121121                <xsl:choose> 
    122                   <xsl:when test="/bedework/appvar[key='weekViewMode']/value='list'"> 
    123                     <xsl:call-template name="listView"/> 
     122                  <xsl:when test="/bedework/appvar[key='weekViewMode']/value='cal'"> 
     123                    <xsl:call-template name="weekView"/> 
    124124                  </xsl:when> 
    125125                  <xsl:otherwise> 
    126                     <xsl:call-template name="weekView"/> 
     126                    <xsl:call-template name="listView"/> 
    127127                  </xsl:otherwise> 
    128128                </xsl:choose> 
    …… 
    154154 
    155155  <xsl:template name="headBar"> 
    156     <h1 id="titleBar"> 
    157       Bedework: Demonstration Calendar 
    158     </h1> 
    159     <table width="100%" border="0" cellpadding="0" cellspacing="0" id="logoTable"> 
    160       <tr> 
    161         <td colspan="3" id="logoCell"><a href="http://www.bedework.org/"><img src="{$resourcesRoot}/images/bedeworkLogo.gif" width="292" height="75" border="0" alt="Bedework"/></a></td> 
    162         <td colspan="2" id="schoolLinksCell"> 
    163           <h2>Public Calendar</h2> 
    164           <a href="{$privateCal}">Personal Calendar</a> | 
    165           <a href="http://www.yourschoolhere.edu">School Home</a> | 
    166           <a href="http://www.bedework.org/">Other Link</a> | 
     156    <div id="headBar"> 
     157      <div id="bedeworkLogo"> 
     158        <a href="http://www.bedework.org/"> 
     159          <img src="{$resourcesRoot}/images/soecal/soeBedeworkLogo.gif" width="296" height="69" border="0" alt="Bedework" align="right"/> 
     160        </a> 
     161      </div> 
     162      <h1>Example Departmental Calendar Suite</h1> 
     163      <!--<ul id="schoolLinks"> 
     164        <li><a href="{$privateCal}">Personal Calendar</a></li> 
     165        <li><a href="http://www.yourschoolhere.edu">School Home</a></li> 
     166        <li><a href="http://www.bedework.org/">Other Link</a></li> 
     167        <li> 
    167168          <a href="http://helpdesk.rpi.edu/update.do?catcenterkey=51"> 
    168169            Example Calendar Help 
    169170          </a> 
    170         </td> 
    171       </tr> 
    172     </table> 
    173     <table id="curDateRangeTable"  cellspacing="0"> 
     171        </li> 
     172      </ul> --> 
     173    </div> 
     174    <!--  Turn off the date range table for this departmental view --> 
     175    <!--<table id="curDateRangeTable"  cellspacing="0"> 
    174176      <td class="sideBarOpenCloseIcon"> 
    175         &#160; 
     177        &#160; --> 
    176178        <!-- 
    177179        we may choose to implement calendar selection in the public calendar 
    …… 
    189191          </xsl:otherwise> 
    190192        </xsl:choose>--> 
    191       </td> 
     193      <!-- </td> 
    192194      <td class="date"> 
    193195        <xsl:choose> 
    …… 
    214216        <a class="rss" href="{$setSelection}?setappvar=summaryMode(details)&amp;skinName=rss" title="RSS feed">RSS</a> 
    215217      </td> 
    216     </table> 
     218    </table>--> 
    217219  </xsl:template> 
    218220 
    …… 
    262264              </xsl:choose> 
    263265            </td> 
    264             <td class="centerCell"> 
    265               &#160;<!--<img src="{$resourcesRoot}/images/std-button-today.gif" width="46" height="17" border="0" alt="TODAY"/>--> 
    266             </td> 
    267             <td class="rightCell"> 
    268               &#160; 
     266            <td class="rssPrint"> 
     267              <a href="javascript:window.print()" title="print this view"> 
     268                <img alt="print this view" src="{$resourcesRoot}/images/std-print-icon.gif" width="20" height="14" border="0"/> print 
     269              </a> 
     270              <a class="rss" href="{$setSelection}?setappvar=summaryMode(details)&amp;skinName=rss" title="RSS feed">RSS</a> 
    269271            </td> 
    270272          </tr> 
    …… 
    286288              <a href="{$setViewPeriod}?viewType=yearView&amp;date={$curdate}"><img src="{$resourcesRoot}/images/std-tab-year-off.gif" width="92" height="20" border="0" alt="YEAR"/></a> 
    287289            </td> 
    288             <td class="centerCell"> 
    289               &#160;<!--<img src="{$resourcesRoot}/images/std-button-today.gif" width="46" height="17" border="0" alt="TODAY"/>--> 
    290             </td> 
    291             <td class="rightCell"> 
    292               &#160; 
     290            <td class="rssPrint"> 
     291              <a href="javascript:window.print()" title="print this view"> 
     292                <img alt="print this view" src="{$resourcesRoot}/images/std-print-icon.gif" width="20" height="14" border="0"/> print 
     293              </a> 
     294              <a class="rss" href="{$setSelection}?setappvar=summaryMode(details)&amp;skinName=rss" title="RSS feed">RSS</a> 
    293295            </td> 
    294296          </tr> 
    …… 
    455457              <xsl:otherwise> 
    456458                <xsl:choose> 
    457                   <xsl:when test="/bedework/appvar[key='weekViewMode']/value='list'"> 
    458                     <a href="{$setup}?setappvar=weekViewMode(cal)" title="toggle list/calendar view"> 
    459                       <img src="{$resourcesRoot}/images/std-button-calview.gif" width="46" height="21" border="0" alt="toggle list/calendar view"/> 
     459                  <xsl:when test="/bedework/appvar[key='weekViewMode']/value='cal'"> 
     460                    <a href="{$setup}?setappvar=weekViewMode(list)" title="toggle list/calendar view"> 
     461                      <img src="{$resourcesRoot}/images/std-button-listview.gif" width="46" height="21" border="0" alt="toggle list/calendar view"/> 
    460462                    </a> 
    461463                  </xsl:when> 
    462464                  <xsl:otherwise> 
    463                     <a href="{$setup}?setappvar=weekViewMode(list)" title="toggle list/calendar view"> 
    464                       <img src="{$resourcesRoot}/images/std-button-listview.gif" width="46" height="21" border="0" alt="toggle list/calendar view"/> 
     465                    <a href="{$setup}?setappvar=weekViewMode(cal)" title="toggle list/calendar view"> 
     466                      <img src="{$resourcesRoot}/images/std-button-calview.gif" width="46" height="21" border="0" alt="toggle list/calendar view"/> 
    465467                    </a> 
    466468                  </xsl:otherwise> 
    …… 
    11161118      Demonstration calendar; place footer information here. 
    11171119    </div> 
    1118     <table id="skinSelectorTable" border="0" cellpadding="0" cellspacing="0"> 
    1119       <tr> 
    1120         <td class="leftCell"> 
    1121           Based on the <a href="http://www.bedework.org/">Bedework Calendar</a> | 
    1122           <a href="?noxslt=yes">show XML</a> | 
    1123           <a href="?refreshXslt=yes">refresh XSLT</a> 
    1124         </td> 
    1125         <td class="rightCell"> 
    1126           <form name="styleSelectForm" method="get" action="{$setup}"> 
    1127             <select name="setappvar" onChange="submit()"> 
    1128               <option>example styles:</option> 
    1129               <option value="style(green)">green</option> 
    1130               <option value="style(red)">red</option> 
    1131               <option value="style(blue)">blue</option> 
    1132             </select> 
    1133           </form> 
    1134           <form name="skinSelectForm" method="get" action="{$setup}"> 
    1135             <input type="hidden" name="setappvar" value="summaryMode(details)"/> 
    1136             <select name="skinPicker" onchange="window.location = this.value"> 
    1137               <option>example skins:</option> 
    1138               <option value="{$setViewPeriod}?viewType=weekView&amp;skinName=rss&amp;setappvar=summaryMode(details)">rss feed</option> 
    1139               <option value="{$setViewPeriod}?viewType=todayView&amp;skinName=jsToday&amp;contentType=text/javascript&amp;contentName=bedework.js">javascript feed</option> 
    1140               <option value="{$setViewPeriod}?viewType=todayView&amp;skinName=videocal">video feed</option> 
    1141               <option value="{$setup}?skinName=default">reset to calendar default</option> 
    1142             </select> 
    1143           </form> 
    1144           <form name="skinSelectForm" method="get" action=""> 
    1145             <select name="sitePicker" onchange="window.location = this.value"> 
    1146               <option>production examples:</option> 
    1147               <option value="http://events.dal.ca/">Dalhousie</option> 
    1148               <option value="http://events.rpi.edu">Rensselaer</option> 
    1149               <option value="http://myuw.washington.edu/cal/">Washington</option> 
    1150             </select> 
    1151           </form> 
    1152         </td> 
    1153       </tr> 
    1154     </table> 
     1120    <div id="subFoot"> 
     1121      Based on the <a href="http://www.bedework.org/">Bedework Calendar</a> | 
     1122      <a href="?noxslt=yes">show XML</a> | 
     1123      <a href="?refreshXslt=yes">refresh XSLT</a> 
     1124    </div> 
    11551125  </xsl:template> 
    11561126</xsl:stylesheet>