source: main/waeup.ikoba/trunk/layout/rules.xml @ 11984

<?xml version="1.0" encoding="UTF-8"?>
<rules
    xmlns="http://namespaces.plone.org/diazo"
    xmlns:css="http://namespaces.plone.org/diazo/css"
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
    xmlns:xi="http://www.w3.org/2001/XInclude">

  <!-- Cases where we do not want themes... -->
  <notheme if-path="/++grokui++" />  <!-- do not theme GrokUI -->
  <notheme if-path="/_debug" /><!-- output by debugger -->
  <notheme css:if-content="div#error-area" />

  <!-- use error page if there is a <table class="layout">
       tag in content. This tag is rendered in Zope 3 errors. -->
  <rules css:if-content="table#layout">
    <theme href="error-zope.html" />
    <replace css:theme-children="#ikoba-error-message"
             css:content-children="h3" />
  </rules>
  <!-- use error page if there is no <div> tag in content.
       This happens if something in the application went wrong. -->
  <rules css:if-not-content="div">
    <theme href="error-zope.html" />
    <replace css:theme-children="#ikoba-error-message"
             css:content-children="body" />
  </rules>

  <!-- regular rules -->
  <rules css:if-content="body.ikoba-body">

    <theme href="theme.html" />

    <!-- head elements -->
    <replace css:theme="html head title"
             css:content="html head title" />

    <!-- brand (upper left) -->
    <copy attributes="href" css:theme="a.ikoba-brand-link"
          css:content="a.ikoba-brand-link" />
    <replace css:theme-children="a.ikoba-brand-link"
             css:content-children="a.ikoba-brand-link" />

    <!-- left top navigation -->
    <replace css:theme-children="ul.ikoba-navbar-left"
             css:content-children="ul.ikoba-navbar-left" />

    <!-- right side top navigation -->
    <replace css:theme-children="ul.ikoba-navbar-right"
             css:content-children="ul.ikoba-navbar-right" />

    <!-- breadcrumbs -->
    <drop css:theme="div.ikoba-breadcrumbs-box-long"
          css:if-not-content="ul.breadcrumb" />
    <drop css:theme="div.ikoba-breadcrumbs-box-long"
          css:if-content="div.wfstatus" />
    <drop css:theme="div.ikoba-breadcrumbs-box-short"
          css:if-not-content="ul.breadcrumb" />
    <drop css:theme="div.ikoba-breadcrumbs-box-short"
          css:if-not-content="div.wfstatus" />
    <replace css:theme-children="ol.ikoba-breadcrumbs"
             css:content-children="ul.breadcrumb" />

    <!-- student status -->
    <drop css:theme="div.ikoba-student-status-box"
          css:if-not-content="div.wfstatus" />
    <replace css:theme-children="div.wfstatus"
             css:content-children="div.wfstatus" />

    <!-- sidebar -->

    <drop css:theme="div.ikoba-sidebar"
          css:if-not-content="div.sidebar" />
    <replace css:theme-children="div.sidebar-nav"
             css:content-children="div.sidebar" />

    <!-- content -->

    <!-- drop one of the both content areas, depending on sidebar -->

    <drop css:theme="div.ikoba-content-narrow"
          css:if-not-content="div.sidebar" />
    <drop css:theme="div.ikoba-content-wide"
          css:if-content="div.sidebar" />
    <replace css:theme-children="div.ikoba-content"
             css:content-children="div.ikoba-content" />


    <!-- scripts -->
    <drop css:theme="script.ikoba-script-tooltip"
          css:if-not-content="[data-toggle='tooltip']" />

    <drop css:theme="script.ikoba-script-datepicker"
          css:if-not-content="input.datepicker-le-year" />

    <drop css:theme="script.ikoba-script-datatable"
          css:if-not-content="table.ikoba-data-table" />

<!--

    <rules css:if-not-content="input.datepicker-le-year">
        <drop css:theme="script.jquery-ui"
              css:if-not-content="[data-toggle='tooltip']" />
    </rules>

-->
<!--
    <after css:theme-children="html head"
           css:content="html head meta" />
-->
<!--
    <after css:theme-children="html head"
           css:content="html head base" />
-->

    <!-- top navigation -->
    <!-- left top navigation -->
<!--
    <replace css:theme-children="ul.ikoba-navbar-left"
             css:content-children="ul.ikoba-navbar-left" />
-->

    <!-- the language selector

      quite tricky. We insert a <li> element at beginning of
      ul.ikoba-navbar-right. This <li> has a header element
      (the 'Language' button) and the a number of <li> elements
      representing the supported languages.
      We change the input content of format

         <a href="foo" title="Lang">Abbrev</a>

      to

         <a href="foo">Lang</a>

      creating new nodes (<xsl:element>) with attributes copied over.
    -->
    <before css:theme-children="ul.ikoba-navbar-right">
      <li class="dropdown ikoba-langselect">
        <a href="#" class="dropdown-toggle"
           data-toggle="dropdown">
           <img src="/static/img/earth.png" />
        </a>
        <ul class="dropdown-menu">
          <xsl:for-each css:select=" .language a">
            <li class="ikoba-language">
              <xsl:element name="a">
                <xsl:attribute name="href">
                  <xsl:value-of select="@href" />
                </xsl:attribute>
                <xsl:value-of select="@title" />
              </xsl:element>
            </li>
          </xsl:for-each>
        </ul>
      </li>
    </before>

    <!-- Make all data tables responsive -->

    <replace css:content="table.ikoba-data-table">
      <div class="table-responsive">
        <xsl:apply-templates css:select="table.ikoba-data-table" mode="raw"/>
      </div>
    </replace>

   </rules>

</rules>