From bf16d96600bba279a62fc079e36cba4aabc47177 Mon Sep 17 00:00:00 2001
From: Marty Oehme <marty.oehme@gmail.com>
Date: Fri, 20 Jul 2018 18:19:57 +0200
Subject: [PATCH] Examples - Move Control Creation to separate method

---
 web/main.dart | 33 +++++++++++++++++++--------------
 1 file changed, 19 insertions(+), 14 deletions(-)

diff --git a/web/main.dart b/web/main.dart
index 371ada1..70cd17b 100644
--- a/web/main.dart
+++ b/web/main.dart
@@ -98,22 +98,27 @@ void activate(MouseEvent e) {
           break;
       }
       if (ex.canvas != ex.loop.game.canvas) ex.loop.game.canvas = ex.canvas;
-      querySelector(ex.query).append(new ButtonElement()
-        ..text = "start"
-        ..onClick.listen((e) {
-          ex.loop.stop();
-          ex.loop.start();
-        }));
-      querySelector(ex.query).append(new ButtonElement()
-        ..text = "stop"
-        ..onClick.listen((e) {
-          ex.loop.stop();
-        }));
-//    querySelector('#reset').onClick.listen((e) => ex.loop.game.reset());
-//    querySelector('#plus').onClick.listen((e) => _changeGrid(-5));
-//    querySelector('#minus').onClick.listen((e) => _changeGrid(5));
+      addControls(ex);
     } else {
       resetExample(ex);
     }
   });
 }
+
+void addControls(Example ex) {
+  querySelector(ex.query).append(new DivElement()
+    ..append(new ButtonElement()
+      ..text = "Start"
+      ..onClick.listen((e) {
+        ex.loop.stop();
+        ex.loop.start();
+      }))
+    ..append(new ButtonElement()
+      ..text = "Stop"
+      ..onClick.listen((e) {
+        ex.loop.stop();
+      })));
+  //    querySelector('#reset').onClick.listen((e) => ex.loop.game.reset());
+//    querySelector('#plus').onClick.listen((e) => _changeGrid(-5));
+//    querySelector('#minus').onClick.listen((e) => _changeGrid(5));
+}