org.dominokit.domino.ui.forms.InputFieldInitializer Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of domino-ui Show documentation
There is a newer version: 2.0.3
/*
 * Copyright © 2019 Dominokit
 *
 * 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 org.dominokit.domino.ui.forms;

import static org.dominokit.domino.ui.forms.FormsStyles.dui_form_field;
import static org.dominokit.domino.ui.utils.Domino.*;

import elemental2.dom.Element;
import elemental2.dom.HTMLElement;
import elemental2.dom.HTMLInputElement;
import java.util.List;
import jsinterop.base.Js;
import org.dominokit.domino.ui.config.FormsFieldsConfig;
import org.dominokit.domino.ui.config.HasComponentConfig;
import org.dominokit.domino.ui.utils.DominoElement;
import org.dominokit.domino.ui.utils.ElementsFactory;
import org.dominokit.domino.ui.utils.HasCounter;
import org.dominokit.domino.ui.utils.HasMinMaxLength;

/**
 * The InputFieldInitializer class provides initialization and event handling for input fields
 * within Domino UI forms.
 *
 * @param  The type of the form element.
 * @param  The value type of the form element.
 * @param  The type of the HTML element associated with the form element.
 */
public class InputFieldInitializer, V, E extends HTMLElement>
    implements HasComponentConfig {

  private final T formElement;
  private V oldValue;

  /**
   * Creates a new InputFieldInitializer instance for the specified form element.
   *
   * @param formElement The form element to initialize.
   * @param  The type of the form element.
   * @param  The value type of the form element.
   * @param  The type of the HTML element associated with the form element.
   * @return A new InputFieldInitializer instance.
   */
  public static , V, E extends HTMLElement>
      InputFieldInitializer create(T formElement) {
    return new InputFieldInitializer<>(formElement);
  }

  /**
   * Creates a new InputFieldInitializer instance for the specified form element.
   *
   * @param formElement The form element to initialize.
   */
  public InputFieldInitializer(T formElement) {
    this.formElement = formElement;
    this.oldValue = formElement.getValue();
  }

  /**
   * Initializes the input field associated with the form element and adds event listeners for
   * change, focusout, and input events.
   *
   * @param hasInput The form element that has an input element.
   * @return The current `InputFieldInitializer` instance.
   */
  public InputFieldInitializer init(HasInputElement hasInput) {
    DominoElement inputElement = hasInput.getInputElement();
    inputElement.addEventListener(
        "change",
        evt -> {
          if (hasInput.onChange().isPresent()) {
            hasInput.onChange().get().accept(evt);
          } else {
            if (formElement.isEnabled() && !formElement.isReadOnly()) {
              formElement.triggerChangeListeners(oldValue, formElement.getValue());
              this.oldValue = formElement.getValue();
            }
          }
        });
    inputElement.addEventListener(
        "focusout",
        evt -> {
          if (formElement.isAutoValidation() && !formElement.isFocusValidationsPaused()) {
            formElement.validate();
          }
        });
    if (formElement instanceof HasCounter && formElement instanceof HasMinMaxLength) {
      HasCounter countableElement = (HasCounter) formElement;
      HasMinMaxLength hasLength = (HasMinMaxLength) formElement;
      inputElement.addEventListener(
          "input",
          evt ->
              countableElement.updateCounter(
                  hasLength.getLength(), countableElement.getMaxCount()));
    }
    inputElement.onKeyPress(
        keyEvents -> {
          keyEvents.onEnter(
              evt -> {
                if (getConfig().isFocusNextFieldOnEnter()) {
                  inputElement.blur();
                  List elements =
                      ElementsFactory.elements
                          .body()
                          .element()
                          .querySelectorAll("." + dui_form_field.getCssClass())
                          .asList();
                  int i = elements.indexOf(formElement);
                  if (i < elements.size() - 1) {
                    Element element = elements.get(i + 1);
                    Element input = element.querySelector(".dui-field-input");
                    Js.uncheckedCast(input).focus();
                  }
                }
              });
        });

    return this;
  }
}