gwt.material.design.client.ui.MaterialFAB Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of gwt-material Show documentation
A Material Design look and feel for GWT Applications
There is a newer version: 2.8.3
package gwt.material.design.client.ui;

/*
 * #%L
 * GwtMaterial
 * %%
 * Copyright (C) 2015 GwtMaterialDesign
 * %%
 * 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.
 * #L%
 */

import com.google.gwt.dom.client.Document;
import com.google.gwt.dom.client.Element;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.event.dom.client.HasClickHandlers;
import com.google.gwt.event.shared.HandlerRegistration;
import gwt.material.design.client.base.HasAxis;
import gwt.material.design.client.base.HasType;
import gwt.material.design.client.base.MaterialWidget;
import gwt.material.design.client.base.mixin.CssNameMixin;
import gwt.material.design.client.base.mixin.CssTypeMixin;
import gwt.material.design.client.constants.Axis;
import gwt.material.design.client.constants.FABType;

//@formatter:off

/**
 * Floating action buttons are used for a promoted action. They
 * are distinguished by a circled icon floating above the UI and
 * have motion behaviors that include morphing, launching, and a
 * transferring anchor point.
 *
 * UiBinder Usage:
 *  *{@code
 *
 *   
 *   
 *     
 *     
 *     
 *   
 * }
 * 
 * 
 *
 * @author kevzlou7979
 * @see Material FAB
 */
//@formatter:on
public class MaterialFAB extends MaterialWidget implements HasType, HasAxis, HasClickHandlers {

    private final CssTypeMixin typeMixin = new CssTypeMixin<>(this);
    private final CssNameMixin axisMixin = new CssNameMixin<>(this);
    private boolean toggle = true;

    public MaterialFAB() {
        super(Document.get().createDivElement(), "fixed-action-btn");
    }

    @Override
    protected void onLoad() {
        super.onLoad();
        if(getType() == FABType.CLICK_ONLY){
            addClickHandler(new ClickHandler() {
                @Override
                public void onClick(ClickEvent event) {
                    if(toggle){
                        openFAB();
                        toggle = false;
                    }else{
                        closeFAB();
                        toggle = true;
                    }
                }
            });
        }
    }

    @Override
    public void setType(FABType type) {
        typeMixin.setType(type);
    }

    @Override
    public FABType getType() {
        return typeMixin.getType();
    }

    @Override
    public void setAxis(Axis axis) {
        axisMixin.setCssName(axis);
    }

    @Override
    public Axis getAxis() {
        return axisMixin.getCssName();
    }

    /**
     * Open the FAB programmatically
     */
    public void openFAB() {
        openFAB(getElement());
    }

    public native void openFAB(Element e) /*-{
        $wnd.jQuery(e).openFAB();
    }-*/;

    /**
     * Close the FAB programmatically
     */
    public void closeFAB() {
        closeFAB(getElement());
    }

    public native void closeFAB(Element e) /*-{
        $wnd.jQuery(e).closeFAB();
    }-*/;

    @Override
    public HandlerRegistration addClickHandler(final ClickHandler handler) {
        return addDomHandler(new ClickHandler() {
            @Override
            public void onClick(ClickEvent event) {
                if(isEnabled()){
                    handler.onClick(event);
                }
            }
        }, ClickEvent.getType());
    }
}