Recode Slider, Added Java Docs

Author: kevzlou7979

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

@@ -31,6 +31,34 @@
 import com.google.gwt.user.client.ui.FocusPanel;
 import com.google.gwt.user.client.ui.HTMLPanel;
 
+//@formatter:off
+/**
+* Material Date Picker will provide a visual calendar to your apps.
+* 
+* <p>
+* <h3>UiBinder Usage:</h3>
+* 
+* <pre>
+* {@code 
+* 
+* <m:MaterialDatePicker ui:field="datePicker">
+* }
+* </pre>
+* 
+* <h3>Java Usage:</h3>
+* 
+* <pre>
+* {@code 
+* 
+* datePicker.setDate(new Date());
+* }
+* </pre>
+* </p>
+* 
+* @author kevzlou7979
+* @see <a href="http://gwt-material-demo.herokuapp.com/#pickers">Material Date Picker</a>
+*/
+//@formatter:on
 public class MaterialDatePicker extends FocusPanel implements HasGrid, HasError{
 
 	/**

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

@@ -35,17 +35,17 @@
 * <pre>
 * {@code 
 * 
-* <m:MaterialContainer>
-* 	<!--
-* 		Content goes here
-* 	-->
-* </m:MaterialContainer>
+* <m:MaterialDropDown>
+* 	<m:MaterialLink text="First" />
+	<m:MaterialLink text="Second" />
+	<m:MaterialLink text="Third" />
+* </m:MaterialDropDown>
 * }
 * </pre>
 * </p>
 * 
 * @author kevzlou7979
-* @see <a href="http://gwt-material-demo.herokuapp.com/#grid">Material Column</a>
+* @see <a href="http://gwt-material-demo.herokuapp.com/#dropdowns">Material DropDowns</a>
 */
 //@formatter:on
 public class MaterialDropDown extends ComplexNav implements HasGrid{

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

@@ -24,6 +24,32 @@
 
 import com.google.gwt.dom.client.Document;
 
+//@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.
+* 
+* <p>
+* <h3>UiBinder Usage:</h3>
+* 
+* <pre>
+* {@code 
+* 
+	<m:MaterialFAB>
+		<m:MaterialButton type="FLOATING" backgroundColor="blue" icon="polymer" size="large"/>
+		<m:MaterialFABList>
+			<m:MaterialButton type="FLOATING" backgroundColor="red" icon="polymer"/>
+			<m:MaterialButton type="FLOATING" backgroundColor="orange" icon="polymer"/>
+			<m:MaterialButton type="FLOATING" backgroundColor="white" icon="polymer" iconColor="black"/>
+		</m:MaterialFABList>
+	</m:MaterialFAB>
+* }
+* </pre>
+* </p>
+* 
+* @author kevzlou7979
+* @see <a href="http://gwt-material-demo.herokuapp.com/#buttons">Material FAB</a>
+*/
+//@formatter:on
 public class MaterialFAB extends ComplexWidget {
 
 	public MaterialFAB() {

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

@@ -5,6 +5,12 @@
 import com.google.gwt.dom.client.Document;
 import com.google.gwt.user.client.ui.Widget;
 
+//@formatter:off
+/**
+* FABList container element to define every FAB items
+* @author kevzlou7979
+* @see <a href="http://gwt-material-demo.herokuapp.com/#buttons">Material FAB</a>
+*///@formatter:on
 public class MaterialFABList extends ComplexWidget{
 
 	public MaterialFABList() {

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

@@ -7,6 +7,12 @@
 import com.google.gwt.dom.client.Document;
 import com.google.gwt.user.client.ui.Widget;
 
+//@formatter:off
+/**
+* Footer specific zone for copyright text
+* @author kevzlou7979
+* @see <a href="http://gwt-material-demo.herokuapp.com/#footer">Material Footer</a>
+*///@formatter:on
 public class MaterialFooterCopyright extends ComplexWidget implements HasColors{
 
 	CustomDiv container = new CustomDiv();

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

@@ -45,6 +45,7 @@
 * @see <a href="http://www.google.com/design/icons/">Search Google Icons</a>
 * @see <a href="http://gwt-material-demo.herokuapp.com/#icons">Material Icons Documentation</a>
 */
+//@formatter:on
 public class MaterialIcon extends ButtonBase implements HasSeparator, HasIcons{
 
 	/**

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

@@ -20,6 +20,7 @@
  * #L%
  */
 
+import gwt.material.design.client.custom.HasColors;
 import gwt.material.design.client.custom.HasGrid;
 import gwt.material.design.client.custom.HasSeparator;
 
@@ -28,7 +29,24 @@
 import com.google.gwt.i18n.shared.DirectionEstimator;
 import com.google.gwt.user.client.ui.Label;
 
-public class MaterialLabel extends Label implements HasGrid, HasSeparator{
+//@formatter:off
+/**
+* 
+* <p>Material Label will extend to GWT Label functionality with other material specifications
+* <h3>UiBinder Usage:</h3>
+* 
+* <pre>
+* {@code 
+	<m:MaterialLabel text="I love material design" />
+}
+* </pre>
+* </p>
+* 
+* @author kevzlou7979
+* @see <a href="http://gwt-material-demo.herokuapp.com/#buttons">Material Link</a>
+*/
+//@formatter:on
+public class MaterialLabel extends Label implements HasGrid, HasSeparator, HasColors{
 
 	String fontSize = "";
 	String textColor = "";
@@ -62,8 +80,6 @@ public MaterialLabel(String text) {
 		// TODO Auto-generated constructor stub
 	}
 
-	
-	
 	@Override
 	protected void onAttach() {
 		// TODO Auto-generated method stub
@@ -79,15 +95,6 @@ public void setFontSize(String fontSize) {
 		this.getElement().getStyle().setFontSize(Double.valueOf(fontSize), Unit.EM);
 	}
 
-	public String getTextColor() {
-		return textColor;
-	}
-
-	public void setTextColor(String textColor) {
-		this.textColor = textColor;
-		this.addStyleName(textColor + "-text");
-	}
-
 	@Override
 	public void setGrid(String grid) {
 		this.addStyleName("col " + grid);
@@ -109,6 +116,18 @@ public void setOffset(String offset) {
 		}
 		this.addStyleName(tobeadded);
 	}
+
+	@Override
+	public void setBackgroundColor(String bgColor) {
+		// TODO Auto-generated method stub
+		addStyleName(bgColor);
+	}
+
+	@Override
+	public void setTextColor(String textColor) {
+		// TODO Auto-generated method stub
+		addStyleName(textColor);
+	}
 
 
 }

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

@@ -51,6 +51,7 @@
 * @author kevzlou7979
 * @see <a href="http://gwt-material-demo.herokuapp.com/#buttons">Material Link</a>
 */
+//@formatter:on
 public class MaterialLink extends ButtonBase implements HasIcons, HasSeparator{
 
 	private MaterialIcon iconElem = new MaterialIcon();

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

@@ -20,14 +20,42 @@
  * #L%
  */
 
+import gwt.material.design.client.custom.HasDisabled;
 import gwt.material.design.client.custom.HasGrid;
 
 import com.google.gwt.dom.client.Document;
 import com.google.gwt.i18n.client.HasDirection.Direction;
 import com.google.gwt.user.client.DOM;
 import com.google.gwt.user.client.ui.ListBox;
 
-public class MaterialListBox extends ListBox implements HasGrid{
+//@formatter:off
+/**
+* 
+* <p>Material Listbox is another dropdown component that will set / get the value depends on the selected index
+* <h3>UiBinder Usage:</h3>
+* 
+* <pre>
+* {@code 
+	<m:MaterialListBox ui:field="lstBox" />
+}
+* </pre>
+* <h3>Java Usage:</h3>
+* 
+* <pre>
+* {@code 
+* 	// functions
+	lstBox.setSelectedIndex(2);
+	lstBox.getSelectedIndex();
+	lstBox.addChangeHandler(handler);
+}
+* </pre>
+* </p>
+* 
+* @author kevzlou7979
+* @see <a href="http://gwt-material-demo.herokuapp.com/#forms">Material ListBoxt</a>
+*/
+//@formatter:on
+public class MaterialListBox extends ListBox implements HasGrid, HasDisabled{
 
 	private String id = "";
 	private boolean old = false;
@@ -58,11 +86,13 @@ public void setTextColor(String textColor) {
 		this.textColor = textColor;
 		this.getElement().addClassName(textColor);
 	}
-
+	
+	@Override
 	public boolean isDisabled() {
 		return disabled;
 	}
-
+	
+	@Override
 	public void setDisabled(boolean disabled) {
 		this.disabled = disabled;
 		if (disabled) {

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

@@ -25,10 +25,34 @@
 import com.google.gwt.user.client.ui.HTMLPanel;
 import com.google.gwt.user.client.ui.RootPanel;
 
+//@formatter:off
+/**
+* 
+* <p>If you have content that will take a long time to load, you should give the user feedback. For this reason we provide a number activity + progress indicators.
+* <h3>Java Usage:</h3>
+* 
+* <pre>
+* {@code 
+// FOR CIRCULAR LOADER
+MaterialLoader.showLoading(true);
+// FOR PROGRESS LOADER
+MaterialLoader.showProgress(true);
+
+</pre>
+* </p>
+* 
+* @author kevzlou7979
+* @see <a href="http://gwt-material-demo.herokuapp.com/#loaders">Material Loaders</a>
+*/
+//@formatter:on
 public class MaterialLoader {
 	private static PreLoader preLoader = new PreLoader();
 	private static HTMLPanel indeterminateProgress = new HTMLPanel("<div id='lean-overlay' style='display: block; opacity: 0.8; background: #fff;'></div><div class='progress' style='z-index: 1000; position: fixed !important;' ><div class='indeterminate' '></div></div>"); 
 
+	/**
+	 * Show a circular loader
+	 * @param isShow
+	 */
 	public static void showLoading(boolean isShow) {
 		if (isShow) {
 			RootPanel.get().add(preLoader);
@@ -38,7 +62,10 @@ public static void showLoading(boolean isShow) {
 
 	}
 
-
+	/**
+	 * Show a progress loader
+	 * @param isShow
+	 */
 	public static void showProgress(boolean isShow){
 		if(isShow){
 			indeterminateProgress.getElement().getStyle().setPosition(Position.ABSOLUTE);