Wiki broncode van form-elements
Version 2.70 by Jip-jan Alunkel on maart 29, 16:31
Hide last authors
author | version | line-number | content |
---|---|---|---|
![]() |
1.2 | 1 | {{velocity}} |
![]() |
2.53 | 2 | #macro(createFormStart $id $product) |
3 | <form action="" id="${id}" method="post" class="formMaker" data-form-product="${product}" novalidate="novalidate"> | ||
4 | #end | ||
![]() |
2.55 | 5 | |
![]() |
2.53 | 6 | #macro(createFormEnd) |
7 | </form> | ||
8 | #end | ||
9 | |||
![]() |
2.23 | 10 | #macro(createFormElement $elementDataObj) |
11 | #set($elementType = $elementDataObj.type) | ||
![]() |
2.33 | 12 | #set($elementTagName = '') |
![]() |
2.28 | 13 | #set($requiredAttributes = 'aria-required="false"') |
14 | #set($requiredCSSClass = '') | ||
15 | #set($addedCSSClass = '') | ||
![]() |
2.30 | 16 | #set($hint = '') |
![]() |
2.59 | 17 | #if($elementDataObj.required == "yes") |
![]() |
2.28 | 18 | #set($requiredCSSClass = ' class="required"') |
19 | #end | ||
![]() |
2.23 | 20 | #if($elementType == "select") |
![]() |
2.28 | 21 | #set($addedCSSClass = " select-wrap") |
![]() |
2.32 | 22 | #set($elementTagName = "select") |
![]() |
2.28 | 23 | #elseif($elementType == "text" || $elementType == "number" || $elementType == "range" || $elementType == "email") |
![]() |
2.32 | 24 | #set($elementTagName = "input") |
![]() |
2.28 | 25 | #elseif($elementType == "checkbox" || $elementType == "radio") |
![]() |
2.66 | 26 | #set($addedCSSClass = " checkradio") |
![]() |
2.32 | 27 | #set($elementTagName = "checkradio") |
![]() |
2.27 | 28 | #elseif($elementType == "textarea") |
![]() |
2.32 | 29 | #set($elementTagName = "textarea") |
![]() |
2.27 | 30 | #else |
31 | #set($hint = "This type of element does not exist, read the manual for more information about element types.") | ||
![]() |
2.23 | 32 | #end |
![]() |
2.32 | 33 | #if($elementTagName == "select" || $elementTagName == "input" || $elementTagName == "textarea") |
![]() |
2.28 | 34 | <p${requiredCSSClass}> |
![]() |
2.32 | 35 | <label for="${elementDataObj.id}_${elementTagName}"> |
![]() |
2.28 | 36 | $elementDataObj.label |
37 | <span class="input-wrap${addedCSSClass}"> | ||
![]() |
2.32 | 38 | #if($elementTagName == "select") |
39 | #createSelectElement($elementDataObj $elementTagName $requiredAttributes) | ||
40 | #elseif($elementTagName == "textarea") | ||
![]() |
2.28 | 41 | #else |
42 | #if($elementType == "text") | ||
![]() |
2.65 | 43 | #createTextElement($elementDataObj $elementType $requiredAttributes) |
![]() |
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 | ||
![]() |
2.64 | 52 | #if($elementDataObj.required == "yes") |
![]() |
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 | ||
![]() |
2.32 | 60 | #if($elementTagName == "checkradio") |
![]() |
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"> | ||
![]() |
2.28 | 65 | #if($elementType == "checkbox") |
![]() |
2.66 | 66 | |
![]() |
2.67 | 67 | #createCheckboxElement($elementDataObj) |
68 | |||
![]() |
2.28 | 69 | #elseif($elementType == "radio") |
70 | #end | ||
![]() |
2.66 | 71 | </label> |
72 | </span> | ||
73 | </span> | ||
74 | </p> | ||
![]() |
2.28 | 75 | #end |
76 | #if($hint != "") | ||
77 | <p class="box errormessage">${hint}</p> | ||
78 | #end | ||
![]() |
2.23 | 79 | #end |
![]() |
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) | ||
![]() |
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}"> |
![]() |
2.23 | 84 | <option value="" disabled="" selected="" hidden="hidden">$services.localization.render(${O_elementData.placeholder})</option> |
![]() |
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")) |
![]() |
2.28 | 86 | #set($spaceLikeRef = $O_elementData.space-reference.replaceAll('([%_!])', '!$1').concat('.%')) |
87 | #set($spaceExcludeRef = $O_elementData.space-reference.replaceAll('([%_!])', '!$1').concat('.Code')) | ||
![]() |
2.16 | 88 | #set($query = $query.bindValue('space', $spaceLikeRef)) |
![]() |
2.20 | 89 | #set($query = $query.bindValue('spaceExclude', $spaceExcludeRef)) |
![]() |
2.13 | 90 | #set($results = $query.addFilter('unique').execute()) |
![]() |
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 | ||
![]() |
2.66 | 97 | |
![]() |
2.65 | 98 | #macro(createTextElement $O_elementData $O_tagName) |
![]() |
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> |
![]() |
2.27 | 100 | #end |
![]() |
2.68 | 101 | |
![]() |
2.66 | 102 | #macro(createCheckboxElement $O_elementData) |
![]() |
2.70 | 103 | $O_elementData.label |
![]() |
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 |
![]() |
2.66 | 105 | #end |
![]() |
1.4 | 106 | |
![]() |
2.69 | 107 | #macro(createExpandStart $id $value) |
![]() |
2.68 | 108 | <div id="${id}_section_${value}" class="togglee"> |
109 | #end | ||
110 | |||
![]() |
2.69 | 111 | #macro(createExpandEnd) |
![]() |
2.68 | 112 | </div> |
113 | #end | ||
114 | |||
![]() |
1.2 | 115 | {{/velocity}} |
116 |