senaduka/old-ribica
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reorganized stuff

Browse Source
This commit is contained in:
Edin Dazdarevic
2015-01-25 13:38:25 +01:00
parent 769230eda1
commit 301e40f976
10 changed files with 116 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
front-ui/app/rapp.js
View File

@@ -1,110 +1,31 @@
var React = require('react');
var ItemList = require('./components/itemList');
var Router = require('react-router'),
Route = Router.Route, DefaultRoute = Router.DefaultRoute;
var ItemWithDetailsPage = require('./components/itemWithDetailsPage');
var RouteHandler = Router.RouteHandler;
var Navigation = Router.Navigation;
var ItemWithDetailsPage = require('./components/itemWithDetailsPage');
var ItemList = require('./components/itemList');
var SectionsListComponent = require('./components/sectionsListComponent');
var AllItems = require('./components/allItems');
var RootApp = require('./components/rootApp');
var StartPage = require('./components/startPage/startPage');
var ByCategory = require('./components/browsing/byCategory');
var BySection = require('./components/browsing/bySection');
var RApp = React.createClass({
var ItemPage = require('./components/items/itemPage');
render: function() {
return (
<div className="container">
<div className='page-header'>
<h1><a href="#">Ribica.ba</a></h1>
</div>
<div className='row'>
<div className='col-md-12' id='header'>
<SectionsListComponent />
</div>
</div>
<div className='row'>
<RouteHandler />
</div>
</div>
);
}
});
var StartPage = React.createClass({
render : function() {
return (
<div>
<div className='col-md-2'>
left content
</div>
<div className='col-md-10'>
<h2>Ribica Start Page</h2>
<AllItems />
<RouteHandler />
</div>
</div>
)
}
});
var ByCat = React.createClass({
render: function() {
return (
<div>By CAtegoriy stuff</div>
);
}
});
var BySection = React.createClass({
mixins: [Router.State],
render : function() {
return ( <div>
<div className='col-md-2'>
Here goes section for refining search, by section
</div>
<div className='col-md-10'>
<h2> Welcome to section {this.getParams().id} </h2>
</div>
</div> )
}
});
var Artikal = React.createClass({
render: function() {
return (
<div>
<ItemWithDetailsPage />
</div>
);
}
});
var routes = (
<Route name='app' path='/' handler={RApp}>
<Route name='app' path='/' handler={RootApp}>
<Route name='sekcija' path='sekcija/:id/:name' handler={BySection}>
</Route>
<Route name='artikal' path="artikal/:id/*" handler={Artikal} />
<Route name='artikal' path="artikal/:id/*" handler={ItemPage} />
<Route name='byCat' path="sekcija/:sekcijaName/kategorija/:id/*" handler={ByCat} />
<Route name='byCat' path="sekcija/:sekcijaName/kategorija/:id/*" handler={ByCategory} />
<DefaultRoute handler={StartPage}/>
</Route>