From ebc8ec168886367067f639cf3976ca4c397ee169 Mon Sep 17 00:00:00 2001
From: Bianca M Fernandez <bianca.maria.fernandez.22@gmail.com>
Date: Tue, 12 Dec 2017 11:48:27 -0800
Subject: [PATCH 1/8] custom function method-- buy and sell

---
 src/models/quote.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/models/quote.js b/src/models/quote.js
index 4fbf466..04db0aa 100644
--- a/src/models/quote.js
+++ b/src/models/quote.js
@@ -6,12 +6,14 @@ const Quote = Backbone.Model.extend({
     price: 0.00
   },
 
+// increase price by 1
   buy() {
-    // Implement this function to increase the price by $1.00
+    this.set('price', this.get('price') + 1.00);
   },
 
+// decrease price by 1
   sell() {
-    // Implement this function to decrease the price by $1.00
+    this.set('price', this.get('price') - 1.00);
   },
 });
 

From 7d7efcbbf2eecb4da4dd597793f51e1b8e29aaed Mon Sep 17 00:00:00 2001
From: Bianca M Fernandez <bianca.maria.fernandez.22@gmail.com>
Date: Tue, 12 Dec 2017 12:19:53 -0800
Subject: [PATCH 2/8] Create quote view and start to flesh out

---
 src/views/quote_view.js | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 src/views/quote_view.js

diff --git a/src/views/quote_view.js b/src/views/quote_view.js
new file mode 100644
index 0000000..0f51fd7
--- /dev/null
+++ b/src/views/quote_view.js
@@ -0,0 +1,11 @@
+import Backbone from 'backbone';
+import Quote from '../models/quote';
+
+const QuoteView = Backbone.View.extend({
+  initialize(params) {
+    this.template = params.template,
+    this.listenTo(this.model, 'change', this.render) // when a model changes, it will re-render 
+  }
+});
+
+export default QuoteView;

From 03e981c5107b493995f82c505f51ee6b3f5da7a7 Mon Sep 17 00:00:00 2001
From: Bianca M Fernandez <bianca.maria.fernandez.22@gmail.com>
Date: Tue, 12 Dec 2017 12:26:45 -0800
Subject: [PATCH 3/8] event handling logic

---
 src/views/quote_view.js | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/views/quote_view.js b/src/views/quote_view.js
index 0f51fd7..a7c308e 100644
--- a/src/views/quote_view.js
+++ b/src/views/quote_view.js
@@ -4,8 +4,28 @@ import Quote from '../models/quote';
 const QuoteView = Backbone.View.extend({
   initialize(params) {
     this.template = params.template,
-    this.listenTo(this.model, 'change', this.render) // when a model changes, it will re-render 
+    this.listenTo(this.model, 'change', this.render) // when a model changes, it will re-render
+  },
+  render() {
+    const compiledTemplate = this.template(this.model.toJSON());
+
+    this.$el.html(compiledTemplate);
+
+    return this;
+  },
+  events: {
+    'click button.btn-buy': 'buy',
+    'click button.btn-sell': 'sell',
+  },
+  buy(event) {
+    console.log(event);
+    this.model.buy();
+  },
+  sell(event) {
+    console.log(event);
+    this.model.sell();
   }
+
 });
 
 export default QuoteView;

From ac7ab04d9081dec4b5d07cb6a3ed9fc98568f652 Mon Sep 17 00:00:00 2001
From: Bianca M Fernandez <bianca.maria.fernandez.22@gmail.com>
Date: Tue, 12 Dec 2017 17:21:52 -0800
Subject: [PATCH 4/8] Fix reference errors in app.js and added notes to get
 wave 1 working

---
 dist/index.html               |  4 ++--
 src/app.js                    | 27 ++++++++++++++++++++++++++-
 src/collections/quote_list.js |  2 +-
 src/models/simulator.js       |  2 +-
 src/views/quote_list_view.js  | 31 +++++++++++++++++++++++++++++++
 src/views/quote_view.js       |  2 +-
 6 files changed, 62 insertions(+), 6 deletions(-)
 create mode 100644 src/views/quote_list_view.js

diff --git a/dist/index.html b/dist/index.html
index 8a046fa..0fa8518 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -85,7 +85,7 @@ <h3>Order Entry Form</h3>
     <script type="text/template" id="quote-template">
       <!-- The provided styles assume that you will insert this template
       within an element with the class "quote" applied -->
-      <!-- <li class="quote"> -->
+      <li class="quote">
       <div class="row small-12 columns">
         <h3 class="symbol"><%- symbol %></h3>
         <h3 class="price">$<%- price.toFixed(2) %></h3>
@@ -94,7 +94,7 @@ <h3 class="price">$<%- price.toFixed(2) %></h3>
           <button class="btn-sell success button">Sell</button>
         </div>
       </div>
-      <!-- </li> -->
+      </li>
     </script>
 
     <script type="text/template" id="trade-template">
diff --git a/src/app.js b/src/app.js
index 03ec910..03ed0c3 100644
--- a/src/app.js
+++ b/src/app.js
@@ -1,10 +1,20 @@
+// css
 import 'foundation-sites/dist/foundation.css';
 import 'css/app.css';
 
+// vendor modules
 import $ from 'jquery';
+import _ from 'underscore';
+import Backbone from 'backbone';
 
+//simulator
 import Simulator from 'models/simulator';
+
+// files
 import QuoteList from 'collections/quote_list';
+import Quote from 'models/quote';
+import QuoteListView from 'views/quote_list_view';
+import QuoteView from 'views/quote_view';
 
 const quoteData = [
   {
@@ -25,11 +35,26 @@ const quoteData = [
   },
 ];
 
+// const quoteList = new QuoteList();
+
+
 $(document).ready(function() {
+
   const quotes = new QuoteList(quoteData);
-  const simulator = new Simulator({
+  const simulator = new Simulator({ // passing in a hash with a key quotes
     quotes: quotes,
   });
 
   simulator.start();
+
+  let quoteTemplate = _.template($('#quote-template').html());
+  
+  const quoteListView = new QuoteListView({
+    el: 'main',
+    model: quotes,
+    template: quoteTemplate,
+  });
+
+  quoteListView.render();
+
 });
diff --git a/src/collections/quote_list.js b/src/collections/quote_list.js
index 8da08cb..bfa112d 100644
--- a/src/collections/quote_list.js
+++ b/src/collections/quote_list.js
@@ -1,5 +1,5 @@
 import Backbone from 'backbone';
-import Quote from 'models/quote';
+import Quote from '../models/quote';
 
 const QuoteList = Backbone.Collection.extend({
   model: Quote,
diff --git a/src/models/simulator.js b/src/models/simulator.js
index a245046..eb63799 100644
--- a/src/models/simulator.js
+++ b/src/models/simulator.js
@@ -3,7 +3,7 @@ import _ from 'underscore';
 
 const Simulator = Backbone.Model.extend({
   initialize(params) {
-    this.quotes = params.quotes;
+    this.quotes = params.quotes; // it is assigning and creating quotes with this.quotes 
   },
 
   start() {
diff --git a/src/views/quote_list_view.js b/src/views/quote_list_view.js
new file mode 100644
index 0000000..803793e
--- /dev/null
+++ b/src/views/quote_list_view.js
@@ -0,0 +1,31 @@
+import Backbone from 'backbone';
+import Quote from '../models/quote';
+import QuoteView from './quote_view';
+
+const QuoteListView = Backbone.View.extend({
+  initialize(params) { // params is a hash -- only a hash because we passed it in as such
+    this.template = params.template;
+
+    this.listenTo(this.model, 'update', this.render);
+  },
+  // events: {
+  //
+  // },
+  render() {
+    this.$('#quotes').empty();
+
+    this.model.each((quote) => {
+      const quoteView = new QuoteView({
+        model: quote,
+        template: this.template,
+        tagName: 'li',
+        className: 'quote',
+      });
+
+      this.$('#quotes').append(quoteView.render().$el);
+    });
+    return this;
+  },
+});
+
+export default QuoteListView;
diff --git a/src/views/quote_view.js b/src/views/quote_view.js
index a7c308e..990c88e 100644
--- a/src/views/quote_view.js
+++ b/src/views/quote_view.js
@@ -4,7 +4,7 @@ import Quote from '../models/quote';
 const QuoteView = Backbone.View.extend({
   initialize(params) {
     this.template = params.template,
-    this.listenTo(this.model, 'change', this.render) // when a model changes, it will re-render
+    this.listenTo(this.model, 'change', this.render)  //when a model changes, it will re-render
   },
   render() {
     const compiledTemplate = this.template(this.model.toJSON());

From 19d9555ef9bf61c33bb7c7d8a68611bec139bb1f Mon Sep 17 00:00:00 2001
From: Bianca M Fernandez <bianca.maria.fernandez.22@gmail.com>
Date: Tue, 12 Dec 2017 18:15:04 -0800
Subject: [PATCH 5/8] complete trade history view and passing in data - wave 2

---
 src/app.js                      | 17 +++++++++++----
 src/models/quote.js             | 12 +++++++++++
 src/views/quote_list_view.js    |  2 +-
 src/views/quote_view.js         |  7 +++----
 src/views/trade_history_view.js | 37 +++++++++++++++++++++++++++++++++
 5 files changed, 66 insertions(+), 9 deletions(-)
 create mode 100644 src/views/trade_history_view.js

diff --git a/src/app.js b/src/app.js
index 03ed0c3..d34f801 100644
--- a/src/app.js
+++ b/src/app.js
@@ -15,6 +15,7 @@ import QuoteList from 'collections/quote_list';
 import Quote from 'models/quote';
 import QuoteListView from 'views/quote_list_view';
 import QuoteView from 'views/quote_view';
+import TradeHistoryView from 'views/trade_history_view';
 
 const quoteData = [
   {
@@ -35,9 +36,6 @@ const quoteData = [
   },
 ];
 
-// const quoteList = new QuoteList();
-
-
 $(document).ready(function() {
 
   const quotes = new QuoteList(quoteData);
@@ -48,7 +46,7 @@ $(document).ready(function() {
   simulator.start();
 
   let quoteTemplate = _.template($('#quote-template').html());
-  
+
   const quoteListView = new QuoteListView({
     el: 'main',
     model: quotes,
@@ -57,4 +55,15 @@ $(document).ready(function() {
 
   quoteListView.render();
 
+
+  let tradeHistoryTemplate = _.template($('#trade-template').html());
+
+  const tradeHistoryView = new TradeHistoryView({
+    el: 'main',
+    model: quotes,
+    template: tradeHistoryTemplate
+  });
+
+  tradeHistoryView.bind();
+
 });
diff --git a/src/models/quote.js b/src/models/quote.js
index 04db0aa..c5ed8e3 100644
--- a/src/models/quote.js
+++ b/src/models/quote.js
@@ -8,11 +8,23 @@ const Quote = Backbone.Model.extend({
 
 // increase price by 1
   buy() {
+    this.trigger('trade', {
+      buy: true,
+      price: this.get('price'),
+      symbol: this.get('symbol')
+    });
+
     this.set('price', this.get('price') + 1.00);
   },
 
 // decrease price by 1
   sell() {
+    this.trigger('trade', {
+      buy: false,
+      price: this.get('price'),
+      symbol: this.get('symbol')
+    });
+
     this.set('price', this.get('price') - 1.00);
   },
 });
diff --git a/src/views/quote_list_view.js b/src/views/quote_list_view.js
index 803793e..12d8871 100644
--- a/src/views/quote_list_view.js
+++ b/src/views/quote_list_view.js
@@ -25,7 +25,7 @@ const QuoteListView = Backbone.View.extend({
       this.$('#quotes').append(quoteView.render().$el);
     });
     return this;
-  },
+  }
 });
 
 export default QuoteListView;
diff --git a/src/views/quote_view.js b/src/views/quote_view.js
index 990c88e..6178e5e 100644
--- a/src/views/quote_view.js
+++ b/src/views/quote_view.js
@@ -3,8 +3,9 @@ import Quote from '../models/quote';
 
 const QuoteView = Backbone.View.extend({
   initialize(params) {
-    this.template = params.template,
-    this.listenTo(this.model, 'change', this.render)  //when a model changes, it will re-render
+    this.template = params.template;
+    
+    this.listenTo(this.model, 'change', this.render);  //when a model changes, it will re-render
   },
   render() {
     const compiledTemplate = this.template(this.model.toJSON());
@@ -18,11 +19,9 @@ const QuoteView = Backbone.View.extend({
     'click button.btn-sell': 'sell',
   },
   buy(event) {
-    console.log(event);
     this.model.buy();
   },
   sell(event) {
-    console.log(event);
     this.model.sell();
   }
 
diff --git a/src/views/trade_history_view.js b/src/views/trade_history_view.js
new file mode 100644
index 0000000..e811fb9
--- /dev/null
+++ b/src/views/trade_history_view.js
@@ -0,0 +1,37 @@
+import Backbone from 'backbone';
+
+const TradeHistoryView = Backbone.View.extend({
+  initialize(params) {
+    this.trades = [];
+    this.template = params.template;
+
+    this.listenTo(this.model, 'update', this.bind);
+  },
+  bind() {
+    this.stopListening();
+
+    this.model.each((quote) => {
+      this.listenTo(quote, 'trade', this.render);
+    });
+  },
+  render(data) {
+    this.trades.push(data);
+    // console.log(this.trades);
+
+    this.$('#trades').empty();
+
+    // for (let i = (this.trades.length - 1); i > -1; i--) { // looping through trades in reverse
+    //   let compiledTemplate = this.template(this.trades[i]);
+    //   // console.log(compiledTemplate);
+    //   this.$('#trades').append(compiledTemplate);
+    // }
+    for (let i = 0; i < this.trades.length; i++) {
+      let compiledTemplate = this.template(this.trades[i]);
+      this.$('#trades').prepend(compiledTemplate);
+    }
+
+    return this;
+  }
+});
+
+export default TradeHistoryView;

From a2667b6e00b66187f01b003a93c2334b375f0c2b Mon Sep 17 00:00:00 2001
From: Bianca M Fernandez <bianca.maria.fernandez.22@gmail.com>
Date: Wed, 13 Dec 2017 16:47:30 -0800
Subject: [PATCH 6/8] Begin Wave 3 and refactoring tradehistoryview view
 function

---
 dist/index.html                   |  6 ++--
 src/app.js                        | 48 ++++++++++++++++++++++++++++++-
 src/collections/order_list.js     |  8 ++++++
 src/models/order.js               |  7 +++++
 src/views/open_order_list_view.js | 31 ++++++++++++++++++++
 src/views/open_order_view.js      | 24 ++++++++++++++++
 src/views/quote_view.js           |  2 +-
 src/views/trade_history_view.js   | 22 +++++++-------
 8 files changed, 133 insertions(+), 15 deletions(-)
 create mode 100644 src/collections/order_list.js
 create mode 100644 src/models/order.js
 create mode 100644 src/views/open_order_list_view.js
 create mode 100644 src/views/open_order_view.js

diff --git a/dist/index.html b/dist/index.html
index 0fa8518..24fd698 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -57,13 +57,13 @@ <h2>Open Orders</h2>
        <div class="columns large-4 small-12 trade-column">
          <div class="order-entry-form columns small-10 small-offset-1">
            <h3>Order Entry Form</h3>
-           <form>
+           <form id="order-form">
              <label for="symbol">Symbol</label>
-             <select name="symbol">
+             <select name="symbol" id="select-symbol">
                <!-- Option entries should be added here using JavaScript -->
              </select>
              <label for="price-target">Price</label>
-             <input type="number" name="price-target" step="0.10" min="0.00" placeholder="100.00" />
+             <input id="order-price" type="number" name="price-target" step="0.10" min="0.00" placeholder="100.00" />
              <label>Action</label>
              <button class="btn-buy alert button">Buy</button>
              <button class="btn-sell success button">Sell</button>
diff --git a/src/app.js b/src/app.js
index d34f801..99e3073 100644
--- a/src/app.js
+++ b/src/app.js
@@ -15,8 +15,14 @@ import QuoteList from 'collections/quote_list';
 import Quote from 'models/quote';
 import QuoteListView from 'views/quote_list_view';
 import QuoteView from 'views/quote_view';
+
 import TradeHistoryView from 'views/trade_history_view';
 
+import Order from 'models/order';
+import OrderList from 'collections/order_list';
+import OpenOrderView from 'views/open_order_view';
+import OpenOrderListView from 'views/open_order_list_view';
+
 const quoteData = [
   {
     symbol: 'HUMOR',
@@ -55,7 +61,7 @@ $(document).ready(function() {
 
   quoteListView.render();
 
-
+/////////trade history /////
   let tradeHistoryTemplate = _.template($('#trade-template').html());
 
   const tradeHistoryView = new TradeHistoryView({
@@ -66,4 +72,44 @@ $(document).ready(function() {
 
   tradeHistoryView.bind();
 
+  /////// order entry form //////
+
+  const orders = new OrderList();
+
+  quotes.forEach(function(quote) {
+    // console.log(quote);
+    $('#select-symbol').append($('<option>', {
+      value: quote.get('symbol'),
+      text: quote.get('symbol')
+    }));
+  });
+
+  $('#order-form').on('submit', function(event) {
+    event.preventDefault();
+  });
+
+  $('#order-form .btn-buy').on('click', function(event) {
+    event.preventDefault();
+    let orderData = {
+      buy: true
+    };
+
+    orderData['symbol'] = $('#select-symbol').val();
+    orderData['targetPrice'] = parseFloat($('#order-price').val());
+
+    let order = new Order(orderData);
+    orders.push(order);
+    // console.log(orderData);
+  });
+
+  let orderTemplate = _.template($('#order-template').html());
+
+  const openOrderListView = new OpenOrderListView({
+    el: 'main',
+    model: orders,
+    template: orderTemplate,
+  });
+
+  openOrderListView.render();
+
 });
diff --git a/src/collections/order_list.js b/src/collections/order_list.js
new file mode 100644
index 0000000..6b77957
--- /dev/null
+++ b/src/collections/order_list.js
@@ -0,0 +1,8 @@
+import Backbone from 'backbone';
+import Order from '../models/order';
+
+const OrderList = Backbone.Collection.extend({
+  model: Order,
+});
+
+export default OrderList;
diff --git a/src/models/order.js b/src/models/order.js
new file mode 100644
index 0000000..ac00259
--- /dev/null
+++ b/src/models/order.js
@@ -0,0 +1,7 @@
+import Backbone from 'backbone';
+
+const Order = Backbone.Model.extend({
+
+});
+
+export default Order;
diff --git a/src/views/open_order_list_view.js b/src/views/open_order_list_view.js
new file mode 100644
index 0000000..edb4a5f
--- /dev/null
+++ b/src/views/open_order_list_view.js
@@ -0,0 +1,31 @@
+import Backbone from 'backbone';
+import Order from '../models/order';
+import OpenOrderView from './open_order_view';
+
+const OpenOrderListView = Backbone.View.extend({
+  initialize(params) { // params is a hash -- only a hash because we passed it in as such
+    this.template = params.template;
+
+    this.listenTo(this.model, 'update', this.render);
+  },
+  // events: {
+  //
+  // },
+  render() {
+    this.$('#orders').empty();
+
+    this.model.each((order) => {
+      const openOrderView = new OpenOrderView({
+        model: order,
+        template: this.template,
+        tagName: 'li',
+        className: 'order',
+      });
+
+      this.$('#orders').append(openOrderView.render().$el);
+    });
+    return this;
+  }
+});
+
+export default OpenOrderListView;
diff --git a/src/views/open_order_view.js b/src/views/open_order_view.js
new file mode 100644
index 0000000..4020b27
--- /dev/null
+++ b/src/views/open_order_view.js
@@ -0,0 +1,24 @@
+import Backbone from 'backbone';
+import Order from '../models/order';
+
+const OpenOrderView = Backbone.View.extend({
+  initialize(params) {
+    this.template = params.template;
+  },
+  render() {
+    const compiledTemplate = this.template(this.model.toJSON());
+
+    this.$el.html(compiledTemplate);
+
+    return this;
+  },
+  events: {
+    'click button.btn-cancel': 'cancel',
+  },
+  cancel(event) {
+    console.log('cancel');
+    // TODO destroy
+  }
+});
+
+export default OpenOrderView;
diff --git a/src/views/quote_view.js b/src/views/quote_view.js
index 6178e5e..0a2c787 100644
--- a/src/views/quote_view.js
+++ b/src/views/quote_view.js
@@ -4,7 +4,7 @@ import Quote from '../models/quote';
 const QuoteView = Backbone.View.extend({
   initialize(params) {
     this.template = params.template;
-    
+
     this.listenTo(this.model, 'change', this.render);  //when a model changes, it will re-render
   },
   render() {
diff --git a/src/views/trade_history_view.js b/src/views/trade_history_view.js
index e811fb9..9ede569 100644
--- a/src/views/trade_history_view.js
+++ b/src/views/trade_history_view.js
@@ -2,33 +2,35 @@ import Backbone from 'backbone';
 
 const TradeHistoryView = Backbone.View.extend({
   initialize(params) {
-    this.trades = [];
+    // this.trades = []; // took this out because don't need to store this data anymore
     this.template = params.template;
 
-    this.listenTo(this.model, 'update', this.bind);
+    // this.listenTo(this.model, 'update', this.bind);
   },
   bind() {
-    this.stopListening();
+    // this.stopListening();
 
     this.model.each((quote) => {
       this.listenTo(quote, 'trade', this.render);
     });
   },
   render(data) {
-    this.trades.push(data);
-    // console.log(this.trades);
+    // this.trades.push(data); // don't need this code because we are not storing the data anymore
 
-    this.$('#trades').empty();
+    // this.$('#trades').empty(); // no longer need this because not looping through the whole array of data objects
 
     // for (let i = (this.trades.length - 1); i > -1; i--) { // looping through trades in reverse
     //   let compiledTemplate = this.template(this.trades[i]);
     //   // console.log(compiledTemplate);
     //   this.$('#trades').append(compiledTemplate);
     // }
-    for (let i = 0; i < this.trades.length; i++) {
-      let compiledTemplate = this.template(this.trades[i]);
-      this.$('#trades').prepend(compiledTemplate);
-    }
+    // for (let i = 0; i < this.trades.length; i++) {
+    //   let compiledTemplate = this.template(this.trades[i]);
+    //   this.$('#trades').prepend(compiledTemplate);
+    // }
+
+    let compiledTemplate = this.template(data);
+    this.$('#trades').prepend(compiledTemplate);
 
     return this;
   }

From 233e55fc13d3dfc73cd03111d0e30838f6b68ae3 Mon Sep 17 00:00:00 2001
From: Bianca M Fernandez <bianca.maria.fernandez.22@gmail.com>
Date: Thu, 14 Dec 2017 15:56:02 -0800
Subject: [PATCH 7/8] Working cancel button and now can create a sell order

---
 src/app.js                   | 18 +++++++++++++++++-
 src/views/open_order_view.js |  6 ++++--
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/app.js b/src/app.js
index 99e3073..e32a1af 100644
--- a/src/app.js
+++ b/src/app.js
@@ -61,7 +61,7 @@ $(document).ready(function() {
 
   quoteListView.render();
 
-/////////trade history /////
+  /////////trade history /////
   let tradeHistoryTemplate = _.template($('#trade-template').html());
 
   const tradeHistoryView = new TradeHistoryView({
@@ -102,6 +102,22 @@ $(document).ready(function() {
     // console.log(orderData);
   });
 
+
+  $('#order-form .btn-sell').on('click', function(event) {
+    event.preventDefault();
+    let orderData = {
+      buy: false
+    };
+
+    orderData['symbol'] = $('#select-symbol').val();
+    orderData['targetPrice'] = parseFloat($('#order-price').val());
+
+    let order = new Order(orderData);
+    orders.push(order);
+    // console.log(orderData);
+  });
+
+
   let orderTemplate = _.template($('#order-template').html());
 
   const openOrderListView = new OpenOrderListView({
diff --git a/src/views/open_order_view.js b/src/views/open_order_view.js
index 4020b27..0a6ff68 100644
--- a/src/views/open_order_view.js
+++ b/src/views/open_order_view.js
@@ -16,8 +16,10 @@ const OpenOrderView = Backbone.View.extend({
     'click button.btn-cancel': 'cancel',
   },
   cancel(event) {
-    console.log('cancel');
-    // TODO destroy
+    // console.log('cancel');
+    if (confirm("Are you sure?") === true){
+      this.model.destroy();
+    }
   }
 });
 

From 14b01fd48429ad71c3077688262781905713c700 Mon Sep 17 00:00:00 2001
From: Bianca M Fernandez <bianca.maria.fernandez.22@gmail.com>
Date: Sun, 17 Dec 2017 21:49:22 -0800
Subject: [PATCH 8/8] Buggy but working code for open orders wave 3

---
 dist/index.html                   |  2 +-
 src/app.js                        | 81 +++++++++++++++----------------
 src/models/order.js               |  6 +++
 src/views/open_order_list_view.js | 23 ++++++++-
 src/views/open_order_view.js      | 29 ++++++++++-
 src/views/order_form_view.js      | 62 +++++++++++++++++++++++
 6 files changed, 158 insertions(+), 45 deletions(-)
 create mode 100644 src/views/order_form_view.js

diff --git a/dist/index.html b/dist/index.html
index 24fd698..1f02e55 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -59,7 +59,7 @@ <h2>Open Orders</h2>
            <h3>Order Entry Form</h3>
            <form id="order-form">
              <label for="symbol">Symbol</label>
-             <select name="symbol" id="select-symbol">
+             <select name="symbol" id="select">
                <!-- Option entries should be added here using JavaScript -->
              </select>
              <label for="price-target">Price</label>
diff --git a/src/app.js b/src/app.js
index e32a1af..cd97212 100644
--- a/src/app.js
+++ b/src/app.js
@@ -22,6 +22,7 @@ import Order from 'models/order';
 import OrderList from 'collections/order_list';
 import OpenOrderView from 'views/open_order_view';
 import OpenOrderListView from 'views/open_order_list_view';
+import OrderFormView from 'views/order_form_view';
 
 const quoteData = [
   {
@@ -73,49 +74,40 @@ $(document).ready(function() {
   tradeHistoryView.bind();
 
   /////// order entry form //////
-
+  //
+  const order = new Order;
   const orders = new OrderList();
 
-  quotes.forEach(function(quote) {
-    // console.log(quote);
-    $('#select-symbol').append($('<option>', {
-      value: quote.get('symbol'),
-      text: quote.get('symbol')
-    }));
-  });
-
-  $('#order-form').on('submit', function(event) {
-    event.preventDefault();
-  });
-
-  $('#order-form .btn-buy').on('click', function(event) {
-    event.preventDefault();
-    let orderData = {
-      buy: true
-    };
-
-    orderData['symbol'] = $('#select-symbol').val();
-    orderData['targetPrice'] = parseFloat($('#order-price').val());
-
-    let order = new Order(orderData);
-    orders.push(order);
-    // console.log(orderData);
-  });
-
-
-  $('#order-form .btn-sell').on('click', function(event) {
-    event.preventDefault();
-    let orderData = {
-      buy: false
-    };
-
-    orderData['symbol'] = $('#select-symbol').val();
-    orderData['targetPrice'] = parseFloat($('#order-price').val());
-
-    let order = new Order(orderData);
-    orders.push(order);
-    // console.log(orderData);
-  });
+  // $('#order-form').on('submit', function(event) {
+  //   event.preventDefault();
+  // });
+  //
+  // $('#order-form .btn-buy').on('click', function(event) {
+  //   event.preventDefault();
+  //   let orderData = {
+  //     buy: true
+  //   };
+  //
+  //   orderData['symbol'] = $('#select-symbol').val();
+  //   orderData['targetPrice'] = parseFloat($('#order-price').val());
+  //
+  //   let order = new Order(orderData);
+  //   orders.push(order);
+  // });
+  //
+  //
+  // $('#order-form .btn-sell').on('click', function(event) {
+  //   event.preventDefault();
+  //   let orderData = {
+  //     buy: false
+  //   };
+  //
+  //   orderData['symbol'] = $('#select-symbol').val();
+  //   orderData['targetPrice'] = parseFloat($('#order-price').val());
+  //
+  //   let order = new Order(orderData);
+  //   orders.push(order);
+  // });
 
 
   let orderTemplate = _.template($('#order-template').html());
@@ -126,6 +118,13 @@ $(document).ready(function() {
     template: orderTemplate,
   });
 
+  const orderFormView = new OrderFormView({
+    el: '.order-entry-form',
+    orderList: orders,
+    quoteList: quotes,
+  });
+
   openOrderListView.render();
+  orderFormView.render();
 
 });
diff --git a/src/models/order.js b/src/models/order.js
index ac00259..e23c7a9 100644
--- a/src/models/order.js
+++ b/src/models/order.js
@@ -1,6 +1,12 @@
 import Backbone from 'backbone';
 
+
 const Order = Backbone.Model.extend({
+  defaults: {
+    symbol: 'UNDEF',
+    targetPrice: 0.00,
+    buy: true,
+  },
 
 });
 
diff --git a/src/views/open_order_list_view.js b/src/views/open_order_list_view.js
index edb4a5f..b07e6df 100644
--- a/src/views/open_order_list_view.js
+++ b/src/views/open_order_list_view.js
@@ -1,25 +1,46 @@
 import Backbone from 'backbone';
 import Order from '../models/order';
 import OpenOrderView from './open_order_view';
+import Quote from '../models/quote';
+// import QuoteView from '../views/quote_view';
+import QuoteList from '../collections/quote_list';
+import $ from 'jquery';
 
 const OpenOrderListView = Backbone.View.extend({
   initialize(params) { // params is a hash -- only a hash because we passed it in as such
     this.template = params.template;
+    this.model = params.model;
 
     this.listenTo(this.model, 'update', this.render);
+    // this.listenTo(this.quotes, 'change', this.checkOrder);
   },
+  // checkOrder(event) {
+  //   if (this.model.length > 0) {
+  //     console.log(this.quotes);
+  //     console.log(this.model.price);
+  //   }
+
+    // TODO way to check to see if current quote symbol is the same and if so, does the price logic match
+    // if yes, then call completeOrder method
+  // },
+  // completeOrder(event) {
+  //
+  // },
   // events: {
   //
   // },
   render() {
+    console.log('you are in the open order list view');
     this.$('#orders').empty();
+    console.log('in the render in open order list view');
+    console.log(this.model);
 
     this.model.each((order) => {
       const openOrderView = new OpenOrderView({
         model: order,
         template: this.template,
         tagName: 'li',
-        className: 'order',
+        className: 'orders',
       });
 
       this.$('#orders').append(openOrderView.render().$el);
diff --git a/src/views/open_order_view.js b/src/views/open_order_view.js
index 0a6ff68..5a1ce2f 100644
--- a/src/views/open_order_view.js
+++ b/src/views/open_order_view.js
@@ -1,9 +1,35 @@
 import Backbone from 'backbone';
+import Quote from '../models/quote';
 import Order from '../models/order';
+import OrderList from '../collections/order_list';
+import $ from 'jquery';
 
 const OpenOrderView = Backbone.View.extend({
   initialize(params) {
     this.template = params.template;
+    // this.quotes = params.quotes;
+    this.model = params.model;
+    this.listenTo(this.model, 'change', this.render);
+    this.listenTo(this.model.get('quote'), 'change', this.completeOrder);
+
+  },
+  completeOrder() {
+    console.log('the complete order method is being called');
+    let quote = this.model.get('quote');
+
+    if (this.model.get('buy')) {
+      if (this.model.get('targetPrice') >= quote.get('price')) {
+        quote.buy();
+        this.model.destroy();
+        this.remove();
+      }
+    } else {
+      if (this.model.get('targetPrice') <= quote.get('price')) {
+        quote.sell();
+        this.model.destroy();
+        this.remove();
+      }
+    }
   },
   render() {
     const compiledTemplate = this.template(this.model.toJSON());
@@ -16,11 +42,10 @@ const OpenOrderView = Backbone.View.extend({
     'click button.btn-cancel': 'cancel',
   },
   cancel(event) {
-    // console.log('cancel');
     if (confirm("Are you sure?") === true){
       this.model.destroy();
     }
-  }
+  },
 });
 
 export default OpenOrderView;
diff --git a/src/views/order_form_view.js b/src/views/order_form_view.js
new file mode 100644
index 0000000..3fbdc2e
--- /dev/null
+++ b/src/views/order_form_view.js
@@ -0,0 +1,62 @@
+import Backbone from 'backbone';
+import Quote from '../models/quote';
+import Order from '../models/order';
+import OrderList from '../collections/order_list';
+import $ from 'jquery';
+
+const OrderFormView = Backbone.View.extend({
+  initialize(params) {
+    this.orderList = params.orderList;
+    this.quoteList = params.quoteList;
+    console.log(params);
+  },
+  render() {
+    console.log('you are in the order form view render');
+    // console.log(this.quotelist)
+
+    this.quoteList.each((quote)=> {
+      console.log(quote.get('symbol'));
+      this.$('#select').append($(`<option> ${quote.get('symbol')}</option>`));
+    });
+    return this;
+  },
+  events: {
+    'click button.btn-buy': 'buy',
+    'click button.btn-sell': 'sell',
+  },
+  buy(event) {
+    console.log(event);
+    event.isBuy = true;
+    this.addNewOrder(event);
+  },
+  sell(event) {
+    console.log(event);
+    event.isBuy = false;
+    this.addNewOrder(event);
+
+  },
+  addNewOrder(event) {
+    console.log('in the add new order');
+    event.preventDefault();
+    const orderData = {};
+    orderData['symbol'] = $('select[name=symbol]').val();
+    orderData['targetPrice'] = parseFloat($('input[name=price-target]').val());
+    orderData['quote'] = this.quoteList.findWhere({symbol: orderData['symbol']});
+
+    orderData['buy'] = event.isBuy;
+
+    console.log(orderData);
+
+    const newOrder = new Order(orderData);
+
+    // if (newOrder.isValid()) {
+      this.orderList.push(newOrder);
+      console.log(this.orderList);
+    // }
+
+    this.$('select[name=symbol]').val('');
+    this.$('input[name=price-target]').val('');
+  },
+});
+
+export default OrderFormView;