2c:null 2d:["$","title",null,{"children":"Glossar | Bildungsplanung Kanton Zürich | Observable"}] 32:T802,//function to create a single entry in the glossar parseOption = function (entry, i, allEntries) { //if an entry is valid if ( (new Date(entry.GueltigAb) == "Invalid Date" || new Date() >= new Date(entry.GueltigAb)) && (new Date(entry.GueltigBis) == "Invalid Date" || new Date() <= new Date(entry.GueltigBis)) ) { //translate line breaks to html const regex = /\r\n|\n/gi; let text = entry.text.replaceAll(regex, "
"); //generate internal links text = createLinks(text, entry.titel, allEntries); text = createLinks(text, entry.titel, sortedEntriesByShort); // create titles for the first letters (if there is a new characters) let firstChar = entry.titel .charAt(0) .toUpperCase() .replace("Ü", "U") .replace("Ä", "A") .replace("Ö", "O"); let previousFirstChar = allEntries[i - 1] ? allEntries[i - 1].titel .charAt(0) .toUpperCase() .replace("Ü", "U") .replace("Ä", "A") .replace("Ö", "O") : ""; let title = ""; let shorts = entry.shorts == undefined ? "" : entry.shorts.length == 1 ? html`

Abkürzung: ${entry.shorts.join( ", " )}

` : html`

Abkürzungen: ${entry.shorts.join( ", " )}

`; if (previousFirstChar == "" || firstChar != previousFirstChar) { title = html`

${firstChar}

`; } // create actual entries const htmlEntry = html`

${entry.titel}

${shorts}

${text}

`; htmlEntry.id = slugify(entry.titel, { lower: true, locale: "de" }); htmlEntry.classList.add("glossar-entry"); //return character titles (if neccesary) and entry let result = htl.html`${title}${htmlEntry}`; return result; } return ""; }33:T56b,//function to create links in a text fragment for all entries. createFullLinks = function (text, allEntries, onceOnly = true) { //function that returns a link given the title const genLink = function (entry) { return ( "" + entry.term + "" ); }; //function that looks for a single title and replaces it with a link if it is found. const handleReplacement = function (text, entry) { // Create the regex pattern const regex = new RegExp(`(?-])\\b${entry.term}\\b(?![a-z<])`); if (regex.test(text) && !handledEntries.includes(entry.term)) { //keep handled entries in an array, so it is replaced only once (until the array is flushed) handledEntries.push(entry.term); //Replace the first occurence return text.replace(regex, genLink(entry)); } return text; }; // clear the array of handled entries after each paragraph if the replacement should happen in every paragraph if (!onceOnly) { handledEntries.length = 0; } //handle all entries for (let entry of allEntries) { text = handleReplacement(text, entry); } return text; }34:T74e,linkparagraphs = { function delay(time) { return new Promise((resolve) => setTimeout(resolve, time)); } let paragraphs = document.querySelectorAll( ":not(.mdl-accordion__item) .atm-paragraph" ); //run through all paragraphs for (let paragraph of paragraphs) { let currentHTML = paragraph.outerHTML; //create links for all titles currentHTML = createFullLinks( currentHTML, sortedEntries, true //replace every term only once ); paragraph.outerHTML = currentHTML; } // needs to be in a seperate loop so handledEntries is not cleared after every loop paragraphs = document.querySelectorAll( ":not(.mdl-accordion__item) .atm-paragraph" ); for (let paragraph of paragraphs) { let currentHTML = paragraph.outerHTML; //create links for all shorts currentHTML = createFullLinks( currentHTML, sortedEntriesByShort, false //replace every first occurance in a paragraph ); paragraph.outerHTML = currentHTML; } //delay für Lesebeispiele und "Grenzen der Aussagekraft" die aus den Grafiken kommen delay(1000).then(() => { let accordeons = document.querySelectorAll( ".mdl-accordion__item .atm-paragraph" ); //run through all accordeons for (let accordeon of accordeons) { let currentHTML = accordeon.outerHTML; //create links for all titles currentHTML = createFullLinks( currentHTML, sortedEntries, false //replace every first occurance in a accordeon ); //create links for all shorts currentHTML = createFullLinks( currentHTML, sortedEntriesByShort, false //replace every first occurance in a accordeon ); accordeon.outerHTML = currentHTML; } }); //return an empty span so nothing is being displayed return htl.html``; }35:[] 30:{"id":"d61c3d7930b5d524","slug":null,"title":"Glossar","thumbnail":"e03c8b72a0242eab5be6ffc3d25fd1567bcd7548f645309fda78755c25fb89ee","access_level":"public","create_time":"$D2024-01-29T15:24:32.807Z","update_time":"$D2026-02-25T13:14:54.935Z","view_time":null,"first_public_time":"$D2024-01-29T15:24:32.807Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"480a316ccb4f6253","login":"bildungsplanungzh","name":"Bildungsplanung Kanton Zürich","avatar_url":"https://avatars-next.observableusercontent.com/2cb1f8851e077d6126eed5b60e134287f21a1bc0897970ba693f8aa5b3dc3bb3","tier":"pro_2024"},"version":857,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"ae2fb568d64d2eb1","login":"resmartizh","name":"Res Marti","avatar_url":"https://avatars-next.observableusercontent.com/69661c8e64ee6b7b99aba46691979edfa94971eb1e410861d738d2401ebe034e","tier":null}],"members":[{"type":"team","id":"480a316ccb4f6253","login":"bildungsplanungzh","name":"Bildungsplanung Kanton Zürich","avatar_url":"https://avatars-next.observableusercontent.com/2cb1f8851e077d6126eed5b60e134287f21a1bc0897970ba693f8aa5b3dc3bb3","tier":"pro_2024","role":"editor"},{"type":"individual","id":"ae2fb568d64d2eb1","login":"resmartizh","name":"Res Marti","avatar_url":"https://avatars-next.observableusercontent.com/69661c8e64ee6b7b99aba46691979edfa94971eb1e410861d738d2401ebe034e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Glossar","cells":[{"id":0,"value":"# Glossar","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":796,"value":"viewof searchbar = {\n leuInput;\n leuPlaceholder;\n leuButton;\n theme;\n const bar = html``;\n return bar;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"container = htl.html`${theme}${taglist}

${entries}

${\n sortedEntriesShow.length === 0 ? emptyplaceholder : \"\"\n}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":595,"value":" ## Getting the Glossar data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":495,"value":"viewof refreshCache = Inputs.toggle({ label: \"Refresh cache\", value: false })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":202,"value":"data = {\n let refresh = refreshCache;\n return basicapi.data(uri, refresh);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":493,"value":"uri = \"p_glossar\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":603,"value":"## Helper functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":128,"value":"//function to order the entries by title\ncompare = function (a, b) {\n return a.titel.toUpperCase().localeCompare(b.titel.toUpperCase(), \"de\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":510,"value":"//function to order the entries by short\ncompareByShort = function (a, b) {\n const aShort = a.term ? a.term.toUpperCase() : \"\"; // Default to an empty string if term is missing\n const bShort = b.term ? b.term.toUpperCase() : \"\"; // Default to an empty string if term is missing\n\n if (aShort.includes(bShort) || bShort.includes(aShort)) {\n return b.length - a.length;\n }\n\n return aShort.localeCompare(bShort, \"de\");\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":526,"value":"synonyms = [...data.entries]\n .filter((entry) => entry.synonyms !== undefined)\n .flatMap((item) =>\n item.synonyms.map((synonym) => ({\n synonym: item.titel,\n titel: synonym.titel,\n show: synonym.show,\n text: \"Siehe \" + item.titel\n }))\n )","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"//all entries including synonyms\nsortedEntries = [...data.entries]\n .map((obj) => ({ ...obj, show: true }))\n .concat(synonyms)\n .sort(compare)\n .map((obj) => ({ ...obj, term: obj.titel }))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":734,"value":"//all entries that should be shown in the glossary\nsortedEntriesShow = {\n const attributesToSearch = [\"titel\", \"text\"];\n return [...sortedEntries]\n .filter((d) => d.show == true)\n .filter((d) => {\n return attributesToSearch.some((key) => {\n // Sicherstellen, dass der Wert existiert und in einen String umgewandelt wird\n const value = String(d[key]).toLowerCase();\n return value.includes(searchbar.toLowerCase());\n });\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":508,"value":"sortedEntriesByShort = [...data.entries]\n .filter((entry) => entry.shorts !== undefined)\n .flatMap((item) =>\n item.shorts.map((short) => ({\n titel: item.titel,\n term: short\n }))\n )\n .sort(compareByShort)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":605,"value":"## Creating the Glossar","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":15,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"//consolidating all single entries into one html object\nentries = {\n const glossar = html`\n${sortedEntriesShow.map((entry, i, allEntries) =>\n parseOption(entry, i, allEntries)\n)}`;\n return glossar;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":830,"value":"emptyplaceholder = htl.html`\n

Keine Ergebnisse zu «${searchbar}» gefunden.

\n Überprüfen Sie die Schreibweise der eingegebenen Wörter. Versuchen Sie\n andere Stichwörter. Versuchen Sie allgemeinere Stichwörter.\n

\n {\n viewof searchbar.value = \"\";\n viewof searchbar.dispatchEvent(new Event(\"input\", { bubbles: true }));\n }}>\n Suche zurücksetzen\n \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":318,"value":"//creating the taglist with the first letters for the top\ntaglist = {\n const list = html`

${firstChar}

`;\n return list;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":248,"value":"//function to create links inside the glossar\ncreateLinks = function (text, titel, allEntries) {\n const genLink = function (entry) {\n return (\n \"\" +\n entry.term +\n \"\"\n );\n };\n for (let entry of allEntries) {\n if (titel != entry.titel) {\n const regex = new RegExp(`(? setTimeout(resolve, time));\n }\n\n delay(500).then(() => {\n //console.log(\"ran after 500 milliseconds passed\");\n const element = document.getElementById(id);\n element.scrollIntoView({\n behavior: \"smooth\",\n block: \"start\"\n });\n });\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":222,"value":"## Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":206,"value":"import { basicapi, leuVersion } from \"@bildungsplanungzh/general\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"slugify = require(\"slugify@1.6.6/slugify.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":786,"value":"leuIcon = import(`https://esm.sh/@statistikzh/leu@${leuVersion}/leu-icon.js`)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":790,"value":"leuInput = import(`https://esm.sh/@statistikzh/leu@${leuVersion}/leu-input.js`)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":809,"value":"leuPlaceholder = import(\n `https://esm.sh/@statistikzh/leu@${leuVersion}/leu-placeholder.js`\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":832,"value":"leuButton = import(\n `https://esm.sh/@statistikzh/leu@${leuVersion}/leu-button.js`\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":794,"value":"theme = htl.html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":703,"value":"## Autolinking\n\nFür Autolinking in zhweb muss ```linkparagraphs``` und ```linklegends``` eingebunden werden","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":363,"value":"test = htl.html`

BlaBla BlaBla BlaBla

BlaBla Sekundarschule BlaBla BlaBla Sekundarschule SS (BM 2)

BlaBla Sekundarschulen BlaBla BlaBla Sekundarschulen

\nKindergarten\nPrimarschule\nSonderschule\nEigener Lehrplan\nSekundarschule\nMittelschule\nBerufsschule\nBrückenangebot\nKindergarten\n

\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":417,"value":"handledEntries = []","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":366,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":429,"value":"linklegends = {\n function delay(time) {\n return new Promise((resolve) => setTimeout(resolve, time));\n }\n\n delay(1000).then(() => {\n let legends = document.getElementsByClassName(\"swatches\");\n for (let legend of legends) {\n legend.outerHTML = createFullLinks(\n legend.outerHTML,\n sortedEntries,\n false\n );\n }\n });\n //return an empty span so nothing is being displayed\n return htl.html``;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":503,"value":"linkshorts = {\n let accordeons = document.querySelectorAll(\n \".mdl-accordion__item .atm-paragraph\"\n );\n for (let accordeon of accordeons) {\n accordeon.outerHTML = createFullLinks(\n accordeon.outerHTML,\n sortedEntriesByShort,\n false\n );\n }\n let paragraphs = document.querySelectorAll(\n \":not(.mdl-accordion__item) .atm-paragraph\"\n );\n for (let paragraph of paragraphs) {\n paragraph.outerHTML = createFullLinks(\n paragraph.outerHTML,\n sortedEntriesByShort,\n false\n );\n }\n return htl.html``;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 31:"$30:body"