Abstracted BigDecimalField

Author: JohannesRabauer

vaadin-editable-label-component/src/main/java/software/xdev/vaadin/editable_label/ui/EditableLabelBigDecimalField.java

@@ -20,95 +20,64 @@
  * #L%
  */
 
-import java.beans.Beans;
 import java.math.BigDecimal;
+import java.text.NumberFormat;
+import java.util.Objects;
 
-import com.vaadin.flow.component.AbstractField.ComponentValueChangeEvent;
 import com.vaadin.flow.component.BlurNotifier.BlurEvent;
 import com.vaadin.flow.component.ClickEvent;
+import com.vaadin.flow.component.Component;
 import com.vaadin.flow.component.ComponentEvent;
 import com.vaadin.flow.component.ComponentEventListener;
-import com.vaadin.flow.component.HasValue;
-import com.vaadin.flow.component.Key;
-import com.vaadin.flow.component.ShortcutRegistration;
 import com.vaadin.flow.component.button.Button;
-import com.vaadin.flow.component.button.ButtonVariant;
-import com.vaadin.flow.component.html.Label;
-import com.vaadin.flow.component.icon.VaadinIcon;
-import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
 import com.vaadin.flow.component.textfield.BigDecimalField;
 import com.vaadin.flow.component.textfield.TextFieldVariant;
-import com.vaadin.flow.shared.Registration;
+
 
 /**
  * Offers a simple Vaadin label which can be edited as a {@link BigDecimalField}.
  *
  * @author JohannesRabauer
  */
-public class EditableLabelBigDecimalField extends HorizontalLayout
-	implements HasValue<ComponentValueChangeEvent<EditableLabelBigDecimalField, BigDecimal>, BigDecimal>
+public class EditableLabelBigDecimalField
+	extends AbstractEditableLabel<Object, EditableLabelBigDecimalField, BigDecimal, BigDecimalField>
 {
 
 	private BigDecimal value;
-	private boolean readOnly = false;
-	private boolean currency = false;
-	private String currencySign = "€";
-	private Button btnEdit, btnSave, btnClose;
-	private BigDecimalField textField;
-	private Label label;
+	private NumberFormat currencyFormatter;
 
-	/**
-	 *
-	 */
 	public EditableLabelBigDecimalField()
 	{
-		super();
-		this.initUI();
-		
-		if(!Beans.isDesignTime())
-		{
-			this.getElement().addEventListener("mouseover", c ->
-			{
-				if(this.textField.isVisible())
-				{
-					this.btnEdit.setVisible(false);
-				}
-				
-				if(this.label.isVisible())
-				{
-					this.btnEdit.setVisible(!this.readOnly);
-				}
-			});
-			
-			this.getElement().addEventListener("mouseout", c ->
-			{
-				this.btnEdit.setVisible(false);
-			});
-			
-		}
+		super(new BigDecimalField());
+	}
+	
+	public EditableLabelBigDecimalField(final NumberFormat currencyFormatter)
+	{
+		this();
+		Objects.requireNonNull(this.currencyFormatter = currencyFormatter);
 	}
 
 	@Override
 	public void setValue(final BigDecimal value)
 	{
 		if(value == null)
 		{
-			this.label.setText("k.A.");
+			this.setLabelText(this.emptyValue);
 		}
 		else
 		{
-			this.value = value;
-			if(this.currency)
+			if(this.currencyFormatter != null)
 			{
-				this.label.setText(value.toEngineeringString() + " " + this.currencySign);
+				this.setLabelText(this.currencyFormatter.format(value));
 			}
 			else
 			{
-				this.label.setText(value.toEngineeringString());
+				this.setLabelText(value.toPlainString());
 			}
 
-			this.textField.setValue(value);
+			this.getEditor().setValue(value);
 		}
+		this.value = value;
 	}
 
 	@Override
@@ -117,43 +86,21 @@ public BigDecimal getValue()
 		return this.value;
 	}
 
-	@Override
-	public Registration addValueChangeListener(
-		final ValueChangeListener<? super ComponentValueChangeEvent<EditableLabelBigDecimalField, BigDecimal>> listener)
+	public void setCurrency(final NumberFormat currencyFormatter)
 	{
-		return this.textField.addValueChangeListener(
-			(ValueChangeListener<? super ComponentValueChangeEvent<BigDecimalField, BigDecimal>>)listener);
-	}
-	
-	@Override
-	public void setReadOnly(final boolean readOnly)
-	{
-		this.readOnly = readOnly;
-		
-	}
-	
-	@Override
-	public boolean isReadOnly()
-	{
-		return this.readOnly;
-	}
-	
-	public void hasCurrency(final boolean isCurrency, final String currencySign)
-	{
-		this.currency = isCurrency;
-		this.currencySign = currencySign;
+		this.currencyFormatter = currencyFormatter;
 	}
 
 	@Override
 	public void setRequiredIndicatorVisible(final boolean requiredIndicatorVisible)
 	{
-		this.textField.setRequiredIndicatorVisible(requiredIndicatorVisible);
+		this.getEditor().setRequiredIndicatorVisible(requiredIndicatorVisible);
 	}
 
 	@Override
 	public boolean isRequiredIndicatorVisible()
 	{
-		return this.textField.isRequiredIndicatorVisible();
+		return this.getEditor().isRequiredIndicatorVisible();
 	}
 
 	/**
@@ -164,141 +111,53 @@ public boolean isRequiredIndicatorVisible()
 	 */
 	private void textField_onBlur(final BlurEvent<BigDecimalField> event)
 	{
-		if(this.label.getText().contentEquals(this.textField.getValue().toPlainString()))
+		if(this.getLabelText().contentEquals(this.getEditor().getValue().toPlainString()))
 		{
-			this.textField.setVisible(false);
-			this.label.setVisible(true);
-			this.btnSave.setVisible(false);
-			this.btnClose.setVisible(false);
+			this.disableEditMode();
 		}
 	}
 
-	/**
-	 * Event handler delegate method for the {@link BigDecimalField} {@link #textField}.
-	 *
-	 * @eventHandlerDelegate Do NOT delete, used by UI designer!
-	 * @see ValueChangeListener#valueChanged(ValueChangeEvent)
-	 */
-	private void textField_valueChanged(final ComponentValueChangeEvent<BigDecimalField, BigDecimal> event)
-	{
-		this.value = this.textField.getValue();
-	}
-	
-	/**
-	 * Event handler delegate method for the {@link Button} {@link #btnEdit}.
-	 *
-	 * @eventHandlerDelegate Do NOT delete, used by UI designer!
-	 * @see ComponentEventListener#onComponentEvent(ComponentEvent)
-	 */
-	private void btnEdit_onClick(final ClickEvent<Button> event)
+	@Override
+	protected void btnEdit_onClick(final ClickEvent<Button> event)
 	{
-		this.textField.setValue(this.value);
-		this.textField.setVisible(true);
-		this.textField.focus();
+		this.getEditor().setValue(this.value);
+		this.getEditor().focus();
 
-		this.label.setVisible(false);
-		this.btnEdit.setVisible(false);
-		this.btnSave.setVisible(true);
-		this.btnClose.setVisible(true);
+		this.enableEditMode();
 	}
 
-	/**
-	 * Event handler delegate method for the {@link Button} {@link #btnSave}.
-	 *
-	 * @eventHandlerDelegate Do NOT delete, used by UI designer!
-	 * @see ComponentEventListener#onComponentEvent(ComponentEvent)
-	 */
-	private void btnSave_onClick(final ClickEvent<Button> event)
+	@Override
+	protected void btnSave_onClick(final ClickEvent<Button> event)
 	{
-		this.label.setText(this.textField.getValue().toPlainString());
-		// EditableLabelsUtil.getNextParent(this, HasGlobalSave.class).save();
-		System.out.println("Store item");
+		final BigDecimal oldValue = this.value;
+		this.setValue(this.getEditor().getValue());
 
-		this.textField.setVisible(false);
-		this.label.setVisible(true);
-		this.btnSave.setVisible(false);
-		this.btnClose.setVisible(false);
+		this.fireChangedEvent(oldValue);
+		
+		this.disableEditMode();
 	}
 
-	/**
-	 * Event handler delegate method for the {@link Button} {@link #btnClose}.
-	 *
-	 * @eventHandlerDelegate Do NOT delete, used by UI designer!
-	 * @see ComponentEventListener#onComponentEvent(ComponentEvent)
-	 */
-	private void btnClose_onClick(final ClickEvent<Button> event)
+	@Override
+	protected void btnClose_onClick(final ClickEvent<Button> event)
 	{
-		this.textField.setVisible(false);
-		
-		this.label.setVisible(true);
-		
-		this.btnSave.setVisible(false);
-		
-		this.btnClose.setVisible(false);
+		this.disableEditMode();
 	}
 
-	/* WARNING: Do NOT edit!<br>The content of this method is always regenerated by the UI designer. */
-	// <generated-code name="initUI">
-	private void initUI()
+	@Override
+	protected void initUI(
+		final Component editIcon,
+		final Component saveIcon,
+		final Component abortIcon
+	)
 	{
-		this.label = new Label();
-		this.textField = new BigDecimalField();
-		this.btnEdit = new Button();
-		this.btnSave = new Button();
-		this.btnClose = new Button();
+		super.initUI(editIcon, saveIcon, abortIcon);
 
-		this.setDefaultVerticalComponentAlignment(Alignment.CENTER);
-		this.label.setText("k.A.");
-		this.textField.setAutoselect(true);
-		this.textField.setVisible(false);
-		this.textField.addThemeVariants(TextFieldVariant.LUMO_SMALL);
-		this.btnEdit.setVisible(false);
-		this.btnEdit.addThemeVariants(ButtonVariant.LUMO_SMALL, ButtonVariant.LUMO_TERTIARY);
-		this.btnEdit.getStyle().set("margin", "0px");
-		this.btnEdit.getStyle().set("padding", "0px");
-		this.btnEdit.getStyle().set("font-size", "12px");
-		this.btnEdit.setIcon(VaadinIcon.PENCIL.create());
-		this.btnSave.setVisible(false);
-		this.btnSave.addThemeVariants(ButtonVariant.LUMO_SMALL, ButtonVariant.LUMO_TERTIARY);
-		this.btnSave.getStyle().set("margin", "0px");
-		this.btnSave.getStyle().set("padding", "0px");
-		this.btnSave.getStyle().set("font-size", "12px");
-		final ShortcutRegistration btnSaveShortcut = this.btnSave.addClickShortcut(Key.ENTER);
-		btnSaveShortcut.setBrowserDefaultAllowed(true);
-		btnSaveShortcut.setEventPropagationAllowed(false);
-		this.btnSave.setIcon(VaadinIcon.DISC.create());
-		this.btnClose.setVisible(false);
-		this.btnClose.addThemeVariants(ButtonVariant.LUMO_SMALL, ButtonVariant.LUMO_TERTIARY);
-		this.btnClose.getStyle().set("margin", "0px");
-		this.btnClose.getStyle().set("padding", "0px");
-		this.btnClose.getStyle().set("font-size", "12px");
-		final ShortcutRegistration btnCloseShortcut = this.btnClose.addClickShortcut(Key.ESCAPE);
-		btnCloseShortcut.setBrowserDefaultAllowed(true);
-		btnCloseShortcut.setEventPropagationAllowed(false);
-		this.btnClose.setIcon(VaadinIcon.CLOSE.create());
+		this.getEditor().setAutoselect(true);
+		this.getEditor().addThemeVariants(TextFieldVariant.LUMO_SMALL);
 
-		this.label.setSizeUndefined();
-		this.textField.setWidthFull();
-		this.textField.setHeight(null);
-		this.btnEdit.setWidth("15px");
-		this.btnEdit.setHeight("15px");
-		this.btnSave.setWidth("15px");
-		this.btnSave.setHeight("15px");
-		this.btnClose.setWidth("15px");
-		this.btnClose.setHeight("15px");
-		this.add(this.label, this.textField, this.btnEdit, this.btnSave, this.btnClose);
-		this.setWidthFull();
-		this.setHeight(null);
+		this.getEditor().setWidthFull();
+		this.getEditor().setHeight(null);
 
-		this.textField.addBlurListener(this::textField_onBlur);
-		this.textField.addValueChangeListener(this::textField_valueChanged);
-		this.btnEdit.addClickListener(this::btnEdit_onClick);
-		this.btnSave.addClickListener(this::btnSave_onClick);
-		this.btnClose.addClickListener(this::btnClose_onClick);
-	} // </generated-code>
-	
-	// <generated-code name="variables">
-	
-	// </generated-code>
-	
+		this.getEditor().addBlurListener(this::textField_onBlur);
+	}
 }