001package gwt.material.design.client.ui;
002
003/*
004 * #%L
005 * GwtMaterial
006 * %%
007 * Copyright (C) 2015 GwtMaterialDesign
008 * %%
009 * Licensed under the Apache License, Version 2.0 (the "License");
010 * you may not use this file except in compliance with the License.
011 * You may obtain a copy of the License at
012 * 
013 *      http://www.apache.org/licenses/LICENSE-2.0
014 * 
015 * Unless required by applicable law or agreed to in writing, software
016 * distributed under the License is distributed on an "AS IS" BASIS,
017 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
018 * See the License for the specific language governing permissions and
019 * limitations under the License.
020 * #L%
021 */
022
023import com.google.gwt.dom.client.Document;
024import gwt.material.design.client.ui.html.Span;
025
026import com.google.gwt.user.client.ui.HasText;
027
028//@formatter:off
029/**
030 * Badges can notify you that there are new or unread messages or notifications.
031 * Add the new class to the badge to give it the background.
032 * <h3>UiBinder Usage:</h3>
033 * <pre>
034 * {@code
035 * <m:MaterialBadge text="1 new" color="blue"/>}
036 * </pre>
037 *
038 * @author kevzlou7979
039 * @see <a href="http://gwt-material-demo.herokuapp.com/#badges">Material Badge</a>
040 */
041//@formatter:on
042public class MaterialBadge extends Span implements HasText {
043
044    /**
045     * Creates a badge component that can be added to Link,
046     * Collection, DropDown, SideNav and any other Material components.
047     */
048    public MaterialBadge() {
049        super(Document.get().createSpanElement(), "badge", "sideBarBadge");
050    }
051
052    /**
053     * Badge with text and color
054     * @param text - text of the badge
055     * @param textColor - text color of the badge
056     * @param bgColor - background color of the badge
057     */
058    public MaterialBadge(String text, String textColor, String bgColor) {
059        this();
060        setText(text);
061        setTextColor(textColor);
062        setBackgroundColor(bgColor);
063    }
064
065    @Override
066    public String getText() {
067        return getElement().getInnerHTML();
068    }
069
070    @Override
071    public void setText(String text) {
072        getElement().setInnerHTML(text);
073    }
074}