Changeset 202

Show
Ignore:
Timestamp:
02/25/06 00:06:51
Author:
johnsa
Message:

modified user client stylesheet and css to create a beginning point from which to add new features; introduced a left-hand menu pane.

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/calendar3/deployment/webuser/webapp/resources/demoskins/default/default/default.css

    r2 r202  
    109109  background-color: #fff; 
    110110} 
     111#bodyBlock { 
     112  width: 100%; 
     113  margin: 0; 
     114  padding: 0; 
     115} 
     116#bodyBlock td { 
     117  margin: 0; 
     118  padding: 0; 
     119} 
     120#bodyBlock td#leftMenus { 
     121  width: 200px;   
     122  border-left: 2px solid #333; 
     123  border-right: 3px groove #ddd; 
     124  border-bottom: 2px solid #aaa; 
     125  vertical-align: top; 
     126  padding: 0; 
     127} 
     128#bodyBlock td#leftMenus #leftTabs { 
     129  width: 200px; 
     130  height: 24px;  
     131  margin: 0; 
     132  padding: 0; 
     133  color: black; 
     134  background-color: #ddd; 
     135} 
     136#bodyBlock td#leftMenus #leftTabs td { 
     137  font-size: 12px; 
     138  padding: 0 0.5em; 
     139  margin: 0; 
     140  vertical-align: middle; 
     141  border-top: 1px solid #333; 
     142  border-bottom: 1px solid #333; 
     143  border-left: 1px solid #333; 
     144} 
     145#bodyBlock td#leftMenus #leftTabs td.first {   
     146  border-left: none; 
     147} 
     148#bodyBlock td#leftMenus #leftTabs td.selected {   
     149  color: black; 
     150  background-color: white; 
     151  border-bottom: none; 
     152  padding-bottom: 1px; 
     153} 
    111154#userBarTable { 
    112155  margin: 0; 
    …… 
    119162  margin: 0; 
    120163  padding: 0; 
    121   border-left: 2px solid #333; 
     164  border-left: 1px solid #333; 
    122165  padding: 0.2em 0 0.2em 1em; 
    123166  white-space: nowrap; 
    …… 
    151194  padding: 4px 0px 0px 0px; 
    152195  text-align: center; 
     196  vertical-align: bottom; 
    153197  background-color: #333; 
    154198  color: #eee; 
    …… 
    174218  padding: 0em; 
    175219  vertical-align: top; 
    176   border-left : 2px solid #333; 
     220  border-left : 1px solid #333; 
    177221  border-right : 2px solid #333; 
    178222  border-bottom: 1px solid Gray; 
    …… 
    200244} 
    201245#navigationBarTable td.leftCell { 
    202     text-align: left; 
     246  text-align: left; 
    203247  white-space: nowrap; 
    204248  padding-left: 0.5em; 
    …… 
    270314  padding: 0px; 
    271315  border-bottom: 2px solid #aaa; 
    272   border-left: 2px solid #333; 
     316  border-left: 1px solid #333; 
    273317  border-right: 2px solid #333; 
    274318} 
    …… 
    330374  padding: 0; 
    331375  border-bottom: 2px solid #aaa; 
    332   border-left: 2px solid #333; 
     376  border-left: 1px solid #333; 
    333377  border-right: 2px solid #333; 
    334378} 
    …… 
    370414  border-top: 1px solid #666; 
    371415  border-bottom: 2px solid #aaa; 
    372   border-left: 2px solid #333; 
     416  border-left: 1px solid #333; 
    373417  border-right: 2px solid #333; 
    374418} 
    …… 
    402446  border-top: 1px solid #666; 
    403447  border-bottom: 2px solid #aaa; 
    404   border-left: 2px solid #333; 
     448  border-left: 1px solid #333; 
    405449  border-right: 2px solid #333; 
    406450} 
    …… 
    434478  border-top: 1px solid #666; 
    435479  border-bottom: 2px solid #aaa; 
    436   border-left: 2px solid #333; 
     480  border-left: 1px solid #333; 
    437481  border-right: 2px solid #333; 
    438482} 
    …… 
    575619  border-top: 1px solid #666; 
    576620  border-bottom: 2px solid #aaa; 
    577   border-left: 2px solid #333; 
     621  border-left: 1px solid #333; 
    578622  border-right: 2px solid #333; 
    579623} 
    …… 
    644688  border-top: 1px solid #666; 
    645689  border-bottom: 2px solid #aaa; 
    646   border-left: 2px solid #333; 
     690  border-left: 1px solid #333; 
    647691  border-right: 2px solid #333; 
    648692} 

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

    r201 r202  
    9090          </div> 
    9191        </xsl:if> 
    92         <!-- <xsl:call-template name="alerts"/> --> 
    93         <xsl:call-template name="tabs"/> 
    94         <div id="bodyBlock"> 
    95           <div id="leftMenus"> 
    96             test 
    97           </div> 
    98           <div id="bodyContent"> 
    99             <xsl:choose> 
    100               <xsl:when test="/bedework/page='event'"> 
    101                 <!-- show an event --> 
    102                 <xsl:apply-templates select="/bedework/event"/> 
    103               </xsl:when> 
    104               <xsl:when test="/bedework/page='addEvent'"> 
    105                 <xsl:call-template name="addEvent"/> 
    106               </xsl:when> 
    107               <xsl:when test="/bedework/page='editEvent'"> 
    108                 <!-- edit an event --> 
    109                 <xsl:apply-templates select="/bedework/eventform"/> 
    110               </xsl:when> 
    111               <xsl:when test="/bedework/page='alarmOptions'"> 
    112                 <xsl:call-template name="alarmOptions" /> 
    113               </xsl:when> 
    114               <xsl:when test="/bedework/page='upload'"> 
    115                 <xsl:call-template name="upload" /> 
    116               </xsl:when> 
    117               <xsl:when test="/bedework/page='manageLocations'"> 
    118                 <xsl:call-template name="manageLocations" /> 
    119               </xsl:when> 
    120               <xsl:when test="/bedework/page='editLocation'"> 
    121                 <!-- edit an event --> 
    122                 <xsl:apply-templates select="/bedework/locationform"/> 
    123               </xsl:when> 
    124               <xsl:when test="/bedework/page='calendars'"> 
    125                 <!-- show a list of all calendars and manage subscriptions --> 
    126                 <xsl:apply-templates select="/bedework/calendars"/> 
    127               </xsl:when> 
    128               <xsl:when test="/bedework/page='other'"> 
    129                 <!-- show an arbitrary page --> 
    130                 <xsl:call-template name="selectPage"/> 
    131               </xsl:when> 
    132               <xsl:otherwise> 
    133                 <!-- otherwise, show the eventsCalendar --> 
    134                 <xsl:call-template name="navigation"/> 
    135                 <xsl:call-template name="userBar"/> 
    136                 <!-- main eventCalendar content --> 
    137                 <xsl:choose> 
    138                   <xsl:when test="/bedework/periodname='Day'"> 
    139                     <xsl:call-template name="listView"/> 
    140                   </xsl:when> 
    141                   <xsl:when test="/bedework/periodname='Week' or /bedework/periodname=''"> 
    142                     <xsl:choose> 
    143                       <xsl:when test="/bedework/appvar[key='weekViewMode']/value='list'"> 
    144                         <xsl:call-template name="listView"/> 
    145                       </xsl:when> 
    146                       <xsl:otherwise> 
    147                         <xsl:call-template name="weekView"/> 
    148                       </xsl:otherwise> 
    149                     </xsl:choose> 
    150                   </xsl:when> 
    151                   <xsl:when test="/bedework/periodname='Month'"> 
    152                     <xsl:choose> 
    153                       <xsl:when test="/bedework/appvar[key='monthViewMode']/value='list'"> 
    154                         <xsl:call-template name="listView"/> 
    155                       </xsl:when> 
    156                       <xsl:otherwise> 
    157                         <xsl:call-template name="monthView"/> 
    158                       </xsl:otherwise> 
    159                     </xsl:choose> 
    160                   </xsl:when> 
    161                   <xsl:otherwise> 
    162                     <xsl:call-template name="yearView"/> 
    163                   </xsl:otherwise> 
    164                 </xsl:choose> 
    165               </xsl:otherwise> 
    166             </xsl:choose> 
    167           </div> 
    168         </div> 
     92        <table id="bodyBlock" cellspacing="0"> 
     93          <tr> 
     94            <td id="leftMenus"> 
     95              <xsl:call-template name="leftMenus"/> 
     96            </td> 
     97            <td id="bodyContent"> 
     98              <xsl:call-template name="tabs"/> 
     99              <xsl:choose> 
     100                <xsl:when test="/bedework/page='event'"> 
     101                  <!-- show an event --> 
     102                  <xsl:apply-templates select="/bedework/event"/> 
     103                </xsl:when> 
     104                <xsl:when test="/bedework/page='addEvent'"> 
     105                  <xsl:call-template name="addEvent"/> 
     106                </xsl:when> 
     107                <xsl:when test="/bedework/page='editEvent'"> 
     108                  <!-- edit an event --> 
     109                  <xsl:apply-templates select="/bedework/eventform"/> 
     110                </xsl:when> 
     111                <xsl:when test="/bedework/page='alarmOptions'"> 
     112                  <xsl:call-template name="alarmOptions" /> 
     113                </xsl:when> 
     114                <xsl:when test="/bedework/page='upload'"> 
     115                  <xsl:call-template name="upload" /> 
     116                </xsl:when> 
     117                <xsl:when test="/bedework/page='manageLocations'"> 
     118                  <xsl:call-template name="manageLocations" /> 
     119                </xsl:when> 
     120                <xsl:when test="/bedework/page='editLocation'"> 
     121                  <!-- edit an event --> 
     122                  <xsl:apply-templates select="/bedework/locationform"/> 
     123                </xsl:when> 
     124                <xsl:when test="/bedework/page='calendars'"> 
     125                  <!-- show a list of all calendars and manage subscriptions --> 
     126                  <xsl:apply-templates select="/bedework/calendars"/> 
     127                </xsl:when> 
     128                <xsl:when test="/bedework/page='other'"> 
     129                  <!-- show an arbitrary page --> 
     130                  <xsl:call-template name="selectPage"/> 
     131                </xsl:when> 
     132                <xsl:otherwise> 
     133                  <!-- otherwise, show the eventsCalendar --> 
     134                  <xsl:call-template name="navigation"/> 
     135                  <xsl:call-template name="userBar"/> 
     136                  <!-- main eventCalendar content --> 
     137                  <xsl:choose> 
     138                    <xsl:when test="/bedework/periodname='Day'"> 
     139                      <xsl:call-template name="listView"/> 
     140                    </xsl:when> 
     141                    <xsl:when test="/bedework/periodname='Week' or /bedework/periodname=''"> 
     142                      <xsl:choose> 
     143                        <xsl:when test="/bedework/appvar[key='weekViewMode']/value='list'"> 
     144                          <xsl:call-template name="listView"/> 
     145                        </xsl:when> 
     146                        <xsl:otherwise> 
     147                          <xsl:call-template name="weekView"/> 
     148                        </xsl:otherwise> 
     149                      </xsl:choose> 
     150                    </xsl:when> 
     151                    <xsl:when test="/bedework/periodname='Month'"> 
     152                      <xsl:choose> 
     153                        <xsl:when test="/bedework/appvar[key='monthViewMode']/value='list'"> 
     154                          <xsl:call-template name="listView"/> 
     155                        </xsl:when> 
     156                        <xsl:otherwise> 
     157                          <xsl:call-template name="monthView"/> 
     158                        </xsl:otherwise> 
     159                      </xsl:choose> 
     160                    </xsl:when> 
     161                    <xsl:otherwise> 
     162                      <xsl:call-template name="yearView"/> 
     163                    </xsl:otherwise> 
     164                  </xsl:choose> 
     165                </xsl:otherwise> 
     166              </xsl:choose> 
     167            </td> 
     168          </tr> 
     169        </table> 
    169170        <!-- footer --> 
    170171        <xsl:call-template name="footer"/> 
    …… 
    227228  </xsl:template> 
    228229 
     230  <xsl:template name="leftMenus"> 
     231    <table id="leftTabs" cellspacing="0"> 
     232      <tr>     
     233        <td class="selected first">Main</td>   
     234        <td>Calendars</td> 
     235        <td>Subscriptions</td> 
     236      </tr> 
     237    </table> 
     238  </xsl:template> 
     239   
    229240  <xsl:template name="tabs"> 
    230241    <xsl:choose> 
    …… 
    273284            </td> 
    274285            <td class="centerCell"> 
    275                 <a href="setup.do">refresh view</a><!-- <a href="http://www.rpi.edu/dept/cct/apps/pubeventsxml/calendarfeatures.html">login</a> --> 
    276                 <!-- <span id="featureHighlight">switch view &#8594;</span> --> 
    277             </td> 
    278             <td class="centerCell"> 
    279286                <a href="{$initUpload}">upload</a><!-- <a href="http://www.rpi.edu/dept/cct/apps/pubeventsxml/calendarfeatures.html">login</a> --> 
    280287                <!-- <span id="featureHighlight">switch view &#8594;</span> --> 
    …… 
    286293              <a class="rss" href="{$setSelection}?calId=&amp;setappvar=summaryMode(details)&amp;skinName=rss" title="RSS feed">RSS</a> 
    287294            </td> 
    288             <td> 
    289               <xsl:choose> 
    290                 <xsl:when test="/bedework/periodname='Day'"> 
    291                   <img src="{$resourcesRoot}/images/demo/std-button-listview-off.gif" width="46" height="20" border="0" alt="toggle list/calendar view"/> 
    292                 </xsl:when> 
    293                 <xsl:when test="/bedework/periodname='Year'"> 
    294                   <img src="{$resourcesRoot}/images/demo/std-button-calview-off.gif" width="46" height="20" border="0" alt="toggle list/calendar view"/> 
    295                 </xsl:when> 
    296                 <xsl:when test="/bedework/periodname='Month'"> 
    297                   <xsl:choose> 
    298                     <xsl:when test="/bedework/appvar[key='monthViewMode']/value='list'"> 
    299                       <a href="{$setup}?setappvar=monthViewMode(cal)" title="toggle list/calendar view"> 
    300                         <img src="{$resourcesRoot}/images/demo/std-button-calview.gif" width="46" height="20" border="0" alt="toggle list/calendar view"/> 
    301                       </a> 
    302                     </xsl:when> 
    303                     <xsl:otherwise> 
    304                       <a href="{$setup}?setappvar=monthViewMode(list)" title="toggle list/calendar view"> 
    305                         <img src="{$resourcesRoot}/images/demo/std-button-listview.gif" width="46" height="20" border="0" alt="toggle list/calendar view"/> 
    306                       </a> 
    307                     </xsl:otherwise> 
    308                   </xsl:choose> 
    309                 </xsl:when> 
    310                 <xsl:otherwise> 
    311                   <xsl:choose> 
    312                     <xsl:when test="/bedework/appvar[key='weekViewMode']/value='list'"> 
    313                       <a href="{$setup}?setappvar=weekViewMode(cal)" title="toggle list/calendar view"> 
    314                         <img src="{$resourcesRoot}/images/demo/std-button-calview.gif" width="46" height="20" border="0" alt="toggle list/calendar view"/> 
    315                       </a> 
    316                     </xsl:when> 
    317                     <xsl:otherwise> 
    318                       <a href="{$setup}?setappvar=weekViewMode(list)" title="toggle list/calendar view"> 
    319                         <img src="{$resourcesRoot}/images/demo/std-button-listview.gif" width="46" height="20" border="0" alt="toggle list/calendar view"/> 
    320                       </a> 
    321                     </xsl:otherwise> 
    322                   </xsl:choose> 
    323                 </xsl:otherwise> 
    324               </xsl:choose> 
    325             </td> 
     295             
    326296            <td class="rightCell"> 
    327               <xsl:choose> 
    328                 <xsl:when test="/bedework/periodname='Year' or 
    329                                 (/bedework/periodname='Month' and 
    330                                 (/bedework/appvar[key='monthViewMode']/value='cal' or 
    331                                  count(/bedework/appvar[key='monthViewMode'])=0)) or 
    332                                 (/bedework/periodname='Week' and 
    333                                 (/bedework/appvar[key='weekViewMode']/value='cal' or 
    334                                  count(/bedework/appvar[key='weekViewMode'])=0))"> 
    335                   <xsl:choose> 
    336                     <xsl:when test="/bedework/appvar[key='summaryMode']/value='details'"> 
    337                       <img src="{$resourcesRoot}/images/demo/std-button-summary-off.gif" width="67" height="20" border="0" alt="only summaries of events supported in this view"/> 
    338                     </xsl:when> 
    339                     <xsl:otherwise> 
    340                       <img src="{$resourcesRoot}/images/demo/std-button-details-off.gif" width="67" height="20" border="0" alt="only summaries of events supported in this view"/> 
    341                     </xsl:otherwise> 
    342                   </xsl:choose> 
    343                 </xsl:when> 
    344                 <xsl:otherwise> 
    345                   <xsl:choose> 
    346                     <xsl:when test="/bedework/appvar[key='summaryMode']/value='details'"> 
    347                       <a href="{$setup}?setappvar=summaryMode(summary)" title="toggle summary/detailed view"> 
    348                         <img src="{$resourcesRoot}/images/demo/std-button-summary.gif" width="67" height="20" border="0" alt="toggle summary/detailed view"/> 
    349                       </a> 
    350                     </xsl:when> 
    351                     <xsl:otherwise> 
    352                       <a href="{$setup}?setappvar=summaryMode(details)" title="toggle summary/detailed view"> 
    353                         <img src="{$resourcesRoot}/images/demo/std-button-details.gif" width="67" height="20" border="0" alt="toggle summary/detailed view"/> 
    354                       </a> 
    355                     </xsl:otherwise> 
    356                   </xsl:choose> 
    357                 </xsl:otherwise> 
    358               </xsl:choose> 
     297              &#160; 
    359298            </td> 
    360299          </tr> 
    …… 
    386325      </xsl:otherwise> 
    387326    </xsl:choose> 
    388   </xsl:template> 
    389  
    390   <xsl:template name="alerts"> 
    391     <table id="alertsTable"> 
    392       <tr> 
    393         <td> 
    394           I'm an alert 
    395         </td> 
    396       </tr> 
    397     </table> 
    398327  </xsl:template> 
    399328 
    …… 
    531460         </td> 
    532461         <td class="rightCell"> 
    533            <a href="{$initEvent}">Add Event</a> | 
     462           <xsl:choose> 
     463            <xsl:when test="/bedework/periodname='Day'"> 
     464              <img src="{$resourcesRoot}/images/demo/std-button-listview-off.gif" width="46" height="21" border="0" alt="toggle list/calendar view"/> 
     465            </xsl:when> 
     466            <xsl:when test="/bedework/periodname='Year'"> 
     467              <img src="{$resourcesRoot}/images/demo/std-button-calview-off.gif" width="46" height="21" border="0" alt="toggle list/calendar view"/> 
     468            </xsl:when> 
     469            <xsl:when test="/bedework/periodname='Month'"> 
     470              <xsl:choose> 
     471                <xsl:when test="/bedework/appvar[key='monthViewMode']/value='list'"> 
     472                  <a href="{$setup}?setappvar=monthViewMode(cal)" title="toggle list/calendar view"> 
     473                    <img src="{$resourcesRoot}/images/demo/std-button-calview.gif" width="46" height="21" border="0" alt="toggle list/calendar view"/> 
     474                  </a> 
     475                </xsl:when> 
     476                <xsl:otherwise> 
     477                  <a href="{$setup}?setappvar=monthViewMode(list)" title="toggle list/calendar view"> 
     478                    <img src="{$resourcesRoot}/images/demo/std-button-listview.gif" width="46" height="21" border="0" alt="toggle list/calendar view"/> 
     479                  </a> 
     480                </xsl:otherwise> 
     481              </xsl:choose> 
     482            </xsl:when> 
     483            <xsl:otherwise> 
     484              <xsl:choose> 
     485                <xsl:when test="/bedework/appvar[key='weekViewMode']/value='list'"> 
     486                  <a href="{$setup}?setappvar=weekViewMode(cal)" title="toggle list/calendar view"> 
     487                    <img src="{$resourcesRoot}/images/demo/std-button-calview.gif" width="46" height="21" border="0" alt="toggle list/calendar view"/> 
     488                  </a> 
     489                </xsl:when> 
     490                <xsl:otherwise> 
     491                  <a href="{$setup}?setappvar=weekViewMode(list)" title="toggle list/calendar view"> 
     492                    <img src="{$resourcesRoot}/images/demo/std-button-listview.gif" width="46" height="21" border="0" alt="toggle list/calendar view"/> 
     493                  </a> 
     494                </xsl:otherwise> 
     495              </xsl:choose> 
     496            </xsl:otherwise> 
     497          </xsl:choose> 
     498           <xsl:choose> 
     499              <xsl:when test="/bedework/periodname='Year' or 
     500                              (/bedework/periodname='Month' and 
     501                              (/bedework/appvar[key='monthViewMode']/value='cal' or 
     502                               count(/bedework/appvar[key='monthViewMode'])=0)) or 
     503                              (/bedework/periodname='Week' and 
     504                              (/bedework/appvar[key='weekViewMode']/value='cal' or 
     505                               count(/bedework/appvar[key='weekViewMode'])=0))"> 
     506                <xsl:choose> 
     507                  <xsl:when test="/bedework/appvar[key='summaryMode']/value='details'"> 
     508                    <img src="{$resourcesRoot}/images/demo/std-button-summary-off.gif" width="62" height="21" border="0" alt="only summaries of events supported in this view"/> 
     509                  </xsl:when> 
     510                  <xsl:otherwise> 
     511                    <img src="{$resourcesRoot}/images/demo/std-button-details-off.gif" width="62" height="21" border="0" alt="only summaries of events supported in this view"/> 
     512                  </xsl:otherwise> 
     513                </xsl:choose> 
     514              </xsl:when> 
     515              <xsl:otherwise> 
     516                <xsl:choose> 
     517                  <xsl:when test="/bedework/appvar[key='summaryMode']/value='details'"> 
     518                    <a href="{$setup}?setappvar=summaryMode(summary)" title="toggle summary/detailed view"> 
     519                      <img src="{$resourcesRoot}/images/demo/std-button-summary.gif" width="62" height="21" border="0" alt="toggle summary/detailed view"/> 
     520                    </a> 
     521                  </xsl:when> 
     522                  <xsl:otherwise> 
     523                    <a href="{$setup}?setappvar=summaryMode(details)" title="toggle summary/detailed view"> 
     524                      <img src="{$resourcesRoot}/images/demo/std-button-details.gif" width="62" height="21" border="0" alt="toggle summary/detailed view"/> 
     525                    </a> 
     526                  </xsl:otherwise> 
     527                </xsl:choose> 
     528              </xsl:otherwise> 
     529            </xsl:choose> 
     530            <a href="setup.do"><img src="{$resourcesRoot}/images/demo/std-button-refresh.gif" width="70" height="21" border="0" alt="refresh view"/></a> 
     531           <!--<a href="{$initEvent}">Add Event</a> | 
    534532           <a href="{$manageLocations}">Manage Locations</a> | 
    535            <a href="{$fetchPublicCalendars}">Manage Subscriptions</a> 
     533           <a href="{$fetchPublicCalendars}">Manage Subscriptions</a>--> 
    536534           <!-- <form name="calForm" method="get" action="{$setSelection}">Search: <input type="text" name="searchString" size="30" value=""/><input type="submit" value="go"/></form> --> 
    537535         </td>