Merge branch '11-add-delete-board-button' into 'master'

Resolve "Add Delete Board Button"

Closes #11

See merge request webdevexp/rules-of-living!2

lib/app_component.dart

@@ -56,4 +56,8 @@ class AppComponent implements OnInit {
   void onEdgesClicked() {
     engine.grid.switchEdgeRendering();
   }
+
+  void onClearClicked() {
+    engine.clear();
+  }
 }

lib/app_component.html

@@ -14,8 +14,9 @@
         </span>
     </button>
     <button id="step" (click)="onStepClicked()"><i class="fas fa-step-forward"></i></button>
-    <button id="reset" (click)="onResetClicked()"><i class="fas fa-undo"></i></button>
     <button id="random" (click)="onRandomClicked()"><i class="fas fa-random"></i></button>
+    <button id="reset" (click)="onResetClicked()"><i class="fas fa-undo"></i></button>
+    <button id="clear" (click)="onClearClicked()"><i class="fas fa-trash-alt"></i></button>
     <i class="fas fa-clock"> Speed:</i><input type="text" title="speed" value="1">
     <button id="edges" (click)="onEdgesClicked()"><i class="fas fa-chess-board"></i> </button>
 </div>

lib/src/App.dart

@@ -28,11 +28,14 @@ class App {
   }
 
   void reset() {
-//    grid = new Grid(100, 100);
-//    running = false;
     grid.reset();
   }
 
+  void clear() {
+    grid = new Grid(100, 100);
+    running = false;
+  }
+
   void process(num now) {
     _drawLag += _elapsed.elapsedMilliseconds;
     _updateLag += _elapsed.elapsedMilliseconds;