added drawer and started xhr support for Particle

bsatrom · Feb 6, 2016 · 4b83482 · 4b83482
1 parent 9ed2c9c
commit 4b83482
Show file tree

Hide file tree

Showing 720 changed files with 83,501 additions and 88 deletions.
diff --git a/app/app.css b/app/app.css
@@ -14,3 +14,42 @@ button {
     color: #284848;
     horizontal-align: center;
 }
+
+.main-page
+{
+    background-color: #adff2f;    
+}
+
+/* Side Drawer START */
+
+.drawer-content {
+    background-color: #919191;
+}
+
+.header-content {
+    background-color: #00bfff;
+    text-align: center;
+    font-size: 24;
+}
+
+.drawer-item {
+    background-color: transparent;
+    text-align: left;
+    color: #3F3F3F;
+}
+
+.drawer-line {
+    height: 1;
+    background-color: #c8c8c8;
+}
+
+.drawer-controls {
+    background-color: #F0F0F0;
+}
+
+.drawer-controls-title{
+    color:#919191;
+}
+
+
+/* Side Drawer END */
diff --git a/app/views/main/main-view-model.js b/app/views/main/main-view-model.js
@@ -1,21 +1,30 @@
 var observable = require("data/observable");
-var HelloWorldModel = (function (_super) {
-    __extends(HelloWorldModel, _super);
-    function HelloWorldModel() {
+var xhr = new XMLHttpRequest();
+
+var MainModel = (function (_super) {
+    __extends(MainModel, _super);
+    function MainModel() {
         _super.call(this);
-        this.counter = 42;
-        this.set("message", this.counter + " taps left");
     }
-    HelloWorldModel.prototype.tapAction = function () {
-        this.counter--;
-        if (this.counter <= 0) {
-            this.set("message", "Hoorraaay! You unlocked the NativeScript clicker achievement!");
-        }
-        else {
-            this.set("message", this.counter + " taps left");
-        }
+
+    MainModel.prototype.newBrew = function () {
+        var data = "access_token=7d2c1421777cb9487640bb72a2be6a42812cc20a&args=start";
+
+        xhr.open("POST", "https://api.particle.io/v1/devices/2d003d000447343339373536/brew");
+        xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded");
+        xhr.setRequestHeader("cache-control", "no-cache");
+        xhr.send(data);
+
+        xhr.onreadystatechange = function () {
+            if (xhr.readyState === 4) {
+                var result = JSON.parse(xhr.responseText);
+                var retVal = result["return_value"];
+                alert(retVal);
+            }
+        };
     };
-    return HelloWorldModel;
+
+    return MainModel;
 })(observable.Observable);
-exports.HelloWorldModel = HelloWorldModel;
-exports.mainViewModel = new HelloWorldModel();
+exports.MainModel = MainModel;
+exports.mainViewModel = new MainModel();
diff --git a/app/views/main/main.js b/app/views/main/main.js
@@ -1,4 +1,4 @@
-var vmModule = require("main-view-model");
+var vmModule = require("./main-view-model");
 function pageLoaded(args) {
     var page = args.object;
     page.bindingContext = vmModule.mainViewModel;

diff --git a/app/views/main/main.xml b/app/views/main/main.xml
@@ -1,7 +1,17 @@
-<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded">
-  <StackLayout>
-    <Label text="Tap the button" class="title"/>
-    <Button text="TAP!!" tap="{{ tapAction }}" />
-    <Label text="{{ message }}" class="message" textWrap="true"/>
-  </StackLayout>
+<Page xmlns="http://schemas.nativescript.org/tns.xsd" 
+    xmlns:drawer="nativescript-telerik-ui/sidedrawer"
+    xmlns:sdc="views/side-drawer"
+    loaded="pageLoaded" cssClass="main-page">
+  <drawer:RadSideDrawer id="side-drawer">
+    <drawer:RadSideDrawer.drawerContent>
+      <sdc:side-drawer />
+    </drawer:RadSideDrawer.drawerContent>
+    <drawer:RadSideDrawer.mainContent>
+      <StackLayout>
+        <Label text="Brew Buddy" class="title"/>
+        <Label text="Brew Buddy is your homebrew monitoring companion. Click the start button below to set-up a new brew" textWrap="true"/> 
+        <Button text="New Brew" tap="{{ newBrew }}" />\
+      </StackLayout>
+    </drawer:RadSideDrawer.mainContent>
+  </drawer:RadSideDrawer>
 </Page>
diff --git a/app/views/menu/menu.xml b/app/views/menu/menu.xml
diff --git a/app/views/side-drawer/side-drawer.js b/app/views/side-drawer/side-drawer.js
diff --git a/app/views/menu/menu.css → app/views/side-drawer/side-drawer.ts b/app/views/menu/menu.css → app/views/side-drawer/side-drawer.ts
diff --git a/app/views/side-drawer/side-drawer.xml b/app/views/side-drawer/side-drawer.xml
@@ -0,0 +1,13 @@
+<StackLayout cssClass="drawer-content">
+    <StackLayout cssClass="header-content">
+        <Label text="Brew Buddy"/>
+    </StackLayout>
+    <StackLayout cssClass="drawer-line" />
+    <StackLayout cssClass="drawer-nenu-content">
+        <Label cssClass="drawer-item" text="Current Brew"/>
+        <Label cssClass="drawer-item" text="All Brews"/>
+        <Label cssClass="drawer-item" text="New Brew"/>
+        <Label cssClass="drawer-item" text="Settings"/>
+        <Label cssClass="drawer-item" text="Charts"/>
+    </StackLayout>
+</StackLayout>