Lebenslagen
Fehler bei der Verarbeitung der Vorlage.
Unable to parse Velocity template
1## ----------------------------------------------
2## Ansicht Dienstleistungsuebersicht
3## ----------------------------------------------
4
5## Vorlagenschlüssel von bisview-detail
6#parse("${templatesPath}/63520")
7
8
9#if ($ansicht == "bisview-dienstleistungsuebersicht")
10
11
12<style>
13 .services-overview .grid {
14 display: grid;
15 grid-gap: 1.5em;
16 margin-bottom: 80px;
17 grid-template-columns: repeat(4, 1fr);
18 }
19
20 @media (max-width: 767px) {
21 .services-overview .grid {
22 grid-template-columns: repeat(3, 1fr);
23 }
24 }
25 @media (max-width:480px) {
26 .services-overview .grid {
27 grid-template-columns: repeat(2, 1fr);
28 }
29 }
30
31</style>
32
33#macro(showCategory4 $kat )
34
35 #set($leaves = $kat.properties.get('leaves'))
36
37 #if( $leaves.size() > 0 || $kat.children.size() > 0)
38 <!-- only show category if it contains services -->
39 #set( $path = $kat.name )
40
41 #set( $path = $path.replaceAll("[äÄ]", "ae"))
42 #set( $path = $path.replaceAll("[öÖ]", "oe"))
43 #set( $path = $path.replaceAll("[üÜ]", "ue"))
44 #set( $path = $path.replaceAll("[,.;:&/]", "-"))
45 #set( $path = $path.replace("ß", "ss"))
46 #set( $path = $path.replace(" ", "-"))
47 #set( $path = $path.replaceAll("(-+)", "-"))
48 #set( $path = $path.toLowerCase())
49
50 <div style="text-align: center;">
51
52 <div class="service service-$kat.id">
53 <a class="icon" href="/kategorie/$path"
54 style="margin: 2em 1em 0 1em; display: inline-block; width: 100px; height: 100px;">
55 </a>
56
57 </div>
58 <span style="display: block;">
59 <a href="/kategorie/$path"
60 style="display: block; color: #646363; text-transform: uppercase; font-weight: bold; font-size: 0.9em;">
61 $kat.name
62 </a>
63 </span>
64 </div>
65
66 #end
67
68#end
69
70
71
72<div class="services services-overview container">
73 <h2>Themengebiete</h2>
74
75 <p>Hier finden Sie die Dienstleistungen nach Kategorien gelistet. Nutzen Sie die A-Z-Listenübersicht, um die
76 Dienstleistungen alphabetisch zu finden.</p>
77
78 <ul class="nav nav-tabs" role="tablist">
79 <li role="presentation">
80 <a aria-selected="true" class="active show" href="/kategorien" role="tab">
81 <i aria-hidden="true" class="glyphicon glyphicon-th"></i>
82 Kategorien
83 </a>
84 </li>
85 <li class="active" role="presentation">
86 <a aria-selected="false" href="/dienstleistungen" role="tab">
87 <i aria-hidden="true" class="glyphicon glyphicon-th-list"></i>
88 A - Z
89 </a>
90 </li>
91 </ul>
92
93
94 <div class="grid">
95
96 #if( ${dienstleistungsuebersicht.tree.size()} == 1 )
97 <!-- if first level has only one category (e.g. Allgemeine Dienstleistungen):
98 show all categories of second level -->
99
100 #foreach ($root in $dienstleistungsuebersicht.tree.get(0).children)
101 #showCategory4($root)
102 #end
103
104 #else
105
106 #foreach ($root in $dienstleistungsuebersicht.tree)
107 #showCategory4($root)
108 #end
109
110 #end
111
112 </div>
113</div>
114
115#end