feat: add option to use double digit hours

Close #32

Author: Felipe Lang

src/main/java/com/flowingcode/vaadin/addons/simpletimer/SimpleTimer.java

@@ -109,6 +109,15 @@ public void setHours(final boolean hours) {
     getElement().setProperty("hours", hours);
   }
 
+  /**
+   * Use two digits for hours.
+   *
+   * @param doubleDigitHours true to format hours using two digits.
+   */
+  public void setDoubleDigitHours(final boolean doubleDigitHours) {
+    getElement().setProperty("doubleDigitHours", doubleDigitHours);
+  }
+
   /** Starts or stops the timer if it is already started */
   public void start() {
     getElement().callJsFunction("start");

src/main/resources/META-INF/frontend/simple-timer/simple-timer.js

@@ -96,6 +96,14 @@ Polymer({
         	type: Boolean,
         	value: false
         },
+        /**
+         * Use two digits for hours
+         * @default false
+         */
+        doubleDigitHours: {
+        	type: Boolean,
+        	value: false
+        },
         /**
         * Time the timer has spent running since it was started
         */
@@ -177,6 +185,9 @@ Polymer({
         seconds = this.minutes || this.hours ? seconds % 60 : seconds;
         seconds = seconds < 10 ? '0' + seconds : seconds;
 
+        if(this.hours && this.doubleDigitHours) {
+			hours = hours.toString().padStart(2, '0');
+		}
         return (this.hours ? hours + ':' : '') + (this.minutes || this.hours ? minutes + ':' : '') + seconds + (this.fractions ? ('.' + timeString[1].substring(0,2)) : '') 
       }
     });

src/test/java/com/flowingcode/vaadin/addons/simpletimer/SimpletimerDemo.java

@@ -85,6 +85,8 @@ public SimpletimerDemo() {
     fractions.addValueChangeListener(e -> timer.setFractions(e.getValue()));
     final Checkbox minutes = new Checkbox("Minutes", e -> timer.setMinutes(e.getValue()));
     final Checkbox hours = new Checkbox("Hours", e -> timer.setHours(e.getValue()));
+    final Checkbox doubleDigitHours =
+        new Checkbox("Double digit hours", e -> timer.setDoubleDigitHours(e.getValue()));
     final Checkbox visible =
         new Checkbox(
             "Visible",
@@ -98,8 +100,10 @@ public SimpletimerDemo() {
     final HorizontalLayout topLayout = new HorizontalLayout(timerTitle, timer);
     topLayout.setAlignItems(Alignment.CENTER);
 
-    HorizontalLayout options = new HorizontalLayout(countUp, fractions, minutes, hours, visible);
+    HorizontalLayout options =
+        new HorizontalLayout(countUp, fractions, minutes, hours, visible, doubleDigitHours);
     options.setAlignItems(Alignment.CENTER);
+    options.getStyle().set("flex-wrap", "wrap");
 
     final HorizontalLayout bottomLayout = new HorizontalLayout(start, stop, reset, running);
     bottomLayout.setAlignItems(Alignment.BASELINE);