Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
net.bootsfaces.component.dateTimePicker.DateTimePickerRenderer Maven / Gradle / Ivy
/**
* Copyright 2014-2019 Riccardo Massera (TheCoder4.Eu) and Stephan Rauh (http://www.beyondjava.net).
*
* This file is part of BootsFaces.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
package net.bootsfaces.component.dateTimePicker;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.Locale;
import javax.faces.FacesException;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import javax.faces.context.ResponseWriter;
import javax.faces.convert.Converter;
import javax.faces.render.FacesRenderer;
import net.bootsfaces.component.ajax.AJAXRenderer;
import net.bootsfaces.component.icon.IconRenderer;
import net.bootsfaces.render.CoreInputRenderer;
import net.bootsfaces.render.Responsive;
import net.bootsfaces.render.Tooltip;
import net.bootsfaces.utils.BsfUtils;
/** This class generates the HTML code of <b:dateTimePicker />. */
@FacesRenderer(componentFamily = "net.bootsfaces.component", rendererType = "net.bootsfaces.component.dateTimePicker.DateTimePicker")
public class DateTimePickerRenderer extends CoreInputRenderer {
private static final String DTP_OUTER_CONTAINER_SUFFIX = "Outer";
public static final String BSF_EVENT_PREFIX = "BsFEvent=";
@Override
public void decode(FacesContext context, UIComponent component) {
DateTimePicker dtp = (DateTimePicker) component;
String clientId = dtp.getClientId();
String subVal = context.getExternalContext().getRequestParameterMap().get(dtp.getClientId());
if (dtp.isDisabled() || dtp.isReadonly()) {
return;
}
if (subVal != null) {
dtp.setSubmittedValue(subVal);
dtp.setValid(true);
}
String responsiveStyleClass = Responsive.getResponsiveStyleClass(dtp, false);
boolean hasOuter = (null != responsiveStyleClass && responsiveStyleClass.trim().length()>0) || (dtp.getLabel() != null && dtp.isRenderLabel());
String event = context.getExternalContext().getRequestParameterMap().get("javax.faces.partial.event");
String realEvent = context.getExternalContext().getRequestParameterMap().get("BsFEvent");
if (null != realEvent) {
event = realEvent;
}
String fieldId = hasOuter && event != null && dtp.getJQueryEvents().containsKey(event) ? clientId + DTP_OUTER_CONTAINER_SUFFIX : dtp.getFieldId();
if (null == fieldId) {
fieldId = clientId + "_Input";
}
new AJAXRenderer().decode(context, dtp, fieldId);
// new AJAXRenderer().decode(context, dtp, clientId);
}
/**
* Yields the value which is displayed in the input field of the date picker.
* @param ctx
* @param dtp
* @return
*/
public static String getValueAsString(Object value, FacesContext ctx, DateTimePicker dtp) {
// Else we use our own converter
if(value == null) {
return null;
}
Locale sloc = BsfUtils.selectLocale(ctx.getViewRoot().getLocale(), dtp.getLocale(), dtp);
String javaFormatString = BsfUtils.selectJavaDateTimeFormatFromMomentJSFormatOrDefault(sloc, dtp.getFormat(), dtp.isShowDate(), dtp.isShowTime());
return getDateAsString(ctx, dtp, value, javaFormatString, sloc);
}
/**
* Get date in string format
* @param fc The FacesContext
* @param dtp the DateTimePicker component
* @param value The date to display
* @param javaFormatString The format string as defined by the SimpleDateFormat syntax
* @param locale The locale
* @return null if the value is null.
*/
public static String getDateAsString(FacesContext fc, DateTimePicker dtp, Object value, String javaFormatString, Locale locale) {
if (value == null) {
return null;
}
Converter converter = dtp.getConverter();
return converter == null ?
getInternalDateAsString(value, javaFormatString, locale)
:
converter.getAsString(fc, dtp, value);
}
public static String getInternalDateAsString(Object dt, String javaFormatString, Locale locale) {
if (dt == null) {
return null;
}
if (dt instanceof String) {
return (String) dt;
} else if (dt instanceof Date) {
SimpleDateFormat dtFormat = new SimpleDateFormat(javaFormatString, locale);
String result = dtFormat.format((Date) dt);
return result;
} else {
throw new IllegalArgumentException(
"Value could be either String or java.util.Date, you may want to use a custom converter.");
}
}
/**
* This methods generates the HTML code of the current b:dateTimePicker.
* @param context the FacesContext.
* @param component the current b:dateTimePicker.
* @throws IOException thrown if something goes wrong when writing the HTML code.
*/
@Override
public void encodeBegin(FacesContext context, UIComponent component) throws IOException {
if (!component.isRendered()) {
return;
}
DateTimePicker dtp = (DateTimePicker) component;
ResponseWriter rw = context.getResponseWriter();
String dateTimePickerId = encodeHTML(context, rw, dtp);
encodeJS(context, rw, dtp, dateTimePickerId);
}
/**
* Encodes the HTML for this context
*
* @param fc
* @throws IOException
*/
private String encodeHTML(FacesContext fc, ResponseWriter rw, DateTimePicker dtp)
throws IOException {
String clientId = dtp.getClientId();
boolean clientIdHasBeenRendered=false;
String mode = dtp.getMode();
String styleClass = dtp.getStyleClass();
if(styleClass == null) styleClass = "";
styleClass = styleClass.trim();
String dateTimePickerId;
String responsiveStyleClass = Responsive.getResponsiveStyleClass(dtp, false);
String label = dtp.getLabel();
if (!dtp.isRenderLabel()) {
label = null;
}
String divSuffix="";
String classesWithFeedback = getWithFeedback(InputMode.DEFAULT, dtp);
boolean hasResponsiveClass = null != responsiveStyleClass && responsiveStyleClass.trim().length()>0;
if (hasResponsiveClass) {
rw.startElement("div", dtp);
if (!isHorizontalForm(dtp)) {
rw.writeAttribute("class", responsiveStyleClass + classesWithFeedback, "class");
} else {
rw.writeAttribute("class", classesWithFeedback, "class");
}
rw.writeAttribute("id", clientId, null);
Tooltip.generateTooltip(fc, dtp, rw);
clientIdHasBeenRendered=true;
divSuffix=DTP_OUTER_CONTAINER_SUFFIX;
} else if (label != null) {
rw.startElement("div", dtp);
rw.writeAttribute("id", clientId, null);
rw.writeAttribute("class", classesWithFeedback, "class");
divSuffix=DTP_OUTER_CONTAINER_SUFFIX;
Tooltip.generateTooltip(fc, dtp, rw);
clientIdHasBeenRendered=true;
}
String fieldId = dtp.getFieldId();
if (null == fieldId) {
fieldId = clientId + "_Input";
} else if (fieldId.equals(dtp.getId())) {
throw new FacesException("The field id must differ from the regular id.");
}
if (label != null) {
rw.startElement("label", dtp);
rw.writeAttribute("for", fieldId, "for"); // "input_" + clientId
generateErrorAndRequiredClass(dtp, rw, clientId, dtp.getLabelStyleClass(), Responsive.getResponsiveLabelClass(dtp), "control-label");
writeAttribute(rw, "style", dtp.getLabelStyle());
rw.writeText(label, null);
rw.endElement("label");
}
if (isHorizontalForm(dtp) && hasResponsiveClass) {
rw.startElement("div", dtp);
rw.writeAttribute("class", responsiveStyleClass, "class");
}
Object v = dtp.getSubmittedValue();
if (v == null) {
v = dtp.getValue();
}
// Icon
String icon = dtp.getIcon();
String faicon = dtp.getIconAwesome();
boolean fa = false;
if (BsfUtils.isStringValued(faicon)) {
icon = faicon;
fa = true;
}
if(!BsfUtils.isStringValued(icon)) {
icon = "calendar";
fa = false;
}
if ("inline".equals(mode)) {
// div
rw.startElement("div", dtp);
rw.writeAttribute("class", ("input-group date " + styleClass).trim(), "class");
if(dtp.getStyle() != null) rw.writeAttribute("style", (dtp.isDisabled() ? "opacity: 0.65; pointer-events: none;" : "") + dtp.getStyle(), "style");
else if(dtp.isDisabled()) rw.writeAttribute("style", "opacity: 0.65; pointer-events: none;", null);
dateTimePickerId = clientId + divSuffix;
rw.writeAttribute("id", dateTimePickerId, null);
if (!clientIdHasBeenRendered) {
Tooltip.generateTooltip(fc, dtp, rw);
clientIdHasBeenRendered=true;
}
rw.endElement("div");
// write the input item
rw.startElement("input", dtp);
rw.writeAttribute("id", fieldId, null);
rw.writeAttribute("name", clientId, null);
rw.writeAttribute("type", "hidden", "type");
if (dtp.getTabindex()!=null) {
rw.writeAttribute("tabindex", dtp.getTabindex(), null);
}
if (dtp.isReadonly()) rw.writeAttribute("readonly", "readonly", null);
if (dtp.isDisabled()) rw.writeAttribute("disabled", "true", null);
if (v != null) {
rw.writeAttribute("value", getValueAsString(v, fc, dtp), null);
}
rw.endElement("input");
}
else { // "popup" or "plain"
// div
rw.startElement("div", dtp);
String inputGroup = dtp.isShowIcon() ? "input-group " : "";
rw.writeAttribute("class", (inputGroup +"date " + styleClass).trim(), "class");
if(dtp.getStyle() != null) rw.writeAttribute("style", dtp.getStyle(), "style");
dateTimePickerId = clientId + divSuffix;
rw.writeAttribute("id", dateTimePickerId, null);
if (!clientIdHasBeenRendered) {
Tooltip.generateTooltip(fc, dtp, rw);
clientIdHasBeenRendered=true;
}
if (dtp.isShowIcon() && "left".equalsIgnoreCase(dtp.getIconPosition())) {
// span
rw.startElement("span", dtp);
rw.writeAttribute("class", "input-group-addon", "class");
IconRenderer.encodeIcon(rw, dtp, icon, fa, null, null, null, false, null, null, dtp.isDisabled(), true, true, true,
dtp.isIconBrand(), dtp.isIconInverse(), dtp.isIconLight(), dtp.isIconPulse(), dtp.isIconRegular(),
dtp.isIconSolid());
rw.endElement("span");
}
// input
rw.startElement("input", dtp);
rw.writeAttribute("type", "text", null);
rw.writeAttribute("id", fieldId, null);
rw.writeAttribute("name", clientId, null);
if (dtp.getTabindex()!=null) {
rw.writeAttribute("tabindex", dtp.getTabindex(), null);
}
// rw.writeAttribute("class", "form-control " + getErrorAndRequiredClass(dtp, clientId), "class");
generateStyleClass(dtp, rw);
if(BsfUtils.isStringValued(dtp.getPlaceholder())) rw.writeAttribute("placeholder", dtp.getPlaceholder(), null);
if (dtp.isReadonly()) rw.writeAttribute("readonly", "readonly", null);
if (dtp.isDisabled()) rw.writeAttribute("disabled", "true", null);
if (v != null) {
rw.writeAttribute("value", getValueAsString(v, fc, dtp), null);
}
// Render Ajax Capabilities
AJAXRenderer.generateBootsFacesAJAXAndJavaScript(FacesContext.getCurrentInstance(), dtp, rw, false);
rw.endElement("input");
if (dtp.isShowIcon() && "right".equalsIgnoreCase(dtp.getIconPosition())) {
// span
rw.startElement("span", dtp);
rw.writeAttribute("class", "input-group-addon", "class");
IconRenderer.encodeIcon(rw, dtp, icon, fa, null, null, null, false, null, null, dtp.isDisabled(), true, true, true,
dtp.isIconBrand(), dtp.isIconInverse(), dtp.isIconLight(), dtp.isIconPulse(), dtp.isIconRegular(),
dtp.isIconRegular());
rw.endElement("span");
}
// end
rw.endElement("div");
}
if (isHorizontalForm(dtp) && hasResponsiveClass) {
rw.endElement("div");
}
if (hasResponsiveClass || label != null) {
rw.endElement("div");
}
Tooltip.activateTooltips(fc, dtp);
return dateTimePickerId;
}
private void generateStyleClass(DateTimePicker dtp, ResponseWriter rw)
throws IOException {
StringBuilder sb;
String s;
sb = new StringBuilder(20); // optimize int
sb.append("form-control");
String fsize = dtp.getFieldSize();
if (fsize != null) {
sb.append(" input-").append(fsize);
}
// styleClass and class support
String sclass = dtp.getStyleClass();
if (sclass != null) {
sb.append(" ").append(sclass);
}
sb.append(" ").append(getErrorAndRequiredClass(dtp, dtp.getClientId()));
s = sb.toString().trim();
if (s != null && s.length() > 0) {
rw.writeAttribute("class", s, "class");
}
}
/**
* Encode the javascript code
* @throws IOException
*/
private void encodeJS(FacesContext fc, ResponseWriter rw, DateTimePicker dtp, String datePickerId)
throws IOException {
String clientId = dtp.getClientId();
String fieldId = dtp.getFieldId();
if (null == fieldId) {
fieldId = clientId + "_Input";
} else if (fieldId.equals(dtp.getId())) {
throw new FacesException("The field id must differ from the regular id.");
}
String mode = dtp.getMode();
Object v = dtp.getSubmittedValue();
if (v == null) {
v = dtp.getValue();
}
// show all buttons
if(dtp.isShowButtonPanel()) {
dtp.setShowClearButton(true);
dtp.setShowCloseButton(true);
dtp.setShowTodayButton(true);
}
Locale sloc = BsfUtils.selectLocale(fc.getViewRoot().getLocale(), dtp.getLocale(), dtp);
String format = BsfUtils.selectMomentJSDateTimeFormat(sloc, dtp.getFormat(), dtp.isShowDate(), dtp.isShowTime());
String displayFormat = "'" + format + "'";
String inlineDisplayDate = "'" +
getValueAsString(v, fc, dtp) + "'";
String fullSelector = "#" + BsfUtils.escapeJQuerySpecialCharsInSelector(datePickerId);
String defaultDate = BsfUtils.isStringValued(dtp.getInitialDate()) ?
dtp.getInitialDate().contains("moment") ? dtp.getInitialDate() : "'" + dtp.getInitialDate() + "'" : "";
String minDate = BsfUtils.isStringValued(dtp.getMinDate()) ?
dtp.getMinDate().contains("moment") ? dtp.getMinDate() : "'" + dtp.getMinDate() + "'" :
"";
String maxDate = BsfUtils.isStringValued(dtp.getMaxDate()) ?
dtp.getMaxDate().contains("moment") ? dtp.getMaxDate() : "'" + dtp.getMaxDate() + "'" :
"";
rw.startElement("script", dtp);
rw.writeText("$(function () { " +
"$('" + fullSelector + "').datetimepicker({ " +
"ignoreReadonly: false, " +
(dtp.isAllowInputToggle() ? "allowInputToggle: true, ": "") +
(dtp.isCollapse() ? "collapse: " + dtp.isCollapse() + ", ": "") +
(BsfUtils.isStringValued(dtp.getDayViewHeaderFormat()) ? "dayViewHeaderFormat: '" + dtp.getDayViewHeaderFormat() + "', " : "") +
(BsfUtils.isStringValued(dtp.getDisabledDates()) ? "disabledDates: " + asArray(dtp.getDisabledDates()) + ", " : "") +
(BsfUtils.isStringValued(dtp.getDisableTimeInterval()) ? "disabledTimeIntervals: [" + dtp.getDisableTimeInterval() + "], " : "") +
(BsfUtils.isStringValued(dtp.getEnabledDates()) ? "enabledDates: [" + dtp.getDisableTimeInterval() + "], " : "") +
(dtp.isFocusOnShow() ? "focusOnShow: " + dtp.isFocusOnShow() + ", ": "") +
(BsfUtils.isStringValued(dtp.getInitialDate()) ? "defaultDate: " + defaultDate + ", " : "") +
(dtp.isKeepInvalid() ? "keepInvalid: " + dtp.isKeepInvalid() + ", ": "") +
(dtp.isKeepOpen() ? "keepOpen: " + dtp.isKeepOpen() + ", ": "") +
(BsfUtils.isStringValued(minDate) ? "minDate: " + minDate + ", " : "") +
(BsfUtils.isStringValued(maxDate) ? "maxDate: " + maxDate + ", " : "") +
(dtp.isShowWeek() ? "calendarWeeks: " + dtp.isShowWeek() + ", ": "") +
(dtp.isShowClearButton() ? "showClear: " + dtp.isShowClearButton() + ", ": "") +
(dtp.isShowCloseButton() ? "showClose: " + dtp.isShowCloseButton() + ", ": "") +
(dtp.isShowTodayButton() ? "showTodayButton: " + dtp.isShowTodayButton() + ", ": "") +
(dtp.isSideBySide() || "inline".equals(mode) ? "sideBySide: true, ": "") +
(dtp.getTimeStepping() > 0 ? "stepping: " + dtp.getTimeStepping() + ", ": "") +
(BsfUtils.isStringValued(dtp.getToolbarPlacement()) ? "toolbarPlacement: '" + dtp.getToolbarPlacement() + "', " : "") +
(BsfUtils.isStringValued(dtp.getViewMode()) ? "viewMode: '" + dtp.getViewMode() + "', " : "") +
(dtp.isUseCurrent() ? "": "useCurrent:false,") +
(dtp.getWeekDaysDisabled() == null ? "": "daysOfWeekDisabled:" + asArray(dtp.getWeekDaysDisabled()) + ", ") +
(dtp.isUseStrict() ? "useStrict: " + dtp.isUseStrict() + ", ": "") +
(BsfUtils.isStringValued(dtp.getWidgetParent()) ? "widgetParent: '" + BsfUtils.resolveSearchExpressions(dtp.getWidgetParent()) + "', " : "" ) +
("inline".equals(mode) ? "inline: true," : "" ) +
"date: moment(" + inlineDisplayDate + ", " + displayFormat + "), " +
"locale: '" + sloc.getLanguage() + "', " +
"format: " + displayFormat +
"});" +
// ("inline".equals(type) ? "$('" + fullSelector + "').date(" + inlineDisplayDate + ")" : "") +
"});", null);
if("inline".equals(mode)) {
rw.writeText("$('" + fullSelector + "').on('dp.change', function(e) { " +
" $('#" + BsfUtils.escapeJQuerySpecialCharsInSelector(fieldId) + "').val( e.date.format(" + displayFormat + ") ); " +
"});", null);
}
rw.endElement("script");
new AJAXRenderer().generateBootsFacesAJAXAndJavaScriptForJQuery(fc, dtp, rw, fullSelector, null, true);
}
private String asArray(String s) {
if (s == null) return null;
s = s.trim();
if (!s.startsWith("[")) {
s = "[" + s;
}
if (!s.endsWith("]")) {
s += "]";
}
return s;
}
}
