link banner centering
This commit is contained in:
@@ -129,8 +129,8 @@ ActiveRecord::Schema.define(version: 20150420044444) do
|
||||
t.datetime "updated_at", null: false
|
||||
t.string "tags"
|
||||
t.json "traits"
|
||||
t.integer "supplier_id"
|
||||
t.decimal "weight", precision: 5, scale: 3
|
||||
t.integer "supplier_id"
|
||||
t.integer "delivery_time_estimation_id"
|
||||
t.integer "brand_id"
|
||||
end
|
||||
|
||||
@@ -29,7 +29,7 @@ var CartPage = React.createClass({
|
||||
firstImage = firstImage || { resized_url: "https://res.cloudinary.com/lfvt7ps2n/image/upload/c_fit,h_172,w_226/v1421732950/http_www.asms.ru_bitrix_templates_main_images_nophoto_irnofq.png" } ;
|
||||
return (
|
||||
<tr key={i.get('id')}>
|
||||
<td>
|
||||
<td className='text-center'>
|
||||
<img style={{maxWidth: '90px', maxHeight: '90px'}} src={firstImage.url} alt="product image"/>
|
||||
</td>
|
||||
<td>
|
||||
@@ -122,11 +122,19 @@ var CartPage = React.createClass({
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="col-lg-12">
|
||||
<LinkBanner locationName="thankYouPage" />
|
||||
<div className="cart-title">KORPA</div>
|
||||
{content}
|
||||
|
||||
<div className="col-lg-12">
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<LinkBanner locationName="checkoutPage"/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="cart-title">KORPA</div>
|
||||
{content}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
|
||||
@@ -8,16 +8,16 @@ var Router = require('react-router');
|
||||
var LinkBanner = React.createClass({
|
||||
propTypes: {
|
||||
locationName: React.PropTypes.string.isRequired,
|
||||
locationId: React.PropTypes.number,
|
||||
locationId: React.PropTypes.number,
|
||||
},
|
||||
|
||||
|
||||
render: function() {
|
||||
|
||||
var banners = this.state.banners.map(function (banner) {
|
||||
|
||||
return <div key={"banner" + banner.get('id')}><a href={banner.get('link_url')}><img src={banner.get('image_url')} /></a></div>
|
||||
|
||||
var banners = this.state.banners.map(function (banner) {
|
||||
|
||||
return <div key={"banner" + banner.get('id')}><a href={banner.get('link_url')}><img className='img-responsive center-block' src={banner.get('image_url')} /></a></div>
|
||||
|
||||
});
|
||||
|
||||
return (<div>{ banners }</div>);
|
||||
@@ -25,27 +25,27 @@ var LinkBanner = React.createClass({
|
||||
},
|
||||
getInitialState: function () {
|
||||
|
||||
|
||||
|
||||
var allBanners = InitializationStore.getBanners();
|
||||
var locationId = this.props.locationId;
|
||||
var locationName = this.props.locationName;
|
||||
var locationId = this.props.locationId;
|
||||
var locationName = this.props.locationName;
|
||||
var bannersToShow = [];
|
||||
|
||||
|
||||
if (locationId) {
|
||||
bannersToShow = allBanners[locationName][locationId];
|
||||
|
||||
|
||||
} else {
|
||||
bannersToShow = allBanners[locationName];
|
||||
|
||||
|
||||
}
|
||||
|
||||
bannersToShow = bannersToShow || [];
|
||||
|
||||
|
||||
return { banners: bannersToShow };
|
||||
return { banners: bannersToShow };
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
module.exports = LinkBanner;
|
||||
module.exports = LinkBanner;
|
||||
|
||||
Reference in New Issue
Block a user