formGroup for select element
Jens Pelzetter
parent
24c02d5874
commit
c913118bd1
|
|
@ -23,9 +23,12 @@ import org.libreccm.ui.Message;
|
|||
|
||||
import java.util.ArrayList;
|
||||
import java.util.Collections;
|
||||
import java.util.HashSet;
|
||||
import java.util.List;
|
||||
import java.util.Map;
|
||||
import java.util.Objects;
|
||||
import java.util.Set;
|
||||
import java.util.TreeMap;
|
||||
import java.util.stream.Collectors;
|
||||
|
||||
import javax.enterprise.context.RequestScoped;
|
||||
|
|
@ -118,6 +121,26 @@ public class CategoryDetailsModel {
|
|||
return categoryOrder;
|
||||
}
|
||||
|
||||
/**
|
||||
* Only for testing components
|
||||
* @return
|
||||
*/
|
||||
public Map<String, String> getOptions() {
|
||||
final Map<String, String> options = new TreeMap<>();
|
||||
options.put("alpha", "Option Alpha");
|
||||
options.put("bravo", "Option Bravo");
|
||||
options.put("charlie", "Option Charlie");
|
||||
options.put("delta", "Option Delta");
|
||||
options.put("echo", "Option Echo");
|
||||
return options;
|
||||
}
|
||||
|
||||
public Set<String> getSelectedOptions() {
|
||||
final Set<String> selectedOptions = new HashSet<>();
|
||||
selectedOptions.add("delta");
|
||||
return selectedOptions;
|
||||
}
|
||||
|
||||
public List<Message> getMessages() {
|
||||
return Collections.unmodifiableList(messages);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,70 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:cc="http://xmlns.jcp.org/jsf/composite"
|
||||
xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
|
||||
<cc:interface shortDescription="Component for a form group with a number input">
|
||||
<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 default="false"
|
||||
name="multiple"
|
||||
required="false"
|
||||
shortDescription="Wether multiple options can be selected."
|
||||
type="boolean" />
|
||||
<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 name="options"
|
||||
required="true"
|
||||
shortDescription="The options for the select as Map with Strings as key and value . The keys of the Map is used for the value attribute of the option elements, the values of the map are used as content of the option elements"
|
||||
type="java.util.Map" />
|
||||
<cc:attribute default="false"
|
||||
name="required"
|
||||
shortDescription="Is the field required?"
|
||||
required="false"
|
||||
type="boolean" />
|
||||
<cc:attribute default="#{java.util.Collections.emptySet()}"
|
||||
name="selectedOptions"
|
||||
required="false"
|
||||
shortDescription="A collection of the keys of the selected options. The keys must be strings."
|
||||
type="java.util.Collection" />
|
||||
<cc:attribute default="1"
|
||||
name="size"
|
||||
shortDescription="Size of the select element."
|
||||
required="false"
|
||||
type="int" />
|
||||
</cc:interface>
|
||||
<cc:implementation>
|
||||
<div class="form-group">
|
||||
<label for="#{cc.attrs.inputId}">${cc.attrs.label}</label>
|
||||
<select aria-describedby="#{cc.attrs.inputId}-help"
|
||||
class="custom-select"
|
||||
id="#{cc.attrs.inputId}"
|
||||
multiple="#{cc.attrs.multiple ? 'multiple' : null}"
|
||||
name="#{cc.attrs.name}"
|
||||
required="#{cc.attrs.required}"
|
||||
size="#{not empty cc.attrs.size ? cc.attrs.size : null}">
|
||||
<c:forEach items="#{cc.attrs.options.entrySet()}" var="option">
|
||||
<option selected="#{cc.attrs.selectedOptions.contains(option.key) ? 'selected' : null}"
|
||||
value="#{option.key}">#{option.value}</option>
|
||||
</c:forEach>
|
||||
</select>
|
||||
<small class="form-text text-muted"
|
||||
id="#{cc.attrs.inputId}-help">
|
||||
#{cc.attrs.help}
|
||||
</small>
|
||||
</div>
|
||||
</cc:implementation>
|
||||
</html>
|
||||
|
||||
|
||||
|
|
@ -94,6 +94,18 @@
|
|||
inputId="textareatest"
|
||||
name="textareatest"
|
||||
rows="10" />
|
||||
<bootstrap:formGroupSelect help="Select Test 1"
|
||||
label="choose an option"
|
||||
inputId="selecttest1"
|
||||
name="selecttest1"
|
||||
options="#{CategoryDetailsModel.options}" />
|
||||
<bootstrap:formGroupSelect help="Select Test 2"
|
||||
label="choose an option"
|
||||
inputId="selecttest2"
|
||||
name="selecttest2"
|
||||
options="#{CategoryDetailsModel.options}"
|
||||
selectedOptions="#{CategoryDetailsModel.selectedOptions}"
|
||||
size="3" />
|
||||
|
||||
</form>
|
||||
<p>ToDo</p>
|
||||
|
|
|
|||
Loading…
Reference in New Issue