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

Go to download
Show more of this group Show more artifacts with this name
Show all versions of gwt-material
A Material Design look and feel for GWT Applications
There is a newer version: 2.8.3
/*
 * #%L
 * GwtMaterial
 * %%
 * Copyright (C) 2015 - 2017 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%
 */
package gwt.material.design.client.ui;

import com.google.gwt.dom.client.Element;
import com.google.gwt.dom.client.Style;
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.ui.Widget;
import gwt.material.design.client.base.HasActivates;
import gwt.material.design.client.base.HasProgress;
import gwt.material.design.client.base.mixin.ActivatesMixin;
import gwt.material.design.client.base.mixin.ProgressMixin;
import gwt.material.design.client.constants.*;
import gwt.material.design.client.ui.html.Div;
import gwt.material.design.client.ui.html.Nav;

import static gwt.material.design.jquery.client.api.JQuery.$;

//@formatter:off

/**
 * Material NavBar represents as a app tool bar, that contains NavBrand,
 * NavSection and initialize Material SideNav.
 * 
 * 
UiBinder Usage:
 *  * {@code
 * 
 *     
 *     
 *         
 *         
 *         
 *          
 *     
 * 
 * }
 *  * @author kevzlou7979
 * @author Ben Dol
 * @see Material Nav Bar
 * @see Material Design Specification
 * @see Pattern Default
 * @see Pattern Fixed
 * @see Pattern Tall
 * @see Pattern Extend
 * @see Pattern Tabs
 */
//@formatter:on
public class MaterialNavBar extends Nav implements HasActivates, HasProgress {

    private Div navWrapper = new Div();
    private MaterialLink navMenu = new MaterialLink(IconType.MENU);

    private ActivatesMixin activatesMixin;
    private ProgressMixin progressMixin;

    @Override
    protected void onLoad() {
        super.onLoad();

        navWrapper.insert(navMenu,0);
        navWrapper.setStyleName(CssName.NAV_WRAPPER);
        super.add(navWrapper);
        navMenu.setFontSize(2.7, Style.Unit.EM);
        navMenu.addStyleName(CssName.BUTTON_COLLAPSE);
        navMenu.getElement().getStyle().clearDisplay();
        navMenu.setCircle(true);
        navMenu.setWaves(WavesType.LIGHT);
        navMenu.setWidth("64px");
        navMenu.setTextAlign(TextAlign.CENTER);
        navMenu.setIconPosition(IconPosition.NONE);

        // Check whether the SideNav is attached or not. If not attached Hide the NavMenu
        Element sideNavElement = $(DOM.getElementById(getActivatesMixin().getActivates())).asElement();
        navMenu.setDisplay(sideNavElement == null ? Display.NONE : Display.INITIAL);
    }

    @Override
    public void add(Widget child) {
        navWrapper.add(child);
    }

    @Override
    public void clear() {
        navWrapper.clear();
    }

    @Override
    public void showProgress(ProgressType type) {
        getProgressMixin().showProgress(type);
    }

    @Override
    public void setPercent(double percent) {
        getProgressMixin().setPercent(percent);
    }

    @Override
    public void hideProgress() {
        getProgressMixin().hideProgress();
    }

    @Override
    public MaterialProgress getProgress() {
        return getProgressMixin().getProgress();
    }

    @Override
    public void setActivates(String activates) {
        getActivatesMixin().setActivates(activates);
    }

    @Override
    public String getActivates() {
        return getActivatesMixin().getActivates();
    }

    public MaterialLink getNavMenu() {
        return navMenu;
    }

    public Div getNavWrapper() {
        return navWrapper;
    }

    protected ActivatesMixin getActivatesMixin() {
        if (activatesMixin == null) {
            activatesMixin = new ActivatesMixin<>(navMenu);
        }
        return activatesMixin;
    }

    protected ProgressMixin getProgressMixin() {
        if (progressMixin == null) {
            progressMixin = new ProgressMixin<>(this);
        }
        return progressMixin;
    }
}