Schweizer Alpen-Club SAC / M081 Icon Definition List
Data
{
"headline": "Kartensymbole",
"headlineTag": "h3",
"copy": "<p>Die Tourenziele (in der Regel ein Gipfel) sind auf der Karte mit Symbolen dargestellt. Die Farbe entspricht der Disziplin, in der ein Tourenziel erreicht werden kann. Zum Beispiel kann dieser Gipfel auf einer Berg- und Alpinwanderung erreicht werden.</p>",
"type": "marker",
"columns": 2,
"list": [
{
"label": "Gipfel",
"icon": "destination-summit"
},
{
"label": "Übergang / Pass",
"icon": "destination-traverse"
},
{
"label": "Höhle",
"icon": "destination-cave"
},
{
"label": "See",
"icon": "destination-lake"
},
{
"label": "Einkehrmöglichkeit",
"icon": "destination-catering"
},
{
"label": "Brücke",
"icon": "destination-bridge"
},
{
"label": "Interessanter Punkt",
"icon": "destination-other"
},
{
"label": "Wasserfall",
"icon": "destination-waterfall"
},
{
"label": "Alpe",
"icon": "destination-alp"
},
{
"label": "Ausgangspunkt",
"icon": "destination-departure-arrival"
},
{
"label": "Hütte SAC",
"icon": "destination-hut-sac",
"bgColor": "hut_sac"
},
{
"label": "Hütte Privat",
"icon": "destination-hut-private",
"bgColor": "hut_private"
},
{
"label": "Schutzbestimmung",
"icon": "protection-rule",
"bgColor": "protection-rule"
},
{
"label": "Hinweis / Warnung",
"icon": "map-warning",
"bgColor": "red"
}
]
}
Data
{
"headline": "Beispiele",
"headlineTag": "h4",
"type": "marker",
"columns": 1,
"list": [
{
"label": "Gipfel, welcher mit der Disziplin Berg- und Alpinwandern erreicht werden kann.",
"icon": "destination-summit",
"bgColor": "mountain_hiking"
},
{
"label": "Höhle, welche mit einer Hochtour besucht werden kann.",
"icon": "destination-cave",
"bgColor": "alpine_tour"
},
{
"label": "Übergang, welcher in mehreren Disziplinen überschritten werden kann.",
"icon": "destination-traverse",
"bgColor": "multiple"
},
{
"label": "See, welcher mit Schneeschuhen umrundet oder erreicht werden kann.",
"icon": "destination-lake",
"bgColor": "snowshoe_tour"
}
]
}
Data
{
"headline": "Kartenfunktionen",
"headlineTag": "h3",
"copy": "<p>TOURENPORTALNAME verwendet das Kartenmaterial von swisstopo. Die Karte kann zur besseren Orientierung und Tourenplanung interaktiv bewegt (Zoom, Drag) bzw. durch zusätzliche Kartenebenen ergänzt werden (z.B. Wildruhezonen, Hangneigungsklassen, ÖV).</p>",
"type": "control",
"columns": 2,
"list": [
{
"label": "In den Vollbild-Modus der Karte wechseln",
"icon": "expand",
"bgColor": "gray"
},
{
"label": "Disziplin-Filter im Vollbild-Modus der Karte",
"icon": "settings"
},
{
"label": "Ein-/Ausblenden und Deckkraft ergänzender Kartenebenen",
"icon": "layers"
},
{
"label": "Zentrieren der Karte auf den aktuellen Standort deines Browsers",
"icon": "target"
},
{
"label": "Zoom der Karte um eine Stufe erhöhen",
"icon": "plus"
},
{
"label": "Zoom der Karte um eine Stufe verringern",
"icon": "minus"
}
]
}
Data
{
"headline": "Plain icons",
"headlineTag": "h3",
"type": "icon",
"columns": 1,
"list": [
{
"label": "Bergerfahrung",
"icon": "gemstone"
},
{
"label": "Kraft",
"icon": "dumbbell"
},
{
"label": "Ausdauer",
"icon": "pulse"
},
{
"label": "Pysche",
"icon": "star"
}
]
}
Data
{
"headline": "Discipline",
"headlineTag": "h3",
"type": "discpiline",
"columns": 1,
"list": [
{
"label": "Symbol Klettern",
"icon": "climbing",
"bgColor": "climbing"
}
]
}
Data
{
"headline": "Image icons",
"headlineTag": "h3",
"type": "image",
"columns": 2,
"list": [
{
"label": "VISA",
"img": {
"src": "/modules/m107_shop_footer/media/logos/visa.svg",
"alt": "Visa"
}
},
{
"label": "MasterCard",
"img": {
"src": "/modules/m107_shop_footer/media/logos/mastercard.svg",
"alt": "Visa"
}
},
{
"label": "PayPal",
"img": {
"src": "/modules/m107_shop_footer/media/logos/paypal.svg",
"alt": "Visa"
}
}
]
}
Template
<div class="m-icon-definition-list" data-init="IconDefinitionList"{{{moduleAttributes this}}}>
{{#if headline}}
<{{headlineTag}} class="m-icon-definition-list__headline fs-{{headlineTag}}">{{headline}}</{{headlineTag}}>
{{/if}}
{{#if copy}}
<div class="m-icon-definition-list__copy c-rich-text">{{{copy}}}</div>
{{/if}}
<ul class="m-icon-definition-list__items" data-column-count="{{columns}}">
{{#each list}}
<li class="m-icon-definition-list__item{{#if bgColor}} m-icon-definition-list__item--{{paramCase bgColor}}{{/if}}">
{{#if icon}}
<div class="m-icon-definition-list__icon-{{../type}}">
{{!-- marker used for the route maps --}}
{{#ifEqual ../type 'marker'}}
<svg class="m-icon-definition-list__marker-bg" xmlns="http://www.w3.org/2000/svg" width="40" height="46">
{{!-- for a multicolored marker we need a gradient wich has to be defined inside the svg and refercened in the CSS --}}
{{#ifEqual bgColor 'multiple'}}
<defs>
<linearGradient id="multidiscipline" x1="0%" y1="0%" x2="100%" y2="100%" >
<stop stop-color="#FF8800" offset="0%"></stop>
<stop stop-color="#FF3D12" offset="20%"></stop>
<stop stop-color="#662D91" offset="46%"></stop>
<stop stop-color="#007100" offset="70%"></stop>
<stop stop-color="#0033FF" offset="100%"></stop>
</linearGradient>
</defs>
{{/ifEqual}}
<path d="M8,0 L32,0 C36.418278,-8.11624501e-16 40,3.581722 40,8 L40,32.75 C40,36.7540644 36.7540644,40 32.75,40 L27.8418747,40 C26.3579755,40 24.9507375,40.659115 24.0007683,41.799078 L20.5,46 L16.9992317,41.799078 C16.0492625,40.659115 14.6420245,40 13.1581253,40 L7.75,40 C3.46979319,40 4.07688784e-15,36.5302068 3.55271368e-15,32.25 L0,8 C-5.41083001e-16,3.581722 3.581722,8.11624501e-16 8,0 Z"></path>
</svg>
{{/ifEqual}}
<svg class="m-icon-definition-list__icon icon-{{paramCase icon}}-dims svg" aria-hidden="true">
<use xlink:href="{{@root.global.svgSprite}}#icon-{{paramCase icon}}"></use>
</svg>
</div>
{{/if}}
{{#if img}}
<div class="m-icon-definition-list__icon-image">
{{> modules/_image/_image img}}
</div>
{{/if}}
<div class="m-icon-definition-list__text">
{{ label }}
</div>
</li>
{{/each}}
</ul>
</div>
Template of modules/_image/_image
{{#if srcset}}
<noscript>
<img class="o-full{{#if class}} {{class}}{{/if}}" src="{{>modules/_image/partials/_default_src this}}" alt="{{alt}}">
</noscript>
{{/if}}
<img
class="o-full lazyload{{#if class}} {{class}}{{/if}}"
{{#if srcset}}
src="{{>modules/_image/partials/_default_src this}}"
srcset="{{@root.global.transparentPixel}}"
data-srcset="
{{#each srcset.sizeList as |size|}}
{{#if ../srcset.urlList}}
{{lookup ../srcset.urlList @index}}
{{else}}
{{../srcset.basePath}}{{size.[0]}}{{#if ../srcset.fileExtension}}{{../srcset.fileExtension}}{{else}}.jpg{{/if}}
{{/if}}
{{size.[0]}}w{{#if @first}}{{#if size.[1]}} {{size.[1]}}h{{/if}}{{/if}}{{#unless @last}},{{/unless}}
{{/each}}
"
data-sizes="auto"
{{else}}
src="{{src}}"
{{/if}}
alt="{{alt}}"
>
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.