Listenfilter @list-filter
Meldungen @list-filter
<!-- Meldungen -->
<form class="list-filter js-list-filter" method="get">
<div class="list-filter__search">
<div class="search-input" role="search">
<label class="label search-input__label u-hidden-visually" for="query">Suchbegriff</label>
<input class="input search-input__input" id="query" name="query" type="search" placeholder="Stichwort eingeben"></input>
<button class="button button--primary search-input__button" type="submit">
<svg class="icon icon--search button__icon" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-search"></use>
</svg><span class="button__text u-hidden-visually">Suchen</span></button>
</div>
</div>
<button class="link link--show link--small list-filter__toggle" type="button" aria-expanded="false" aria-controls="list-filter-385b" data-show="Filter einblenden" data-hide="Filter ausblenden">Filter einblenden</button>
<div class="list-filter__groups-wrapper" id="list-filter-385b" aria-hidden="true">
<div class="list-filter__groups">
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-d6ec">Thema</label>
<select class="select" id="form-group-d6ec" name="form-group-d6ec">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-8983">Einrichtung / Fakultät</label>
<select class="select" id="form-group-8983" name="form-group-8983">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-753c">Art der Meldung</label>
<select class="select" id="form-group-753c" name="form-group-753c">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-972e">Schwerpunkt</label>
<select class="select" id="form-group-972e" name="form-group-972e">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
</div>
<div class="form-group list-filter__group">
<label class="label label--disabled form-group__label" for="form-group-3706">Untereinrichtung / Lehrstuhl</label>
<input class="input" id="form-group-3706" name="form-group-3706" disabled="disabled"></input>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-7b93">Netzwerk</label>
<select class="select" id="form-group-7b93" name="form-group-7b93">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
</div>
</div>
<div class="list-filter__submit">
<button class="button button--primary" type="submit" value="suchen"><span class="button__text">Filtern</span></button>
<div class="list-filter__reset">
<a class="link link--small link--reset" href="#">Filter zurücksetzen</a>
</div>
</div>
</div>
</form>{
"action": null,
"method": "get",
"search": true,
"groups": {
"list": [
{
"hidden": true,
"toggle": true,
"submit": true,
"reset": true,
"items": [
{
"label": "Thema",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Option 1",
"Option 2",
"Option 3"
]
}
},
{
"label": "Einrichtung / Fakultät",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Option 1",
"Option 2",
"Option 3"
]
}
},
{
"label": "Art der Meldung",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Option 1",
"Option 2",
"Option 3"
]
}
},
{
"label": "Schwerpunkt",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Option 1",
"Option 2",
"Option 3"
]
}
},
{
"label": "Untereinrichtung / Lehrstuhl",
"disabled": true
},
{
"label": "Netzwerk",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Option 1",
"Option 2",
"Option 3"
]
}
}
]
}
]
}
}
Veranstaltungen @list-filter--events
<!-- Veranstaltungen -->
<form class="list-filter js-list-filter" method="get">
<div class="list-filter__search">
<div class="search-input" role="search">
<label class="label search-input__label u-hidden-visually" for="query">Suchbegriff</label>
<input class="input search-input__input" id="query" name="query" type="search" placeholder="Stichwort eingeben"></input>
<button class="button button--primary search-input__button" type="submit">
<svg class="icon icon--search button__icon" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-search"></use>
</svg><span class="button__text u-hidden-visually">Suchen</span></button>
</div>
</div>
<div class="list-filter__groups-wrapper">
<div class="list-filter__groups">
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-c561">Zeitraum von</label>
<input class="input" id="form-group-c561" name="form-group-c561" type="date"></input>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-f53d">Zeitraum bis</label>
<input class="input" id="form-group-f53d" name="form-group-f53d" type="date"></input>
</div>
</div>
</div>
<button class="link link--show link--small list-filter__toggle" type="button" aria-expanded="false" aria-controls="list-filter-646b" data-show="Weitere Filter einblenden" data-hide="Weitere Filter ausblenden">Weitere Filter einblenden</button>
<div class="list-filter__groups-wrapper" id="list-filter-646b" aria-hidden="true">
<div class="list-filter__groups">
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-fffe">Veranstaltungsart</label>
<select class="select" id="form-group-fffe" name="form-group-fffe">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-85fa">Veranstaltungsreihe</label>
<select class="select" id="form-group-85fa" name="form-group-85fa">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-3434">Einrichtung</label>
<select class="select" id="form-group-3434" name="form-group-3434">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
</div>
</div>
</div>
<div class="list-filter__submit">
<button class="button button--primary" type="submit"><span class="button__text">Filtern</span></button>
<div class="list-filter__reset">
<a class="link link--small link--reset" href="#">Filter zurücksetzen</a>
</div>
</div>
</form>{
"action": null,
"method": "get",
"search": true,
"groups": {
"submit": true,
"reset": true,
"list": [
{
"items": [
{
"label": "Zeitraum von",
"use": "input",
"settings": {
"type": "date"
}
},
{
"label": "Zeitraum bis",
"use": "input",
"settings": {
"type": "date"
}
}
]
},
{
"hidden": true,
"toggle": {
"textShow": "Weitere Filter einblenden",
"textHide": "Weitere Filter ausblenden"
},
"items": [
{
"label": "Veranstaltungsart",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Option 1",
"Option 2",
"Option 3"
]
}
},
{
"label": "Veranstaltungsreihe",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Option 1",
"Option 2",
"Option 3"
]
}
},
{
"label": "Einrichtung",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Option 1",
"Option 2",
"Option 3"
]
}
}
]
}
]
}
}
personen @list-filter--persons
<!-- personen -->
<form class="list-filter js-list-filter" method="get">
<div class="list-filter__search">
<div class="search-input" role="search">
<label class="label search-input__label u-hidden-visually" for="query">Suchbegriff</label>
<input class="input search-input__input" id="query" name="query" type="search" placeholder="Wen suchen Sie?"></input>
<button class="button button--primary search-input__button" type="submit">
<svg class="icon icon--search button__icon" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-search"></use>
</svg><span class="button__text u-hidden-visually">Suchen</span></button>
</div>
</div>
<button class="link link--show link--small list-filter__toggle" type="button" aria-expanded="false" aria-controls="list-filter-981d" data-show="Filter einblenden" data-hide="Filter ausblenden">Filter einblenden</button>
<div class="list-filter__groups-wrapper" id="list-filter-981d" aria-hidden="true">
<div class="list-filter__groups">
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-3765">Zentrale Einrichtung / Fakultät</label>
<select class="select" id="form-group-3765" name="form-group-3765">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
</div>
<div class="form-group list-filter__group">
<label class="label label--disabled form-group__label" for="form-group-e0da">Untereinrichtung / Lehrstuhl</label>
<select class="select" id="form-group-e0da" name="form-group-e0da" disabled="disabled"></select>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-f876">Kategorie</label>
<select class="select" id="form-group-f876" name="form-group-f876">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-c58e">Funktion</label>
<select class="select" id="form-group-c58e" name="form-group-c58e">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
</div>
</div>
<div class="list-filter__submit">
<button class="button button--primary" type="submit" value="suchen"><span class="button__text">Filtern</span></button>
<div class="list-filter__reset">
<a class="link link--small link--reset" href="#">Filter zurücksetzen</a>
</div>
</div>
</div>
</form>{
"action": null,
"method": "get",
"search": {
"placeholder": "Wen suchen Sie?"
},
"groups": {
"list": [
{
"hidden": true,
"toggle": true,
"submit": true,
"reset": true,
"items": [
{
"label": "Zentrale Einrichtung / Fakultät",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Option 1",
"Option 2",
"Option 3"
]
}
},
{
"label": "Untereinrichtung / Lehrstuhl",
"use": "select",
"disabled": true
},
{
"label": "Kategorie",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Option 1",
"Option 2",
"Option 3"
]
}
},
{
"label": "Funktion",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Option 1",
"Option 2",
"Option 3"
]
}
}
]
}
]
}
}
Suche @list-filter--search
<!-- Suche -->
<form class="list-filter js-list-filter" action="https://adminportal2.itz.uni-halle.de/search.php" method="post">
<div class="list-filter__search">
<div class="search-input" role="search">
<label class="label search-input__label u-hidden-visually" for="query">Suchbegriff</label>
<input class="input search-input__input" id="query" name="query" type="search" placeholder="Welchen Account suchen Sie?"></input>
<button class="button button--primary search-input__button" type="submit">
<svg class="icon icon--search button__icon" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-search"></use>
</svg><span class="button__text u-hidden-visually">Suchen</span></button>
</div>
</div>
<button class="link link--show link--small list-filter__toggle" type="button" aria-expanded="false" aria-controls="list-filter-0d72" data-show="Filter einblenden" data-hide="Filter ausblenden">Filter einblenden</button>
<div class="list-filter__groups-wrapper" id="list-filter-0d72" aria-hidden="true">
<div class="list-filter__groups">
<fieldset class="form-group list-filter__group">
<legend class="label form-group__label">Personen</legend>
<div class="form-group__item">
<label class="checkbox" for="acct_oa">
<input class="checkbox__input" type="checkbox" value="at_a" id="acct_oa" name="rq_at[]" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Mitarbeiter</span></label>
</div>
<div class="form-group__item">
<label class="checkbox" for="acct_os">
<input class="checkbox__input" type="checkbox" value="at_s" id="acct_os" name="rq_at[]" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Studierende</span></label>
</div>
<div class="form-group__item">
<label class="checkbox" for="acct_ops">
<input class="checkbox__input" type="checkbox" value="at_ps" id="acct_ops" name="rq_at[]" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Priviligiert</span></label>
</div>
<div class="form-group__item">
<label class="checkbox" for="acct_omedboth">
<input class="checkbox__input" type="checkbox" value="at_med" id="acct_omedboth" name="rq_at[]" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Mediziner</span></label>
</div>
<div class="form-group__item">
<label class="checkbox" for="acct_og">
<input class="checkbox__input" type="checkbox" value="at_g" id="acct_og" name="rq_at[]" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Gäste</span></label>
</div>
<div class="form-group__item">
<label class="checkbox" for="acct_oe">
<input class="checkbox__input" type="checkbox" value="at_e" id="acct_oe" name="rq_at[]" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Emeriti</span></label>
</div>
</fieldset>
<fieldset class="form-group list-filter__group">
<legend class="label form-group__label">Funktionen</legend>
<div class="form-group__item">
<label class="checkbox" for="acct_of">
<input class="checkbox__input" type="checkbox" value="at_f" id="acct_of" name="rq_at[]" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Funktion A</span></label>
</div>
<div class="form-group__item">
<label class="checkbox" for="form-group-3811-1">
<input class="checkbox__input" type="checkbox" id="form-group-3811-1" name="checkbox-form-group-3811-1" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Funktion B</span></label>
</div>
<div class="form-group__item">
<label class="checkbox" for="form-group-3811-2">
<input class="checkbox__input" type="checkbox" id="form-group-3811-2" name="checkbox-form-group-3811-2" /><span class="checkbox__indicator"><svg class="icon icon--check checkbox__indicator-icon" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-check"></use>
</svg></span><span class="checkbox__label">Funktion C</span></label>
</div>
</fieldset>
</div>
<div class="list-filter__submit">
<button class="button button--primary" type="submit" value="suchen"><span class="button__text">Filtern</span></button>
<div class="list-filter__reset">
<a class="link link--small link--reset" href="#">Filter zurücksetzen</a>
</div>
</div>
</div>
</form>{
"action": "https://adminportal2.itz.uni-halle.de/search.php",
"method": "post",
"search": {
"placeholder": "Welchen Account suchen Sie?"
},
"groups": {
"list": [
{
"hidden": true,
"toggle": true,
"submit": true,
"reset": true,
"items": [
{
"label": "Personen",
"use": "checkbox-group",
"group": [
{
"use": "checkbox",
"settings": {
"text": "Mitarbeiter",
"checked": null,
"name": "rq_at[]",
"value": "at_a",
"id": "acct_oa"
}
},
{
"use": "checkbox",
"settings": {
"text": "Studierende",
"checked": null,
"name": "rq_at[]",
"value": "at_s",
"id": "acct_os"
}
},
{
"use": "checkbox",
"settings": {
"text": "Priviligiert",
"checked": null,
"name": "rq_at[]",
"value": "at_ps",
"id": "acct_ops"
}
},
{
"use": "checkbox",
"settings": {
"text": "Mediziner",
"checked": null,
"name": "rq_at[]",
"value": "at_med",
"id": "acct_omedboth"
}
},
{
"use": "checkbox",
"settings": {
"text": "Gäste",
"checked": null,
"name": "rq_at[]",
"value": "at_g",
"id": "acct_og"
}
},
{
"use": "checkbox",
"settings": {
"text": "Emeriti",
"checked": null,
"name": "rq_at[]",
"value": "at_e",
"id": "acct_oe"
}
}
]
},
{
"label": "Funktionen",
"use": "checkbox-group",
"group": [
{
"use": "checkbox",
"settings": {
"text": "Funktion A",
"checked": null,
"name": "rq_at[]",
"value": "at_f",
"id": "acct_of"
}
},
{
"use": "checkbox",
"settings": {
"text": "Funktion B",
"checked": null
}
},
{
"use": "checkbox",
"settings": {
"text": "Funktion C",
"checked": null
}
}
]
}
]
}
]
}
}
Pressemitteilungen @list-filter--press
<!-- Pressemitteilungen -->
<form class="list-filter js-list-filter" method="get">
<div class="list-filter__search">
<div class="search-input" role="search">
<label class="label search-input__label u-hidden-visually" for="query">Suchbegriff</label>
<input class="input search-input__input" id="query" name="query" type="search" placeholder="Stichwort eingeben"></input>
<button class="button button--primary search-input__button" type="submit">
<svg class="icon icon--search button__icon" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-search"></use>
</svg><span class="button__text u-hidden-visually">Suchen</span></button>
</div>
</div>
<div class="list-filter__groups-wrapper">
<div class="list-filter__groups">
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-e43e">Zeitraum von</label>
<input class="input" id="form-group-e43e" name="form-group-e43e" type="date"></input>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-869e">Zeitraum bis</label>
<input class="input" id="form-group-869e" name="form-group-869e" type="date"></input>
</div>
</div>
</div>
<button class="link link--show link--small list-filter__toggle" type="button" aria-expanded="false" aria-controls="list-filter-8f78" data-show="Weitere Filter einblenden" data-hide="Weitere Filter ausblenden">Weitere Filter einblenden</button>
<div class="list-filter__groups-wrapper" id="list-filter-8f78" aria-hidden="true">
<div class="list-filter__groups">
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-16c3">Inhaltsbereich</label>
<select class="select" id="form-group-16c3" name="form-group-16c3">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-2f52">Einrichtung</label>
<select class="select" id="form-group-2f52" name="form-group-2f52">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-d3ba">Sachgebiet</label>
<select class="select" id="form-group-d3ba" name="form-group-d3ba">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-0aae">Netzwerk</label>
<select class="select" id="form-group-0aae" name="form-group-0aae">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
</div>
</div>
</div>
<div class="list-filter__submit">
<button class="button button--primary" type="submit"><span class="button__text">Filtern</span></button>
<div class="list-filter__reset">
<a class="link link--small link--reset" href="#">Filter zurücksetzen</a>
</div>
</div>
</form>{
"action": null,
"method": "get",
"search": true,
"groups": {
"submit": true,
"reset": true,
"list": [
{
"items": [
{
"label": "Zeitraum von",
"use": "input",
"settings": {
"type": "date"
}
},
{
"label": "Zeitraum bis",
"use": "input",
"settings": {
"type": "date"
}
}
]
},
{
"hidden": true,
"toggle": {
"textShow": "Weitere Filter einblenden",
"textHide": "Weitere Filter ausblenden"
},
"items": [
{
"label": "Inhaltsbereich",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Option 1",
"Option 2",
"Option 3"
]
}
},
{
"label": "Einrichtung",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Option 1",
"Option 2",
"Option 3"
]
}
},
{
"label": "Sachgebiet",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Option 1",
"Option 2",
"Option 3"
]
}
},
{
"label": "Netzwerk",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Option 1",
"Option 2",
"Option 3"
]
}
}
]
}
]
}
}
Materialien @list-filter--materials
<!-- Materialien -->
<form class="list-filter js-list-filter" method="get">
<div class="list-filter__search">
<div class="search-input" role="search">
<label class="label search-input__label u-hidden-visually" for="query">Suchbegriff</label>
<input class="input search-input__input" id="query" name="query" type="search" placeholder="Stichwort eingeben"></input>
<button class="button button--primary search-input__button" type="submit">
<svg class="icon icon--search button__icon" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-search"></use>
</svg><span class="button__text u-hidden-visually">Suchen</span></button>
</div>
</div>
<button class="link link--show link--small list-filter__toggle" type="button" aria-expanded="false" aria-controls="list-filter-cf6f" data-show="Filter einblenden" data-hide="Filter ausblenden">Filter einblenden</button>
<div class="list-filter__groups-wrapper" id="list-filter-cf6f" aria-hidden="true">
<div class="list-filter__groups">
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-1a3e">Dateityp</label>
<select class="select" id="form-group-1a3e" name="form-group-1a3e">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Adobe Acrobat (.pdf)</option>
<option>Excel (.xls)</option>
<option>PowerPoint (.ppt)</option>
<option>Word (.doc)</option>
</select>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-54af">letzte Aktualisierung</label>
<select class="select" id="form-group-54af" name="form-group-54af">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>in der letzten Woche</option>
<option>im letzten Monat</option>
<option>im letzten Jahr</option>
</select>
</div>
</div>
</div>
<div class="list-filter__submit">
<button class="button button--primary" type="submit"><span class="button__text">Filtern</span></button>
<div class="list-filter__reset">
<a class="link link--small link--reset" href="#">Filter zurücksetzen</a>
</div>
</div>
</form>{
"action": null,
"method": "get",
"search": true,
"groups": {
"submit": true,
"reset": true,
"list": [
{
"hidden": true,
"toggle": true,
"items": [
{
"label": "Dateityp",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Adobe Acrobat (.pdf)",
"Excel (.xls)",
"PowerPoint (.ppt)",
"Word (.doc)"
]
}
},
{
"label": "letzte Aktualisierung",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"in der letzten Woche",
"im letzten Monat",
"im letzten Jahr"
]
}
}
]
}
]
}
}
Stellenangebote @list-filter--jobs
<!-- Stellenangebote -->
<form class="list-filter js-list-filter" method="get">
<div class="list-filter__search">
<div class="search-input" role="search">
<label class="label search-input__label u-hidden-visually" for="query">Suchbegriff</label>
<input class="input search-input__input" id="query" name="query" type="search" placeholder="Stichwort eingeben"></input>
<button class="button button--primary search-input__button" type="submit">
<svg class="icon icon--search button__icon" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-search"></use>
</svg><span class="button__text u-hidden-visually">Suchen</span></button>
</div>
</div>
<button class="link link--show link--small list-filter__toggle" type="button" aria-expanded="false" aria-controls="list-filter-b723" data-show="Filter einblenden" data-hide="Filter ausblenden">Filter einblenden</button>
<div class="list-filter__groups-wrapper" id="list-filter-b723" aria-hidden="true">
<div class="list-filter__groups">
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-cecf">Einrichtung</label>
<select class="select" id="form-group-cecf" name="form-group-cecf">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Zentrale Einrichtungen</option>
<option>Theologie</option>
<option>Jura und Wirtschaftswissenschaften</option>
<option>Medizin</option>
<option>Sozial- und historische Kulturwissenschaften</option>
<option>Philologien, Kommunikations- und Musikwissenschaften</option>
<option>Erziehungswissenschaften</option>
<option>Biowissenschaften und Pharmazie</option>
<option>Chemie, Physik und Mathematik</option>
<option>Agrar- und Ernährungswissenschaften, Geowissenschaften und Informatik</option>
</select>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-e371">Ausschreibung</label>
<select class="select" id="form-group-e371" name="form-group-e371">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>interne Ausschreibung</option>
<option>externe Ausschreibung</option>
</select>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-cb97">Art der Anstellung</label>
<select class="select" id="form-group-cb97" name="form-group-cb97">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>wissenschaftliche Anstellung</option>
<option>nichtwissenschaftliche Anstellung</option>
</select>
</div>
</div>
<div class="list-filter__submit">
<button class="button button--primary" type="submit" value="suchen"><span class="button__text">Filtern</span></button>
<div class="list-filter__reset">
<a class="link link--small link--reset" href="#">Filter zurücksetzen</a>
</div>
</div>
</div>
</form>{
"action": null,
"method": "get",
"search": true,
"groups": {
"list": [
{
"hidden": true,
"toggle": true,
"submit": true,
"reset": true,
"items": [
{
"label": "Einrichtung",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Zentrale Einrichtungen",
"Theologie",
"Jura und Wirtschaftswissenschaften",
"Medizin",
"Sozial- und historische Kulturwissenschaften",
"Philologien, Kommunikations- und Musikwissenschaften",
"Erziehungswissenschaften",
"Biowissenschaften und Pharmazie",
"Chemie, Physik und Mathematik",
"Agrar- und Ernährungswissenschaften, Geowissenschaften und Informatik"
]
}
},
{
"label": "Ausschreibung",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"interne Ausschreibung",
"externe Ausschreibung"
]
}
},
{
"label": "Art der Anstellung",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"wissenschaftliche Anstellung",
"nichtwissenschaftliche Anstellung"
]
}
}
]
}
]
}
}
Studienangebot @list-filter--studies
<!-- Studienangebot -->
<form class="list-filter js-list-filter" method="get">
<div class="list-filter__search">
<div class="search-input" role="search">
<label class="label search-input__label u-hidden-visually" for="query">Suchbegriff</label>
<input class="input search-input__input" id="query" name="query" type="search" placeholder="Stichwort eingeben"></input>
<button class="button button--primary search-input__button" type="submit">
<svg class="icon icon--search button__icon" viewBox="0 0 200 200" role="presentation">
<use xlink:href="#icon-search"></use>
</svg><span class="button__text u-hidden-visually">Suchen</span></button>
</div>
</div>
<div class="list-filter__groups-wrapper">
<div class="list-filter__groups">
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-3e51">Abschluss</label>
<select class="select" id="form-group-3e51" name="form-group-3e51">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<optgroup label="grundständig">
<option>Bachelor</option>
<option>Lehramt</option>
<option>Staatsexamen (außer Lehrämter)</option>
<option>Konzertexamen</option>
<option>Kirchliches Examen / Diplom</option>
<option>alle grundständigen Studiengänge</option>
</optgroup>
<optgroup label="weiterführend">
<option>Master</option>
<option>Promotion</option>
<option>alle weiterführenden Studiengänge</option>
</optgroup>
</select>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-f972">Charakteristik</label>
<select class="select" id="form-group-f972" name="form-group-f972">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Lehramt Gymnasium</option>
<option>Lehramt Sekundarschule</option>
<option>Lehramt Grundschule</option>
<option>Lehramt Förderschule</option>
</select>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-3c0d">Fachrichtung</label>
<select class="select" id="form-group-3c0d" name="form-group-3c0d">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Gesundheit</option>
<option>Historische Kulturwissenschaften</option>
<option>Kulturen der Welt</option>
<option>Leben, Life Sciences</option>
<option>Mensch und Gesellschaft</option>
<option>Musik und Kunst</option>
<option>Sprachen und Kommunikation</option>
<option>Umwelt</option>
<option>Wirtschaft und Recht</option>
<option>Zahlen, Muster, Strukturen</option>
</select>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-3967">Zulassung</label>
<select class="select" id="form-group-3967" name="form-group-3967">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>zulassungsfrei (ohne NC)</option>
<option>zulassungsbeschränkt (mit NC)</option>
<option>mit Eignungsprüfung</option>
</select>
</div>
<div class="form-group list-filter__group">
<label class="label form-group__label" for="form-group-967f">Beginn</label>
<select class="select" id="form-group-967f" name="form-group-967f">
<option class="select__hint" disabled="disabled" selected="selected" value="">alle</option>
<option>Wintersemester</option>
<option>Sommersemester</option>
</select>
</div>
</div>
<div class="list-filter__submit">
<button class="button button--primary" type="submit" value="suchen"><span class="button__text">Filtern</span></button>
<div class="list-filter__reset">
<a class="link link--small link--reset" href="#">Filter zurücksetzen</a>
</div>
</div>
</div>
</form>{
"action": null,
"method": "get",
"search": true,
"groups": {
"list": [
{
"hidden": null,
"toggle": null,
"submit": true,
"reset": true,
"items": [
{
"label": "Abschluss",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"groups": [
{
"label": "grundständig",
"options": [
"Bachelor",
"Lehramt",
"Staatsexamen (außer Lehrämter)",
"Konzertexamen",
"Kirchliches Examen / Diplom",
"alle grundständigen Studiengänge"
]
},
{
"label": "weiterführend",
"options": [
"Master",
"Promotion",
"alle weiterführenden Studiengänge"
]
}
]
}
},
{
"label": "Charakteristik",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Lehramt Gymnasium",
"Lehramt Sekundarschule",
"Lehramt Grundschule",
"Lehramt Förderschule"
]
}
},
{
"label": "Fachrichtung",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Gesundheit",
"Historische Kulturwissenschaften",
"Kulturen der Welt",
"Leben, Life Sciences",
"Mensch und Gesellschaft",
"Musik und Kunst",
"Sprachen und Kommunikation",
"Umwelt",
"Wirtschaft und Recht",
"Zahlen, Muster, Strukturen"
]
}
},
{
"label": "Zulassung",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"zulassungsfrei (ohne NC)",
"zulassungsbeschränkt (mit NC)",
"mit Eignungsprüfung"
]
}
},
{
"label": "Beginn",
"use": "select",
"settings": {
"hasPleaseSelectOption": true,
"options": [
"Wintersemester",
"Sommersemester"
]
}
}
]
}
]
}
}