4 files changed, 33 insertions, 0 deletions
diff --git a/src/templates/controller.html b/src/templates/controller.html
new file mode 100644
index 0000000..c6cc4c8
--- /dev/null
+++ b/src/templates/controller.html
@@ -0,0 +1,9 @@
+<div ng-controller="MqttController as mqtt">
+  <div ng-controller="BeerDukeControllerController as ctrl">
+    <label>
+      Code from tap:
+      <input type="number" ng-model="ctrl.code">
+    </label>
+    <button ng-click="ctrl.requestBeer()">Request Beer!</button>
+  </div>
+</div>
diff --git a/src/templates/footer.html b/src/templates/footer.html
new file mode 100644
index 0000000..17483ae
--- /dev/null
+++ b/src/templates/footer.html
@@ -0,0 +1,5 @@
+<div ng-if="settings.showSettings">
+  <hr/>
+  <a href="#/settings">settings</a><br/>
+  connected = {{mqtt.connected}}
+</div>
diff --git a/src/templates/settings.html b/src/templates/settings.html
new file mode 100644
index 0000000..5147065
--- /dev/null
+++ b/src/templates/settings.html
@@ -0,0 +1,14 @@
+<div>
+  <h2>Settings</h2>
+  <a href="#/">back</a>
+  <label>
+    showSettings
+    <input type="checkbox" ng-model="ctrl.settings.showSettings">
+  </label>
+
+  <label>
+    clientId
+    <input type="text" ng-model="ctrl.settings.clientId">
+  </label>
+
+</div>
diff --git a/src/templates/tap.html b/src/templates/tap.html
new file mode 100644
index 0000000..c266f2d
--- /dev/null
+++ b/src/templates/tap.html
@@ -0,0 +1,5 @@
+<div>
+  Code: {{ctrl.code}}
+
+  <ng-include src="'templates/footer.html'"/>
+</div>