{"type":"doc","content":[{"type":"extension","attrs":{"layout":"default","extensionType":"com.atlassian.confluence.macro.core","extensionKey":"toc","parameters":{"macroParams":{"minLevel":{"value":"1"},"maxLevel":{"value":"2"},"outline":{"value":"true"},"style":{"value":"default"},"type":{"value":"list"},"printable":{"value":"false"}},"macroMetadata":{"macroId":{"value":"7a9934e4-f75c-4271-a822-176b11db52f6"},"schemaVersion":{"value":"1"},"title":"Table of Contents"}},"localId":"8921a4b6-a026-4a20-a94d-7eac30ace2e6"}},{"type":"rule"},{"type":"paragraph","content":[{"text":"Im ","type":"text"},{"text":"
","type":"text","marks":[{"type":"code"}]},{"text":"- Tag können wir ","type":"text"},{"text":"JavaScript Code","type":"text","marks":[{"type":"strong"}]},{"text":" schreiben und haben damit ein sehr mächtiges Instrument, Inhalte in Vorlagen zu dynamisieren.","type":"text"}]},{"type":"paragraph","content":[{"text":"Alles was","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"8121a7b5-aaba-4d1b-a737-6e31f0abf299"}}]},{"text":" die Programmierung innerhalb von Code betrifft, ist hier dokumentiert: ","type":"text"},{"type":"inlineCard","attrs":{"url":"https://primesoft-group.atlassian.net/wiki/x/DgC7Fw"}},{"text":". Wir empfehlen, zuerst diese Seite zu lesen.","type":"text"}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Schnelleinführung in JavaScript","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Generell","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Um eine in primedocs vordefinierte Funktion aufzurufen, muss zuerst ","type":"text"},{"text":"$.","type":"text","marks":[{"type":"code"}]},{"text":" geschrieben werden. Beispiel: ","type":"text"},{"text":"$.myFunction('Profile.User.FirstName')","type":"text","marks":[{"type":"code"}]},{"text":", siehe ","type":"text"},{"type":"inlineCard","attrs":{"url":"https://primesoft-group.atlassian.net/wiki/spaces/PDT/pages/398131214/Code#Funktionsaufrufe"}}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Ein primedocs-Feld wird folgendermassen geholt: ","type":"text"},{"text":"$(\"Profile.User.FirstName\")","type":"text","marks":[{"type":"code"}]},{"text":", siehe ","type":"text"},{"type":"inlineCard","attrs":{"url":"https://primesoft-group.atlassian.net/wiki/spaces/PDT/pages/398131214/Code#Zugriff-auf-Felder"}}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Das was in einem Funktionsaufruf in der Klammer steht, nennt man ","type":"text"},{"text":"Parameter","type":"text","marks":[{"type":"underline"}]},{"text":" (oben ist “Profile.User.Name” der Parameter).","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Ein Funktionsaufruf kann auch mehrere Parameter enthalten. Diese werden mit Komma getrennt: ","type":"text"},{"text":"$.myFunction('Profile.User.FirstName', anotherVariable)","type":"text","marks":[{"type":"code"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Eine Variable, die später in deinem Skript einen anderen Wert annimmt, wird mit ","type":"text"},{"text":"let","type":"text","marks":[{"type":"code"}]},{"text":" definiert. Beispiel: ","type":"text"},{"text":"let result = \" \";","type":"text","marks":[{"type":"code"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Eine Variable, die nie mehr einen anderen Wert annimmt (sogenannte Konstante), wird mit ","type":"text"},{"text":"const","type":"text","marks":[{"type":"code"}]},{"text":" definiert. Beispiel: ","type":"text"},{"text":"const name = $.getText('Profile.User.FirstName');","type":"text","marks":[{"type":"code"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Ein “Befehl” wird immer mit einem Semikolon abgeschlossen: ","type":"text"},{"text":";","type":"text","marks":[{"type":"code"}]},{"text":".","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Der Code in einem ","type":"text"},{"text":"Code","type":"text","marks":[{"type":"code"}]},{"text":"-Tag benötigt einen Rückgabewert über ein ","type":"text"},{"text":"return","type":"text","marks":[{"type":"code"}]},{"text":"-Statement. Der Rückgabewert muss entweder implizit oder explizit geschehen. Siehe dazu das nächste Kapitel ","type":"text"},{"text":"JavaScript in Fields","type":"text","marks":[{"type":"link","attrs":{"href":"https://primesoft-group.atlassian.net/wiki/spaces/PD/pages/edit-v2/395444225#JavaScript-in-Fields"}}]},{"text":". Beachte auch ","type":"text"},{"type":"inlineCard","attrs":{"url":"https://primesoft-group.atlassian.net/wiki/spaces/PDT/pages/398131214/Code#R%C3%BCckgabewert-von-Field-Typen"}},{"text":".","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Einzeilige Kommentare werden mittels ","type":"text"},{"text":"//","type":"text","marks":[{"type":"code"}]},{"text":" gestartet.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Für mehrzeilige Kommentare wird der gewünschte Text zwischen ","type":"text"},{"text":"/*","type":"text","marks":[{"type":"code"}]},{"text":" und ","type":"text"},{"text":"*/","type":"text","marks":[{"type":"code"}]},{"text":" geschrieben.","type":"text"}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"JavaScript in Fields","type":"text"}]},{"type":"paragraph","content":[{"text":"Innerhalb des ","type":"text"},{"text":"","type":"text","marks":[{"type":"code"}]},{"text":"-Tag sind zwei Varianten zum Ausführen von Code möglich: ","type":"text"},{"type":"inlineCard","attrs":{"url":"https://primesoft-group.atlassian.net/wiki/spaces/PDT/pages/398131214/Code#Aufrufe-in-Code"}}]},{"type":"panel","attrs":{"panelType":"success"},"content":[{"type":"paragraph","content":[{"text":"TIPP","type":"text","marks":[{"type":"strong"}]},{"type":"hardBreak"},{"text":"Um den Code übersichtlicher zu gestalten, verwenden wir wenn möglich den ","type":"text"},{"text":"abgekürzten Aufruf","type":"text","marks":[{"type":"underline"}]},{"text":".","type":"text"},{"type":"hardBreak"},{"text":"Erst bei komplexeren Konfigurationen kommt der ausformulierte Aufruf zum Einsatz.","type":"text"}]}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Kontrollstrukturen","type":"text"}]},{"type":"paragraph","content":[{"text":"Eine Kontrollstruktur prüft, ob eine Bedingung erfüllt ist oder nicht und gibt dann den Inhalt aus, der definiert wurde.","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"if-Statements","type":"text"}]},{"type":"paragraph","content":[{"text":"if-Statements sind praktisch, wenn man Bedingungen formulieren ","type":"text"},{"text":"möchte wie","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"191fbb23-8649-4b28-97e8-86cb755ba1e6"}}]},{"text":" “wenn [Bedingung], dann passiert A, sonst wenn [Bedingung 2], passiert B, […], sonst passiert Z”.","type":"text"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"marks":[{"type":"breakout","attrs":{"mode":"wide"}}],"content":[{"text":"\n  \n      function main() {\n        // if-Statement\n        if($(\"Forms.Enclosures\")) { // wenn das Enclosures-Forms-Feld nicht leer ist...\n          return $.translations.getFormattedText(\"FormattedTexts.Enclosures\"); // hole den FormattedText\n        } else if($(\"Forms.CopyTo\")) { // sonst, wenn das CopyTo-Forms-Feld nicht leer ist...\n          return $.translations.getFormattedText(\"FormattedTexts.CopyTo\"); // hole den FormattedText\n        } else { // sonst...\n          return $.translations.getFormattedText(\"FormattedTexts.InvisibleLine\"); // hole den FormattedText\n        }\n      }\n  \n","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"switch-case-Statements","type":"text"}]},{"type":"paragraph","content":[{"text":"Wenn ein Ausdruck mehrere verschiedene Werte haben kann, welche zu verschiedenen Resultaten führen, könnte dies mit vielen ","type":"text"},{"text":"if","type":"text","marks":[{"type":"code"}]},{"text":"-statements gelöst werden (","type":"text"},{"text":"if(myVariable === \"someContent\")","type":"text","marks":[{"type":"code"}]},{"text":"). ","type":"text"},{"type":"hardBreak"},{"text":"Eine bessere Methode sind ","type":"text"},{"text":"switch-case","type":"text","marks":[{"type":"code"}]},{"text":"-statements. Im ","type":"text"},{"text":"switch","type":"text","marks":[{"type":"code"}]},{"text":" wird ein ","type":"text"},{"text":"Ausdruck angegeben","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"81cec391-d5fe-4b71-aed9-f3f787b96d64"}}]},{"text":", welcher mittels ","type":"text"},{"text":"jedem ","type":"text","marks":[{"type":"strong"}]},{"text":"case","type":"text","marks":[{"type":"code"}]},{"text":" auf einen bestimmten Wert überprüft wird.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Beispiel mit direktem Rückgabewert","type":"text"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"marks":[{"type":"breakout","attrs":{"mode":"wide"}}],"content":[{"text":"\n  \n      function main() {\n        switch ($('Forms.EmpfaengerTyp')) { // prüfe die Werte vom Empfängertyp\n          case 'Einzelperson': return $('Forms.Vorname') + \" hat \"; // für den Fall 'Einzelperson', gib diesen Text zurück.\n          case 'Ehepaar': return \"Die Ehegattin und der Ehegatte haben \";\n          case 'Familie': return \"Die Familie hat \";\n          default: return \" \"; // sonst ist der Feldwert ein Leerschlag\n            // default wird ausgeführt, wenn kein Fall wahr ist.  \n            // Das muss gesetzt werden, falls der Wert auch leer sein kann \n            // (z.B. der Benutzer in einem Choice-Forms-Feld nichts auswählen kann).\n        }\n    }\n  \n","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Beispiel mit breaks","type":"text"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"marks":[{"type":"breakout","attrs":{"mode":"wide"}}],"content":[{"text":"\n  \n      function main() {\n        let sentenceA = \"\";\n        switch ($('Forms.EmpfaengerTyp')) { // prüfe die Werte vom Empfängertyp\n          case 'Einzelperson': \n            sentenceA = $('Forms.Vorname'); // gib diesen Text zurück.\n            break;\n          case 'Ehepaar': \n            sentenceA = \"Das Ehepaar\";\n            break;\n          case 'Familie': \n            sentenceA = \"Die Familie\";\n            break;\n          default: \n            sentenceA = \"Die Person\"; // sonst ist der Feldwert ein leerer String\n            break;\n          }\n          return $.joinNonEmpty(\" \", sentenceA, \" hat\")\n        }\n    }\n  \n","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Ternary-Operator ","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"049afc0d-c5db-40b4-8dc3-cd07cc5b82cd"}}]},{"text":"?:","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"049afc0d-c5db-40b4-8dc3-cd07cc5b82cd"}},{"type":"code"}]}]},{"type":"paragraph","content":[{"text":"Der Ternary-Operator ermöglicht eine Kontrollstruktur auf einer Code-Zeile:","type":"text"}]},{"type":"paragraph","content":[{"text":"[Wenn eine Bedingung wahr ist]","type":"text","marks":[{"type":"em"}]},{"text":" ","type":"text"},{"text":"?","type":"text","marks":[{"type":"code"}]},{"text":" ","type":"text"},{"text":"[mach das eine]","type":"text","marks":[{"type":"em"}]},{"text":" ","type":"text"},{"text":":","type":"text","marks":[{"type":"code"}]},{"text":" ","type":"text"},{"text":"[sonst, mach das andere]","type":"text","marks":[{"type":"em"}]},{"text":";","type":"text","marks":[{"type":"code"}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Beispiel","type":"text"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"marks":[{"type":"breakout","attrs":{"mode":"wide"}}],"content":[{"text":"\n  \n  $(\"Profile.Org.Unit\") ? \"Mitteilung der \" + $(\"Profile.Org.Unit\") : \"Mitteilung\"\n","type":"text"}]},{"type":"paragraph","content":[{"text":"Dieser Code bedeutet:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Wenn das Unit-Profilfeld nicht leer ist, ","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"gib den Text “Mitteilung der “ gefolgt von ","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"0dc12147-f370-4ecd-b6bf-1771acd5ee51"}}]},{"text":"Unit","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"0dc12147-f370-4ecd-b6bf-1771acd5ee51"}},{"type":"code"}]},{"text":" aus","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"0dc12147-f370-4ecd-b6bf-1771acd5ee51"}}]},{"text":", ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"sonst “Mitteilung”.","type":"text"}]}]}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Beispiel Verschachtelung","type":"text"}]},{"type":"paragraph","content":[{"text":"Anweisungen können auch verschachtelt werden:","type":"text"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"marks":[{"type":"breakout","attrs":{"mode":"wide"}}],"content":[{"text":"\n  $(\"Profile.Org.Unit\") ? \n          \"Mitteilung \" + ($(\"Profile.Org.Unit\") === \"Einwohnerdienste\" ? \"an alle Einwohner\" : \" der\" + $(\"Profile.Org.Unit\"))\n          : \"Mitteilung\"\n","type":"text"}]},{"type":"paragraph","content":[{"text":"Dieser Code bedeutet:","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Wenn das Unit-Profilfeld nicht leer ist, gib “Mitteilung “ aus und prüfe dann, ob das Unit-Profilfeld genau “Einwohnerdienste” enthält; ","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"falls ja, gib “an alle Einwohner” aus, ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"sonst “ der  [Unit-Profilfeld]”.","type":"text"}]}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Wenn das Unit-Profilfeld leer ist, gib “Mitteilung” aus.","type":"text"}]}]}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Schlaufen (Loops)","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Generell","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Mit Loops können ","type":"text"},{"text":"Befehle wiederholt werden, bis eine Abbruchbedingung erreicht wird. Einer der häufigsten Anwendungsfälle ist das Iterieren über einen Array.","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"104b36dd-55e9-4374-b67d-20d5be9b20e2"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Arrays bzw. Collections haben eine ","type":"text"},{"text":"endliche Anzahl Elemente","type":"text","marks":[{"type":"strong"}]},{"text":". Dies nennt man “Länge” und sie kann so geholt werden: ","type":"text"},{"text":"myCollection.length","type":"text","marks":[{"type":"code"}]},{"text":".","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Vorgehen: ","type":"text"},{"text":"for(Initialisierung; Test; Aktualisierung){/* Anweisungsblock */ }","type":"text","marks":[{"type":"code"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Initialisierung: Die Laufvariable ","type":"text"},{"text":"i","type":"text","marks":[{"type":"code"}]},{"text":" wird zuerst definiert und ein Startwert gesetzt (praktisch immer 0).","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Test: Das Ergebnis dieser Expression muss ","type":"text"},{"text":"true","type":"text","marks":[{"type":"code"}]},{"text":" oder ","type":"text"},{"text":"false","type":"text","marks":[{"type":"code"}]},{"text":" ergeben. Hier wird bei jedem Durchlaufen geprüft, ob die Schleife weiterlaufen muss oder der Endwert erreicht worden ist.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Aktualisierung (Update): Die Laufvariable ","type":"text"},{"text":"i","type":"text","marks":[{"type":"code"}]},{"text":" wird nach jedem Durchlaufen der Schleife verändert. In den meisten Fällen wird sie hochgezählt: ","type":"text"},{"text":"i++","type":"text","marks":[{"type":"code"}]},{"text":" ","type":"text"}]}]}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Klassischer for-Loop","type":"text"}]},{"type":"paragraph","content":[{"text":"Mit dem klassischen for-Loop iteriert man über ein Array (z.B. eine ","type":"text"},{"text":"ObjectCollection","type":"text","marks":[{"type":"link","attrs":{"href":"https://primesoft-group.atlassian.net/wiki/spaces/PDT/pages/57081857/Formulare+Forms#Objects-und-ObjectCollections"}}]},{"text":") und kann mit jedem Element im Array etwas machen.","type":"text"}]},{"type":"paragraph","content":[{"text":"Beispiel: ","type":"text"},{"text":"for(var i=0; i < myArray.length; i++){/* mach etwas mit i */ }","type":"text","marks":[{"type":"code"}]},{"text":" ","type":"text"}]},{"type":"paragraph","content":[{"text":"Mein Array enthält ","type":"text"},{"text":"vier Elemente","type":"text","marks":[{"type":"underline"}]},{"text":": [0], [1], [2], [3]. Was in diesen Elementen genau ist, ist an dieser Stelle irrelevant.","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Initialisierung: Initialisiere die Laufvariable ","type":"text"},{"text":"i","type":"text","marks":[{"type":"code"}]},{"text":" mit 0.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Test: “Solange ","type":"text"},{"text":"i","type":"text","marks":[{"type":"code"}]},{"text":" kleiner ist als die Anzahl Elemente in meinem Array”","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Aktualisierung: zähle ","type":"text"},{"text":"i","type":"text","marks":[{"type":"code"}]},{"text":" nach jedem Durchlauf um + 1 hoch.","type":"text"}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Ausführliches Beispiel for-Loop","type":"text"}]},{"type":"paragraph","content":[{"text":"In diesem Beispiel wird jedes Element im Array direkt ausgegeben als Teil eines Textes:","type":"text"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"const fruits = [apple], [grape], [strawberry], [lemon];\n\nfor(var i=0; i < fruits.length; i++){\n  const fruit = fruits[i]; // hole das Element an Position i\n  return \"Fruit: \" + fruit + \" at position: \" + i + \"\\n\";\n}","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Alternativen zum klassischen for-Loop","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"c9695e96-3ab2-4757-9820-0930bb8d45c7"}}]}]},{"type":"panel","attrs":{"panelType":"warning"},"content":[{"type":"paragraph","content":[{"text":"Benötigt mindestens primedocs Version 4.0.20160","type":"text"}]}]},{"type":"paragraph","content":[{"text":"Nutze alternativ die folgenden besser verständlichen Varianten von for-Loops:","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Loop mit map(), ohne Index","type":"text"}]},{"type":"layoutSection","content":[{"type":"layoutColumn","attrs":{"width":50.0},"content":[{"type":"paragraph","content":[{"text":"Code","type":"text"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"const fruits = [\"apple\", \"grape\", \"strawberry\", \"lemon\"];\n\n// Der Parameter 'fruit' ist der zurückgegebene Wert\nreturn fruits\n        .map(fruit => \"Fruit: \" + fruit)\n        .join(\"\\n\");","type":"text"}]}]},{"type":"layoutColumn","attrs":{"width":50.0},"content":[{"type":"paragraph","content":[{"text":"Resultat","type":"text"}]},{"type":"codeBlock","attrs":{"language":"plaintext"},"content":[{"text":"Fruit: apple\nFruit: grape\nFruit: strawberry\nFruit: lemon\"","type":"text"}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Loop mit map(), mit Index","type":"text"}]},{"type":"layoutSection","content":[{"type":"layoutColumn","attrs":{"width":50.0},"content":[{"type":"paragraph","content":[{"text":"Code","type":"text"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"const fruits = [\"apple\", \"grape\", \"strawberry\", \"lemon\"];\n\n// Die Parameter 'fruit' ist der zurückgegebene Wert an der Position 'index'\nreturn fruits\n        .map((fruit, index) => \"Fruit: \" + fruit + \" at position \" + index)\n        .join(\"\\n\");","type":"text"}]}]},{"type":"layoutColumn","attrs":{"width":50.0},"content":[{"type":"paragraph","content":[{"text":"Resultat","type":"text"}]},{"type":"codeBlock","attrs":{"language":"plaintext"},"content":[{"text":"Fruit: apple at position 0 \nFruit: grape at position 1 \nFruit: strawberry at position 2 \nFruit: lemon at position 3","type":"text"}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"forEach mit Listenelement, ohne index","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"8564921e-5c3a-4e97-913c-e14cf720dc25"}}]}]},{"type":"layoutSection","content":[{"type":"layoutColumn","attrs":{"width":50.0},"content":[{"type":"paragraph","content":[{"text":"Code","type":"text"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"const fruits = [\"apple\", \"grape\", \"strawberry\", \"lemon\"];\nlet result = \"\";\n\n// Der Parameter 'fruit' ist der zurückgegebene Wert\nfor(let fruit of fruits){\n  result += \"Fruit: \" + fruit + \"\\n\";\n};\n\nreturn result;","type":"text"}]}]},{"type":"layoutColumn","attrs":{"width":50.0},"content":[{"type":"paragraph","content":[{"text":"Resultat","type":"text"}]},{"type":"codeBlock","attrs":{"language":"plaintext"},"content":[{"text":"Fruit: apple\nFruit: grape\nFruit: strawberry\nFruit: lemon\n","type":"text"}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"forEach mit Listenelement und mit index","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"9131cb8d-ef99-43f4-b4e3-5ee41061f246"}}]}]},{"type":"layoutSection","content":[{"type":"layoutColumn","attrs":{"width":50.0},"content":[{"type":"paragraph","content":[{"text":"Code","type":"text"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"const fruits = [\"apple\", \"grape\", \"strawberry\", \"lemon\"];\nlet result = \"\";\n\n// Der Parameter 'fruit' ist der zurückgegebene Wert an der Position 'index'\nfruits.forEach((fruit, index) => { \n  result += \"Fruit: \" + fruit + \" at position: \" + index + \"\\n\";\n});\n\nreturn result;","type":"text"}]}]},{"type":"layoutColumn","attrs":{"width":50.0},"content":[{"type":"paragraph","content":[{"text":"Resultat","type":"text"}]},{"type":"codeBlock","attrs":{"language":"plaintext"},"content":[{"text":"Fruit: apple at position: 0\nFruit: grape at position: 1\nFruit: strawberry at position: 2\nFruit: lemon at position: 3\n","type":"text"}]}]}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"CDATA-Tag","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"a19eeb0f-c616-41da-87cb-f94c6bd766aa"}}]}]},{"type":"paragraph","content":[{"text":"In jeder Programmier- oder Scripting-Sprache gibt es bestimmte Sonderzeichen. Da wir hier JavaScript (JS) innerhalb von XML einsetzen, könnten Zeichen von JS fälschlicherweise als XML-Sonderzeichen interpretiert werden. ","type":"text"}]},{"type":"paragraph","content":[{"text":"Um dies zu verhindern, kann das gesamte JS mit CDATA umschlossen werden: ","type":"text"},{"text":"","type":"text","marks":[{"type":"code"}]},{"text":". Somit muss man ohne ein CDATA-Tag ","type":"text"},{"text":"&","type":"text","marks":[{"type":"code"}]},{"text":" und kann mit einem CDATA-Tag nur ","type":"text"},{"text":"&","type":"text","marks":[{"type":"code"}]},{"text":" schreiben.","type":"text"}]},{"type":"paragraph","content":[{"text":"Siehe Beispiele und mehr Informationen in der technischen Dokumentation: ","type":"text"},{"type":"inlineCard","attrs":{"url":"https://primesoft-group.atlassian.net/wiki/spaces/PDT/pages/398131214/Code#CDATA-Tag"}}]},{"type":"heading","attrs":{"level":1},"content":[{"text":"Funktionen","type":"text"}]},{"type":"paragraph","content":[{"text":"In diesem Abschnitt werden ein paar Funktionen genauer erklärt. Dieses Kapitel dient dabei als Grundlage: ","type":"text"},{"type":"inlineCard","attrs":{"url":"https://primesoft-group.atlassian.net/wiki/spaces/PDT/pages/398131214/Code#API-Beschreibung"}}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Funktion joinNonEmpty()","type":"text"}]},{"type":"paragraph","content":[{"text":"Gemäss Definition unter ","type":"text"},{"type":"inlineCard","attrs":{"url":"https://primesoft-group.atlassian.net/wiki/spaces/PDT/pages/398131214/Code#Funktionen-im-Detail-pro-API"}},{"text":", fügt diese Funktion die ","type":"text"},{"text":"items","type":"text","marks":[{"type":"code"}]},{"text":" nacheinander zusammen und trennt sie dabei mit dem ","type":"text"},{"text":"separator","type":"text","marks":[{"type":"code"}]},{"text":". ","type":"text"}]},{"type":"paragraph","content":[{"text":"Wir benutzen diese Funktion überall, wo wir Wörter aneinanderreihen müssen, z.B. in Kopfzeilen für das Aneinanderreihen von Profildaten.","type":"text"}]},{"type":"paragraph","content":[{"text":"Die wichtigste Eigenschaft dieser Funktion ist, dass dabei ","type":"text"},{"text":"leere Parameter ausgelassen werden","type":"text","marks":[{"type":"strong"}]},{"text":", sodass auch der ","type":"text"},{"text":"separator","type":"text","marks":[{"type":"code"}]},{"text":" nur einmal ausgegeben wird.","type":"text"}]},{"type":"paragraph","content":[{"text":"Beide Parameter, ","type":"text"},{"text":"separator","type":"text","marks":[{"type":"code"}]},{"text":" und ","type":"text"},{"text":"items","type":"text","marks":[{"type":"code"}]},{"text":", sind obligatorisch und müssen in genau dieser Reihenfolge gesetzt werden. D.h. der erste Parameter ist der Separator, alle weiteren Parameter sind die Felder, die zusammengeführt werden sollen.","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Simples Beispiel","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"b683000b-ac96-47e1-9585-6eebeb579486"}}]}]},{"type":"paragraph","content":[{"text":"Die Funktion reiht alle Elemente an einander und trennt sie mit einem ","type":"text"},{"text":"|","type":"text","marks":[{"type":"code"}]},{"text":".","type":"text"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"\n  \n  $.joinNonEmpty(\" | \", 'Profile.Org.Title', 'Profile.Org.Unit')\n  ","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Umfangreicheres Beispiel","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"19b8af55-5e18-425c-a3e6-e92f3edad180"}}]}]},{"type":"paragraph","content":[{"text":"Die Funktion reiht alle Elemente an einander und trennt sie mit einem Zeilenumbruch (","type":"text"},{"text":"\\n","type":"text","marks":[{"type":"code"}]},{"text":").","type":"text"}]},{"type":"paragraph","content":[{"text":"In diesem Beispiel enthält das Feld ","type":"text"},{"text":"Profile.Org.Unit","type":"text","marks":[{"type":"code"}]},{"text":" keinen Wert.","type":"text"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"\n  $.joinNonEmpty(\"\\n\", // schwacher Zeilenumbruch\n                   $('Profile.Org.Title'),\n                   $('Profile.Org.Unit'),\n                   $('Profile.Org.Postal.Street'),\n                   $('Profile.Org.Postal.Zip') + \" \" + $('Profile.Org.Postal.City'));\n    /* Resultat:\n     Another Company\n     Hardstrasse 201\n     8005 Zürich\n    */\n  \n","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Umfangreicheres Beispiel “Empfängerliste“","type":"text"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"\n  \n    function main(){\n      let personArray = $(\"Forms.RecipientCollection\").map(person => $.joinNonEmpty(\" \", person.FirstName, person.LastName));\n      return $.joinNonEmpty(\"\\n\", personArray);\n    }\n    /* Resultat:\n     Max Muster\n     Anna Ansicht\n     Barbara Beispiel\n    */\n  \n","type":"text"}]},{"type":"panel","attrs":{"panelType":"note"},"content":[{"type":"paragraph","content":[{"text":"Beachte, wie oben die einzelnen Zeilen übersichtlich untereinander dargestellt werden. So ist der Code schneller von anderen lesbar!","type":"text"}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Wieso joinNonEmpty() nutzen?","type":"text"}]},{"type":"paragraph","content":[{"text":"Alternativ könnte man oberes Beispiel auch ohne die Funktion ","type":"text"},{"text":"joinNonEmpty()","type":"text","marks":[{"type":"code"}]},{"text":" zusammenbauen (siehe Code unten).","type":"text"}]},{"type":"paragraph","content":[{"text":"Auch in diesem Beispiel ist das Feld ","type":"text"},{"text":"Profile.Org.Unit","type":"text","marks":[{"type":"code"}]},{"text":" ","type":"text","marks":[{"type":"strong"}]},{"text":"leer.","type":"text"},{"type":"hardBreak"},{"text":"Das resultiert aber gerade darin, dass der “Separator” von der Zeile mit ","type":"text"},{"text":"Profile.Org.Title","type":"text","marks":[{"type":"code"}]},{"text":" (","type":"text"},{"text":"+ \"\\n\" +","type":"text","marks":[{"type":"code"}]},{"text":") ","type":"text"},{"text":"auch eingefüllt wird, wenn ","type":"text","marks":[{"type":"strong"}]},{"text":"Profile.Org.Unit","type":"text","marks":[{"type":"code"}]},{"text":" keinen Wert enthält","type":"text","marks":[{"type":"strong"}]},{"text":". ","type":"text"},{"type":"hardBreak"},{"text":"D.h. es wird so ein Zeilenumbruch eingefügt, obwohl man das in den meisten Fällen nicht möchte, siehe Resultat im Code.","type":"text"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"\n  $('Profile.Org.Title') + \"\\n\" +\n        $('Profile.Org.Unit') + \"\\n\" +\n        $('Profile.Org.Postal.Street') + \"\\n\" +\n        $('Profile.Org.Postal.Zip') + \" \" + $('Profile.Org.Postal.City');\n        \n    /* Resultat:\n     Another Company\n  \n     Hardstrasse 201\n     8005 Zürich\n    */\n  \n  ","type":"text"}]},{"type":"panel","attrs":{"panelType":"warning"},"content":[{"type":"paragraph","content":[{"text":"WICHTIG","type":"text","marks":[{"type":"strong"}]},{"type":"hardBreak"},{"text":"Die Funktion ","type":"text"},{"text":"joinNonEmpty()","type":"text","marks":[{"type":"code"}]},{"text":" ist für alle Fälle unerlässlich, wo Elemente eventuell leer sind (z. B. Profilfelder, die vom Benutzer nicht ausgefüllt werden müssen). ","type":"text"}]}]},{"type":"panel","attrs":{"panelType":"success"},"content":[{"type":"paragraph","content":[{"text":"TIPP","type":"text","marks":[{"type":"strong"}]},{"type":"hardBreak"},{"text":"Der Einsatz von ","type":"text"},{"text":"joinNonEmpty()","type":"text","marks":[{"type":"code"}]},{"text":" gibt weniger zu Schreiben.","type":"text"}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Datumsfunktionen und mit Daten rechnen","type":"text"}]},{"type":"paragraph","content":[{"text":"Beachte diese Liste: ","type":"text"},{"type":"inlineCard","attrs":{"url":"https://primesoft-group.atlassian.net/wiki/spaces/PDT/pages/398131214/Code#Funktionen-im-Detail-pro-API"}}]},{"type":"panel","attrs":{"panelType":"info"},"content":[{"type":"paragraph","content":[{"text":"Die meisten Funktionen verlangen als Parameter nicht nur das Datum über ","type":"text"},{"text":"$(\"Forms.Date\")","type":"text","marks":[{"type":"code"}]},{"text":" sondern den reinen ","type":"text"},{"text":"Wert des Datums","type":"text","marks":[{"type":"strong"}]},{"text":". Den Wert holt man über ","type":"text"},{"text":".Value","type":"text","marks":[{"type":"code"}]},{"text":". ","type":"text"},{"type":"hardBreak"},{"text":"Beispiel: ","type":"text"},{"text":"$(\"Forms.Date\").Value","type":"text","marks":[{"type":"code"}]}]}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Beispiel: 60 Tage zu einem Datum addieren","type":"text"}]},{"type":"codeBlock","attrs":{"language":"javascript"},"content":[{"text":"\n  \n    function main(){\n      let result = $(\"Forms.Date\").Value; // auf den Wert zugreifen: result ist dann vom Typ Date\n      result.setDate(result.getDate() + 60); // Berechnung\n      return result;\n    }\n  \n","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Beispiel: Datum in einem bestimmten Datumsformat ausgeben","type":"text"}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Datumsformat aus Text","type":"text"}]},{"type":"codeBlock","attrs":{"language":"xml"},"content":[{"text":"\n  \n  $.formatDate($(\"Forms.Date\").Value, \"yyyy-MM-dd\")\n","type":"text"}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Datumsformat aus globalen Übersetzungen","type":"text"}]},{"type":"codeBlock","attrs":{"language":"xml"},"content":[{"text":"\n  \n  $.formatDate($(\"Forms.Date\").Value,\n                     $.translations.getText(\"Configuration.Date.WrittenOutWithDay\"))\n","type":"text"}]},{"type":"panel","attrs":{"panelType":"info"},"content":[{"type":"paragraph","content":[{"text":"Diese Liste zeigt, welche Optionen man für Datumsformate hat: ","type":"text"},{"text":"Custom date and time format strings - Microsoft Learn","type":"text","marks":[{"type":"link","attrs":{"href":"https://learn.microsoft.com/en-us/dotnet/standard/base-types/custom-date-and-time-format-strings"}}]},{"text":".","type":"text"}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"ObjectCollections/Objects in Fields verwenden","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Ein Element einer ObjectCollection in einem Field anzeigen","type":"text"}]},{"type":"paragraph","content":[{"text":"In diesem Beispiel haben wir folgende ObjectCollection in ","type":"text"},{"text":"Forms","type":"text","marks":[{"type":"link","attrs":{"href":"https://primesoft-group.atlassian.net/wiki/spaces/PDT/pages/57081857"}}]},{"text":" und machen daraus via Fields eine kleine Übersicht mit dem ersten Element dieser Collection:","type":"text"}]},{"type":"paragraph","content":[{"text":"Forms Konfiguration","type":"text","marks":[{"type":"strong"}]}]},{"type":"codeBlock","attrs":{"language":"xml"},"marks":[{"type":"breakout","attrs":{"mode":"wide"}}],"content":[{"text":"\n  \n    \n      \n        \n        \n        \n        \n          \n      \n    \n  \n","type":"text"}]},{"type":"paragraph","content":[{"text":"Resultat Forms","type":"text","marks":[{"type":"strong"}]}]},{"type":"mediaSingle","attrs":{"layout":"center","width":488,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":494,"alt":"image-20240823-061540.png","id":"2edbae71-98f1-4315-ad2e-836bb271ba65","collection":"contentId-395444225","type":"file","height":216}}]},{"type":"paragraph","content":[{"text":"Fields Konfiguration","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"04175108-7362-4604-9e0e-8c90f9e2b397"}},{"type":"strong"}]}]},{"type":"codeBlock","attrs":{"language":"javascript"},"marks":[{"type":"breakout","attrs":{"mode":"wide"}}],"content":[{"text":"\n  \n    \n    \n      \n        function main() {\n          let firstItem = $(\"Forms.Essen\")[0]; // hole das erste Element\n          if(firstItem !== null){\n            const isGesund = firstItem.IsGesund ? \" ist gesund.\" : \" ist nicht gesund.\";\n            return $.joinNonEmpty(\"\\n\", // schwacher Zeilenumbruch\n                       \"Name: \" + firstItem.Name + isGesund,\n                       \"Zuletzt gegessen am: \" + firstItem.GegessenAm.FormattedValue,\n                       \"Ist im Kühlschrank? \" + firstItem.ImKuehlschrank,\n                       \" \");\n            } else { \n            return \"In dieser Liste hat es keine Einträge.\";\n          }\n        }\n      \n    \n    \n  \n","type":"text"}]},{"type":"paragraph","content":[{"text":"Resultat Fields","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"Dies resultiert mit folgenden Objects im Forms in diesem Text im Dokument:","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center","width":299,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":379,"alt":"image-20240827-120957.png","id":"fb31456a-a52b-4bc4-881b-1921111e6668","collection":"contentId-395444225","type":"file","height":149}}]},{"type":"panel","attrs":{"panelType":"warning"},"content":[{"type":"paragraph","content":[{"text":"In der Informatik beginnt man in der Regel mit 0 anstatt mit 1. Dementsprechend: das ","type":"text"},{"text":"0te","type":"text","marks":[{"type":"strong"}]},{"text":" Element ist umgangssprachlich das “erste Element”.","type":"text"}]}]},{"type":"paragraph","content":[{"text":"Doch…","type":"text"}]},{"type":"heading","attrs":{"level":3},"content":[{"text":"Mehrere Elemente einer ObjectCollection anzeigen","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"ee60e230-bd8d-4b08-b38d-b7b1896a46c5"}}]}]},{"type":"paragraph","content":[{"text":"Wie können wir nun alle Elemente der ObjectCollection anzeigen?","type":"text"}]},{"type":"paragraph","content":[{"text":"Hierzu benötigen wir nun noch zwei neue Konzepte um dies umzusetzen: ","type":"text"}]},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Einen Loop/Schlaufe; lies dazu zuerst das: ","type":"text"},{"type":"inlineCard","attrs":{"url":"https://primesoft-group.atlassian.net/wiki/spaces/DELDEV/pages/175112198/JavaScript+in+primedocs+Fields#Schlaufen-%2F-Loops"}},{"text":" ","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"Das CDATA-Tag; lies dazu zuerst das: ","type":"text"},{"type":"inlineCard","attrs":{"url":"https://primesoft-group.atlassian.net/wiki/spaces/DELDEV/pages/175112198/JavaScript+in+primedocs+Fields#CDATA-Tag"}}]}]}]},{"type":"paragraph","content":[{"text":"Wieso benötigen wir das im nächsten Beispiel? Im Loop benötigen wir auf Zeile 16 spezielle Zeichen. Der Einsatz dieser Zeichen ohne CDATA-Tag würde zu invalidem Code führen.","type":"text"}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Mehrere Elemente einer Collection in einem Field anzeigen - Lösungsansatz 1 mit ","type":"text"},{"text":"map()","type":"text","marks":[{"type":"code"}]}]},{"type":"codeBlock","attrs":{"language":"javascript"},"marks":[{"type":"breakout","attrs":{"mode":"wide"}}],"content":[{"text":"\n   $.joinNonEmpty(\"\\n\",\n          \"Name: \" + item.Name + (item.IsGesund ? \" ist gesund.\" : \" ist nicht gesund.\"),\n          \"Zuletzt gegessen am: \" + item.GegessenAm.FormattedValue,\n          \"Ist im Kühlschrank: \" + item.ImKuehlschrank,\n          \"Muss wieder eingekauft werden? \" + ((item.IsGesund || item.GegessenAm < $(\"Forms.Date\")-30) && item.ImKuehlschrank === \"nein\" ? \"Ja\" : \"Nein\")))\n        .join(\"\\n\\n\"); // Alle Beschreibungen werden anschliessend zusammengesetzt, mit einem Zeilenumbruch als Trennzeichen.\n      \n      } else { // Wenn kein Eintrag vorhanden ist\n        return \"In dieser Liste hat es keine Einträge.\";\n      }\n    }\n  ]]>\n","type":"text"}]},{"type":"heading","attrs":{"level":4},"content":[{"text":"Mehrere Elemente einer Collection in einem Field anzeigen - Lösungsansatz 2 mit ","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"388ee3e7-787f-49d0-b269-af2275870186"}}]},{"text":"for","type":"text","marks":[{"type":"annotation","attrs":{"annotationType":"inlineComment","id":"388ee3e7-787f-49d0-b269-af2275870186"}},{"type":"code"}]}]},{"type":"codeBlock","attrs":{"language":"javascript"},"marks":[{"type":"breakout","attrs":{"mode":"wide"}}],"content":[{"text":"\n  \n  \n","type":"text"}]},{"type":"paragraph","content":[{"text":"Resultat Fields","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"Dies resultiert mit den Objekten in Forms in den folgenden Texten im Dokument.","type":"text"}]},{"type":"paragraph","content":[{"text":"Beim Lösungsansatz 2 wird noch ein Zeilenumbruch mehr eingefügt, daher empfehlen wir falls möglich den Lösungsansatz 1.","type":"text"}]},{"type":"layoutSection","content":[{"type":"layoutColumn","attrs":{"width":50.0},"content":[{"type":"paragraph","content":[{"text":"Field ","type":"text"},{"text":"ItemsCollectionMap","type":"text","marks":[{"type":"code"}]}]},{"type":"mediaSingle","attrs":{"layout":"center","width":362,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":402,"alt":"image-20240827-122753.png","id":"a59956a6-31d7-44ae-98e6-0d8f3a49a902","collection":"contentId-395444225","type":"file","height":421}}]}]},{"type":"layoutColumn","attrs":{"width":50.0},"content":[{"type":"paragraph","content":[{"text":"Field ","type":"text"},{"text":"ItemsCollection","type":"text","marks":[{"type":"code"}]}]},{"type":"mediaSingle","attrs":{"layout":"center","width":335,"widthType":"pixel"},"content":[{"type":"media","attrs":{"width":405,"alt":"image-20240827-120919.png","id":"2be73c6e-33ee-4b45-bc9f-52a182db601c","collection":"contentId-395444225","type":"file","height":477}}]}]}]},{"type":"rule"},{"type":"panel","attrs":{"panelType":"note"},"content":[{"type":"paragraph","content":[{"text":"Für mehr Informationen und JavaScript-eigene Funktionen, besuche ","type":"text"},{"text":"Mozilla’s JavaScript Dokumentation","type":"text","marks":[{"type":"link","attrs":{"href":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference"}}]},{"text":".","type":"text"}]}]}],"version":1}
Browser not supported
