From ee32d6f7c98ea2327cec007c7bbc82fa24f0d332 Mon Sep 17 00:00:00 2001
From: Senad Uka <senaduka@gmail.com>
Date: Sun, 14 Jun 2015 04:30:21 +0200
Subject: [PATCH] cart icon is hidden when ordering (cart and delivery)

---
 front-ui/app/components/cart/cartIcon.js  |  2 +-
 front-ui/app/components/cart/cartPage.js  |  2 +-
 front-ui/app/components/items/itemList.js |  1 +
 front-ui/app/components/rootApp.js        | 15 ++++-
 front-ui/app/stores/navigationStore.js    | 76 +++++++++++++----------
 5 files changed, 60 insertions(+), 36 deletions(-)

diff --git a/front-ui/app/components/cart/cartIcon.js b/front-ui/app/components/cart/cartIcon.js
index 6a019df..1229608 100644
--- a/front-ui/app/components/cart/cartIcon.js
+++ b/front-ui/app/components/cart/cartIcon.js
@@ -32,7 +32,7 @@ var CartIcon = React.createClass({
             <li onClick={this._onClick} style={{borderTop: 'solid lightgray 1px', borderBottom: 'solid lightgray 1px', borderLeft: 'solid lightgray 1px', paddingBottom: 22}}><a ><div className="mycart"><span>{normalizeCount(this.state.count)}</span></div></a></li>
             <li onClick={this._onClick} style={{borderTop: 'solid lightgray 1px', borderBottom: 'solid lightgray 1px', paddingBottom: 2}}><a href="#" style={{ paddingRight: '5px', backgroundColor: 'transparent' }}><CartTotal items={this.state.items} itemCounts={this.state.itemCounts} deliveryCosts={this.state.deliveryCosts} justMerchandise={true}/> </a></li>
             <li onClick={this._onClick} style={{borderTop: 'solid lightgray 1px', borderBottom: 'solid lightgray 1px', borderRight: 'solid lightgray 1px'}}>
-              <a style={{marginBottom: 10, marginRight: 10}} className="mybutton" href="#">Nastavi narudžbu</a></li>
+              <a style={{marginBottom: 10, marginRight: 10}} className="mybutton" href="#">Završi narudžbu</a></li>
 
           </ul>
 
diff --git a/front-ui/app/components/cart/cartPage.js b/front-ui/app/components/cart/cartPage.js
index d52cadc..589b502 100644
--- a/front-ui/app/components/cart/cartPage.js
+++ b/front-ui/app/components/cart/cartPage.js
@@ -86,7 +86,7 @@ var CartPage = React.createClass({
         </div>
         <div className="row">
            <div className="col-lg-12 pull-right">
-              <button className="btn btn-warning" onClick={this._onOrderClick}>Završi narudžbu</button>
+              <button className="mybutton" onClick={this._onOrderClick}>Završi narudžbu</button>
            </div>
 
         </div>
diff --git a/front-ui/app/components/items/itemList.js b/front-ui/app/components/items/itemList.js
index a59a4d8..8b5353e 100644
--- a/front-ui/app/components/items/itemList.js
+++ b/front-ui/app/components/items/itemList.js
@@ -61,6 +61,7 @@ var ItemList = React.createClass({
 
         return (
             <nav>
+
             <ul className="pagination">
             {pages}
             </ul>
diff --git a/front-ui/app/components/rootApp.js b/front-ui/app/components/rootApp.js
index e1da6f8..3f954ff 100644
--- a/front-ui/app/components/rootApp.js
+++ b/front-ui/app/components/rootApp.js
@@ -7,6 +7,7 @@ var React = require('react'),
     RouteHandler = Router.RouteHandler,
     LoginStatus = require('./shared/loginStatus'),
     InitializationStore = require('../stores/initializationStore'),
+    NavigationStore = require('../stores/navigationStore'),
     InitializationActions = require('../actions/initializationActions');
 
 var CartIcon = require('./cart/cartIcon');
@@ -36,12 +37,22 @@ var RootApp = React.createClass({
       InitializationStore.removeChangeListener(this._onChange);
     },
 
+    shouldShowCart: function () {
+        return !NavigationStore.hideCart();
+    },
+
     render: function() {
 
         if (!this.state.isEverythingReadyToStartTheShow) {
             return (<div>loading...</div>);
         }
 
+        var cart = "";
+
+        if(this.shouldShowCart()) {
+            cart = (<CartIcon />);
+        }
+
         return (
 <div className="container">
     <div>
@@ -57,8 +68,8 @@ var RootApp = React.createClass({
 
             <div style={{padding: '15px 15px'}} className="col-lg-4 col-md-4 hidden-sm hidden-xs">
                 <nav style={{background: 'none', border: 'none', marginBottom: '0px !important'}} className="navbar mytopnav">
-                    <div className="container-fluid">
-                        <CartIcon />
+                    <div>
+                        {cart}
                     </div>
                 </nav>
             </div>
diff --git a/front-ui/app/stores/navigationStore.js b/front-ui/app/stores/navigationStore.js
index ac6d28a..86b21fa 100644
--- a/front-ui/app/stores/navigationStore.js
+++ b/front-ui/app/stores/navigationStore.js
@@ -15,33 +15,45 @@ var getGroupIdFromUrl = function() {
     var url = document.URL;
     var itemIdRegex = /grupa\/(\d+)\//g;
     var match = itemIdRegex.exec(url);
-    
+
     var result = Globals.ItemGroupIdOfStartPage;
-    if(match) {
-      result = match[1]
+    if (match) {
+        result = match[1]
     }
-    return  result;
+    return result;
 };
 
 // Extend ItemStore with EventEmitter to add eventing capabilities
 var NavigationStore = _.extend({}, EventEmitter.prototype, {
 
-  getGroupIdFromUrl: getGroupIdFromUrl,
+    getGroupIdFromUrl: getGroupIdFromUrl,
 
-  // Emit Change event
-  emitChange: function() {
-    this.emit('change');
-  },
+    // Emit Change event
+    emitChange: function() {
+        this.emit('change');
+    },
 
-  // Add change listener
-  addChangeListener: function(callback) {
-    this.on('change', callback);
-  },
+    // Add change listener
+    addChangeListener: function(callback) {
+        this.on('change', callback);
+    },
 
-  // Remove change listener
-  removeChangeListener: function(callback) {
-    this.removeListener('change', callback);
-  }
+    // Remove change listener
+    removeChangeListener: function(callback) {
+        this.removeListener('change', callback);
+    },
+
+    hideCart: function() {
+        // TODO: figure out how to find this out using Router
+         var url = document.URL;
+        var itemIdRegex = /\/(korpa|dostava)/g;
+        var match = itemIdRegex.exec(url);
+        if (match) {
+            return true;
+        } else {
+            return false;
+        }
+    }
 
 });
 
@@ -50,25 +62,25 @@ var NavigationStore = _.extend({}, EventEmitter.prototype, {
 
 // Register callback with AppDispatcher
 NavigationStore.dispatchToken = AppDispatcher.register(function(payload) {
-  var action = payload.action;
+    var action = payload.action;
 
-  switch(action.actionType) {
+    switch (action.actionType) {
 
-    case NavigationConstants.CHANGE_URL:   
-      var router = require('../router'); 
-      setTimeout(function(){
-          router.transitionTo(action.url);
-      }, 0);
-      break;
+        case NavigationConstants.CHANGE_URL:
+            var router = require('../router');
+            setTimeout(function() {
+                router.transitionTo(action.url);
+            }, 0);
+            break;
 
-    default:
-      return true;
-  }
+        default:
+            return true;
+    }
 
-  // If action was responded to, emit change event
-  NavigationStore.emitChange();
-  return true;
+    // If action was responded to, emit change event
+    NavigationStore.emitChange();
+    return true;
 
 });
 
-module.exports = NavigationStore;
+module.exports = NavigationStore;
\ No newline at end of file