From 60b475f46cf58387c757162de1d979daad3333ce Mon Sep 17 00:00:00 2001
From: GloriousCode <scott@gloriousedge.com>
Date: Tue, 15 Nov 2016 21:25:06 +1100
Subject: [PATCH] Adds a base for the buy component

---
 web/app/components/buy/buy.html | 31 ++++++++++++++++++++++++++++++-
 web/app/components/buy/buy.js   | 13 +++++++++++--
 web/app/views/home/home.html    |  6 +++---
 3 files changed, 44 insertions(+), 6 deletions(-)

diff --git a/web/app/components/buy/buy.html b/web/app/components/buy/buy.html
index af507e77..1eb2f6b5 100644
--- a/web/app/components/buy/buy.html
+++ b/web/app/components/buy/buy.html
@@ -1 +1,30 @@
-<div>hello world</div>
\ No newline at end of file
+<div class="col-md-12">
+    <div class="form col-md-12">
+        <div class="row">
+          <label>Exchange: </label><select ng-model="selectedExchange" class="form-control">
+                <option ng-repeat="exchange in enabledExchanges">{{exchange.Name}}</option>
+            </select>
+        </div>
+        <div class="row">
+            <label>Currency: </label><select ng-model="selectedCurrency" class="form-control">
+                <option ng-repeat="currency in selectedExchange.Currencies">{{currency}}</option>
+            </select>
+        </div>
+        <div class="row">
+            <label>Lowest Ask: </label><label>{{selectedCurrency.Price}} 0.987359872639587623USD</label>
+        </div>
+        <div class="row">
+            <label>Price: </label><input class="form-control" type="number" placeholder="How much?" />
+        </div>
+        <div class="row">
+            <label>Amount: </label><input class="form-control" type="number" placeholder="How much?" />
+        </div>
+        <div class="row">
+            <label>Total: </label><label>{{price * amount}}</label>
+        </div>
+
+        <div class="row">
+            <button class="form-control btn btn-success">Place Order</button>
+        </div>
+    </div>
+<div>
\ No newline at end of file
diff --git a/web/app/components/buy/buy.js b/web/app/components/buy/buy.js
index 09347802..e4081a37 100644
--- a/web/app/components/buy/buy.js
+++ b/web/app/components/buy/buy.js
@@ -5,7 +5,16 @@ angular.module('myApp.buy',[]).component('buy', {
    bindings: {
     message: '='
   }
-}).controller('BuyController', function ($scope, $http, Notification) {
-  alert(this.message);
+}).controller('BuyController', function ($http, Notification) {
+  //This contrioller will retrieve all enabled exchanges, 
+  //their enabled currencies and the currency's latest ask
+  //This call will be used for selling too
+  //
+  //This will allow a user to make decisions based onthe latest information to them
+  //It will auto poll every X seconds (at least until a push method is implemented)
+  //When all fields are valid, a purchase order will be sent to and handle by gocryptoServer
+
+  //Could also hard-type the exchange and currency via attributes on the component for quick use
+  //Or at lest controlled by passing data from other components/data
 });
 
diff --git a/web/app/views/home/home.html b/web/app/views/home/home.html
index e8f9c2e8..5e514d5e 100644
--- a/web/app/views/home/home.html
+++ b/web/app/views/home/home.html
@@ -1,6 +1,5 @@
 <h1>Dashboard</h1>
-<span app-version></span>
-<buy message="hi"></buy>
+
 <div class="col-md-12">
 	<div class="col-md-8">
 		<div class="col-md-12">
@@ -15,8 +14,9 @@
 		<div class="col-md-12" style=" height: 300px;">
 			<h3>Market depth chart</h3>
 		</div>
-		<div class="col-md-4" style=" height: 300px;">
+		<div class="col-md-4" >
 			<h4>Buy</h4>
+			<buy exchange="POLOINEX" currency="BTC_USD"></buy>
 		</div>
 		<div class="col-md-4" style=" height: 300px;">
 			<h4>Sell</h4>