address is now collapsable

front-ui/app/components/cart/checkoutPage.js

@@ -17,9 +17,9 @@ var CheckoutPage = React.createClass({
 
     render: function() {
 
-      var supportedPlaceOptions = CartStore.getSupportedPlaces().map ( function (p) {  return (<option value={p.code}>{p.placeLabel}</option>)})
+      var supportedPlaceOptions = CartStore.getSupportedPlaces().map ( function (p) {  return (<option value={p.code}>{p.placeLabel}</option>)});
  
-      return (
+      var content = (
 <div className="checkout-page center">
       <div className="form-horizontal">
             <fieldset>
@@ -88,7 +88,35 @@ var CheckoutPage = React.createClass({
       </fieldset> 
 </div>
 </div>
-        );       
+        );   
+
+       if(CartStore.isAddressColapsed()) {
+
+            var address = CartStore.getHumanReadableAddress().map(function (a) { return (<span>{a}<br /></span>)});
+            content = (
+            <div className="checkout-page center text-center" >
+              <h2> Roba će biti dostavljena na adresu: </h2>
+              <p className="lead">
+               {address}
+               <br />
+                Ukupno: <CartTotal items={this.state.items} itemCounts={this.state.itemCounts} deliveryCosts={this.state.deliveryCosts} />
+
+              </p>
+              <p>
+               <button id="order" name="order" className="mybutton" disabled={!this.state.isDeliveryDestinationValid} onClick={this._onOrderClick}>Završi narudžbu</button> ili <button className="btn btn-default" onClick={this._onUncolapseClick}>Promijeni adresu</button> 
+               </p>
+                <div className="form-group">
+                  <label className="col-md-4 control-label" htmlFor="order"></label>
+                  <div className="col-md-8">
+                        <div> </div>
+                        <div></div>
+                  </div>
+            </div>
+            </div>);
+       }
+
+
+      return content;
 
     },
 
@@ -116,6 +144,10 @@ var CheckoutPage = React.createClass({
       CartActions.confirmDelivery();
     },
 
+    _onUncolapseClick: function (event) {
+      CartActions.setAddressColapsed(false);
+    },
+
     getInitialState: function () {
       return CartStore.getWholeCartState();
     }