jsx reformat and added href to A tags
This commit is contained in:
@@ -1,18 +1,18 @@
|
|||||||
var React = require('react'),
|
var React = require('react'),
|
||||||
Router = require('react-router'),
|
Router = require('react-router'),
|
||||||
Category = require('../../models/category'),
|
Category = require('../../models/category'),
|
||||||
SubCategory = require('../../models/subCategory'),
|
SubCategory = require('../../models/subCategory'),
|
||||||
Section = require('../../models/section'),
|
Section = require('../../models/section'),
|
||||||
ItemCollection = require('../../models/itemCollection'),
|
ItemCollection = require('../../models/itemCollection'),
|
||||||
ItemActions = require('../../actions/itemActions.js'),
|
ItemActions = require('../../actions/itemActions.js'),
|
||||||
CategoryActions = require('../../actions/categoryActions.js'),
|
CategoryActions = require('../../actions/categoryActions.js'),
|
||||||
CategoryStore = require('../../stores/categoryStore'),
|
CategoryStore = require('../../stores/categoryStore'),
|
||||||
ItemStore = require('../../stores/itemStore'),
|
ItemStore = require('../../stores/itemStore'),
|
||||||
NavigationStore = require('../../stores/navigationStore'),
|
NavigationStore = require('../../stores/navigationStore'),
|
||||||
ItemList = require('../items/itemList'),
|
ItemList = require('../items/itemList'),
|
||||||
NavigationActions = require('../../actions/navigationActions'),
|
NavigationActions = require('../../actions/navigationActions'),
|
||||||
LinkBanner = require('../linkBanner/linkBanner'),
|
LinkBanner = require('../linkBanner/linkBanner'),
|
||||||
Globals = require('../../globals');
|
Globals = require('../../globals');
|
||||||
|
|
||||||
var FilterCriteriaSelector = require('./filterCriteriaSelector');
|
var FilterCriteriaSelector = require('./filterCriteriaSelector');
|
||||||
var AppliedFiltersList = require('./appliedFiltersList');
|
var AppliedFiltersList = require('./appliedFiltersList');
|
||||||
@@ -66,11 +66,19 @@ var ByCategory = React.createClass({
|
|||||||
className="col-lg-2 col-md-2 col-sm-4 col-xs-4 sidebar ">
|
className="col-lg-2 col-md-2 col-sm-4 col-xs-4 sidebar ">
|
||||||
<ul>
|
<ul>
|
||||||
{(this.state.category.get('sub_categories') || []).map(function(sc) {
|
{(this.state.category.get('sub_categories') || []).map(function(sc) {
|
||||||
return (<li> <a onClick={self.onSCClick.bind(self, sc)}>{sc.name}</a></li>)
|
return (
|
||||||
|
<li>
|
||||||
|
<a href="#" onClick={self.onSCClick.bind(self, sc)}>
|
||||||
|
{sc.name}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
)
|
||||||
})}
|
})}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<FilterCriteriaSelector filterCriterias={this.state.category.get('filter_criterias')} onFCClick={this.onFCClick} />
|
<FilterCriteriaSelector
|
||||||
|
filterCriterias={this.state.category.get('filter_criterias')}
|
||||||
|
onFCClick={this.onFCClick} />
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -78,18 +86,28 @@ var ByCategory = React.createClass({
|
|||||||
style={{height: "100%"}}
|
style={{height: "100%"}}
|
||||||
className="col-lg-10 col-md-10 col-sm-8 col-xs-8 ">
|
className="col-lg-10 col-md-10 col-sm-8 col-xs-8 ">
|
||||||
|
|
||||||
<LinkBanner locationName="category" locationId={Number(this.getParams().id)} />
|
<LinkBanner
|
||||||
|
locationName="category"
|
||||||
|
locationId={Number(this.getParams().id)} />
|
||||||
|
|
||||||
<h3> Kategorija - {this.state.category.get('name')}</h3>
|
<h3> Kategorija - {this.state.category.get('name')}</h3>
|
||||||
Number of items in this category: {this.state.items.length}
|
Number of items in this category: {this.state.items.length}
|
||||||
<div>
|
<div>
|
||||||
<AppliedFiltersList filters={this.appliedCategoryFiltersArray()} onRemove={self.removeAppliedFilter} />
|
<AppliedFiltersList
|
||||||
|
filters={this.appliedCategoryFiltersArray()}
|
||||||
|
onRemove={self.removeAppliedFilter} />
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div> total count is : {this.state.items.totalCount}</div>
|
<div> total count is : {this.state.items.totalCount}</div>
|
||||||
<ItemList items={this.state.items} paginationEnabled={true} total={this.state.items.totalCount} limit={this.state.pagination.limit} onPageChange={this.changePage} currentOffset={this.state.pagination.offset} />
|
<ItemList
|
||||||
|
items={this.state.items}
|
||||||
|
paginationEnabled={true}
|
||||||
|
total={this.state.items.totalCount}
|
||||||
|
limit={this.state.pagination.limit}
|
||||||
|
onPageChange={this.changePage}
|
||||||
|
currentOffset={this.state.pagination.offset} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user