Table of Contents | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Das Code
-Tag ist verfügbar in jedem Field-Typen und bietet die Möglichkeit, die Ausgabe eines Field mittels JavaScript beliebig zu implementieren.
Tip |
---|
Mehr Beispiele zu Fields oder eine Einführung zu JavaScript finden Sie im Layouter-Handbuch. |
Aufrufe in Code
Innerhalb des <Code>
-Elements sind zwei Varianten möglich, wie man Code ausführen kann.
Abgekürzter Aufruf
Besteht der Code aus nur einer Anweisung, kann er direkt in den Block geschrieben werden.
Das
return
Statement ist implizit.
Code Block | ||
---|---|---|
| ||
<Text Name="Footer"> <Code>$.getText('Profile.User.FirstName')</Code> </Text> |
Ausformulierter Aufruf
Besteht der Code aus mehreren Anweisungen und/oder enthält Variabeln, muss er innerhalb der
function main()
geschrieben werden.Innerhalb desselben
Code
-Blocks können auch andere Funktionen zur Werwendung inmain
definiert werden.Das
return
Statement ist inmain
muss explizit gesetzt werden.
Code Block | ||
---|---|---|
| ||
<Text Name="Footer"> <Code> function main() { let firstName = $.getString('Profile.User.FirstName'); if (firstName == 'Foo') { firstName += 'Bar'appendBar(firstName); } return firstName; } function appendBar(str) { return str + 'Bar'; } </Code> </Text> |
API-Beschreibung
In einem Code
-Element leitet $
jeweils $
die Nutzung der primedocs-API ein.
Zugriff auf Felder
Mit $("[Feld]")
greift man auf Forms-Felder, Fields sowie Profilfelder zu. Folgend ein Beispiel pro Feld-Art:
Forms-Feld |
|
Field |
|
Profil-Feld: Benutzer |
|
Profil-Feld: Organisation |
|
Funktionsaufrufe
Weiter leitet $.
die Verwendung den Aufruf einer primedocs-eigenen Funktionen ein: $.myFunction()
Selbstverständlich Es ist es auch möglich, allgemeine JavaScript-Funktionen zu verwenden (z.B. foreach()
auf Array
s (ObjectCollections) oder replace()
auf String
s). Konsultieren Sie für mehr Informationen Mozilla’s JavaScript Dokumentation.
Rückgabewert von Field-
RückgabewertNote |
---|
TODO: Gehört hier rein? |
Typen
Der Rückgabewert von main()
in Code
muss vom Datentyp her immer dem Field entsprechen. Beispielsweise ist es nicht möglich, ein Date
-Forms-Feld in einem Text
-Field auszugeben. Umgekehrt kann ein Date
-Field keinen String
/Text ausgeben sondern nur Date
-Forms-Felder oder Date
-Fields.
Hier eine Übersicht:
Field-Typ | Datentyp des RückgabewertsRückgabetyp |
---|---|
Text |
|
FormattedText |
|
WordContent |
|
Date |
|
YesNo |
|
Picture | Image (z. B. |
Native Funktionen
Die Verwendung von Funktionen funktioniert gemäss JavaScript-Standards:
die meisten Funktionen erfodern ein oder mehrere Argumente, die mittels Parameter angegeben werden. Die Parameter haben einen Parametertypen.
Jede Funktion hat einen expliziten Rückgabetyp.
Übersicht
Es folgt eine Übersicht in einer sortierbaren Tabelle über alle primedocs-eigenen Funktionen, welcher API sie angehören, dem Ziel-Fieldtyp; in welchem Field-Typ sie zurückgegeben (returned) werden dürfen und dem jeweiligen RückgabetypIn der offiziellen Dokumentation von Mozilla können alle nativen Funktionen eingesehen und über einen Playground ausprobiert werden. Diese können gemäss dieser Liste auch in primedocs Code
verwenden werden.
primedocs-eigene Funktionen
Es folgt eine sortierbare Tabelle mit allen primedocs-eigenen Funktionen: welcher API sie angehören und dem jeweiligen Rückgabetyp. Eine Funktion setzt sich dann immer zusammen aus [API].[Funktion]
.
API | Funktion |
---|
Ziel-Fieldtyp
Rückgabetyp |
---|
$ |
getDateAsText() |
String | ||
$ | joinNonEmpty() | String |
$ |
formatDate() |
Text
String |
$ |
getDate() |
Date |
String
$.formattedText |
fromText() | FormattedText |
FormattedText
$.formattedText | parse() | FormattedText |
$.wordContent |
fromFormattedText() | WordContent |
WordContent
$.wordContent |
fromText() | WordContent |
WordContent
$.translations |
getText() |
String | |
$.translations |
getFormattedText() | FormattedText |
FormattedText
$.snippets |
getFormattedText() | FormattedText |
FormattedText
$.snippets |
getWordContent() | WordContent |
WordContent
$.formattedText |
getBuilder() | FormattedText-Builder |
FormattedText
$.wordContent |
getBuilder() | WordContent-Builder |
Getters
builder
append()
Text, FormattedText, WordContent
-
builder
build()
Text, FormattedText, WordContent
-
API | Funktion | Rückgabetyp |
---|---|---|
$() | Feldtyp (je nach Id) | |
$ | get() | Feldtyp (je nach Id) |
$ | getText() | String |
$ | getDate() | Date |
$ | getFormattedText() | FormattedText |
$ | getWordContent() | WordContent |
$ | getYesNo() | YesNo |
$ | getObject() | Object |
$ | getObjectCollection() | ObjectCollection |
Funktionen mit benannten Parameter
Manche Funktionen enthalten als zweiten Parameter ein Objekt mit einer kommagetrennten Liste von Key-Value-Pairs (also kommagetrennt). Die Key-Value-Pairs nennen wir “benannte Parameter”.
Die Values der Key-Value-Pairs können jede Art von Strings sein. Dies beinhaltet:
Direkter Zugriff auf Aufruf von Profildaten / Forms-Felder / andere Fields (Zugriff mit
$("Id")
), siehe unten Keyname
Fixtext (
"Mein lustiger Text"
), siehe unten Keyinfo
Referenzen auf Variabeln (zuvor definiert mit:
let myVariable = "My funny text"
), siehe Key , siehe unten Keyfunction
Im folgenden Beispiel enhält das die Liste wird in einem Field Header
eine globale Übersetzung vom Typ FormattedText
zurückgegeben. Der Funktionsaufruf von getFormattedText
erfodert die Id der globalen Übersetzung und als zweiten Parameter eine Liste von drei Key-Value-Pairs mit den Keys name
, info
und function
.
Code Block | ||
---|---|---|
| ||
<FormattedText Name="Header"> <Code> function main(){ let myVariable = $("Forms.SignerMain.User.Function"); return $.translations.getFormattedText("FormattedTexts.FooterBoldWithParams", { name: $("Forms.SignerMain.User.FirstName") + " " + $("SignerMainLastName"), info: "Fixtext ist auch möglich", function: myVariable }); } </Code> </FormattedText> |
Funktionen im Detail pro API
Im Folgenden wird jede Funktion detailliert beschrieben:
Funktion
Zweck
formattedText.fromText(String text)
Konvertiert einen String zu einem FormattedText
.
text
: String oder Feld, das einen String zurückgibtFunktion | Zweck | |||||
---|---|---|---|---|---|---|
getText(String id) |
| |||||
getDateAsStringgetDateAsText(String id) |
| |||||
joinNonEmpty(String separator, String item1, String item2, […]) |
Mehr Informationen hier: XXX |
formattedText API
https://primesoft-group.atlassian.net/wiki/spaces/PD/pages/edit-v2/395444225#Funktion-joinNonEmpty() | |
formatDate(Date date, String format) |
|
Beispiel mit einem String:
|
|
|
Beispiel mit Referenz auf ein Feld:
$.formattedText.fromText($("Forms.Subject"))
formattedText.getBuilder()
Siehe Kapitel Builder
append()
anzuhängen.
|
formattedText API
Funktion
Zweck
wordContent.fromFormattedText(FormattedText ft)
Konvertiert einen FormattedText zu einem WordContent.
Parameter
ft
: Parametertyp:FormattedText
, zwingend.Rückgabetyp:
WordContent
Beispiel mit FormattedText aus Übersetzung:
$.wordContent.fromFormattedText($.translations.getFormattedText("FormattedTexts.CopyTo"))
Beispiel mit FormattedText aus Textbaustein:
$.wordContent.fromFormattedText($.snippets.getFormattedText("Introduction"))
Beispiel mit Referenz auf Feld:
$.wordContent.fromFormattedText($("IntroductionFT"))
wordContent.fromText(String text)
Konvertiert einen Text zu einem WordContent.
Parameter
text
: Parametertyp:String
, zwingend.Rückgabetyp:
WordContent
Beispiel mit einem String:
$.wordContent.fromText("Ein lustiger Satz.")
Beispiel mit Referenz auf ein Feld:
$.wordContent.fromText($("Forms.Subject"))
wordContent.getBuilder()
Funktion | Zweck |
---|---|
formattedText.fromText(String text) |
Beispiel mit einem String: |
wordContent API
Beispiel mit Referenz auf ein Feld: | |
formattedText.parse(String html, Object parameters) |
Beispiel ohne benannte Parameter: Beispiel mit benannten Parametern: |
formattedText.getBuilder() Siehe Kapitel Builder | Erstellt ein Builder-Objekt, um darauf aufbauend |
FormattedText oder Text mit der Funktion
|
|
translations API
In der Gruppetranslations
gibt es folgende Funktionen:wordContent API
Funktion | Zweck |
---|
wordContent. |
fromFormattedText( |
FormattedText ft) |
|
id
|
String
|
|
String
Beispiel mit FormattedText aus Übersetzung:
|
|
|
|
translations.getFormattedText(String id, Object parameters)
Holt eine formatierte Übersetzung aus den globalen Übersetzungen.
Parameterid
Beispiel mit FormattedText aus Textbaustein:
Beispiel mit Referenz auf Feld:
| |
wordContent.fromText(String text) |
|
Parameter parameters
: Parametertyp: Object
, falls die Übersetzung über Parameter verfügt, zwingend:
Liste von Key-Value-Pairs mit Values gemäss Übersetzung (Typen in Handlebars: Strings, Arrays oder Booleans).
Rückgabetyp: FormattedText
Beispiel ohne parameters
:
Beispiel mit einem String:
Beispiel mit |
parameters
Referenz auf ein Feld:
|
|
|
snippets API
In der Gruppe snippets
gibt es folgende Funktionen:
Funktion
Zweck
snippets.getWordContent(String key, Object placeholders)
Holt ein WordContent-Textbaustein mit einem bestimmten Schüssel.
Parameter
key
: obligatorisch, Parametertyp:String
, Angabe des Textbaustein-SchlüsselsParameter
placeholders
: Parametertyp:Object
, es SnippetPlaceholder gibt, zwingend,
Liste von Key-Value-Pairs mitString
-ValuesRückgabetyp:
WordContent
Info |
---|
SnippetPlaceholder können Stand heute nur Strings erhalten. |
Beispiel ohne placeholders
:
$.snippets.getWordContent("Introduction")
Beispiel mit placeholders
:
$.snippets.getWordContent("Introduction", { dateToday: $.getDateAsString("Forms.Date"), guests: $("Guests") } )
snippets.getFormattedText(String key)
Holt einen formatierten Text als Textbaustein mit einem bestimmten Schüssel.
Parameter
key
: Parametertyp:String
, obligatorisch, Angabe des Textbaustein-SchlüsselsRückgabetyp:
FormattedText
$.snippets.getFormattedText("FooterFTSnippet");
Builder API
Der Builder ermöglicht das Zusammensetzen von Texts, FormattedTexts und WordContents im Sinne eines Baukastensystems, indem jeder Text, unabhängig vom Typ, aneinander gereiht wird.
Die Builder-API kann in einem FormattedText-Field oder einem WordContent-Field verwendet werden.
Massgebend für die Anwendung vom Builder sind folgende Regeln:
Ein Formatted-Field kann nur FormattedText und Text ausgeben.
Ein WordContent kann WordContent, FormattedText und Text ausgeben (also alles).
Einsatz
Der Einsatz des Builder macht nur Sinn, wenn mehrere Text-Absätze ggf. konditional aneinander gereiht werden müssen.
Funktionen
Funktion
Zweck
formattedText.getBuilder()
Erstellt ein FormattedText-Builder-Objekt, um damit
FormattedText
oderText
mit der Funktionappend()
anzuhängen.Parameter: keine
Rückgabetyp:
FormattedText
-Builder-ObjektAufruf in einem
FormattedText
-Field:$.formattedText.getBuilder();
wordContent.getBuilder()
Erstellt ein WordContent-Builder-Objekt, um damit
WordContent
,FormattedText
oderText
mit der Funktionappend()
anzuhängen.Parameter: keine
Rückgabetyp:
WordContent
-Builder-ObjektAufruf in einem
WordContent
-Field:$.wordContent.getBuilder();
append(WordContent/FormattedText content)
Hängt den Inhalt von Parameter
content
in die Builder-Pipeline.Parameter
content
: zwingend, ParametertypWordContent
oderFormattedText
, je nach dem in was für einem Field-Typen man sicht befindet.Rückgabetyp:
WordContent
oderFormattedText
Aufruf auf dem Builder-Objekt bspw. in einem
WordContent
-Field:
builder
.append($.snippets.getWordContent("Introduction"))
.append($.wordContent.fromText(" - mit Builder"));
Siehe ausführliches Beispiel weiter unten.
build()
Letzter, zwingender Funktionsaufruf in einer Reihe von Builder-Funktionen. Löst die Build-Pipeline aus und baut sich dann alle “appended” Teile von links nach rechts zusammen.
Parameter: keine
Rückgabetyp: keiner
Aufruf auf dem Builder-Objekt:
builder.build();
Beispiel: Builder für WordContent-Field und FormattedText-Field
language | xml |
---|
| |
wordContent.getBuilder() Siehe Kapitel Builder | Erstellt ein Builder-Objekt, um darauf aufbauend WordContent, FormattedText oder Text mit der Funktion
|
translations API
In der Gruppe translations
gibt es folgende Funktionen:
Funktion | Zweck |
---|---|
translations.getText(String id) |
|
translations.getFormattedText(String id, Object parameters) | Holt eine formatierte Übersetzung aus den globalen Übersetzungen.
Beispiel ohne
Beispiel mit
|
snippets API
In der Gruppe snippets
gibt es folgende Funktionen:
Funktion | Zweck | ||
---|---|---|---|
snippets.getWordContent(String key, Object placeholders) |
Beispiel ohne
Beispiel mit
| ||
snippets.getFormattedText(String key) |
|
Builder API
Die Builder-API kann in einem FormattedText
-Field oder einem WordContent
-Field verwendet werden und ermöglicht das Zusammensetzen von Text
s, FormattedText
s und WordContent
s im Sinne eines Baukastensystems, indem jeder Text, unabhängig vom Typ, aneinander gereiht wird.
Einsatz
Der Einsatz des Builder macht nur Sinn, wenn mehrere Text-Absätze ggf. konditional aneinander gereiht werden müssen.
Funktionen
Funktion | Zweck |
---|---|
formattedText.getBuilder() |
|
wordContent.getBuilder() |
|
append(WordContent/FormattedText content) |
|
|
|
|
Siehe ausführliches Beispiel weiter unten. | |
build() |
|
Anwendung
Massgebend für die Anwendung des Builder sind folgende Regeln:
Ein
FormattedText
-Field kann nur FormattedText und Text ausgeben.Ein
WordContent
-Field kann WordContent, FormattedText und Text ausgeben.
Die Field-Typ-fremden Objekte müssen dabei zuerst in den Ziel-Field-Typ konvertiert werden. So muss z. B. in einem WordContent
-Field der Aufruf eines FormattedText
aus der Konvertierungsfunktion fromFormattedText()
passieren:
.append($.wordContent.fromFormattedText($.translations.getFormattedText("FormattedTexts.CopyTo"))
)
Dasselbe bei WordContent
-Fields oder FormattedText
-Fields und die Ausgabe von Text:
.append($.formattedText.fromText("
-
mit
Builder"))
Beispiel: Builder für WordContent-Field und FormattedText-Field
Code Block | ||||
---|---|---|---|---|
| ||||
<FieldsConfiguration> <Fields> <WordContent Name="WCSnippetBuilder"> <Code>$.wordContent.buildgetBuilder()</Code> // Builder-Objekt erstellen </FormattedText>.append($.snippets.getWordContent("Introduction")) // WordContent anhängen </Fields> </FieldsConfiguration> |
CDATA-Tag
Das CDATA-Tag (<![CDATA[Mein Text]]>
) stellt sicher, dass alles zwischen Start- und Endtag nicht durch den Parser geht. Das nennt man “escapen”.
Somit muss man ohne ein CDATA-Tag &
schreiben, kann aber mit einem CDATA-Tag nur &
schreiben.
Beispiel mit CDATA-Tag und &
anstatt &
Code Block | ||
---|---|---|
| ||
<FieldsConfiguration> <Fields> .append($.wordContent.fromFormattedText($.translations.getFormattedText("FormattedTexts.CopyTo"))) // FormattedText als gl. Übersetzung anhängen .append($.wordContent.fromText(" - mit Builder")) // Text anhängen .build() // Alles zusammenbauen </Code> </WordContent> <FormattedText Name="FTSnippetBuilder"> <Code>$.formattedText.getBuilder() // Builder-Objekt erstellen .append($.snippets.getFormattedText("IntroductionFT")) // FormattedText als Textbaustein anhängen .append($.translations.getFormattedText("FormattedTexts.CopyTo")) // FormattedText als gl. Übersetzung anhängen .append($.formattedText.fromText(" - mit Builder")) // Text anhängen .build() // Alles zusammenbauen </Code> </FormattedText> </Fields> </FieldsConfiguration> |
Getters
Funktion | Zweck |
---|---|
$(String name) / $.get(String name) |
|
$.getText(String name) |
|
$.getDate(String name) |
|
$.getFormattedText(String name) |
|
$.getWordContent(String name) |
|
$.getYesNo(String name) |
|
$.getObject(String name) |
|
$.getObjectCollection(String name) |
|
Individuelle Funktionen einsetzen
Mit GlobalCode
können auch eigens definierte Funktionen in einer Code
-Definition verwendet werden. Für mehr Informationen, lesen Sie hier: https://primesoft-group.atlassian.net/wiki/spaces/PDT/pages/31457334/Globale+Konfigurationen#GlobalCode.
CDATA-Tag
Das CDATA-Tag (<![CDATA[Mein Text]]>
) stellt sicher, dass alles zwischen Start- und Endtag nicht durch den Parser geht. Das nennt man “escapen”.
Ohne ein CDATA-Tag muss zum Beispiel der logische UND-Operator als HTML-Entity ausgegeben werden: &
. Mit Verwendung des CDATA-Tag kann man lediglich &
verwenden, was zu besser lesbarem Code führt.
Wir empfehlen den Einsatz von CDATA-Tags, wenn der Code im Field folgendes enthält:
logische UND-Operatoren
&
Vergleichs-Operatoren (
<
,<=
,>
,>=
), z. B. in SchlaufenArrow-Expressions (
=>
)
Beispiel mit CDATA-Tag und &
anstatt &
Code Block | ||
---|---|---|
| ||
<FieldsConfiguration> <Fields> <YesNo Name="IsPresident"> <Code><![CDATA[$("Profile.User.Function") === "President" && !$("Profile.Org.Unit")]]></Code> </YesNo> <YesNo Name="IsPresidentIsPresidentNoCDATA"> <Code><![CDATA[$<Code>$("Profile.User.Function") === "President" && !$("Profile.Org.Unit")]]><</Code> </YesNo> </Fields> </FieldsConfiguration> |