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

Component for a Bootstrap Form Group component with a datetime-local input field

pull/15/head
Jens Pelzetter 2022-02-05 19:52:24 +01:00
parent 88f7be3963
commit 257c71e185
1 changed files with 62 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -0,0 +1,62 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:cc="http://xmlns.jcp.org/jsf/composite">
<cc:interface shortDescription="Component for a form grouo with an HTML datetime-local input field">
<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:attribute name="max"
required="false"
shortDescription="The latest acceptable data"
type="String" />
<cc:attribute name="min"
required="false"
shortDescription="The earlist acceptable data"
type="String" />
<cc:attribute name="name"
required="true"
shortDescription="The name of the input field. This is also the name which is used to send the value of the input to the server."
type="String" />
<cc:attribute default="false"
name="required"
shortDescription="Is the field required?"
required="false"
type="boolean" />
<cc:attribute default="60"
name="step"
required="false"
shortDescription="The stepping interval (in seconds)"
type="int" />
<cc:attribute name="value"
required="false"
shortDescription="Value of the input field"
type="String" />
</cc:interface>
<cc:implementation>
<div class="form-group">
<label for="#{cc.attrs.inputId}">${cc.attrs.label}</label>
<input aria-describedby="#{cc.attrs.inputId}-help"
id="#{cc.attrs.inputId}"
max="#{cc.attrs.max}"
min="#{cc.attrs.min}"
name="#{cc.attrs.name}"
step="#{cc.attrs.step}"
type="datetime-local"
value="#{cc.attrs.value}" />
<small class="form-text text-muted"
id="#{cc.attrs.inputId}-help">
#{cc.attrs.help}
</small>
</div>
</cc:implementation>
</html>