Changes for page Macros

Last modified by Jip-jan Alunkel on April 15, 18:09

From version 2.22
edited by Jip-jan Alunkel
on March 24, 15:52
Change comment: There is no comment for this version
To version 2.30
edited by Jip-jan Alunkel
on March 26, 00:07
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,32 +1,72 @@
1 1  {{velocity}}
2 -#set($localitySelectElement = {
3 - "id" : "locality",
4 - "type" : "select",
5 - "required" : true,
6 - "label" : "Locality of the main complaint",
7 - "aria-label" : "Select the locality",
8 - "data-error-response-type" : "use_label_defined_1",
9 - "data-set-space" : "true",
10 - "placeholder" : "cases.word.locality_select.placeholder",
11 - "space-reference" : "cases",
12 - "help-block" : "In which physiological or psychological epicenter can the main complaint be placed? Select the best fitting option from this list."
13 -})
14 -
15 -#macro(createSelectElement $elementDataObj)
16 -{{html}}
2 +#macro(createFormElement $elementDataObj)
3 + #set($elementType = $elementDataObj.type)
4 + #set($elementGroupName = "")
17 17   #set($requiredAttributes = 'aria-required="false"')
18 - #if($elementDataObj.required == true)
19 - #set($requiredAttributes = 'aria-required="true" required="required"')
20 - <p class="required">
6 + #set($requiredCSSClass = '')
7 + #set($addedCSSClass = '')
8 + #set($hint = '')
9 + #if($O_elementData.required == true)
10 + #set($requiredAttributes = 'aria-required="true" required="required" data-error-response-type="${O_elementData.data-error-response-type}"')
11 + #set($requiredCSSClass = ' class="required"')
21 21   #end
22 - <label for="${elementDataObj.id}_select">
13 + #if($elementType == "select")
14 + #set($addedCSSClass = " select-wrap")
15 + #set($elementGroupName = "select")
16 + #elseif($elementType == "text" || $elementType == "number" || $elementType == "range" || $elementType == "email")
17 + #set($elementGroupName = "input")
18 + #elseif($elementType == "checkbox" || $elementType == "radio")
19 + #set($elementGroupName = "checkradio")
20 + #elseif($elementType == "textarea")
21 + #set($elementGroupName = "textarea")
22 + #else
23 + #set($hint = "This type of element does not exist, read the manual for more information about element types.")
24 + #end
25 +{{html}}
26 + #if($elementGroupName == "select" || $elementGroupName == "input" || $elementGroupName == "textarea")
27 + <p${requiredCSSClass}>
28 + <label for="${elementDataObj.id}_${elementGroupName}">
23 23   $elementDataObj.label
24 - <span class="input-wrap select-wrap">
25 - <select class="form-select form-control" aria-label="${elementDataObj.aria-label}" aria-describedby="${elementDataObj.id}_helpBlock" $requiredAttributes data-error-response-type="${elementDataObj.data-error-response-type}" data-set-space="${elementDataObj.data-set-space}" name="${elementDataObj.id}_select" id="${elementDataObj.id}_select">
26 - <option value="" disabled="" selected="" hidden="hidden">$services.localization.render(${elementDataObj.placeholder})</option>
30 + <span class="input-wrap${addedCSSClass}">
31 + #if($elementGroupName == "select")
32 + #createSelectElement($elementDataObj $elementGroupName $requiredAttributes)
33 + #elseif($elementGroupName == "textarea")
34 + #else
35 + #if($elementType == "text")
36 + #createTextElement($elementDataObj $elementGroupName)
37 + #elseif($elementType == "number")
38 + #elseif($elementType == "email")
39 + #elseif($elementType == "range")
40 + #end
41 + #end
42 + #if($elementDataObj.help-block != "")
43 + <span id="${elementDataObj.id}_helpBlock" class="help-block">${elementDataObj.help-block}</span>
44 + #end
45 + #if($elementDataObj.required == true)
46 + <span class="required-input-field" title="Required input"></span>
47 + <span role="alert" class="form-not-valid-tip"></span>
48 + #end
49 + </span>
50 + </label>
51 + </p>
52 + #end
53 + #if($elementGroupName == "checkradio")
54 + #if($elementType == "checkbox")
55 + #elseif($elementType == "radio")
56 + #end
57 + #end
58 + #if($hint != "")
59 + <p class="box errormessage">${hint}</p>
60 + #end
61 +{{/html}}
62 +#end
63 +
64 +#macro(createSelectElement $O_elementData $O_groupName $O_requiredAttributes)
65 + <select class="form-select form-control" aria-label="${O_elementData.aria-label}" aria-describedby="${O_elementData.id}_helpBlock" ${O_requiredAttributes}data-set-space="${O_elementData.data-set-space}" name="${O_elementData.id}_${groupName}" id="${O_elementData.id}_${groupName}">
66 + <option value="" disabled="" selected="" hidden="hidden">$services.localization.render(${O_elementData.placeholder})</option>
27 27   #set($query = $services.query.xwql("from doc.object(AppWithinMinutes.MetadataClass) met where doc.space like :space and doc.space <> :spaceExclude order by met.dataSpaceName asc"))
28 - #set ($spaceLikeRef = $elementDataObj.space-reference.replaceAll('([%_!])', '!$1').concat('.%'))
29 - #set ($spaceExcludeRef = $elementDataObj.space-reference.replaceAll('([%_!])', '!$1').concat('.Code'))
68 + #set($spaceLikeRef = $O_elementData.space-reference.replaceAll('([%_!])', '!$1').concat('.%'))
69 + #set($spaceExcludeRef = $O_elementData.space-reference.replaceAll('([%_!])', '!$1').concat('.Code'))
30 30   #set($query = $query.bindValue('space', $spaceLikeRef))
31 31   #set($query = $query.bindValue('spaceExclude', $spaceExcludeRef))
32 32   #set($results = $query.addFilter('unique').execute())
... ... @@ -35,19 +35,22 @@
35 35   <option value="$document.space">$document.getTitle()</option>
36 36   #end
37 37   </select>
38 - <span id="${elementDataObj.id}_helpBlock" class="help-block">${elementDataObj.help-block}</span>
39 - #if($elementDataObj.required == true)
40 - <span class="required-input-field" title="Required input"></span>
41 - <span role="alert" class="form-not-valid-tip"></span>
42 - #end
43 - </span>
44 - </label>
45 - #if($elementDataObj.required == true)
46 - </p>
47 - #end
78 +#end
79 +#macro(createTextElement $O_elementData $O_groupName $O_requiredAttributes)
80 +#set($dataAttributes = '')
81 +#if($O_elementData.data-query-type) #set($dataAttributes = '${dataAttributes} data-query-type="${O_elementData.data-query-type}"')#end
82 +#if($O_elementData.data-query-list-type) #set($dataAttributes = '${dataAttributes} data-query-list-type="${O_elementData.data-query-list-type}"')#end
83 +#if($O_elementData.data-query-list-contents) #set($dataAttributes = '${dataAttributes} data-query-list-contents="${O_elementData.data-query-list-contents}"')#end
84 +#if($O_elementData.data-create-page) #set($dataAttributes = '${dataAttributes} data-create-page="${O_elementData.data-create-page}"')#end
85 +#if($O_elementData.data-query-scope) #set($dataAttributes = '${dataAttributes} data-query-scope="${O_elementData.data-query-scope}"')#end
86 +#if($O_elementData.data-create-xobj) #set($dataAttributes = '${dataAttributes} data-create-xobj="${O_elementData.data-create-xobj}"')#end
87 +#if($O_elementData.data-xobj-classname) #set($dataAttributes = '${dataAttributes} data-xobj-classname="${O_elementData.data-xobj-classname}"')#end
88 +#if($O_elementData.data-xobj-fieldname) #set($dataAttributes = '${dataAttributes} data-xobj-fieldname="${O_elementData.data-xobj-fieldname}"')#end
89 +#if($O_elementData.data-query-list-editable) #set($dataAttributes = '${dataAttributes} data-query-list-editable="${O_elementData.data-query-list-editable}"')#end
90 +{{html}}
91 + <input type="text" class="form-control full" name="${O_elementData.id}_${O_groupName}" id="${O_elementData.id}_${O_groupName}" autocomplete="off" placeholder="$services.localization.render(${O_elementData.placeholder})" aria-describedby="${O_elementData.id}_helpBlock"${O_requiredAttributes} aria-label="${O_elementData.aria-label}"${dataAttributes}>
48 48  {{/html}}
49 49  #end
50 50  
51 -#createSelectElement($localitySelectElement)
52 52  {{/velocity}}
53 53