-
Notifications
You must be signed in to change notification settings - Fork 1
/
StarterAppLiveTemplate.xml
315 lines (315 loc) · 36.3 KB
/
StarterAppLiveTemplate.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
<template name="cfa:accordion" value="<th:block th:replace="~{fragments/honeycrisp/accordion :: accordion( buttonLabel=$BUTTON_LABEL$, content=~{::$CONTENT_REF$})}"> <th:block th:ref="$CONTENT_REF$"> $ACCORDION_CONTENT$ </th:block> </th:block>" description="A honeycrisp accordion with buttonLabel and custom content" toReformat="false" toShortenFQNames="true">
<variable name="BUTTON_LABEL" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="CONTENT_REF" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="ACCORDION_CONTENT" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:address" value="<th:block th:replace="~{fragments/inputs/address :: address( validate=$TRUE_OR_FALSE$, inputName='$ADDRESS_NAME$' )}"/>" description="An address fragment which provides inputs for Street Address, Apt Number, City, State and Zipcode. Placeholders for true or false value for wether or not to validate using smarty and name of the address (example: homeAddress)" toReformat="false" toShortenFQNames="true">
<variable name="TRUE_OR_FALSE" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="ADDRESS_NAME" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:cardHeader" value="<th:block th:replace="~{fragments/cardHeader :: cardHeader(header=$HEADER$, subtext=$OPTIONAL_SUBTEXT$)}" /> " description="Insert a card header, with named title and named optional subtext" toReformat="false" toShortenFQNames="true">
<variable name="HEADER" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="OPTIONAL_SUBTEXT" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:conditionMethod" value="public static Boolean $METHOD_NAME$(Submission submission) { if (submission.getInputData().containsKey("$FIELD_NAME$")) { // Change logic to suit your needs return submission.getInputData().get("$FIELD_NAME$")$CURSOR$; } return false; }" description="Create a condition method that first check for db field existance then your conditional logic" toReformat="false" toShortenFQNames="true">
<variable name="METHOD_NAME" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="FIELD_NAME" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="CURSOR" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="JAVA_CODE" value="true" />
</context>
</template>
<template name="cfa:continueButton" value="<th:block th:replace="~{fragments/continueButton :: continue}" /> " description="A continue link that looks like a button" toReformat="false" toShortenFQNames="true">
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:demoBanner" value="<th:block th:replace="~{fragments/demoBanner :: demoBanner}" />" description="Insert the global demo banner" toReformat="false" toShortenFQNames="true">
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:fileUploader" value="<th:block th:replace="~{fragments/fileUploader :: fileUploader(inputName='$files$')}"></th:block> " description="A dropzone file upload widget" toReformat="false" toShortenFQNames="true">
<variable name="files" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:footer" value="<th:block th:replace="~{fragments/footer :: footer}" />" description="Insert global footer" toReformat="false" toShortenFQNames="true">
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:form" value="<th:block th:replace="~{fragments/form :: form(action=${formAction}, content=~{::$FORM_CONTENT$})}"> <th:block th:ref="$FORM_CONTENT$"> <div class="form-card__content"> $CARD_CONTENT$ </div> <div class="form-card__footer"> <th:block th:replace="~{fragments/inputs/submitButton :: submitButton( text=#{general.inputs.continue})}"/> </div> </th:block> </th:block>" description="A form with an action and custom content" toReformat="false" toShortenFQNames="true">
<variable name="FORM_CONTENT" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="CARD_CONTENT" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:formlessScreen" value="<!DOCTYPE html> <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org"> <head th:replace="~{fragments/head :: head(title=#{$SCREEN_TITLE$})}"></head> <body> <div class="page-wrapper"> <div th:replace="~{fragments/toolbar :: toolbar}"></div> <section class="slab"> <div class="grid"> <div th:replace="~{fragments/goBack :: goBackLink}"></div> <main id="content" role="main" class="form-card spacing-above-35"> <th:block th:replace="~{fragments/cardHeader :: cardHeader(header=#{$SCREEN_HEADER$}, subtext=#{$OPTIONAL_SUB_HEADER$})}"/> <div class="form-card__content"> $FORM_CONTENT$ </div> <div class="form-card__footer"> <th:block th:replace="~{fragments/continueButton :: continue}"/> </div> </main> </div> </section> </div> <th:block th:replace="~{fragments/footer :: footer}"/> </body> </html>" description="A card screen page with no form" toReformat="false" toShortenFQNames="true">
<variable name="SCREEN_TITLE" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="SCREEN_HEADER" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="OPTIONAL_SUB_HEADER" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="FORM_CONTENT" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:fragment" value="<!DOCTYPE html> <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org"> <body> $CONTENT$ </body> </html>" description="Base Thymeleaf fragment" toReformat="false" toShortenFQNames="true">
<variable name="CONTENT" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:head" value="<head th:replace="~{fragments/head :: head(title='$TITLE$')}"></head>" description="Insert global head, define title" toReformat="false" toShortenFQNames="true">
<variable name="TITLE" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:html" value="<!DOCTYPE html> <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org"> <head th:replace="~{fragments/head :: head(title='$TITLE$')}"></head> <body> $CONTENT$ </body> </html> " description="Create a full HTML document" toReformat="false" toShortenFQNames="true">
<variable name="TITLE" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="CONTENT" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:icon" value="<th:block th:replace="~{fragments/icons :: $ICON$}"></th:block>" description="Insert an icon" toReformat="false" toShortenFQNames="true">
<variable name="ICON" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:icons-list" value="<th:block th:replace="~{fragments/icons :: icons-list}"></th:block>" description="Insert a list of all icons from the form flow library" toReformat="false" toShortenFQNames="true">
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:inputDate" value="<th:block th:replace="~{fragments/inputs/date :: date(inputName='$INPUT_NAME$', label=#{$LABEL$}, groupName='$GROUP_NAME$')}"/>" description="A Date input with three separate fields for month [mm], day [dd], year [yyyy]" toReformat="false" toShortenFQNames="true">
<variable name="INPUT_NAME" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="LABEL" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="GROUP_NAME" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:inputFieldsetWithCheckbox" value="<th:block th:replace="~{fragments/inputs/checkboxFieldset :: checkboxFieldset(inputName='$INPUT_NAME$', label=#{$LABEL$}, helpText=#{$FIELDSET_HELP_TEXT$}, content=~{::$REF_CONTENT$})}"> <th:block th:ref="$REF_CONTENT$"> <!-- Copy the below input if you want to add more --> <th:block th:replace="~{fragments/inputs/checkboxInSet :: checkboxInSet(inputName='$INPUT_NAME$',value='$VALUE$', label=#{$CHECKBOX_LABEL$})}"/> </th:block> </th:block>" description="A fieldset with label, name, optional help text and a checkbox with label, name, value, optional help text and optional icon" toReformat="false" toShortenFQNames="true">
<variable name="INPUT_NAME" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="LABEL" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="FIELDSET_HELP_TEXT" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="REF_CONTENT" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="VALUE" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="CHECKBOX_LABEL" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:inputFieldsetWithRadio" value="<th:block th:replace="~{fragments/inputs/radioFieldset :: radioFieldset(inputName='$INPUT_NAME$', label=#{$LABEL$}, fieldsetHelpText=#{$OPTIONAL_HELP_TEXT$}, content=~{::$CONTENTREF$})}"> <th:block th:ref="$CONTENTREF$"> <!-- Copy the below input if you want to add more --> <th:block th:replace="~{fragments/inputs/radio :: radio(inputName='$INPUT_NAME$',value='$VALUE$', label=#{$VALUE_LABEL$})}"/> </th:block> </th:block>" description="A fieldset with legend and radio input(s) with optional help text." toReformat="false" toShortenFQNames="true">
<variable name="INPUT_NAME" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="LABEL" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="OPTIONAL_HELP_TEXT" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="CONTENTREF" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="VALUE" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="VALUE_LABEL" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:inputMoney" value="<th:block th:replace="~{fragments/inputs/money :: money(inputName='$INPUT_NAME$', label=#{$LABEL$}, helpText=#{$OPTIONAL_HELP_TEXT$}, placeholder=#{$OPTIONAL_PLACEHOLDER$})}"/>" description="Money input with optional help text and optional placeholder" toReformat="false" toShortenFQNames="true">
<variable name="INPUT_NAME" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="LABEL" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="OPTIONAL_HELP_TEXT" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="OPTIONAL_PLACEHOLDER" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:inputNumber" value="<th:block th:replace="~{fragments/inputs/number :: number(inputName='$INPUT_NAME$', label=#{$LABEL$}, helpText=#{$OPTIONAL_HELP_TEXT$}, placeholder=#{$OPTIONAL_PLACEHOLDER$})}" />" description="A number input with label, name, optional help text, and optional placeholder" toReformat="false" toShortenFQNames="true">
<variable name="INPUT_NAME" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="LABEL" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="OPTIONAL_HELP_TEXT" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="OPTIONAL_PLACEHOLDER" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:inputPhone" value="<th:block th:replace="~{fragments/inputs/phone :: phone( inputName='$INPUT_NAME$', label=#{$LABEL$}, helpText=#{$OPTIONAL_HELP_TEXT$}, placeholder=#{$OPTIONAL_PLACEHOLDER$})}"/>" description="Phone input with optional help text and optional placeholder" toReformat="false" toShortenFQNames="true">
<variable name="INPUT_NAME" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="LABEL" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="OPTIONAL_HELP_TEXT" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="OPTIONAL_PLACEHOLDER" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:inputSelectWithOption" value="<th:block th:replace="~{fragments/inputs/select :: select(label=#{$LABEL$}, inputName='$INPUT_NAME$', helpText=#{$OPTIONAL_HELP_TEXT$}, content=~{::$REF_CONTENT$})}"> <th:block th:ref="$REF_CONTENT$"> <!-- Copy the below option if you want more options --> <!-- If you want a placeholder option you can use the cfa:selectOptionPlaceholder live template --> <th:block th:replace="~{fragments/inputs/selectOption :: selectOption(value='$VALUE$', optionText=#{$OPTION_TEXT$})}"/> </th:block> </th:block>" description="Select input with optional help text" toReformat="false" toShortenFQNames="true">
<variable name="LABEL" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="INPUT_NAME" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="OPTIONAL_HELP_TEXT" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="REF_CONTENT" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="VALUE" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="OPTION_TEXT" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:inputSSN" value="<th:block th:replace="~{fragments/inputs/ssn :: ssn( inputName='$INPUT_NAME$', label=#{$LABEL$}, helpText=#{$OPTIONAL_HELP_TEXT$}, placeholder=#{$OPTIONAL_PLACEHOLDER$})}"/>" description="SSN input with optional help text and optional placeholder" toReformat="false" toShortenFQNames="true">
<variable name="INPUT_NAME" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="LABEL" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="OPTIONAL_HELP_TEXT" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="OPTIONAL_PLACEHOLDER" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:inputStateSelect" value="<th:block th:replace="~{fragments/inputs/state :: state(inputName=${$INPUT_NAME$}, label=#{$INPUT_LABEL$}, helpText=#{$OPTIONAL_HELP_TEXT$} )}"/>" description="An select input for US states with placeholders for input name, input label and optional help text." toReformat="false" toShortenFQNames="true">
<variable name="INPUT_NAME" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="INPUT_LABEL" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="OPTIONAL_HELP_TEXT" expression="" defaultValue="" alwaysStopAt="true" />
</template>
<template name="cfa:inputSubmitButton" value="<th:block th:replace="~{fragments/inputs/submitButton :: submitButton( text=#{$TEXT$})}" />" description="A form submit button with text" toReformat="false" toShortenFQNames="true">
<variable name="TEXT" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:inputText" value="<th:block th:replace="~{fragments/inputs/text :: text(inputName='$INPUT_NAME$', label=#{$LABEL_KEY$}, helpText=#{$HELP_TEXT_KEY$}, placeholder=#{$PLACEHOLDER_KEY$})}" />" description="A text input with label, name, optional help text and optional placeholder" toReformat="false" toShortenFQNames="true">
<variable name="INPUT_NAME" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="LABEL_KEY" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="HELP_TEXT_KEY" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="PLACEHOLDER_KEY" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:inputTextArea" value="<th:block th:replace="~{fragments/inputs/textArea :: textArea(inputName='$INPUT_NAME$', label=#{$LABEL$}, helpText=#{$HELPTEXT$}, rows=$ROWS$, maxLength=$MAXLENGTH$)}" />" description="A textarea input with label, name, optional help text, optional rows [default: 6] and optional maxLength [default: 500]" toReformat="false" toShortenFQNames="true">
<variable name="INPUT_NAME" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="LABEL" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="HELPTEXT" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="ROWS" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="MAXLENGTH" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:inputYesOrNo" value="<th:block th:replace="~{fragments/inputs/yesOrNo :: yesOrNo( inputName='$INPUT_NAME$', ariaDescribe='#{$ARIA_DESCRIBE$}', helpText=#{$HELP_TEXT$})}"/>" description="An input that is a yes or no question with optional help text" toReformat="false" toShortenFQNames="true">
<variable name="INPUT_NAME" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="ARIA_DESCRIBE" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="HELP_TEXT" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:pickAddressScreen" value="<!DOCTYPE html> <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org"> <head th:replace="~{fragments/head :: head(title=#{$SCREEN_TITLE$})}"></head> <body> <div class="page-wrapper"> <div th:replace="~{fragments/toolbar :: toolbar}"></div> <section class="slab"> <div class="grid"> <div th:replace="~{fragments/goBack :: goBackLink}"></div> <main id="content" role="main" class="form-card spacing-above-35"> <th:block th:replace="~{fragments/form :: form(action=${formAction}, content=~{:: pickAddress})}"> <th:block th:ref="pickAddress"> <th:block th:replace="~{fragments/screens/addressSuggestionFound :: addressSuggestionFound( addressInputToCheck='$ADDRESS_INPUT_TO_CHECK$', inputName='$INPUT_NAME$', header=#{$SCREEN_HEADER$}, notice=#{$NOTICE$} )}"/> </th:block> </th:block> </main> </div> </section> </div> <th:block th:replace="~{fragments/footer :: footer}" /> </body> </html> " description="Screen with Smarty suggested address, includes parameters for Screen Title, Address Input being checked by Smarty, name of address selection input, and an optional header and notice." toReformat="false" toShortenFQNames="true">
<variable name="SCREEN_TITLE" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="ADDRESS_INPUT_TO_CHECK" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="INPUT_NAME" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="SCREEN_HEADER" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="NOTICE" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:reveal" value="<th:block th:replace="~{fragments/honeycrisp/reveal :: reveal( linkLabel=~{::$LINK_LABEL$})"> content=~{::$CONTENT_REF$})}"> <th:block th:ref="$CONTENT_REF$"> $REVEAL_CONTENT$ </th:block> </th:block>" description="A honeycrisp reveal with linkLabel and custom content" toReformat="false" toShortenFQNames="true">
<variable name="LINK_LABEL" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="CONTENT_REF" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="REVEAL_CONTENT" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:screen" value="<!DOCTYPE html> <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org"> <head th:replace="~{fragments/head :: head(title=#{$TITLE$})}"></head> <body> <div class="page-wrapper"> <div th:replace="~{fragments/toolbar :: toolbar}"></div> <section class="slab"> <div class="grid"> <div th:replace="~{fragments/goBack :: goBackLink}"></div> <main id="content" role="main" class="form-card spacing-above-35"> <th:block th:replace="~{fragments/cardHeader :: cardHeader(header=#{$CARD_HEADER$}, subtext=#{$CARD_SUBTEXT$})}"/> <th:block th:replace="~{fragments/form :: form(action=${formAction}, content=~{::$FORM_CONTENT$})}"> <th:block th:ref="$FORM_CONTENT$"> <div class="form-card__content"> $CARD_CONTENT$ </div> <div class="form-card__footer"> <th:block th:replace="~{fragments/inputs/submitButton :: submitButton( text=#{general.inputs.continue})}"/> </div> </th:block> </th:block> </main> </div> </section> </div> <th:block th:replace="~{fragments/footer :: footer}" /> </body> </html> " description="Insert an entire screen template" toReformat="false" toShortenFQNames="true">
<variable name="TITLE" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="CARD_HEADER" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="CARD_SUBTEXT" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="FORM_CONTENT" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="CARD_CONTENT" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:screenWithOneInput" value="<th:block th:replace="~{fragments/screens/screenWithOneInput :: screenWithOneInput( title=#{$TITLE$}, header=#{$HEADER$}, subtext=#{$SUBTEXT$}, formAction=${formAction}, inputContent=~{::inputContent})}"> <th:block th:ref="inputContent"> <!-- Be sure to have ariaLabel='header' to label the input with the header. If you are using a yesOrNo input, use ariaDescribe='header' instead. --> <th:block th:replace="~{fragments/inputs/text :: text(inputName='$INPUT_NAME$', ariaLabel='header')}"/> </th:block> </th:block>" description="An entire screen that has one input and is labelled by the page header." toReformat="false" toShortenFQNames="true">
<variable name="TITLE" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="HEADER" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="SUBTEXT" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="INPUT_NAME" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:screenWithYesAndNoButtons" value="<th:block th:replace="~{fragments/screens/screenWithYesAndNoButtons :: screenWithYesAndNoButtons( title=#{$TITLE$}, header=#{$HEADER$}, subtext=#{$SUBTEXT$}, formAction=${formAction}, inputName=${inputName}, inputContent=~{::inputContent})}"> <th:block th:ref="inputContent"> <!-- Be sure to have `ariaLabel='header'` to label the input with the header --> </th:block> </th:block>" description="An entire screen that has two buttons ('Yes' and 'No') and is labelled by the page header." toReformat="false" toShortenFQNames="true">
<variable name="TITLE" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="HEADER" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="SUBTEXT" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:selectOption" value="<th:block th:replace="~{fragments/inputs/selectOption :: selectOption(value='$VALUE$', optionText=#{$OPTION_TEXT$})}"/> " description="Add a select option input" toReformat="false" toShortenFQNames="true">
<variable name="VALUE" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="OPTION_TEXT" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:selectOptionPlaceholder" value="<th:block th:replace="~{fragments/inputs/selectOptionPlaceholder :: selectOptionPlaceholder(optionText=#{$PLACEHOLDER_TEXT$})}"/>" description="A placeholder select dropdown option that is disabled and selected by default" toReformat="false" toShortenFQNames="true">
<variable name="PLACEHOLDER_TEXT" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:staticPage" value="<!DOCTYPE html> <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org"> <head th:replace="~{fragments/head :: head(title='$TITLE$')}"></head> <body> <div class="page-wrapper"> <th:block th:replace="~{fragments/toolbar :: toolbar}" /> <th:block th:replace="~{fragments/demoBanner :: demoBanner}" /> <section class="slab"> <div class="grid"> <div class="grid__item"> <h1 class="spacing-below-35">$HEADER$</h1> </div> </div> </section> <main id="content" role="main" class="slab slab--white"> $CONTENT$ </main> </div> <th:block th:replace="~{fragments/footer :: footer}" /> </body> </html> " description="A static page with customizable content" toReformat="false" toShortenFQNames="true">
<variable name="TITLE" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="HEADER" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="CONTENT" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:staticPageWithTOC" value="<!DOCTYPE html> <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org"> <head th:replace="~{fragments/head :: head(title=#{$TITLE$})}"></head> <body> <div class="page-wrapper"> <th:block th:replace="~{fragments/toolbar :: toolbar}" /> <th:block th:replace="~{fragments/demoBanner :: demoBanner}" /> <section class="slab slab--grey"> <div class="grid"> <div class="grid__item"> <h1 class="spacing-below-35" th:text="#{$HEADER$}"></h1> <p th:text="#{$SUBHEADER$}"></p> <a href="$ACTIONURL$" th:text="#{$APPLYNOWTEXT$}" class="button--primary button"></a> </div> </div> </section> <main id="content" role="main" class="slab slab--white"> <div class="grid"> <nav class="grid__item width-one-third"> <p class="h3" th:text="#{$TOCTEXT$}"></p> <div class="spacing-below-35"> <a href="#$TITLE1ANCHOR$" th:text="#{$TITLE1$}"></a> </div> </nav> <div class="grid__item shift-one-twelfth width-seven-twelfths"> <div class="grid"> <div class="grid__item"> <div class="grid__item spacing-below-35"> <h2 id="$TITLE1ANCHOR$" class="h3" th:text="#{$TITLE1$}"></h2> <p th:text="#{$TITLE1CONTENT$}"></p> </div> </div> </div> </div> </div> </main> </div> <th:block th:replace="~{fragments/footer :: footer}" /> </body> </html> " description="A static page with a table of contents for navigation" toReformat="false" toShortenFQNames="true">
<variable name="TITLE" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="HEADER" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="SUBHEADER" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="ACTIONURL" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="APPLYNOWTEXT" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="TOCTEXT" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="TITLE1ANCHOR" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="TITLE1" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="TITLE1CONTENT" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:toolbar" value="<th:block th:replace="~{fragments/toolbar :: toolbar}" />" description="Insert the global toolbar" toReformat="false" toShortenFQNames="true">
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:verifyAddressScreen" value="<!DOCTYPE html> <html th:lang="${#locale.language}" xmlns:th="http://www.thymeleaf.org"> <head th:replace="~{fragments/head :: head(title=#{$SCREEN_TITLE$})}"></head> <body> <div class="page-wrapper"> <div th:replace="~{fragments/toolbar :: toolbar}"></div> <section class="slab"> <div class="grid"> <div th:replace="~{fragments/goBack :: goBackLink}"></div> <main id="content" role="main" class="form-card spacing-above-35"> <th:block th:replace="~{fragments/form :: form(action=${formAction}, content=~{:: verifyAddress})}"> <th:block th:ref="verifyAddress"> <th:block th:replace="~{fragments/screens/addressSuggestionNotFound :: addressSuggestionNotFound( addressInputToCheck='$ADDRESS_INPUT_TO_CHECK$', inputName='$INPUT_NAME$', editAddressURL=${$ADDRESS_SCREEN_URL$}, header=#{$OPTIONAL_HEADER$}, notice=#{$OPTIONAL_NOTICE$} )}"/> </th:block> </th:block> </main> </div> </section> </div> <th:block th:replace="~{fragments/footer :: footer}" /> </body> </html> " description="An address verification screen for when no suggestion was found by Smarty. Includes fields for a screen title, address input being checked, the name of the input on the screen itself, the URL of the address screen if the user decides to go back and edit their address, and an optional notice and header." toReformat="false" toShortenFQNames="true">
<variable name="SCREEN_TITLE" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="ADDRESS_INPUT_TO_CHECK" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="INPUT_NAME" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="ADDRESS_SCREEN_URL" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="OPTIONAL_HEADER" expression="" defaultValue="" alwaysStopAt="true" />
<variable name="OPTIONAL_NOTICE" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>
<template name="cfa:withCondition" value="th:with="$VARIABLE$=${T(org.codeforamerica.formflowstarter.app.config.ConditionDefinitions).$METHOD$}"" description="Insert a th:with so that you can use a condition within a template" toReformat="false" toShortenFQNames="true">
<variable name="VARIABLE" expression="" defaultValue="showCondition" alwaysStopAt="true" />
<variable name="METHOD" expression="" defaultValue="" alwaysStopAt="true" />
<context>
<option name="HTML" value="true" />
</context>
</template>