Changeset 10159


Ignore:
Timestamp:
7 May 2013, 22:50:05 (12 years ago)
Author:
uli
Message:

Support a working diazo-powered language selector.

Location:
main/waeup.diazo/trunk/kofa
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • main/waeup.diazo/trunk/kofa/base.xml

    r10114 r10159  
    1010    <theme href="theme.html" />
    1111
    12     <!-- Head elements -->
     12    <!-- head elements -->
    1313    <replace css:theme="html head title"
    1414             css:content="html head title" />
     
    1717    <after css:theme-children="html head"
    1818           css:content="html head base" />
     19
     20    <!-- top navigation -->
     21    <!-- left top navigation -->
     22    <replace css:theme-children="ul.kofa-navbar-left"
     23             css:content-children="ul.kofa-navbar-left" />
     24
     25    <!-- the language selector
     26
     27      quite tricky. We insert a <li> element at end of
     28      ul.kofa-navbar-left. This <li> has a header element
     29      (the 'Language' button) and the a number of <li> elements
     30      representing the supported languages.
     31      We change the input content of format
     32
     33         <a href="foo" title="Lang">Abbrev</a>
     34
     35      to
     36
     37         <a href="foo">Lang</a>
     38
     39      creating new nodes (<xsl:element>) with attributes copied over.
     40    -->
     41    <after css:theme-children="ul.kofa-navbar-left">
     42      <li class="dropdown kofa-langselect">
     43        <a href="#" class="dropdown-toggle"
     44           data-toggle="dropdown">Language <b class="caret"></b></a>
     45        <ul class="dropdown-menu">
     46          <xsl:for-each css:select=" .language a">
     47            <li class="kofa-language">
     48              <xsl:element name="a">
     49                <xsl:attribute name="href">
     50                  <xsl:value-of select="@href" />
     51                </xsl:attribute>
     52                <xsl:value-of select="@title" />
     53              </xsl:element>
     54            </li>
     55          </xsl:for-each>
     56        </ul>
     57      </li>
     58    </after>
     59
     60    <!-- right side top navigation -->
     61    <replace css:theme-children="ul.kofa-navbar-right"
     62             css:content-children="ul.kofa-navbar-right" />
     63
     64
    1965  </rules>
    2066
    2167</rules>
    22 
  • main/waeup.diazo/trunk/kofa/theme.html

    r10130 r10159  
    4545          </button>
    4646          <a class="brand active" href="#">WAeUP.Kofa</a>
    47           <div class="nav-collapse collapse">
    48             <ul class="nav">
     47          <div class="nav-collapse collapse kofa-primary-nav">
     48            <ul class="nav kofa-navbar-left">
    4949              <li class="active"><a href="#">Academics</a></li>
    5050              <li><a href="#about">Applicants</a></li>
    5151              <li><a href="#contact">Students</a></li>
    5252              <li><a href="#contact">Hostels</a></li>
    53               <li class="dropdown">
     53              <li class="dropdown kofa-langselect">
    5454                <a href="#" class="dropdown-toggle"
    5555                   data-toggle="dropdown">Language <b class="caret"></b></a>
    5656                <ul class="dropdown-menu">
    57                   <li><a href="#">en</a></li>
    58                   <li><a href="#">fr</a></li>
    59                   <li><a href="#">de</a></li>
    60                   <li><a href="#">ha</a></li>
    61                   <li><a href="#">yo</a></li>
    62                   <li><a href="#">ig</a></li>
     57                  <li class="kofa-language"><a href="#">en</a></li>
     58                  <li class="kofa-language"><a href="#">fr</a></li>
     59                  <li class="kofa-language"><a href="#">de</a></li>
     60                  <li class="kofa-language"><a href="#">ha</a></li>
     61                  <li class="kofa-language"><a href="#">yo</a></li>
     62                  <li class="kofa-language"><a href="#">ig</a></li>
    6363                </ul>
    6464              </li>
    6565            </ul>
    66             <ul class="nav secondary-nav pull-right">
     66            <ul class="nav secondary-nav pull-right kofa-navbar-right">
    6767              <li class="nav"><a href="#">Contact</a></li>
    6868              <li class="nav"><a href="#">Logout</a></li>
Note: See TracChangeset for help on using the changeset viewer.