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

tested mobile version, aded viewport tag

Browse Source
This commit is contained in:
Senad Uka
2015-01-29 07:07:08 +01:00
parent 906c29b22f
commit b8caf1a8a7
6 changed files with 23 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
front-api/Gemfile
View File

@@ -16,7 +16,6 @@ end
gem "sinatra"
gem "sinatra-activerecord"
gem "json"
gem 'puma'

1
front-api/app.rb
View File

@@ -7,6 +7,7 @@ Dir[File.dirname(__FILE__) + '/models/*.rb'].each {|file| require file }
set :bind, '0.0.0.0'
before do
content_type :json
# TODO: before running to production change this so that only specific

3
front-api/controllers/item.rb
View File

@@ -10,9 +10,6 @@ def prepare_items_for_mass_display(items)
])
end
def offset_and_limit_invalid?(offset, limit)
offset < 0 or limit <= 0 or limit > 100
end

29
front-ui/app/components/items/itemWithDetailsPage.js
View File

@@ -13,24 +13,29 @@ var ItemWithDetailsPage = React.createClass({
return (
<div className="item-with-details row-fluid center">
<div className="span3">
<h3> {this.state.item.get('name')} </h3>
<div>
<div className='h4'> {this.state.item.get('list_price')} KM</div>
<div> {this.state.item.get('description')}</div>
</div>
<Carousel images={this.state.images}
<div className="item-with-details row-fluid center">
<div className="col-md-5">
<Carousel images={this.state.images}
selected={this.state.currentImage}
onClickLeft={this.onClickLeft}
onClickRight={this.onClickRight}
onSelectImage={this.onSelectImage} />
</div>
<div className="span4">
</div>
<div className="col-md-7">
<h3> {this.state.item.get('name')} </h3>
<div>
<div className='h4'> {this.state.item.get('list_price')} KM</div>
<div> {this.state.item.get('description')}</div>
</div>
quantitative descriptions
</div>
</div>
</div>
);
},

4
front-ui/app/css/carousel.css
View File

@@ -15,11 +15,15 @@
-ms-user-select: none;
user-select: none;
}
.arrow {
position: relative;
top: -100px;
padding: 10px;
}
.carousel-stage {
width: 300px;
height: 200px;

1
front-ui/build/index.html
View File

@@ -3,6 +3,7 @@
<head>
<link rel='stylesheet' type='text/css' href='ribica.css'>
<meta name="fragment" content="!">
<meta name="viewport" content="initial-scale=0.9">
</head>
<body>
<!--