LibreCCM
/
libreccm
3
0
Fork 0
Code Issues 10 Pull Requests Packages Releases Wiki Activity

Base component for Bootstrap form groups 

Former-commit-id: 0b416e49dd
pull/7/head
Jens Pelzetter 2020-11-18 17:04:59 +01:00
parent 065bf0966d
commit 9cbb19cada
2 changed files with 52 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
ccm-core/src/main/resources/META-INF/resources/components/bootstrap/formGroup.xhtml 100644
View File

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
xmlns:cc="http://xmlns.jcp.org/jsf/composite"
xmlns:f="http://xmlns.jcp.org/jsf/core">
<cc:interface shortDescription="A base component for form groups. The control (input) is added by the input facet.">
<cc:attribute name="help"
required="true"
shortDescription="A short description of the input field"
type="String" />
<cc:attribute name="inputId"
required="true"
shortDescription="The ID of the input field."
type="String" />
<cc:attribute name="label"
required="true"
shortDescription="The label of the input field."
type="String" />
<cc:facet name="input" required="true" />
</cc:interface>
<cc:implementation>
<div class="form-group">
<label for="#{cc.attrs.inputId}">${cc.attrs.label}</label>
<cc:renderFacet name="input" />
<small class="form-text text-muted"
id="#{cc.attrs.inputId}-help">
#{cc.attrs.help}
</small>
</div>
</cc:implementation>
</html>

41
ccm-core/src/main/resources/META-INF/resources/components/bootstrap/formGroupText.xhtml
View File

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
<html xmlns:bootstrap="http://xmlns.jcp.org/jsf/composite/components/bootstrap"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
xmlns:cc="http://xmlns.jcp.org/jsf/composite"
xmlns:f="http://xmlns.jcp.org/jsf/core">
@ -52,27 +53,23 @@
type="String" />
</cc:interface>
<cc:implementation>
<c:if test="#{cc.attrs.value.length() > 0}">
<pre>has value</pre>
</c:if>
<div class="form-group">
<label for="#{cc.attrs.inputId}">${cc.attrs.label}</label>
<input aria-describedby="#{cc.attrs.inputId}-help"
id="#{cc.attrs.inputId}"
maxlength="#{(not empty cc.attrs.maxlength) ? cc.attrs.maxlength : null}"
minlength="#{(not empty cc.attrs.minlength) ? cc.attrs.minlength : null}"
name="#{cc.attrs.name}"
pattern="#{not empty cc.attrs.pattern ? cc.attrs.pattern : null}"
placeholder="#{not empty cc.attrs.placeholder ? cc.attrs.placeholder: null}"
required="#{cc.attrs.required ? 'required' : ''}"
size="#{not empty cc.attrs.size ? cc.attrs.size : null}"
value="#{not empty cc.attrs.value ? cc.attrs.value : ''}"
type="text" />
<small class="form-text text-muted"
id="#{cc.attrs.inputId}-help">
#{cc.attrs.help}
</small>
</div>
<bootstrap:formGroup help="#{cc.attrs.help}"
inputId="#{cc.attrs.inputId}"
label="#{cc.attrs.label}">
<f:facet name="input">
<input aria-describedby="#{cc.attrs.inputId}-help"
id="#{cc.attrs.inputId}"
maxlength="#{(not empty cc.attrs.maxlength) ? cc.attrs.maxlength : null}"
minlength="#{(not empty cc.attrs.minlength) ? cc.attrs.minlength : null}"
name="#{cc.attrs.name}"
pattern="#{not empty cc.attrs.pattern ? cc.attrs.pattern : null}"
placeholder="#{not empty cc.attrs.placeholder ? cc.attrs.placeholder: null}"
required="#{cc.attrs.required ? 'required' : ''}"
size="#{not empty cc.attrs.size ? cc.attrs.size : null}"
value="#{not empty cc.attrs.value ? cc.attrs.value : ''}"
type="text" />
</f:facet>
</bootstrap:formGroup>
</cc:implementation>
</html>