1 | <?xml version="1.0" encoding="UTF-8"?> |
---|
2 | <rules |
---|
3 | xmlns="http://namespaces.plone.org/diazo" |
---|
4 | xmlns:css="http://namespaces.plone.org/diazo/css" |
---|
5 | xmlns:xsl="http://www.w3.org/1999/XSL/Transform" |
---|
6 | xmlns:xi="http://www.w3.org/2001/XInclude"> |
---|
7 | |
---|
8 | <!-- Cases where we do not want themes... --> |
---|
9 | <notheme if-path="/++grokui++" /> <!-- do not theme GrokUI --> |
---|
10 | <notheme if-path="/_debug" /><!-- output by debugger --> |
---|
11 | <notheme css:if-content="div#error-area" /> |
---|
12 | |
---|
13 | <!-- use error page if there is a <table class="layout"> |
---|
14 | tag in content. This tag is rendered in Zope 3 errors. --> |
---|
15 | <rules css:if-content="table#layout"> |
---|
16 | <theme href="error-zope.html" /> |
---|
17 | <replace css:theme-children="#kofa-error-message" |
---|
18 | css:content-children="h3" /> |
---|
19 | </rules> |
---|
20 | <!-- use error page if there is no <div> tag in content. |
---|
21 | This happens if something in the application went wrong. --> |
---|
22 | <rules css:if-not-content="div"> |
---|
23 | <theme href="error-zope.html" /> |
---|
24 | <replace css:theme-children="#kofa-error-message" |
---|
25 | css:content-children="body" /> |
---|
26 | </rules> |
---|
27 | |
---|
28 | <!-- regular rules --> |
---|
29 | <rules css:if-content="body.kofa-body"> |
---|
30 | |
---|
31 | <theme href="theme.html" /> |
---|
32 | |
---|
33 | <!-- head elements --> |
---|
34 | <replace css:theme="html head title" |
---|
35 | css:content="html head title" /> |
---|
36 | |
---|
37 | <!-- brand (upper left) --> |
---|
38 | <copy attributes="href" css:theme="a.kofa-brand-link" |
---|
39 | css:content="a.kofa-brand-link" /> |
---|
40 | <replace css:theme-children="a.kofa-brand-link" |
---|
41 | css:content-children="a.kofa-brand-link" /> |
---|
42 | |
---|
43 | <!-- left top navigation --> |
---|
44 | <replace css:theme-children="ul.kofa-navbar-left" |
---|
45 | css:content-children="ul.kofa-navbar-left" /> |
---|
46 | |
---|
47 | <!-- right side top navigation --> |
---|
48 | <replace css:theme-children="ul.kofa-navbar-right" |
---|
49 | css:content-children="ul.kofa-navbar-right" /> |
---|
50 | |
---|
51 | <!-- breadcrumbs --> |
---|
52 | <drop css:theme="div.kofa-breadcrumbs-box-long" |
---|
53 | css:if-not-content="ul.breadcrumb" /> |
---|
54 | <drop css:theme="div.kofa-breadcrumbs-box-long" |
---|
55 | css:if-content="div.wfstatus" /> |
---|
56 | <drop css:theme="div.kofa-breadcrumbs-box-short" |
---|
57 | css:if-not-content="ul.breadcrumb" /> |
---|
58 | <drop css:theme="div.kofa-breadcrumbs-box-short" |
---|
59 | css:if-not-content="div.wfstatus" /> |
---|
60 | <replace css:theme-children="ol.kofa-breadcrumbs" |
---|
61 | css:content-children="ul.breadcrumb" /> |
---|
62 | |
---|
63 | <!-- student status --> |
---|
64 | <drop css:theme="div.kofa-student-status-box" |
---|
65 | css:if-not-content="div.wfstatus" /> |
---|
66 | <replace css:theme-children="div.wfstatus" |
---|
67 | css:content-children="div.wfstatus" /> |
---|
68 | |
---|
69 | <!-- sidebar --> |
---|
70 | |
---|
71 | <drop css:theme="div.kofa-sidebar" |
---|
72 | css:if-not-content="div.sidebar" /> |
---|
73 | <replace css:theme-children="div.sidebar-nav" |
---|
74 | css:content-children="div.sidebar" /> |
---|
75 | |
---|
76 | <!-- content --> |
---|
77 | |
---|
78 | <!-- drop one of the both content areas, depending on sidebar --> |
---|
79 | |
---|
80 | <drop css:theme="div.kofa-content-narrow" |
---|
81 | css:if-not-content="div.sidebar" /> |
---|
82 | <drop css:theme="div.kofa-content-wide" |
---|
83 | css:if-content="div.sidebar" /> |
---|
84 | <replace css:theme-children="div.kofa-content" |
---|
85 | css:content-children="div.kofa-content" /> |
---|
86 | |
---|
87 | |
---|
88 | <!-- scripts --> |
---|
89 | <drop css:theme="script.kofa-script-tooltip" |
---|
90 | css:if-not-content="[data-toggle=tooltip]" /> |
---|
91 | |
---|
92 | <drop css:theme="script.kofa-script-datepicker" |
---|
93 | css:if-not-content="input.datepicker-le-year" /> |
---|
94 | |
---|
95 | <drop css:theme="script.kofa-script-datatable" |
---|
96 | css:if-not-content="table.kofa-data-table" /> |
---|
97 | |
---|
98 | <!-- |
---|
99 | <after css:theme-children="html head" |
---|
100 | css:content="html head meta" /> |
---|
101 | --> |
---|
102 | <!-- |
---|
103 | <after css:theme-children="html head" |
---|
104 | css:content="html head base" /> |
---|
105 | --> |
---|
106 | |
---|
107 | <!-- top navigation --> |
---|
108 | <!-- left top navigation --> |
---|
109 | <!-- |
---|
110 | <replace css:theme-children="ul.kofa-navbar-left" |
---|
111 | css:content-children="ul.kofa-navbar-left" /> |
---|
112 | --> |
---|
113 | |
---|
114 | <!-- the language selector |
---|
115 | |
---|
116 | quite tricky. We insert a <li> element at beginning of |
---|
117 | ul.kofa-navbar-right. This <li> has a header element |
---|
118 | (the 'Language' button) and the a number of <li> elements |
---|
119 | representing the supported languages. |
---|
120 | We change the input content of format |
---|
121 | |
---|
122 | <a href="foo" title="Lang">Abbrev</a> |
---|
123 | |
---|
124 | to |
---|
125 | |
---|
126 | <a href="foo">Lang</a> |
---|
127 | |
---|
128 | creating new nodes (<xsl:element>) with attributes copied over. |
---|
129 | --> |
---|
130 | <before css:theme-children="ul.kofa-navbar-right"> |
---|
131 | <li class="dropdown kofa-langselect"> |
---|
132 | <a href="#" class="dropdown-toggle" |
---|
133 | data-toggle="dropdown"> |
---|
134 | <img src="/static/img/earth.png" /> |
---|
135 | </a> |
---|
136 | <ul class="dropdown-menu"> |
---|
137 | <xsl:for-each css:select=" .language a"> |
---|
138 | <li class="kofa-language"> |
---|
139 | <xsl:element name="a"> |
---|
140 | <xsl:attribute name="href"> |
---|
141 | <xsl:value-of select="@href" /> |
---|
142 | </xsl:attribute> |
---|
143 | <xsl:value-of select="@title" /> |
---|
144 | </xsl:element> |
---|
145 | </li> |
---|
146 | </xsl:for-each> |
---|
147 | </ul> |
---|
148 | </li> |
---|
149 | </before> |
---|
150 | |
---|
151 | <!-- Make all data tables responsive --> |
---|
152 | |
---|
153 | <replace css:content="table.kofa-data-table"> |
---|
154 | <div class="table-responsive"> |
---|
155 | <xsl:apply-templates css:select="table.kofa-data-table" mode="raw"/> |
---|
156 | </div> |
---|
157 | </replace> |
---|
158 | |
---|
159 | </rules> |
---|
160 | |
---|
161 | </rules> |
---|