Added Limit Feature for Autocomplete

Author: kevzlou7979

src/main/java/gwt/material/design/client/custom/HasId.java

@@ -0,0 +1,9 @@
+package gwt.material.design.client.custom;
+
+public interface HasId {
+
+	public void setId(String id);
+	
+	public String getId();
+	
+}

src/main/java/gwt/material/design/client/ui/MaterialAutoComplete.java

@@ -68,6 +68,7 @@ public class MaterialAutoComplete extends Composite implements HasError,  HasGri
     private TextBox itemBox = new TextBox();
     private boolean disabled;
     private String placeholder = "";
+    private int limit = 0;
     private MaterialLabel lblError = new MaterialLabel();
 
     /**
@@ -164,7 +165,14 @@ public void onSelection(SelectionEvent<SuggestOracle.Suggestion> selectionEvent)
      * @param list
      */
 	private void addItem(final TextBox itemBox, final UnorderedList list) {
-        if (itemBox.getValue() != null && !"".equals(itemBox.getValue().trim()) && !itemValues.contains(itemBox.getValue().trim())) {
+        if(getLimit()>0){
+        	if(itemValues.size() == getLimit()){
+        		itemBox.setValue("");
+        		return;
+        	}
+        }
+		
+		if (itemBox.getValue() != null && !"".equals(itemBox.getValue().trim()) && !itemValues.contains(itemBox.getValue().trim())) {
 
             final ListItem displayItem = new ListItem();
             displayItem.setStyleName("multiValueSuggestBox-token");
@@ -340,4 +348,12 @@ public void setOffset(String offset) {
 		  }
 		  this.addStyleName(tobeadded);
 	}
+
+	public int getLimit() {
+		return limit;
+	}
+
+	public void setLimit(int limit) {
+		this.limit = limit;
+	}
 }

src/main/java/gwt/material/design/client/ui/MaterialColumn.java

@@ -127,7 +127,7 @@ public void setAlign(String align){
 
 	@Override
 	public void setGrid(String grid) {
-		this.addStyleName(grid);
+		this.addStyleName(grid + " col");
 	}
 
 	@Override

src/main/java/gwt/material/design/client/ui/MaterialPanel.java

@@ -28,6 +28,7 @@
 
 import com.google.gwt.dom.client.Document;
 import com.google.gwt.dom.client.Style.Unit;
+import com.google.gwt.user.client.ui.HasName;
 import com.google.gwt.user.client.ui.HasVisibility;
 
 //@formatter:off
@@ -43,9 +44,11 @@
 * @see <a href="http://gwt-material-demo.herokuapp.com/#shadow">Material Panels</a>
 * @author kevzlou7979
 */
-public class MaterialPanel extends ComplexWidget implements HasColors, HasWaves, HasShadow, HasVisibility, HasAlign{
+public class MaterialPanel extends ComplexWidget implements HasColors, HasWaves, HasShadow, HasVisibility, HasAlign, HasName{
 
 
+	private String name = "test";
+
 	public MaterialPanel() {
 		setElement(Document.get().createDivElement());
 	}
@@ -59,6 +62,7 @@ public void setBackgroundColor(String bgColor) {
 	protected void onLoad() {
 		super.onLoad();
 		initWaves();
+		getElement().setId(name);
 	}
 
 	@Override
@@ -110,5 +114,15 @@ public void setPadding(String padding){
 	public void setAlign(String align){
 		addStyleName("align-" + align);
 	}
-	
+
+	@Override
+	public void setName(String name) {
+		this.name = name;
+	}
+
+	@Override
+	public String getName() {
+		// TODO Auto-generated method stub
+		return name;
+	}
 }

src/main/java/gwt/material/design/client/ui/MaterialTab.java

@@ -1,14 +1,81 @@
 package gwt.material.design.client.ui;
 
 import gwt.material.design.client.custom.ComplexWidget;
+import gwt.material.design.client.custom.HasColors;
+import gwt.material.design.client.custom.HasWaves;
 
 import com.google.gwt.dom.client.Document;
+import com.google.gwt.user.client.DOM;
+import com.google.gwt.user.client.ui.Widget;
 
-public class MaterialTab extends ComplexWidget{
+public class MaterialTab extends ComplexWidget implements HasColors, HasWaves{
 
+	private int tabIndex;
+	
 	public MaterialTab() {
 		setElement(Document.get().createULElement());
 		setStyleName("tabs");
 	}
 
+	@Override
+	public void onLoad() {
+		String id = DOM.createUniqueId();
+		getElement().setId(id);
+		initTab(id);
+	}
+	
+	private native void initTab(String id)/*-{
+		$wnd.jQuery(document).ready(function(){
+	    	$wnd.jQuery('ul#' + id).tabs();
+	  	});
+	}-*/;
+	
+	/**
+	 * Line Indicator on Tab Navigation
+	 * @param color Color string
+	 */
+	public native void changeIndicator(String color)/*-{
+		$wnd.jQuery( ".indicator" ).css( "background-color", color );
+	}-*/;
+
+	public int getTabIndex() {
+		return tabIndex;
+	}
+
+	public void setTabIndex(int tabIndex) {
+		this.tabIndex = tabIndex;
+		int i = 0;
+		for(Widget w : this){
+			if(i == tabIndex){
+				if(w.getStyleName().contains("tab")){
+					w.addStyleName("active");
+				}
+			}
+			i++;
+		}
+	}
+	
+
+	@Override
+	public void setBackgroundColor(String bgColor) {
+		addStyleName(bgColor);
+	}
+
+	@Override
+	public void setTextColor(String textColor) {
+		addStyleName(textColor + "-text"); 
+	}
+
+	@Override
+	public void setWaves(String waves) {
+		// TODO Auto-generated method stub
+		addStyleName("waves-effect waves-" + waves);
+	}
+
+	@Override
+	public native void initWaves()/*-{
+	    $wnd.Waves.displayEffect();
+	}-*/;
+
+	
 }