Music Teacher Search
Module Preview
Suchergebnis: Treffer für "Musiklehrer"
MKZ City:
| Titel |
|---|
|
MKZ Glattal:
| Titel |
|---|
|
|
MKZ Letzi:
| Titel |
|---|
|
MKZ Waidberg:
| Titel |
|---|
|
|
Variant data
{
"selectInstrument": {
"id": "q_instrument",
"name": "q_instrument",
"label": "Instrument / Fach:",
"options": [
{
"text": "Alle Instrumente / Fächer",
"value": ""
},
{
"text": "Blechblasinstrumente",
"value": "ssd_mkz_instruments:blechblasinstrumente"
},
{
"text": "- Euphonium",
"value": "ssd_mkz_instruments:blechblasinstrumente/euphonium"
},
{
"text": "- Horn",
"value": "ssd_mkz_instruments:blechblasinstrumente/horn"
},
{
"text": "- Posaune",
"value": "ssd_mkz_instruments:blechblasinstrumente/posaune"
}
]
},
"selectBranch": {
"id": "q_branch",
"name": "q_branch",
"label": "Zweigstelle:",
"options": [
{
"text": "Alle Zweigstellen",
"value": ""
},
{
"text": "MKZ City",
"value": "ssd_mkz_branches:mu010"
},
{
"text": "MKZ Glattal",
"value": "ssd_mkz_branches:mu003"
},
{
"text": "MKZ Letzi",
"value": "ssd_mkz_branches:mu008"
},
{
"text": "MKZ Limmattal",
"value": "ssd_mkz_branches:mu009"
}
]
},
"selectStyle": {
"id": "q_style",
"name": "q_style",
"label": "Stilrichtung:",
"options": [
{
"text": "Alle Stilrichtungen",
"value": ""
},
{
"text": "Klassik",
"value": "ssd_mkz_style:klassik"
},
{
"text": "Pop Rock Jazz",
"value": "ssd_mkz_style:pop_rock_jazz"
}
]
},
"anchornav": {
"sections": [
{
"title": "MKZ City (1)",
"name": "mkz_city"
},
{
"title": "MKZ Glattal (2)",
"name": "mkz_glattal"
},
{
"title": "MKZ Letzi (1)",
"name": "mkz_letzi"
},
{
"title": "MKZ Waidberg (1)",
"name": "mkz_waidberg"
}
]
},
"table": {
"id": true,
"tablehead": [
{
"text": "Titel",
"id": "title_mkz_city"
}
],
"tablerows": [
[
{
"dynamic": {
"title": "Publication",
"partial": "modules/publication/publication",
"partialContext": {
"image": {
"thumbnail": "../../content/ssd/de/index/mkz/lehrpersonen-finden/w/martin-wettstein/_jcr_content/image.60.jpg/1383562346897.jpg",
"original": "../../content/ssd/de/index/mkz/lehrpersonen-finden/w/martin-wettstein/_jcr_content/image.60.jpg/1383562346897.jpg",
"dimensions": {
"width": 60,
"height": 80
}
},
"type": "Zweigstelle: MKZ City",
"title": "Martin Wettstein",
"text": "Klavier
Klassik"
}
}
}
]
]
},
"table2": {
"id": true,
"tablehead": [
{
"text": "Titel",
"id": "title_mkz_glattal"
}
],
"tablerows": [
[
{
"dynamic": {
"title": "Publication",
"partial": "modules/publication/publication",
"partialContext": {
"image": {
"thumbnail": "../../content/ssd/de/index/mkz/lehrpersonen-finden/k/janos-knobel/_jcr_content/image.60.jpg/1377847879631.jpg",
"original": "../../content/ssd/de/index/mkz/lehrpersonen-finden/k/janos-knobel/_jcr_content/image.60.jpg/1377847879631.jpg",
"dimensions": {
"width": 60,
"height": 45
}
},
"type": "Zweigstelle: MKZ Glattal",
"title": "Janos Tobias Knobel Messmer",
"text": "E-Gitarre
Pop Rock Jazz"
}
}
}
],
[
{
"dynamic": {
"title": "Publication",
"partial": "modules/publication/publication",
"partialContext": {
"image": {
"thumbnail": "../../content/ssd/de/index/mkz/lehrpersonen-finden/k/markus-koch/_jcr_content/image.60.jpg/1383553071664.jpg",
"original": "../../content/ssd/de/index/mkz/lehrpersonen-finden/k/markus-koch/_jcr_content/image.60.jpg/1383553071664.jpg",
"dimensions": {
"width": 60,
"height": 80
}
},
"type": "Zweigstelle: MKZ Glattal",
"title": "Markus Koch",
"text": "Gitarre
Klassik"
}
}
}
]
]
},
"table3": {
"id": true,
"tablehead": [
{
"text": "Titel",
"id": "title_mkz_letzi"
}
],
"tablerows": [
[
{
"dynamic": {
"title": "Publication",
"partial": "modules/publication/publication",
"partialContext": {
"image": {
"thumbnail": "../../content/ssd/de/index/mkz/lehrpersonen-finden/o/hanspeter-oggier/_jcr_content/image.60.jpg/1370877871067.jpg",
"original": "../../content/ssd/de/index/mkz/lehrpersonen-finden/o/hanspeter-oggier/_jcr_content/image.60.jpg/1370877871067.jpg",
"dimensions": {
"width": 60,
"height": 80
}
},
"type": "Zweigstelle: MKZ Letzi",
"title": "Hanspeter Oggier",
"text": "Panflöte"
}
}
}
]
]
},
"table4": {
"id": true,
"tablehead": [
{
"text": "Titel",
"id": "title_mkz_waidberg"
}
],
"tablerows": [
[
{
"dynamic": {
"title": "Publication",
"partial": "modules/publication/publication",
"partialContext": {
"image": {
"thumbnail": "../../content/ssd/de/index/mkz/lehrpersonen-finden/k/janos-knobel/_jcr_content/image.60.jpg/1377847879631.jpg",
"original": "../../content/ssd/de/index/mkz/lehrpersonen-finden/k/janos-knobel/_jcr_content/image.60.jpg/1377847879631.jpg",
"dimensions": {
"width": 60,
"height": 45
}
},
"type": "Zweigstelle: MKZ Waidberg",
"title": "Janos Tobias Knobel Messmer",
"text": "Violine
Pop Rock Jazz"
}
}
}
],
[
{
"dynamic": {
"title": "Publication",
"partial": "modules/publication/publication",
"partialContext": {
"image": {
"thumbnail": "../../assets/media/icon_avatar.png",
"original": "../../assets/media/icon_avatar.png",
"small": "../../assets/media/icon_avatar.png",
"small2x": "../../assets/media/icon_avatar2x.png",
"large": "../../assets/media/icon_avatar.png",
"large2x": "../../assets/media/icon_avatar2x.png",
"dimensions": {
"width": 60,
"height": 86
}
},
"type": "Zweigstelle: MKZ Waidberg",
"title": "Melodia Dollfus-Uehli",
"text": "Violine
Klassik"
}
}
}
]
]
}
}
Code
<div class="mod_search">
<form action="#" method="get">
<h2>Suche Test MKZ LP</h2>
<div class="layout_columns var_three_columns">
<div class="layout_column">
<label class="top_label" for="was">Suche nach Stichworten:</label>
{{> "modules/formtextinput/formtextinput"
id = "was"
name = "search"
label = "Stichworten"
}}
</div>
<div class="layout_column">
{{> "modules/formselect/formselect" selectInstrument }}
</div>
<div class="layout_column">
{{> "modules/formselect/formselect" selectBranch }}
</div>
<div class="layout_column">
{{> "modules/formselect/formselect" selectStyle }}
</div>
</div>
<div class="actions">
<div class="buttons">
{{> "modules/button/button" label="Zurücksetzen" type="reset" variant="var_secondary" }}
{{> "modules/button/button" label="Suche" type="submit"}}
</div>
</div>
</form>
<h2 class="total">Suchergebnis: <span class="total">Treffer für "Musiklehrer"</span></h2>
{{> "modules/anchornav/anchornav" anchornav}}
<h4 class="section_title" id="mkz_city">MKZ City:</h4>
{{> "modules/table/table" table}}
<h4 class="section_title" id="mkz_glattal">MKZ Glattal:</h4>
{{> "modules/table/table" table2}}
<h4 class="section_title" id="mkz_letzi">MKZ Letzi:</h4>
{{> "modules/table/table" table3}}
<h4 class="section_title" id="mkz_waidberg">MKZ Waidberg:</h4>
{{> "modules/table/table" table4}}
</div>