trello integration finished

front-ui/app/components/about/aboutUsPage.js

@@ -0,0 +1,52 @@
+var React = require('react'),
+    CartStore = require('../../stores/cartStore'),
+    AddToCart = require('../cart/addToCart'),
+    CartActions = require('../../actions/cartActions'),
+    LinkBanner = require('../linkBanner/linkBanner'),
+    NavigationActions = require('../../actions/navigationActions'),
+    Globals = require('../../globals')
+    Router = require("react-router"),
+    Link = Router.Link;
+
+
+var AboutUsPage = React.createClass({
+
+    render: function() {
+
+      return (
+
+        <div className="message center">
+           <p>Rođenje djeteta je sigurno jedan od najljepših trenutaka u životu svakog čovjeka, ali biti roditelj jedan je od najtežih poslova.</p>
+
+<p>Svjesni brzine života, želimo da Vam olakšamo pri nabavci opreme koja je neophodna u svakom domu koji krasi dijete.
+Pažljivo biramo artikle, te štedimo vrijeme i novac.</p>
+
+<p>Internet trgovina je dostupna uvijek. Jednostavnim pretraživanjem možete naći artikle, te ih spremiti u korpu, a mi ćemo se potruditi da ih dostavimo u dogovoreno vrijeme.</p>
+
+<p>Potrudili smo se prilagoditi svima:
+<ul>
+<li>djevojkama i ženama koje tek postaju majke, a ne žele puno vremena trošiti na kupovinu;</li>
+<li>onima koje tek rode, a ne žele čekati rodbinu i prijatelje da im donesu mnoge stvari koje beba zahtijeva, a same nisu u mogućnosti izaći;</li>
+<li>majkama koje su kancelarijski radnici, a vrijeme poslije posla žele posvetiti djeci;</li>
+<li>očevima koji većinom ne vole ići u kupovinu, a trebaju im adekvatne igračke, te</li>
+<li>svima onima kojima treba pomoć oko kupovine artikala namijenjenih djeci.</li>
+</ul>
+</p>
+
+<p>Ova e-trgovina je osmišnjena u skladu sa željama i potrebama roditelja i djece, te Vam omogućava da uživate dok mi kupujemo za Vas , jer najbolje što možete pokloniti djeci je Vaše vrijeme.</p>
+
+<p>Sve narudžbe u toku dana koje dobijemo do 12:00h dostavljamo isti radni dan, dok narudžbe koje priimo poslije dostavljamo sljedeći radni dan. </p>
+
+
+
+
+<p style={{textAlign: "right" }}>Vaša Ribica.ba</p>
+
+        </div>
+        );
+    }
+
+});
+
+
+module.exports = AboutUsPage;

front-ui/app/components/items/randomItems.js

@@ -22,8 +22,6 @@ var RandomItems = React.createClass({
       ItemStore.removeChangeListener(this._onChange);
     },
 
-
-
     getInitialState: function() {
       return {
           items: this.getRandomItems()
@@ -34,10 +32,26 @@ var RandomItems = React.createClass({
       var NUMBER_OF_SUGGESTED_ITEMS = 8;
       var allItems =  ItemStore.getItems();
       var randomIndexStart = Math.floor(Math.random() * ((allItems.models.length - NUMBER_OF_SUGGESTED_ITEMS + 1)));
-      allItems.models = allItems.models.slice(randomIndexStart, randomIndexStart + NUMBER_OF_SUGGESTED_ITEMS);
+      allItems.models = this.shuffle(allItems.models).slice(randomIndexStart, randomIndexStart + NUMBER_OF_SUGGESTED_ITEMS);
       return allItems;
     },
 
+    shuffle: function(array) {
+      var currentIndex = array.length, temporaryValue, randomIndex ;
+
+      // While there remain elements to shuffle...
+      while (0 !== currentIndex) {
+        // Pick a remaining element...
+        randomIndex = Math.floor(Math.random() * currentIndex);
+        currentIndex -= 1;
+        // And swap it with the current element.
+        temporaryValue = array[currentIndex];
+        array[currentIndex] = array[randomIndex];
+        array[randomIndex] = temporaryValue;
+      }
+      return array;
+    },
+
 
     _onChange: function () {
      

front-ui/app/components/rootApp.js

@@ -87,6 +87,9 @@ var RootApp = React.createClass({
      <div className='row'>
             <RouteHandler />
     </div>
+    <div class="footer">
+      © Ribica.ba 2015.
+    </div>
 </div>
 );
 

front-ui/app/components/thankyou/thankYouPage.js

@@ -15,7 +15,7 @@ var ThankYouPage = React.createClass({
 
       return (
 
-        <div className="thank-you-page center">
+        <div className="message center">
            <h1>Roba je naručena!</h1>
            <p>Hvala na narudžbi. Naša zaposlenica će vas kontaktirati da ugovori detalje o preuzimanju. </p>
 

front-ui/app/css/main.css

@@ -533,5 +533,18 @@ text-decoration: none;
 
 .footer {
   text-align: center;
-  margin-top: 20px;
+  margin-bottom: 20px;
+  position: fixed;
+  width: 100%;
+  bottom:0;
+  left:0;
+}
+
+.message { 
+  font-size: 130%;
+  text-align: left;
+  margin-left: 20px;
+  margin-right: 20px; 
+
+
 }

front-ui/app/router.js

@@ -17,6 +17,7 @@ var ByCategory = require('./components/browsing/byCategory');
 var BySubCategory = require('./components/browsing/bySubCategory');
 var BySection = require('./components/browsing/bySection');
 var ThankYouPage = require('./components/thankyou/thankYouPage');
+var AboutUsPage = require('./components/about/aboutUsPage');
 // var Register = require('./components/account/register');
 // var Login = require('./components/account/login');
 var SearchResultsPage = require('./components/search/searchResultsPage');
@@ -34,6 +35,7 @@ var routes = (
       <Route name='podkategorija' path="/podkategorija/:id/*" handler={BySubCategory} />
       <Route name='byCat' path="sekcija/:sekcijaName/kategorija/:id/*" handler={ByCategory} />
       <Route name='hvala' path="/hvala" handler={ThankYouPage} />
+      <Route name='onama' path="/o-nama" handler={AboutUsPage} />
       <Route name='pretraga' path="/pretraga" handler={SearchResultsPage} />
       <DefaultRoute handler={StartPage}/>
     </Route>

front-ui/build/index.html

@@ -21,11 +21,9 @@
            <img height={50} src="https://res.cloudinary.com/du5pdibul/image/upload/v1434870249/progress_bar_idgtad.gif" />
         </div>
         <script src='/ribica.js' type='text/javascript'></script>
-        <div class="footer">
-            © Ribica.ba 2015.
-        </div>
         <script type='text/javascript'>
         RIBICA.App.bootstrap();
         </script>
+
     </body>
 </html>