/ M090 Section List

Sektion Standort Kanton Kinder/Jugend Aktivitäten
Aargau
SAC Aargau 5000 Aarau Aargau
SAC Brugg 5200 Brugg AG Aargau
SAC Homberg 5734 Reimbach AG Aargau
Bern
SAC Altels 3714 Frutigen Bern
SAC Bern 3000 Bern Bern
SAC Gantrisch 3156 Riffenmatt Bern
Genf
CAS Carougeoise 1227 Carouge Genf
CAS Genevoise 1205 Genève Genf

Data

{
	"headColumnList": [
		{
			"label": "Sektion",
			"sortable": false,
			"tooltip": null
		},
		{
			"label": "Standort",
			"sortable": false,
			"tooltip": null
		},
		{
			"label": "Kanton",
			"sortable": false,
			"tooltip": null
		},
		{
			"label": "Kinder/Jugend Aktivitäten",
			"sortable": false,
			"tooltip": "Erklärung zu Jugendorganisation, Kinderbergsteigen, Familienbergsteigen"
		}
	],
	"groupList": [
		{
			"headline": "Aargau",
			"list": [
				{
					"sectionLink": {
						"url": "#",
						"label": "SAC Aargau"
					},
					"location": "5000 Aarau",
					"canton": "Aargau",
					"jo": false,
					"kibe": false,
					"fabe": true
				},
				{
					"sectionLink": {
						"url": "#",
						"label": "SAC Brugg"
					},
					"location": "5200 Brugg AG",
					"canton": "Aargau",
					"jo": false,
					"kibe": false,
					"fabe": false
				},
				{
					"sectionLink": {
						"url": "#",
						"label": "SAC Homberg"
					},
					"location": "5734 Reimbach AG",
					"canton": "Aargau",
					"jo": false,
					"kibe": true,
					"fabe": false
				}
			]
		},
		{
			"headline": "Bern",
			"list": [
				{
					"sectionLink": {
						"url": "#",
						"label": "SAC Altels"
					},
					"location": "3714 Frutigen",
					"canton": "Bern",
					"jo": true,
					"kibe": true,
					"fabe": true
				},
				{
					"sectionLink": {
						"url": "#",
						"label": "SAC Bern"
					},
					"location": "3000 Bern",
					"canton": "Bern",
					"jo": true,
					"kibe": false,
					"fabe": true
				},
				{
					"sectionLink": {
						"url": "#",
						"label": "SAC Gantrisch"
					},
					"location": "3156 Riffenmatt",
					"canton": "Bern",
					"jo": false,
					"kibe": false,
					"fabe": false
				}
			]
		},
		{
			"headline": "Genf",
			"list": [
				{
					"sectionLink": {
						"url": "#",
						"label": "CAS Carougeoise"
					},
					"location": "1227 Carouge ",
					"canton": "Genf",
					"jo": true,
					"kibe": false,
					"fabe": true
				},
				{
					"sectionLink": {
						"url": "#",
						"label": "CAS Genevoise"
					},
					"location": "1205 Genève",
					"canton": "Genf",
					"jo": true,
					"kibe": true,
					"fabe": true
				}
			]
		}
	],
	"filters": {
		"group": {
			"label": "Kanton",
			"optionList": [
				{
					"label": "Alle",
					"value": "",
					"selected": true
				},
				{
					"label": "Aargau",
					"value": "aargau"
				},
				{
					"label": "Bern",
					"value": "bern"
				},
				{
					"label": "Genf",
					"value": "genf"
				}
			]
		}
	},
	"translations": {
		"searchQuery": "Ort, Sektionsname",
		"resetFilters": "Alle Filter zurücksetzen",
		"childYouthActivities": "Kinder/Jugend Aktivitäten"
	},
	"jsOptions": {
		"translations": {
			"filteredResult": "{{filtered}} von {{total}} Sektionen"
		},
		"language": {
			"zeroRecords": "Keine passenden Inhalte gefunden."
		}
	}
}

Template

<div class="m-section-list m-data-table l-box l-box--has-children" data-init="SectionList" data-sectionlist-options='{{{json jsOptions}}}'{{{moduleAttributes this}}}>

	<div class="m-section-list__filter-wrapper l-box l-box--snow">
		{{>modules/m090_section_list/partials/_filter this}}
	</div>

	<div class="l-box l-box--custom">
		<p class="m-section-list__count" data-js-binding="SectionList-count"></p>
		<div class="m-data-table__wrapper">
			<table>
				<thead>
				<tr>
					{{#each headColumnList}}
						<th {{#unless sortable}}data-orderable="false"{{/unless}}>
							{{{label}}}
							{{#if tooltip}}
								{{> modules/c001_tooltip_hint/c001_tooltip_hint text=tooltip}}
							{{/if}}
						</th>
					{{/each}}
				</tr>
				</thead>
				<tbody>
				{{#each groupList}}
					{{#if headline}}
						<tr class="m-data-table__group-head">
							<th colspan="{{../headColumnList.length}}" scope="rowgroup">{{headline}}</th>
						</tr>
					{{/if}}
					{{#each list}}
						<tr>
							<td data-sort="{{sectionLink.label}}">
								<a class="m-section-list__link c-button-text c-button-text--red" href="{{sectionLink.url}}"{{#if sectionLink.target}} target="{{sectionLink.target}}"{{/if}}>
									{{sectionLink.label}}
								</a>
							</td>
							<td data-sort="{{location}}">{{location}}</td>
							<td>{{canton}}</td>
							<td class="m-section-list__icon-td" data-sort="{{#ifAny jo kibe fabe}}true{{else}}false{{/ifAny}}">
								{{#ifAny jo kibe fabe}}
									<svg class="m-section-list__icon svg" aria-hidden="true">
										<use xlink:href="{{@root.global.svgSprite}}#icon-checkmark-in-circle"></use>
									</svg>
								{{/ifAny}}
							</td>
						</tr>
					{{/each}}
				{{/each}}
				</tbody>
			</table>
		</div>
	</div>

</div>

Template of modules/m090_section_list/partials/_filter

<div class="m-section-list__filter row small-up-1 medium-up-2 large-up-4">
	<div class="columns">
		{{> modules/c032_select/c032_select filters.group name="canton" variant="c-select--block" addNestedLabel=true additionalAttributes='data-target-column="2"'}}
	</div>
	<div class="columns">
		<input class="c-input-text" placeholder="{{translations.searchQuery}}" type="search">
	</div>
	<div class="columns align-self-middle">
		{{> modules/c036_input_checkbox/c036_input_checkbox name="child_youth_activities" text=translations.childYouthActivities horizontal=true}}
	</div>
	<div class="m-data-table__reset columns">
		{{> modules/c018_label_with_icon/c018_label_with_icon label=translations.resetFilters tag="button" icon="x-in-circle" additionalAttributes='type="reset"'}}
	</div>
</div>

Global Data

{
	"global": {
		"lang": "de",
		"locale": "de-CH",
		"svgSprite": "/assets/media/svg/svg-sprite.svg",
		"transparentPixel": "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
		"season": "summer",
		"api": {
			"suisseAlpine": "https://dev.suissealpine.sac-cas.ch/api",
			"sacRouteDetail": "https://dev.web.sac-cas.ch/de/?type=1567765346410&tx_usersaccas2020_sac2020[routeId]=",
			"sacRoutePassTrough": "https://dev.web.sac-cas.ch/de/?type=1567765346411&tx_usersaccas2020_sac2020[routeId]=",
			"uploadProfileImage": "https://dev.web.sac-cas.ch/?eID=routing&route=usersaccassite/users/current/uploadProfileImage",
			"deleteProfileImage": "https://dev.web.sac-cas.ch/?eID=routing&route=usersaccassite/users/current/deleteProfileImage",
			"aimeosShop": "https://dev.web.sac-cas.ch/de/shop/shopapi/",
			"mailchimpForm": "https://sac-cas.us2.list-manage.com/subscribe/post?u=466a37a029f12e4df9e7a2a1f&id=ee3f0f3cf3",
			"collections": "https://collectionsdev.web.sac-cas.ch/api",
			"hrs": "https://www.alpsonline.org/hut-web-service?wsdl"
		},
		"baseAimeosUploadPath": "https://dev.web.sac-cas.ch/uploads/tx_aimeos/",
		"mapIframeUrl": "/modules/m030_map/media/map_iframe.html",
		"baseDestinationLinkUrl": "/pages/destination_summit/destination_summit.html?",
		"destinationLinkRouteAnchor": "route",
		"baseJourneyLinkUrl": "https://dev.web.sac-cas.ch/de/redirect/google-maps-routing/lv03/",
		"routeCollectionLinkUrl": "https://dev.web.sac-cas.ch/de/mein-sac/uebersicht/",
		"hrsLinkUrl": "https://www.alpsonline.org/reservation/wizard?header=yes&hut_id={{hutId}}&selectedDate={{date}}",
		"schweizMobilImportUrl": "https://map.schweizmobil.ch/?showDialog=importcoordinates&showLogin&coordinates={{coordinates}}",
		"geologyImageUrl": "https://www.sac-cas.ch/fileadmin/Huetten_und_Touren/Tourenportal/Gesteinszonenkarten/Hovercard/{{image}}.jpg",
		"features": {
			"archive": true
		},
		"translations": {
			"disciplines": {
				"mountain_hiking": "Berg- und Alpinwandern",
				"alpine_tour": "Hochtour",
				"climbing": "Klettern",
				"alpine_climbing": "Alpinklettern",
				"via_ferrata": "Klettersteig",
				"ski_tour": "Skitour",
				"snowshoe_tour": "Schneeschuhtour",
				"archive": "Routenarchiv"
			},
			"types": {
				"summit": "Gipfel",
				"hut": "Hütte",
				"traverse": "Übergang",
				"marking_point": "Markanter Punkt",
				"departure_arrival": "Ausgangp./Talort",
				"climbing_area": "Klettergebiet"
			},
			"markingPoints": {
				"lake": "See",
				"catering": "Einkehr",
				"waterfall": "Wasserfall",
				"cave": "Höhle",
				"bridge": "Brücke",
				"alp": "Alpe",
				"other": "Sehenswürdigkeit"
			},
			"difficulties": {
				"alpine_tour": {
					"L": "L",
					"WS": "WS",
					"ZS": "ZS",
					"S": "S",
					"SS": "SS",
					"AS": "AS"
				},
				"ski_tour": {
					"L": "L",
					"WS": "WS",
					"ZS": "ZS",
					"S": "S",
					"SS": "SS",
					"AS": "AS"
				}
			},
			"altitudeSuffix": "m ü.M.",
			"altitudeDifferenceUnit": "hm",
			"hoursUnit": "h",
			"difficulty": "Schwierigkeit",
			"ascent": "Aufstieg",
			"descent": "Abstieg",
			"route": "Route",
			"routes": "Routen",
			"segment": "Routenabschnitt",
			"segments": "Routenabschnitte",
			"approach": "Zustieg",
			"approaches": "Zustiege",
			"sector": "Sektor",
			"sectors": "Sektoren",
			"hut": "Hütte",
			"hutPrivate": "Hütte Privat",
			"hutFilter": "Hüttenfinder",
			"situationWarning": "Zustandswarnung",
			"protectionRule": "Schutzbestimmung",
			"archiveRoute": "Archivroute",
			"archiveRoutes": "Archivrouten",
			"map": {
				"map": "Karte",
				"legend": "Legende",
				"zoomIn": "Reinzoomen",
				"zoomOut": "Rauszoomen",
				"enterFullscreenMode": "Vollbildmodus starten",
				"leaveFullscreenMode": "Vollbildmodus verlassen",
				"searchLabel": "Region, Gipfel, Hütte, Talort, POI, …",
				"disciplineSettings": "Disziplinen Einstellungen",
				"layerSettings": "Ergänzende Kartenebenen",
				"geolocate": "Lokalisieren",
				"searchInView": "In diesem Gebiet suchen",
				"waypointDrawing": "Auf Karte zeichnen",
				"drawWaypoints": "Route zeichnen",
				"removeWaypoints": "Route löschen",
				"exportWaypoints": "GPX downloaden",
				"saveInSchweizMobil": "Speichern|SchweizMobil Plus",
				"moreInFullscreen": "Entdecke weitere Funktionen auf der Vollbildkarte:<br>- Zeichne deine eigenen Tracks",
				"baseLayers": {
					"pois": "Tourenziele, Hütten",
					"routes": "Routen"
				},
				"additionalLayers": {
					"summer": "Sommer",
					"winter": "Winter",
					"hikingTrails": "Wanderwege",
					"closedHikingTrails": "Gesperrte Wanderwege",
					"wildlifeReserves": "Wildschutzgebiete",
					"skiTours": "swisstopo Skitouren",
					"designatedWildlifeAreas": "Wildruhezonen",
					"publicTransportStops": "ÖV-Stationen",
					"slopesOver30": "Hangneigung ab 30°",
					"protectionRules": "Schutzbestimmungen",
					"situationWarnings": "Zustandswarnungen",
					"geology": "Gesteinszonenkarte",
					"alpGuardDogs": "Herdenschutzhunde",
					"armyShooting": "Schiessanzeigen",
					"snowCover": "Schneeabdeckung",
					"snowDepth": "Schneehöhe"
				},
				"layerOpacity": "Deckkraft aktiver Karten",
				"foregroundOpacity": "Deckkraft aktiver Disziplinen und Hütten",
				"backgroundOpacity": "Deckkraft inaktiver Disziplinen und Hütten",
				"reset": "Zurücksetzen"
			},
			"mapHoverCard": {
				"publicTransport": "Öffentlicher Verkehr",
				"parkingInformations": "Parkinformationen",
				"planJourneyPublicTransport": "Anreise",
				"searchPublicTransport": "Verbindung suchen (SBB)",
				"planJourneyCar": "Anreise Google Maps",
				"downloadWaypoint": "Wegpunkt downloaden",
				"routeLinkLabel": "Route ansehen",
				"wildlifeReserve": "Wildschutzgebiet",
				"wildlifeArea": "Wildruhezone",
				"closedHikingTrail": "Sperrung / Umleitung Wanderweg",
				"alpGuardDogs": "Alpweide geschützt durch Herdenschutzhunde",
				"armyShooting": "Schiessanzeige und Gefahrenstelle",
				"legalBasis": "Grundlage",
				"additionalInformation": "Zusatzinformationen",
				"showDetails": "Details anzeigen",
				"moreOnMapAdminCh": "Mehr Informationen auf map.admin.ch",
				"currentSnowDepth": "Aktuelle Schneehöhe"
			},
			"protectionArea": {
				"lastUpdated": "zuletzt aktualisiert am {{lastUpdate}}",
				"validity": "gültig von {{validFrom}} bis {{validUntil}}",
				"validityEstimated": "gültig von {{validFrom}} bis voraussichtlich {{validUntil}}",
				"validFrom": "gültig ab {{validFrom}}",
				"validUntil": "gültig bis {{validUntil}}",
				"validUntilEstimated": "gültig bis voraussichtlich {{validUntil}}",
				"generallyValid": "generell gültig"
			},
			"collections": {
				"addRouteToCollection": "Route merken",
				"selectCollection": "Merkliste auswählen",
				"selectRoute": "Welche Route(n) dieses Tourenziels möchtest du dir merken?",
				"selectRouteError": "Bitte wähle eine Route aus.",
				"addToCollection": "Merken",
				"cancel": "Abbrechen",
				"routeAddedToCollection": "Die ausgewählte Route(n) wurden zu deiner Merkliste hinzugefügt.",
				"createNew": "Neue Liste",
				"close": "Schliessen",
				"goToCollection": "Zur Merkliste",
				"alreadyCollectedIn": "Bereits gemerkt auf"
			}
		},
		"basePublicTransportLinkUrl": "https://www.sbb.ch/en/buying/pages/fahrplan/fahrplan.xhtml?language=en&nach=",
		"snowDepthInfoUrl": "https://www.sac-cas.ch",
		"snowCoverInfoUrl": "https://www.sac-cas.ch",
		"destinationFallbackImages": {
			"summit": {
				"srcset": {
					"sizeList": [
						[
							600
						],
						[
							1200
						],
						[
							2048
						]
					],
					"urlList": [
						"/modules/c015_teaser_destination/media/summit_600.jpg",
						"/modules/c015_teaser_destination/media/summit_1200.jpg",
						"/modules/c015_teaser_destination/media/summit_2048.jpg"
					]
				}
			},
			"hut": {
				"srcset": {
					"sizeList": [
						[
							600
						],
						[
							1200
						]
					],
					"urlList": [
						"/modules/c015_teaser_destination/media/hut_600.jpg",
						"/modules/c015_teaser_destination/media/hut_1200.jpg",
						"/modules/c015_teaser_destination/media/hut_2048.jpg"
					]
				}
			}
		},
		"map": {
			"news": [
				{
					"label": "Neu",
					"copy": "Jetzt auch <b>GPX downloaden</b>",
					"type": "waypointDrawing"
				},
				{
					"label": "Neu",
					"copy": "Jetzt Deckkraft für jede Ebene einstellbar",
					"type": "layerSettings"
				}
			],
			"metaLinkList": [
				{
					"url": "https://www.swisstopo.admin.ch/",
					"label": "© swisstopo (5701325910)"
				},
				{
					"url": "/pages/map_legend/map_legend.html",
					"label": "Hilfe & Legende"
				},
				{
					"url": "#",
					"label": "Haftungsausschluss"
				}
			]
		}
	}
}

Documentation

Description

Integration

Copy HTML.