/ M047 Climbing Info Table

Zusatzinformationen Amarone

Absicherung
Gute Absicherung
Seil
1x60
Expressschlingen
12
Klemmkeile
Friends
Absicherungsmöglichkeit
Abseilen
Fussabstieg
Zustieg mit Ski
Zustieg mit Steigeisen und Pickel

Zusatzinformationen Schneewittchen

Absicherung
Sehr gute Absicherung
Seil
1x60
Expressschlingen
14
Klemmkeile
Friends
Absicherungsmöglichkeit
Abseilen
Fussabstieg
Regensicher
Kinderfreundliches Gelände
Kinderfreundliche Routen

Default implemention.

Data

{
	"headline": "Zusatzinformationen Amarone",
	"headlineTag": "h3",
	"list": [
		{
			"icon": "protection",
			"label": "Absicherung",
			"value": {
				"text": null,
				"icon": "protection-3",
				"label": "Gute Absicherung"
			}
		},
		{
			"icon": "rope",
			"label": "Seil",
			"value": {
				"text": "1x60",
				"icon": null,
				"label": null
			}
		},
		{
			"icon": "quickdraws",
			"label": "Expressschlingen",
			"value": {
				"text": "12",
				"icon": null,
				"label": null
			}
		},
		{
			"icon": "nuts",
			"label": "Klemmkeile",
			"value": {
				"text": "✔",
				"icon": null,
				"label": "Ja"
			}
		},
		{
			"icon": "friends",
			"label": "Friends",
			"value": {
				"text": "✔",
				"icon": null,
				"label": "Ja"
			}
		},
		{
			"icon": "protection-possibilities",
			"label": "Absicherungsmöglichkeit",
			"value": {
				"text": "—",
				"icon": null,
				"label": "Nein"
			}
		},
		{
			"icon": "repelling",
			"label": "Abseilen",
			"value": {
				"text": "✔",
				"icon": null,
				"label": "Ja"
			}
		},
		{
			"icon": "descent",
			"label": "Fussabstieg",
			"value": {
				"text": "✔",
				"icon": null,
				"label": "Ja"
			}
		},
		{
			"icon": "approach-with-skis",
			"label": "Zustieg mit Ski",
			"value": {
				"text": "✔",
				"icon": null,
				"label": "Ja"
			}
		},
		{
			"icon": "approach-with-crampons",
			"label": "Zustieg mit Steigeisen und Pickel",
			"value": {
				"text": "✔",
				"icon": null,
				"label": "Ja"
			}
		}
	]
}

Info table for a climbing area

Data

{
	"headline": "Zusatzinformationen Schneewittchen",
	"headlineTag": "h3",
	"list": [
		{
			"icon": "protection",
			"label": "Absicherung",
			"value": {
				"text": null,
				"icon": "protection-4",
				"label": "Sehr gute Absicherung"
			}
		},
		{
			"icon": "rope",
			"label": "Seil",
			"value": {
				"text": "1x60",
				"icon": null,
				"label": null
			}
		},
		{
			"icon": "quickdraws",
			"label": "Expressschlingen",
			"value": {
				"text": "14",
				"icon": null,
				"label": null
			}
		},
		{
			"icon": "nuts",
			"label": "Klemmkeile",
			"value": {
				"text": "—",
				"icon": null,
				"label": "Nein"
			}
		},
		{
			"icon": "friends",
			"label": "Friends",
			"value": {
				"text": "—",
				"icon": null,
				"label": "Nein"
			}
		},
		{
			"icon": "protection-possibilities",
			"label": "Absicherungsmöglichkeit",
			"value": {
				"text": "—",
				"icon": null,
				"label": "Nein"
			}
		},
		{
			"icon": "repelling",
			"label": "Abseilen",
			"value": {
				"text": "✔",
				"icon": null,
				"label": "Ja"
			}
		},
		{
			"icon": "descent",
			"label": "Fussabstieg",
			"value": {
				"text": "—",
				"icon": null,
				"label": "Nein"
			}
		},
		{
			"icon": "rain-proof",
			"label": "Regensicher",
			"value": {
				"text": "—",
				"icon": null,
				"label": "Nein"
			}
		},
		{
			"icon": "child-friendly-terrain",
			"label": "Kinderfreundliches Gelände",
			"value": {
				"text": "✔",
				"icon": null,
				"label": "Ja"
			}
		},
		{
			"icon": "child-friendly-routes",
			"label": "Kinderfreundliche Routen",
			"value": {
				"text": "—",
				"icon": null,
				"label": "Nein"
			}
		}
	]
}

Template

<div class="m-climbing-info-table"{{{moduleAttributes this}}}>
	{{#if headline}}
		<{{headlineTag}} class="m-climbing-info-table__headline fs-h3">{{headline}}</{{headlineTag}}>
	{{/if}}
	<dl class="m-climbing-info-table__list o-ui-list fs-copy">
		{{#each list}}
			<div class="m-climbing-info-table__item">
				<dt class="o-aspect-ratio o-aspect-ratio--1x1">
					<div class="m-climbing-info-table__icon-wrapper">
						<span class="m-climbing-info-table__tooltip" data-tooltip="top" title="{{label}}">
							<span class="o-visuallyhidden">{{label}}</span>
							<svg class="m-climbing-info-table__icon svg" aria-hidden="true">
								<use xlink:href="{{@root.global.svgSprite}}#icon-climbing-{{icon}}"></use>
							</svg>
						</span>
					</div>
				</dt>
				<dd class="m-climbing-info-table__value-wrapper o-aspect-ratio o-aspect-ratio--1x1">
					<div class="m-climbing-info-table__value">
						{{#if value.text}}
							<span{{#if value.label}} aria-label="{{value.label}}"{{/if}}>
								{{value.text}}
							</span>
						{{else if value.icon}}
							<span class="m-climbing-info-table__tooltip"{{#if value.label}} data-tooltip="top" title="{{value.label}}"{{/if}}>
								{{#if value.label}}<span class="o-visuallyhidden">{{value.label}}</span>{{/if}}
								<svg class="m-climbing-info-table__icon svg" aria-hidden="true">
									<use xlink:href="{{@root.global.svgSprite}}#icon-climbing-{{value.icon}}"></use>
								</svg>
							</span>
						{{/if}}
					</div>
				</dd>
			</div>
		{{/each}}
	</dl>
</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.