Changes for page Macros

Last modified by Jip-jan Alunkel on April 15, 18:09
From version 2.58
edited by Jip-jan Alunkel
on March 28, 16:40
Change comment: There is no comment for this version
To version 2.76
edited by Jip-jan Alunkel
on March 31, 18:27
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -4,6 +4,16 @@
4 4  #end
5 5  
6 6  #macro(createFormEnd)
7 + <div role="alert" class="form-response-output form-validation-errors" style="display: none">
8 + <p>
9 +$services.localization.render('formMaker.line.global_error_msg')
10 + </p>
11 + </div>
12 + <div role="alert" class="form-response-output form-validation-ok" style="display: none">
13 + <p>
14 +$services.localization.render('formMaker.line.global_ok_msg')
15 + </p>
16 + </div>
7 7  </form>
8 8  #end
9 9  
... ... @@ -14,8 +14,7 @@
14 14   #set($requiredCSSClass = '')
15 15   #set($addedCSSClass = '')
16 16   #set($hint = '')
17 - #if($O_elementData.required == "yes")
18 - #set($requiredAttributes = 'aria-required="true" required="required" data-error-response-type="${O_elementData.data-error-response-type}"')
27 + #if($elementDataObj.required == "yes")
19 19   #set($requiredCSSClass = ' class="required"')
20 20   #end
21 21   #if($elementType == "select")
... ... @@ -24,6 +24,7 @@
24 24   #elseif($elementType == "text" || $elementType == "number" || $elementType == "range" || $elementType == "email")
25 25   #set($elementTagName = "input")
26 26   #elseif($elementType == "checkbox" || $elementType == "radio")
36 + #set($addedCSSClass = " checkradio")
27 27   #set($elementTagName = "checkradio")
28 28   #elseif($elementType == "textarea")
29 29   #set($elementTagName = "textarea")
... ... @@ -40,7 +40,7 @@
40 40   #elseif($elementTagName == "textarea")
41 41   #else
42 42   #if($elementType == "text")
43 - #createTextElement($elementDataObj $elementTagName $requiredAttributes)
53 + #createTextElement($elementDataObj $elementType $requiredAttributes)
44 44   #elseif($elementType == "number")
45 45   #elseif($elementType == "email")
46 46   #elseif($elementType == "range")
... ... @@ -49,7 +49,7 @@
49 49   #if($elementDataObj.help-block != "")
50 50   <span id="${elementDataObj.id}_helpBlock" class="help-block">${elementDataObj.help-block}</span>
51 51   #end
52 - #if($elementDataObj.required == true)
62 + #if($elementDataObj.required == "yes")
53 53   <span class="required-input-field" title="Required input"></span>
54 54   <span role="alert" class="form-not-valid-tip"></span>
55 55   #end
... ... @@ -58,9 +58,20 @@
58 58   </p>
59 59   #end
60 60   #if($elementTagName == "checkradio")
71 + <p${requiredCSSClass}>
72 + <span class="input-wrap${addedCSSClass}">
73 + <span class="fieldset no-fieldset-border">
74 + <label for="${elementDataObj.id}_${elementTagName}" class="strong">
61 61   #if($elementType == "checkbox")
76 +
77 +#createCheckboxElement($elementDataObj)
78 +
62 62   #elseif($elementType == "radio")
63 63   #end
81 + </label>
82 + </span>
83 + </span>
84 + </p>
64 64   #end
65 65   #if($hint != "")
66 66   <p class="box errormessage">${hint}</p>
... ... @@ -67,9 +67,10 @@
67 67   #end
68 68  #end
69 69  
70 -#macro(createSelectElement $O_elementData $O_tagName $O_requiredAttributes)
71 - <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}_${O_tagName}" id="${O_elementData.id}_${O_tagName}">
72 - <option value="" disabled="" selected="" hidden="hidden">$services.localization.render(${O_elementData.placeholder})</option>
91 +##if($O_elementData.required == "yes") aria-required="true" required="required" data-error-response-type="${O_elementData.data-error-response-type}"#else aria-required="false"#end
92 +#macro(createSelectElement $O_elementData $O_tagName)
93 + <select class="form-select form-control" aria-label="${O_elementData.aria-label}" aria-describedby="${O_elementData.id}_helpBlock"#if($O_elementData.required == "yes") aria-required="true" required="required" data-error-response-type="${O_elementData.data-error-response-type}"#else aria-required="false"#end data-set-space="${O_elementData.data-set-space}" name="${O_elementData.id}_${O_tagName}" id="${O_elementData.id}_${O_tagName}">
94 + <option value="" disabled="" selected="" hidden="hidden">${O_elementData.placeholder}</option>
73 73   #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"))
74 74   #set($spaceLikeRef = $O_elementData.space-reference.replaceAll('([%_!])', '!$1').concat('.%'))
75 75   #set($spaceExcludeRef = $O_elementData.space-reference.replaceAll('([%_!])', '!$1').concat('.Code'))
... ... @@ -82,12 +82,22 @@
82 82   #end
83 83   </select>
84 84  #end
85 -#macro(createTextElement $O_elementData $O_tagName $O_requiredAttributes)
86 -###set($dataAttributes = '')
87 -##set($dataAttributes = ' data-query-type="$O_elementData.data-query-type"')
88 -##if($O_elementData.data-query-type) data-query-type="${O_elementData.data-query-type}"#end#if($O_elementData.data-query-list-type) data-query-list-type="${O_elementData.data-query-list-type}"')#end#if($O_elementData.data-query-list-contents) data-query-list-contents="${O_elementData.data-query-list-contents}"')#end#if($O_elementData.data-create-page) data-create-page="${O_elementData.data-create-page}"')#end#if($O_elementData.data-query-scope) data-query-scope="${O_elementData.data-query-scope}"')#end#if($O_elementData.data-create-xobj) data-create-xobj="${O_elementData.data-create-xobj}"')#end#if($O_elementData.data-xobj-classname) data-xobj-classname="${O_elementData.data-xobj-classname}"')#end#if($O_elementData.data-xobj-fieldname) data-xobj-fieldname="${O_elementData.data-xobj-fieldname}"')#end#if($O_elementData.data-query-list-editable) data-query-list-editable="${O_elementData.data-query-list-editable}"')#end
89 - <input type="text" class="form-control full" name="${O_elementData.id}_${O_tagName}" id="${O_elementData.id}_${O_tagName}" autocomplete="off" placeholder="$services.localization.render(${O_elementData.placeholder})" aria-describedby="${O_elementData.id}_helpBlock"${O_requiredAttributes} aria-label="${O_elementData.aria-label}"#if($O_elementData.data-query-type) data-query-type="${O_elementData.data-query-type}"#end#if($O_elementData.data-query-list-type) data-query-list-type="${O_elementData.data-query-list-type}"')#end#if($O_elementData.data-query-list-contents) data-query-list-contents="${O_elementData.data-query-list-contents}"')#end#if($O_elementData.data-create-page) data-create-page="${O_elementData.data-create-page}"')#end#if($O_elementData.data-query-scope) data-query-scope="${O_elementData.data-query-scope}"')#end#if($O_elementData.data-create-xobj) data-create-xobj="${O_elementData.data-create-xobj}"')#end#if($O_elementData.data-xobj-classname) data-xobj-classname="${O_elementData.data-xobj-classname}"')#end#if($O_elementData.data-xobj-fieldname) data-xobj-fieldname="${O_elementData.data-xobj-fieldname}"')#end#if($O_elementData.data-query-list-editable) data-query-list-editable="${O_elementData.data-query-list-editable}"')#end>
107 +
108 +#macro(createTextElement $O_elementData $O_tagName)
109 + <input type="text" class="form-control full" name="${O_elementData.id}_${O_tagName}" id="${O_elementData.id}_${O_tagName}" autocomplete="off" placeholder="${O_elementData.placeholder}" aria-describedby="${O_elementData.id}_helpBlock"#if($O_elementData.required == "yes") aria-required="true" required="required" data-error-response-type="${O_elementData.data-error-response-type}"#else aria-required="false"#end aria-label="${O_elementData.aria-label}"#if($O_elementData.data-query-type) data-query-type="${O_elementData.data-query-type}"#end#if($O_elementData.data-query-list-type) data-query-list-type="${O_elementData.data-query-list-type}"')#end#if($O_elementData.data-suggest-list-header) data-suggest-list-header="${O_elementData.data-suggest-list-header}"')#end#if($O_elementData.data-query-list-contents) data-query-list-contents="${O_elementData.data-query-list-contents}"')#end#if($O_elementData.data-create-page) data-create-page="${O_elementData.data-create-page}"')#end#if($O_elementData.data-query-scope) data-query-scope="${O_elementData.data-query-scope}"')#end#if($O_elementData.data-create-xobj) data-create-xobj="${O_elementData.data-create-xobj}"')#end#if($O_elementData.data-xobj-classname) data-xobj-classname="${O_elementData.data-xobj-classname}"')#end#if($O_elementData.data-xobj-fieldname) data-xobj-fieldname="${O_elementData.data-xobj-fieldname}"')#end#if($O_elementData.data-query-list-editable) data-query-list-editable="${O_elementData.data-query-list-editable}"')#end>
90 90  #end
91 91  
112 +#macro(createCheckboxElement $O_elementData)
113 + <input type="checkbox" name="${O_elementData.id}" id="${O_elementData.id}" data-mod-display="${O_elementData.id}" value="${O_elementData.value}"#if($O_elementData.required == "yes") aria-required="true" required="required" data-error-response-type="${O_elementData.data-error-response-type}"#else aria-required="false"#end>$O_elementData.label
114 +#end
115 +
116 +#macro(createExpandStart $id $value)
117 + <div id="${id}_section_${value}" class="togglee">
118 +#end
119 +
120 +#macro(createExpandEnd)
121 + </div>
122 +#end
123 +
92 92  {{/velocity}}
93 93