Wiki broncode van form-elements

Version 2.70 by Jip-jan Alunkel on maart 29, 16:31

Hide last authors
Jip-jan Alunkel 1.2 1 {{velocity}}
Jip-jan Alunkel 2.53 2 #macro(createFormStart $id $product)
3 <form action="" id="${id}" method="post" class="formMaker" data-form-product="${product}" novalidate="novalidate">
4 #end
Jip-jan Alunkel 2.55 5
Jip-jan Alunkel 2.53 6 #macro(createFormEnd)
7 </form>
8 #end
9
Jip-jan Alunkel 2.23 10 #macro(createFormElement $elementDataObj)
11 #set($elementType = $elementDataObj.type)
Jip-jan Alunkel 2.33 12 #set($elementTagName = '')
Jip-jan Alunkel 2.28 13 #set($requiredAttributes = 'aria-required="false"')
14 #set($requiredCSSClass = '')
15 #set($addedCSSClass = '')
Jip-jan Alunkel 2.30 16 #set($hint = '')
Jip-jan Alunkel 2.59 17 #if($elementDataObj.required == "yes")
Jip-jan Alunkel 2.28 18 #set($requiredCSSClass = ' class="required"')
19 #end
Jip-jan Alunkel 2.23 20 #if($elementType == "select")
Jip-jan Alunkel 2.28 21 #set($addedCSSClass = " select-wrap")
Jip-jan Alunkel 2.32 22 #set($elementTagName = "select")
Jip-jan Alunkel 2.28 23 #elseif($elementType == "text" || $elementType == "number" || $elementType == "range" || $elementType == "email")
Jip-jan Alunkel 2.32 24 #set($elementTagName = "input")
Jip-jan Alunkel 2.28 25 #elseif($elementType == "checkbox" || $elementType == "radio")
Jip-jan Alunkel 2.66 26 #set($addedCSSClass = " checkradio")
Jip-jan Alunkel 2.32 27 #set($elementTagName = "checkradio")
Jip-jan Alunkel 2.27 28 #elseif($elementType == "textarea")
Jip-jan Alunkel 2.32 29 #set($elementTagName = "textarea")
Jip-jan Alunkel 2.27 30 #else
31 #set($hint = "This type of element does not exist, read the manual for more information about element types.")
Jip-jan Alunkel 2.23 32 #end
Jip-jan Alunkel 2.32 33 #if($elementTagName == "select" || $elementTagName == "input" || $elementTagName == "textarea")
Jip-jan Alunkel 2.28 34 <p${requiredCSSClass}>
Jip-jan Alunkel 2.32 35 <label for="${elementDataObj.id}_${elementTagName}">
Jip-jan Alunkel 2.28 36 $elementDataObj.label
37 <span class="input-wrap${addedCSSClass}">
Jip-jan Alunkel 2.32 38 #if($elementTagName == "select")
39 #createSelectElement($elementDataObj $elementTagName $requiredAttributes)
40 #elseif($elementTagName == "textarea")
Jip-jan Alunkel 2.28 41 #else
42 #if($elementType == "text")
Jip-jan Alunkel 2.65 43 #createTextElement($elementDataObj $elementType $requiredAttributes)
Jip-jan Alunkel 2.28 44 #elseif($elementType == "number")
45 #elseif($elementType == "email")
46 #elseif($elementType == "range")
47 #end
48 #end
49 #if($elementDataObj.help-block != "")
50 <span id="${elementDataObj.id}_helpBlock" class="help-block">${elementDataObj.help-block}</span>
51 #end
Jip-jan Alunkel 2.64 52 #if($elementDataObj.required == "yes")
Jip-jan Alunkel 2.28 53 <span class="required-input-field" title="Required input"></span>
54 <span role="alert" class="form-not-valid-tip"></span>
55 #end
56 </span>
57 </label>
58 </p>
59 #end
Jip-jan Alunkel 2.32 60 #if($elementTagName == "checkradio")
Jip-jan Alunkel 2.66 61 <p${requiredCSSClass}>
62 <span class="input-wrap${addedCSSClass}">
63 <span class="fieldset no-fieldset-border">
64 <label for="${elementDataObj.id}_${elementTagName}" class="strong">
Jip-jan Alunkel 2.28 65 #if($elementType == "checkbox")
Jip-jan Alunkel 2.66 66
Jip-jan Alunkel 2.67 67 #createCheckboxElement($elementDataObj)
68
Jip-jan Alunkel 2.28 69 #elseif($elementType == "radio")
70 #end
Jip-jan Alunkel 2.66 71 </label>
72 </span>
73 </span>
74 </p>
Jip-jan Alunkel 2.28 75 #end
76 #if($hint != "")
77 <p class="box errormessage">${hint}</p>
78 #end
Jip-jan Alunkel 2.23 79 #end
Jip-jan Alunkel 2.65 80
81 ##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
82 #macro(createSelectElement $O_elementData $O_tagName)
Jip-jan Alunkel 2.63 83 <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}">
Jip-jan Alunkel 2.23 84 <option value="" disabled="" selected="" hidden="hidden">$services.localization.render(${O_elementData.placeholder})</option>
Jip-jan Alunkel 2.16 85 #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"))
Jip-jan Alunkel 2.28 86 #set($spaceLikeRef = $O_elementData.space-reference.replaceAll('([%_!])', '!$1').concat('.%'))
87 #set($spaceExcludeRef = $O_elementData.space-reference.replaceAll('([%_!])', '!$1').concat('.Code'))
Jip-jan Alunkel 2.16 88 #set($query = $query.bindValue('space', $spaceLikeRef))
Jip-jan Alunkel 2.20 89 #set($query = $query.bindValue('spaceExclude', $spaceExcludeRef))
Jip-jan Alunkel 2.13 90 #set($results = $query.addFilter('unique').execute())
Jip-jan Alunkel 1.2 91 #foreach ($item in $results)
92 #set ($document = $xwiki.getDocument($item))
93 <option value="$document.space">$document.getTitle()</option>
94 #end
95 </select>
96 #end
Jip-jan Alunkel 2.66 97
Jip-jan Alunkel 2.65 98 #macro(createTextElement $O_elementData $O_tagName)
Jip-jan Alunkel 2.63 99 <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"#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-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>
Jip-jan Alunkel 2.27 100 #end
Jip-jan Alunkel 2.68 101
Jip-jan Alunkel 2.66 102 #macro(createCheckboxElement $O_elementData)
Jip-jan Alunkel 2.70 103 $O_elementData.label
Jip-jan Alunkel 2.68 104 <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
Jip-jan Alunkel 2.66 105 #end
Jip-jan Alunkel 1.4 106
Jip-jan Alunkel 2.69 107 #macro(createExpandStart $id $value)
Jip-jan Alunkel 2.68 108 <div id="${id}_section_${value}" class="togglee">
109 #end
110
Jip-jan Alunkel 2.69 111 #macro(createExpandEnd)
Jip-jan Alunkel 2.68 112 </div>
113 #end
114
Jip-jan Alunkel 1.2 115 {{/velocity}}
116