/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you 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 org.apache.isis.viewer.wicket.ui.components.scalars.datepicker;
import de.agilecoders.wicket.core.util.Attributes;
import java.util.Locale;
import org.apache.wicket.markup.ComponentTag;
import org.apache.wicket.markup.head.CssHeaderItem;
import org.apache.wicket.markup.head.IHeaderResponse;
import org.apache.wicket.markup.head.JavaScriptHeaderItem;
import org.apache.wicket.markup.head.OnDomReadyHeaderItem;
import org.apache.wicket.markup.html.form.TextField;
import org.apache.wicket.model.IModel;
import org.apache.wicket.request.resource.CssResourceReference;
import org.apache.wicket.request.resource.JavaScriptResourceReference;
import org.apache.wicket.util.convert.IConverter;
import org.apache.isis.viewer.wicket.ui.components.scalars.DateConverter;
import static de.agilecoders.wicket.jquery.JQuery.$;
/**
* A text input field that is used as a date picker.
* It uses <a href="https://github.com/Eonasdan/bootstrap-datetimepicker">Bootstrap Datetime picker</a>
* JavaScript widget
*
* @param <T> The type of the date/time
*/
public class TextFieldWithDatePicker<T> extends TextField<T> implements IConverter<T> {
private static final long serialVersionUID = 1L;
protected final DateConverter<T> converter;
private final DateTimeConfig config;
public TextFieldWithDatePicker(String id, IModel<T> model, Class<T> type, DateConverter<T> converter) {
super(id, model, type);
setOutputMarkupId(true);
this.converter = converter;
this.config = new DateTimeConfig();
String datePickerPattern = getPattern(converter, getLocale());
// convert Java (SimpleDateFormat|DateTimeFormat) format to Moment.js format
datePickerPattern = datePickerPattern.replace('d', 'D');
datePickerPattern = datePickerPattern.replace('y', 'Y');
config.withFormat(datePickerPattern);
config.calendarWeeks(true);
if (datePickerPattern.contains("HH")) {
config.sideBySide(true);
}
}
protected String getPattern(DateConverter<T> converter, Locale locale) {
return converter.getDatePickerPattern(locale);
}
@Override
public T convertToObject(String value, Locale locale) {
return converter.convertToObject(value, locale);
}
@Override
public String convertToString(T value, Locale locale) {
return converter.convertToString(value, locale);
}
@SuppressWarnings("unchecked")
@Override
public <C> IConverter<C> getConverter(Class<C> type) {
// we use isAssignableFrom rather than a simple == to handle
// the persistence of JDO/DataNucleus:
// if persisting a java.sql.Date, the object we are given is actually a
// org.datanucleus.store.types.simple.SqlDate (a subclass of java.sql.Date)
if (converter.getConvertableClass().isAssignableFrom(type)) {
return (IConverter<C>) this;
}
return super.getConverter(type);
}
@Override
protected void onComponentTag(ComponentTag tag) {
super.onComponentTag(tag);
checkComponentTag(tag, "input");
Attributes.set(tag, "type", "text");
}
@Override
public void renderHead(final IHeaderResponse response) {
super.renderHead(response);
response.render(CssHeaderItem.forReference(new CssResourceReference(TextFieldWithDatePicker.class, "css/bootstrap-datetimepicker.css")));
response.render(JavaScriptHeaderItem.forReference(new JavaScriptResourceReference(TextFieldWithDatePicker.class, "js/moment.js")));
response.render(JavaScriptHeaderItem.forReference(new JavaScriptResourceReference(TextFieldWithDatePicker.class, "js/bootstrap-datetimepicker.js")));
response.render(OnDomReadyHeaderItem.forScript(createScript(config)));
}
/**
* creates the initializer script.
*
* @return initializer script
*/
private CharSequence createScript(final DateTimeConfig config) {
return $(this).chain("datetimepicker", config).get();
}
}