floating price on item list

This commit is contained in:
Senad Uka
2015-06-13 03:53:42 +02:00
parent c27e08a682
commit 0c305d3c40
4 changed files with 14 additions and 11 deletions

View File

@@ -90,8 +90,8 @@ var ByCategory = React.createClass({
locationName="category" locationName="category"
locationId={Number(this.getParams().id)} /> locationId={Number(this.getParams().id)} />
<h3> Kategorija - {this.state.category.get('name')}</h3> <h3> {this.state.category.get('name')}</h3>
Number of items in this category: {this.state.items.length}
<div> <div>
<AppliedFiltersList <AppliedFiltersList
filters={this.appliedCategoryFiltersArray()} filters={this.appliedCategoryFiltersArray()}
@@ -99,8 +99,6 @@ var ByCategory = React.createClass({
</div> </div>
<div> total count is : {this.state.items.totalCount}</div>
<ItemList <ItemList
items={this.state.items} items={this.state.items}
paginationEnabled={true} paginationEnabled={true}

View File

@@ -30,17 +30,14 @@ var BySubCategory = React.createClass({
return (<div> return (<div>
<div className='col-md-2'> <div className='col-md-2'>
<FilterCriteriaSelector filterCriterias={this.state.subCategory.get('filter_criterias')} onFCClick={this.onFCClick} />
<FilterCriteriaSelector filterCriterias={this.state.subCategory.get('filter_criterias')} onFCClick={this.onFCClick} />
</div> </div>
<div classname='col-md-10'> <div classname='col-md-10'>
<h2> <h2>
Podkategorija {this.state.subCategory.get('name')} {this.state.subCategory.get('name')}
</h2> </h2>
<div>Number of items in this subcategory: {this.state.items.length}</div>
<div>total count : {this.state.items.totalCount}</div>
<div> <div>
<AppliedFiltersList filters={this.appliedSubCategoryFiltersArray()} onRemove={this.removeAppliedFilter} /> <AppliedFiltersList filters={this.appliedSubCategoryFiltersArray()} onRemove={this.removeAppliedFilter} />

View File

@@ -36,7 +36,7 @@ var SingleItem = React.createClass({
<div style={{height: "110px"}} className="item_name_and_price"> <div style={{height: "110px"}} className="item_name_and_price">
<p><span className="text-uppercase">{ this.props.item.get('brand') ? this.props.item.get('brand').name : '' }</span> <p><span className="text-uppercase">{ this.props.item.get('brand') ? this.props.item.get('brand').name : '' }</span>
<br /><span className="text-capitalize">{ this.props.item.get('name') }</span></p> <br /><span className="text-capitalize">{ this.props.item.get('name') }</span></p>
<h4>{ Globals.FormatCurrency(this.props.item.get('list_price')) }</h4> <h4 className="item_floating_price">{ Globals.FormatCurrency(this.props.item.get('list_price')) }</h4>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -64,6 +64,14 @@
} }
.item_floating_price {
position: absolute;
bottom: 8%;
right: 8%;
text-align: right;
width: 100%;
}
/* /*