Changeset 2538

Show
Ignore:
Timestamp:
12/23/09 11:32:12
Author:
johnsa
Message:

web clients: remove image based toggles - replace with text

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved
  • trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/default/strings.xsl

    r2533 r2538  
    5454  <xsl:variable name="bwStr-SrcB-Search">Search:</xsl:variable> 
    5555  <xsl:variable name="bwStr-SrcB-Go">go</xsl:variable> 
     56  <xsl:variable name="bwStr-Util-List">LIST</xsl:variable> 
     57  <xsl:variable name="bwStr-Util-Cal">CAL</xsl:variable> 
    5658  <xsl:variable name="bwStr-SrcB-ToggleListCalView">toggle list/calendar view</xsl:variable> 
     59  <xsl:variable name="bwStr-Util-Summary">SUMMARY</xsl:variable> 
     60  <xsl:variable name="bwStr-Util-Details">DETAILS</xsl:variable> 
    5761  <xsl:variable name="bwStr-SrcB-ToggleSummDetView">toggle summary/detailed view</xsl:variable> 
    5862  <xsl:variable name="bwStr-SrcB-ShowDetails">Show Details</xsl:variable> 
  • trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/themes/bwclassicTheme/bwclassic.xsl

    r2535 r2538  
    443443            <xsl:choose> 
    444444              <xsl:when test="/bedework/periodname='Day' or /bedework/page='eventList'"> 
    445                 <img src="{$resourcesRoot}/images/std-button-listview-off.gif" width="46" height="21" border="0" alt="{$bwStr-SrcB-ToggleListCalView}"/
     445                <span class="utilButtonOff"><xsl:copy-of select="$bwStr-Util-List"/></span
    446446              </xsl:when> 
    447447              <xsl:when test="/bedework/periodname='Year'"> 
    448                 <img src="{$resourcesRoot}/images/std-button-calview-off.gif" width="46" height="21" border="0" alt="{$bwStr-SrcB-ToggleListCalView}"/
     448                <span class="utilButtonOff"><xsl:copy-of select="$bwStr-Util-Cal"/></span
    449449              </xsl:when> 
    450450              <xsl:when test="/bedework/periodname='Month'"> 
    451451                <xsl:choose> 
    452452                  <xsl:when test="/bedework/appvar[key='monthViewMode']/value='list'"> 
    453                     <a href="{$setup}&amp;setappvar=monthViewMode(cal)" title="{$bwStr-SrcB-ToggleListCalView}"> 
    454                       <img src="{$resourcesRoot}/images/std-button-calview.gif" width="46" height="21" border="0" alt="{$bwStr-SrcB-ToggleListCalView}"/> 
     453                    <a class="utilButton" href="{$setup}&amp;setappvar=monthViewMode(cal)" title="{$bwStr-SrcB-ToggleListCalView}"> 
     454                      <xsl:copy-of select="$bwStr-Util-Cal"/> 
    455455                    </a> 
    456456                  </xsl:when> 
    457457                  <xsl:otherwise> 
    458                     <a href="{$setup}&amp;setappvar=monthViewMode(list)" title="{$bwStr-SrcB-ToggleListCalView}"> 
    459                       <img src="{$resourcesRoot}/images/std-button-listview.gif" width="46" height="21" border="0" alt="{$bwStr-SrcB-ToggleListCalView}"/> 
     458                    <a class="utilButton" href="{$setup}&amp;setappvar=monthViewMode(list)" title="{$bwStr-SrcB-ToggleListCalView}"> 
     459                      <xsl:copy-of select="$bwStr-Util-List"/> 
    460460                    </a> 
    461461                  </xsl:otherwise> 
     
    465465                <xsl:choose> 
    466466                  <xsl:when test="/bedework/appvar[key='weekViewMode']/value='list'"> 
    467                     <a href="{$setup}&amp;setappvar=weekViewMode(cal)" title="{$bwStr-SrcB-ToggleListCalView}"> 
    468                       <img src="{$resourcesRoot}/images/std-button-calview.gif" width="46" height="21" border="0"  alt="{$bwStr-SrcB-ToggleListCalView}"/> 
     467                    <a class="utilButton" href="{$setup}&amp;setappvar=weekViewMode(cal)" title="{$bwStr-SrcB-ToggleListCalView}"> 
     468                      <xsl:copy-of select="$bwStr-Util-Cal"/> 
    469469                    </a> 
    470470                  </xsl:when> 
    471471                  <xsl:otherwise> 
    472                     <a href="{$setup}&amp;setappvar=weekViewMode(list)" title="{$bwStr-SrcB-ToggleListCalView}"> 
    473                       <img src="{$resourcesRoot}/images/std-button-listview.gif" width="46" height="21" border="0"  alt="{$bwStr-SrcB-ToggleListCalView}"/> 
     472                    <a class="utilButton" href="{$setup}&amp;setappvar=weekViewMode(list)" title="{$bwStr-SrcB-ToggleListCalView}"> 
     473                      <xsl:copy-of select="$bwStr-Util-List"/> 
    474474                    </a> 
    475475                  </xsl:otherwise> 
     
    481481                <xsl:choose> 
    482482                  <xsl:when test="/bedework/appvar[key='listEventsSummaryMode']/value='details'"> 
    483                     <a href="{$listEvents}&amp;setappvar=listEventsSummaryMode(summary)" title="{$bwStr-SrcB-ToggleSummDetView}"> 
    484                       <img src="{$resourcesRoot}/images/std-button-summary.gif" width="62" height="21" border="0" alt="{$bwStr-SrcB-ToggleSummDetView}"/> 
     483                    <a class="utilButton" href="{$listEvents}&amp;setappvar=listEventsSummaryMode(summary)" title="{$bwStr-SrcB-ToggleSummDetView}"> 
     484                      <xsl:copy-of select="$bwStr-Util-Summary"/> 
    485485                    </a> 
    486486                  </xsl:when> 
    487487                  <xsl:otherwise> 
    488                     <a href="{$listEvents}&amp;setappvar=listEventsSummaryMode(details)" title="{$bwStr-SrcB-ToggleSummDetView}"> 
    489                       <img src="{$resourcesRoot}/images/std-button-details.gif" width="62" height="21" border="0" alt="{$bwStr-SrcB-ToggleSummDetView}"/> 
     488                    <a class="utilButton" href="{$listEvents}&amp;setappvar=listEventsSummaryMode(details)" title="{$bwStr-SrcB-ToggleSummDetView}"> 
     489                      <xsl:copy-of select="$bwStr-Util-Details"/> 
    490490                    </a> 
    491491                  </xsl:otherwise> 
     
    501501                <xsl:choose> 
    502502                  <xsl:when test="/bedework/appvar[key='summaryMode']/value='details'"> 
    503                     <img src="{$resourcesRoot}/images/std-button-summary-off.gif" width="62" height="21" border="0" alt="only summaries of events supported in this view"/
     503                    <span class="utilButtonOff"><xsl:copy-of select="$bwStr-Util-Summary"/></span
    504504                  </xsl:when> 
    505505                  <xsl:otherwise> 
    506                     <img src="{$resourcesRoot}/images/std-button-details-off.gif" width="62" height="21" border="0" alt="only summaries of events supported in this view"/
     506                    <span class="utilButtonOff"><xsl:copy-of select="$bwStr-Util-Details"/></span
    507507                  </xsl:otherwise> 
    508508                </xsl:choose> 
     
    511511                <xsl:choose> 
    512512                  <xsl:when test="/bedework/appvar[key='summaryMode']/value='details'"> 
    513                     <a href="{$setup}&amp;setappvar=summaryMode(summary)" title="{$bwStr-SrcB-ToggleSummDetView}"> 
    514                       <img src="{$resourcesRoot}/images/std-button-summary.gif" width="62" height="21" border="0" alt="{$bwStr-SrcB-ToggleSummDetView}"/> 
     513                    <a class="utilButton" href="{$setup}&amp;setappvar=summaryMode(summary)" title="{$bwStr-SrcB-ToggleSummDetView}"> 
     514                      <xsl:copy-of select="$bwStr-Util-Summary"/> 
    515515                    </a> 
    516516                  </xsl:when> 
    517517                  <xsl:otherwise> 
    518                     <a href="{$setup}&amp;setappvar=summaryMode(details)" title="{$bwStr-SrcB-ToggleSummDetView}"> 
    519                       <img src="{$resourcesRoot}/images/std-button-details.gif" width="62" height="21" border="0" alt="{$bwStr-SrcB-ToggleSummDetView}"/> 
     518                    <a class="utilButton" href="{$setup}&amp;setappvar=summaryMode(details)" title="{$bwStr-SrcB-ToggleSummDetView}"> 
     519                      <xsl:copy-of select="$bwStr-Util-Details"/> 
    520520                    </a> 
    521521                  </xsl:otherwise> 
     
    523523              </xsl:otherwise> 
    524524            </xsl:choose> 
     525            <!-- 
    525526            <a href="{$setup}"> 
    526527              <xsl:if test="/bedework/page='eventList'"> 
     
    529530              <img src="{$resourcesRoot}/images/std-button-refresh.gif" width="70" height="21" border="0" alt="refresh view"/> 
    530531            </a> 
     532            --> 
    531533          </td> 
    532534       </tr> 
  • trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/themes/bwclassicTheme/css/blue.css

    r2448 r2538  
    162162  text-align: right; 
    163163  border-right: 2px solid #aaa; 
    164   padding: 0.1em 0.1em 0em 0em
     164  padding: 2px
    165165  white-space: nowrap; 
    166166} 
     
    183183#searchBarTable img { 
    184184  vertical-align: middle; 
     185} 
     186#searchBarTable a.utilButton, 
     187#searchBarTable .utilButtonOff { 
     188  vertical-align: middle; 
     189  margin: 0 2px 0 4px; 
     190  padding: 2px 4px; 
     191  font-size: 0.7em; 
     192  border: 1px solid #bbb; 
     193  background-color: #ccc; 
     194  color: black; 
     195  text-decoration: none; 
     196} 
     197#searchBarTable .utilButtonOff { 
     198  background-color: #ddd; 
     199  color: #888; 
     200} 
     201#searchBarTable a.utilButton:hover { 
     202  background-color: #ddd; 
     203  color: black; 
    185204} 
    186205#searchFilter { 
  • trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/themes/bwclassicTheme/css/green.css

    r2448 r2538  
    171171  text-align: right; 
    172172  border-right: 2px solid #333; 
    173   padding: 0.1em 0.1em 0em 0em
     173  padding: 2px
    174174  white-space: nowrap; 
    175175} 
     
    189189#searchBarTable img { 
    190190  vertical-align: middle; 
     191} 
     192#searchBarTable a.utilButton, 
     193#searchBarTable .utilButtonOff { 
     194  vertical-align: middle; 
     195  margin: 0 2px 0 4px; 
     196  padding: 2px 4px; 
     197  font-size: 0.7em; 
     198  border: 1px solid #bbb; 
     199  background-color: #ccc; 
     200  color: black; 
     201  text-decoration: none; 
     202} 
     203#searchBarTable .utilButtonOff { 
     204  background-color: #ddd; 
     205  color: #888; 
     206} 
     207#searchBarTable a.utilButton:hover { 
     208  background-color: #ddd; 
     209  color: black; 
    191210} 
    192211#searchFilter { 
  • trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/themes/bwclassicTheme/css/red.css

    r2448 r2538  
    171171  text-align: right; 
    172172  border-right: 2px solid #333; 
    173   padding: 0.1em 0.1em 0em 0em
     173  padding: 2px
    174174  white-space: nowrap; 
    175175} 
     
    189189#searchBarTable img { 
    190190  vertical-align: middle; 
     191} 
     192#searchBarTable a.utilButton, 
     193#searchBarTable .utilButtonOff { 
     194  vertical-align: middle; 
     195  margin: 0 2px 0 4px; 
     196  padding: 2px 4px; 
     197  font-size: 0.7em; 
     198  border: 1px solid #bbb; 
     199  background-color: #ccc; 
     200  color: black; 
     201  text-decoration: none; 
     202} 
     203#searchBarTable .utilButtonOff { 
     204  background-color: #ddd; 
     205  color: #888; 
     206} 
     207#searchBarTable a.utilButton:hover { 
     208  background-color: #ddd; 
     209  color: black; 
    191210} 
    192211#searchFilter { 
  • trunk/deployment/webuser/webapp/resources/demoskins/default/default/default.css

    r2434 r2538  
    365365  margin: 0; 
    366366  padding: 0; 
     367} 
     368#bedework #utilBarTable a.utilButton, 
     369#bedework #utilBarTable .utilButtonOff { 
     370  vertical-align: middle; 
     371  margin: 0 0 0 4px; 
     372  padding: 2px 4px; 
     373  font-size: 0.7em; 
     374  border: 1px solid #bbb; 
     375  background-color: #ccc; 
     376  color: black; 
     377  text-decoration: none; 
     378} 
     379#bedework #utilBarTable .utilButtonOff { 
     380  background-color: #ddd; 
     381  color: #888; 
     382} 
     383#bedework #utilBarTable a.utilButton:hover { 
     384  background-color: #ddd; 
     385  color: black; 
    367386} 
    368387#bedework .bwActionIcons { 
  • trunk/deployment/webuser/webapp/resources/demoskins/default/default/default.xsl

    r2522 r2538  
    918918               <xsl:choose> 
    919919                 <xsl:when test="/bedework/page='freeBusy'"> 
    920                    <a href="{$setViewPeriod}&amp;date={$curdate}"><img src="{$resourcesRoot}/resources/std-button-events.gif" width="70" height="21" border="0" alt="show events"/></a> 
     920                   <a class="utilButton" href="{$setViewPeriod}&amp;date={$curdate}" title="{$bwStr-Util-ShowEvents}"> 
     921                     <xsl:copy-of select="$bwStr-Util-Events"/> 
     922                   </a> 
    921923                 </xsl:when> 
    922924                 <xsl:otherwise> 
    923                    <a href="{$freeBusy-fetch}&amp;date={$curdate}"><img src="{$resourcesRoot}/resources/std-button-freebusy.gif" width="70" height="21" border="0" alt="show free/busy"/></a> 
     925                   <a class="utilButton" href="{$freeBusy-fetch}&amp;date={$curdate}" title="{$bwStr-Util-ShowFreebusy}"> 
     926                     <xsl:copy-of select="$bwStr-Util-Freebusy"/> 
     927                   </a> 
    924928                 </xsl:otherwise> 
    925929               </xsl:choose> 
    926930             </xsl:when> 
    927931             <xsl:otherwise> 
    928                <img src="{$resourcesRoot}/resources/std-button-freebusy-off.gif" width="70" height="21" border="0" alt="show free/busy"/
     932               <span class="utilButtonOff"><xsl:copy-of select="$bwStr-Util-Freebusy"/></span
    929933             </xsl:otherwise> 
    930934           </xsl:choose> 
     
    933937           <xsl:choose> 
    934938             <xsl:when test="/bedework/periodname='Day' or /bedework/page='eventList'"> 
    935                <img src="{$resourcesRoot}/resources/std-button-listview-off.gif" width="46" height="21" border="0" alt="{$bwStr-Util-ToggleListCalView}"/
     939               <span class="utilButtonOff"><xsl:copy-of select="$bwStr-Util-List"/></span
    936940             </xsl:when> 
    937941             <xsl:when test="/bedework/periodname='Year'"> 
    938                <img src="{$resourcesRoot}/resources/std-button-calview-off.gif" width="46" height="21" border="0" alt="{$bwStr-Util-ToggleListCalView}"/
     942               <span class="utilButtonOff"><xsl:copy-of select="$bwStr-Util-Cal"/></span
    939943             </xsl:when> 
    940944             <xsl:when test="/bedework/periodname='Month'"> 
    941945               <xsl:choose> 
    942946                 <xsl:when test="/bedework/appvar[key='monthViewMode']/value='list'"> 
    943                    <a href="{$setup}&amp;setappvar=monthViewMode(cal)" title="{$bwStr-Util-ToggleListCalView}"> 
    944                      <img src="{$resourcesRoot}/resources/std-button-calview.gif" width="46" height="21" border="0" alt="{$bwStr-Util-ToggleListCalView}"/> 
     947                   <a class="utilButton" href="{$setup}&amp;setappvar=monthViewMode(cal)" title="{$bwStr-Util-ToggleListCalView}"> 
     948                     <xsl:copy-of select="$bwStr-Util-Cal"/> 
    945949                   </a> 
    946950                 </xsl:when> 
    947951                 <xsl:otherwise> 
    948                    <a href="{$setup}&amp;setappvar=monthViewMode(list)" title="{$bwStr-Util-ToggleListCalView}"> 
    949                      <img src="{$resourcesRoot}/resources/std-button-listview.gif" width="46" height="21" border="0" alt="{$bwStr-Util-ToggleListCalView}"/> 
     952                   <a class="utilButton" href="{$setup}&amp;setappvar=monthViewMode(list)" title="{$bwStr-Util-ToggleListCalView}"> 
     953                     <xsl:copy-of select="$bwStr-Util-List"/> 
    950954                   </a> 
    951955                 </xsl:otherwise> 
     
    955959               <xsl:choose> 
    956960                 <xsl:when test="/bedework/appvar[key='weekViewMode']/value='list'"> 
    957                    <a href="{$setup}&amp;setappvar=weekViewMode(cal)" title="{$bwStr-Util-ToggleListCalView}"> 
    958                      <img src="{$resourcesRoot}/resources/std-button-calview.gif" width="46" height="21" border="0" alt="{$bwStr-Util-ToggleListCalView}"/> 
     961                   <a class="utilButton" href="{$setup}&amp;setappvar=weekViewMode(cal)" title="{$bwStr-Util-ToggleListCalView}"> 
     962                     <xsl:copy-of select="$bwStr-Util-Cal"/> 
    959963                   </a> 
    960964                 </xsl:when> 
    961965                 <xsl:otherwise> 
    962                    <a href="{$setup}&amp;setappvar=weekViewMode(list)" title="{$bwStr-Util-ToggleListCalView}"> 
    963                      <img src="{$resourcesRoot}/resources/std-button-listview.gif" width="46" height="21" border="0" alt="{$bwStr-Util-ToggleListCalView}"/> 
     966                   <a class="utilButton" href="{$setup}&amp;setappvar=weekViewMode(list)" title="{$bwStr-Util-ToggleListCalView}"> 
     967                     <xsl:copy-of select="$bwStr-Util-List"/> 
    964968                   </a> 
    965969                 </xsl:otherwise> 
     
    973977                <xsl:choose> 
    974978                  <xsl:when test="/bedework/appvar[key='listEventsSummaryMode']/value='details'"> 
    975                     <a href="{$listEvents}&amp;setappvar=listEventsSummaryMode(summary)" title="{$bwStr-Util-ToggleSummDetView}"> 
    976                       <img src="{$resourcesRoot}/resources/std-button-summary.gif" width="62" height="21" border="0" alt="{$bwStr-Util-ToggleSummDetView}"/> 
     979                    <a class="utilButton" href="{$listEvents}&amp;setappvar=listEventsSummaryMode(summary)" title="{$bwStr-Util-ToggleSummDetView}"> 
     980                      <xsl:copy-of select="$bwStr-Util-Summary"/> 
    977981                    </a> 
    978982                  </xsl:when> 
    979983                  <xsl:otherwise> 
    980                     <a href="{$listEvents}&amp;setappvar=listEventsSummaryMode(details)" title="{$bwStr-Util-ToggleSummDetView}"> 
    981                       <img src="{$resourcesRoot}/resources/std-button-details.gif" width="62" height="21" border="0" alt="{$bwStr-Util-ToggleSummDetView}"/> 
     984                    <a class="utilButton" href="{$listEvents}&amp;setappvar=listEventsSummaryMode(details)" title="{$bwStr-Util-ToggleSummDetView}"> 
     985                      <xsl:copy-of select="$bwStr-Util-Details"/> 
    982986                    </a> 
    983987                  </xsl:otherwise> 
     
    993997                <xsl:choose> 
    994998                  <xsl:when test="/bedework/appvar[key='summaryMode']/value='details'"> 
    995                     <img src="{$resourcesRoot}/resources/std-button-summary-off.gif" width="62" height="21" border="0" alt="only summaries of events supported in this view"/
     999                    <span class="utilButtonOff"><xsl:copy-of select="$bwStr-Util-Summary"/></span
    9961000                  </xsl:when> 
    9971001                  <xsl:otherwise> 
    998                     <img src="{$resourcesRoot}/resources/std-button-details-off.gif" width="62" height="21" border="0" alt="only summaries of events supported in this view"/
     1002                    <span class="utilButtonOff"><xsl:copy-of select="$bwStr-Util-Details"/></span
    9991003                  </xsl:otherwise> 
    10001004                </xsl:choose> 
     
    10031007                <xsl:choose> 
    10041008                  <xsl:when test="/bedework/appvar[key='summaryMode']/value='details'"> 
    1005                     <a href="{$setup}&amp;setappvar=summaryMode(summary)" title="{$bwStr-Util-ToggleSummDetView}"> 
    1006                       <img src="{$resourcesRoot}/resources/std-button-summary.gif" width="62" height="21" border="0" alt="{$bwStr-Util-ToggleSummDetView}"/> 
     1009                    <a class="utilButton" href="{$setup}&amp;setappvar=summaryMode(summary)" title="{$bwStr-Util-ToggleSummDetView}"> 
     1010                      <xsl:copy-of select="$bwStr-Util-Summary"/> 
    10071011                    </a> 
    10081012                  </xsl:when> 
    10091013                  <xsl:otherwise> 
    1010                     <a href="{$setup}&amp;setappvar=summaryMode(details)" title="{$bwStr-Util-ToggleSummDetView}"> 
    1011                       <img src="{$resourcesRoot}/resources/std-button-details.gif" width="62" height="21" border="0" alt="{$bwStr-Util-ToggleSummDetView}"/> 
     1014                    <a class="utilButton" href="{$setup}&amp;setappvar=summaryMode(details)" title="{$bwStr-Util-ToggleSummDetView}"> 
     1015                      <xsl:copy-of select="$bwStr-Util-Details"/> 
    10121016                    </a> 
    10131017                  </xsl:otherwise> 
     
    10171021 
    10181022           <!-- refresh button --> 
    1019            <a href="{$setup}"><img src="{$resourcesRoot}/resources/std-button-refresh.gif" width="70" height="21" border="0" alt="refresh view"/></a> 
     1023           <!-- deprecate? --> 
     1024           <!-- <a href="{$setup}"><img src="{$resourcesRoot}/resources/std-button-refresh.gif" width="70" height="21" border="0" alt="refresh view"/></a> --> 
    10201025         </td> 
    10211026       </tr> 
  • trunk/deployment/webuser/webapp/resources/demoskins/default/default/strings.xsl

    r2522 r2538  
    5555  <xsl:variable name="bwStr-Util-Search">Search</xsl:variable> 
    5656  <xsl:variable name="bwStr-Util-Go">go</xsl:variable> 
     57  <xsl:variable name="bwStr-Util-List">LIST</xsl:variable> 
     58  <xsl:variable name="bwStr-Util-Cal">CAL</xsl:variable> 
    5759  <xsl:variable name="bwStr-Util-ToggleListCalView">toggle list/calendar view</xsl:variable> 
     60  <xsl:variable name="bwStr-Util-Summary">SUMMARY</xsl:variable> 
     61  <xsl:variable name="bwStr-Util-Details">DETAILS</xsl:variable> 
    5862  <xsl:variable name="bwStr-Util-ToggleSummDetView">toggle summary/detailed view</xsl:variable> 
     63  <xsl:variable name="bwStr-Util-ShowEvents">Show Events</xsl:variable> 
     64  <xsl:variable name="bwStr-Util-Events">EVENTS</xsl:variable> 
     65  <xsl:variable name="bwStr-Util-ShowFreebusy">Show Free/Busy</xsl:variable> 
     66  <xsl:variable name="bwStr-Util-Freebusy">FREE/BUSY</xsl:variable> 
    5967 
    6068  <!--  xsl:template name="actionIcons" -->