Skip to content

V
VietTH-VenShop
Commit a9b16269 by Tran Hoang Viet
Options

VietTH: Implement feature share scocials and update layout venshop

parent ceb74a0c
Showing with 156 additions and 20 deletions
app/assets/stylesheets/layout.css.scss
...@@ -31,7 +31,18 @@ label.error{ ...@@ -31,7 +31,18 @@ label.error{
#content{ #content{
.products-list-detail{ .products-list-detail{
.product-item{ .product-item{
margin-bottom: 30px; position: relative;
min-height: 380px;
&:hover{
-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.72);
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.72);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.72);
background-color: #F3F3F3;
.share-scocial{
display: block;
}
}
padding-bottom: 30px;
.product-image{ .product-image{
position: relative; position: relative;
&.disable{ &.disable{
...@@ -44,6 +55,23 @@ label.error{ ...@@ -44,6 +55,23 @@ label.error{
} }
} }
.share-scocial{
display: none;
text-align: center;
margin-left: -15px;
position: absolute;
bottom: 0;
width: 100%;
.facebook, .twitter{
img{
min-width: 10px;
width: 100px;
margin-bottom: 10px;
height: auto;
}
}
}
.product-title{ .product-title{
margin: 10px 0; margin: 10px 0;
} }
...@@ -137,3 +165,7 @@ footer{ ...@@ -137,3 +165,7 @@ footer{
.text-left{ .text-left{
text-align: left !important; text-align: left !important;
} }
.breadcrumb{
margin-bottom: 0;
}
\ No newline at end of file
app/assets/stylesheets/product.css.scss
...@@ -9,4 +9,8 @@ ...@@ -9,4 +9,8 @@
.product-title{ .product-title{
font-size: 16px; font-size: 16px;
} }
.share-scocial{
display: block !important;
}
} }
\ No newline at end of file
app/controllers/categories_controller.rb
class CategoriesController < ApplicationController class CategoriesController < ApplicationController
before_action :set_category, only: [:show] before_action :set_category, only: [:show]
before_action :set_meta, only: [:show]
before_action :add_breadcrumb_home before_action :add_breadcrumb_home
def show def show
...@@ -12,4 +13,9 @@ class CategoriesController < ApplicationController ...@@ -12,4 +13,9 @@ class CategoriesController < ApplicationController
@category = Category.find(params[:id]) @category = Category.find(params[:id])
end end
def set_meta
Meta.title = @category.decorate.title
Meta.name = @category.decorate.title
end
end end
\ No newline at end of file
app/controllers/products_controller.rb
...@@ -3,6 +3,7 @@ class ProductsController < ApplicationController ...@@ -3,6 +3,7 @@ class ProductsController < ApplicationController
before_action :set_categories, only: [:new, :create] before_action :set_categories, only: [:new, :create]
before_action :add_breadcrumb_home before_action :add_breadcrumb_home
before_action :authenticate_user!, only: [:new, :create, :add_cart] before_action :authenticate_user!, only: [:new, :create, :add_cart]
before_action :set_meta, only: [:show]
def new def new
@product = Product.new @product = Product.new
...@@ -55,4 +56,13 @@ class ProductsController < ApplicationController ...@@ -55,4 +56,13 @@ class ProductsController < ApplicationController
@cart_service ||= CartService.new(current_user, params) @cart_service ||= CartService.new(current_user, params)
end end
def set_meta
Meta.title = @product.title
Meta.name = @product.title
Meta.image = @product.image_md_url
Meta.image_lg = @product.image_lg_url
Meta.description = "#{@product.title} - #{@product.price}"
Meta.author = @product.user.email
end
end end
\ No newline at end of file
app/helpers/scocial_helper.rb 0 → 100644
module ScocialHelper
def facebook_share_url(url)
"https://www.facebook.com/sharer/sharer.php?u=#{url || request.original_url}"
end
def twitter_share_url(url)
"https://twitter.com/home?status=#{url || request.original_url}"
end
end
\ No newline at end of file
app/models/meta.rb 0 → 100644
class Meta
class << self
attr_accessor :title, :description, :name, :image, :image_lg, :author
def title
@title || 'Venshop Zigexn VeNtura'
end
def image
@image || ActionController::Base.helpers.asset_url('logo.png')
end
def image_lg
@image_lg || image
end
end
end
\ No newline at end of file
app/views/layouts/_header.html.haml
.navbar-header %nav.navbar.navbar-inverse.navbar-fixed-top
.container-fluid
.navbar-header
%button.navbar-toggle.collapsed{"aria-controls" => "navbar", "aria-expanded" => "false", "data-target" => "#navbar", "data-toggle" => "collapse", :type => "button"} %button.navbar-toggle.collapsed{"aria-controls" => "navbar", "aria-expanded" => "false", "data-target" => "#navbar", "data-toggle" => "collapse", :type => "button"}
%span.sr-only Toggle navigation %span.sr-only Toggle navigation
%span.icon-bar %span.icon-bar
%span.icon-bar %span.icon-bar
%span.icon-bar %span.icon-bar
%a.navbar-brand.logo{:href => "/"} = link_to root_path, class: 'navbar-brand logo' do
%img{src: 'http://zigexn.vn/assets/logo-main-e75d68f895f288e75637440f337c1687.png'} %img{src: 'http://zigexn.vn/assets/logo-main-e75d68f895f288e75637440f337c1687.png'}
#navbar.navbar-collapse.collapse #navbar.navbar-collapse.collapse
%ul.nav.navbar-nav.navbar-right %ul.nav.navbar-nav.navbar-right
- if user_signed_in? - if user_signed_in?
%li %li
...@@ -21,3 +23,11 @@ ...@@ -21,3 +23,11 @@
= link_to('Login', new_user_session_path) = link_to('Login', new_user_session_path)
%li %li
= link_to 'Register', new_user_registration_path = link_to 'Register', new_user_registration_path
.navbar-form.navbar-right
= form_tag search_products_path, method: :get do
.input-group
= text_field_tag :query, params[:query], class: 'form-control', placeholder: 'Search for title...'
%span.input-group-btn
%button.btn.btn-default{type: "submit"} Go!
app/views/layouts/_meta.html.haml 0 → 100644
%title= Meta.title || 'Venshop Zigexn VeNtura'
%meta{content: Meta.description, name: "description"}
/ Schema.org markup for Google+
%meta{content: Meta.name, itemprop: "name"}
%meta{content: Meta.description, itemprop: "description"}
%meta{content: Meta.image, itemprop: "image"}
/ Twitter Card data
%meta{content: Meta.image_lg, name: "twitter:card"}
%meta{content: Meta.title, name: "twitter:title"}
%meta{content: Meta.description, name: "twitter:description"}
%meta{content: Meta.author, name: "twitter:creator"}
/ Twitter summary card with large image must be at least 280x150px
%meta{content: Meta.image_lg, name: "twitter:image:src"}
/ Open Graph data
%meta{content: Meta.title, property: "og:title"}
%meta{content: "article", property: "og:type"}
%meta{content: Settings.base_url, property: "og:url"}
%meta{content: Meta.image, property: "og:image"}
%meta{content: Meta.description, property: "og:description"}
%meta{content: Meta.title, property: "og:site_name"}
%meta{content: ENV['FB_APP_ID'], property: "fb:admins"}
\ No newline at end of file
app/views/layouts/_search.html.haml
= form_tag search_products_path, method: :get do
.input-group
= text_field_tag :query, params[:query], class: 'form-control', placeholder: 'Search for title...'
%span.input-group-btn
%button.btn.btn-default{type: "submit"} Go!
app/views/layouts/application.html.haml
!!! !!!
%html{:lang => "en"} %html{:lang => "en"}
%title Vendor
= stylesheet_link_tag 'application', media: 'all' = stylesheet_link_tag 'application', media: 'all'
= javascript_include_tag 'application' = javascript_include_tag 'application'
= csrf_meta_tags = csrf_meta_tags
= render 'layouts/meta'
%body %body
%nav.navbar.navbar-inverse.navbar-fixed-top %nav.navbar.navbar-inverse.navbar-fixed-top
.container-fluid .container-fluid
= render '/layouts/header' = render 'layouts/header'
#wrapper.container-fluid #wrapper.container-fluid
= render '/layouts/message' = render 'layouts/message'
.row .row
.col-md-6.search-wrapper .col-md-6.search-wrapper
...@@ -28,6 +29,9 @@ ...@@ -28,6 +29,9 @@
.row .row
.col-md-12 .col-md-12
= render 'layouts/cart' = render 'layouts/cart'
.row
.col-md-12
= render 'layouts/share_scocial'
.col-md-10 .col-md-10
= yield = yield
......
app/views/products/_add_to_cart_btn.html.haml
...@@ -4,4 +4,4 @@ ...@@ -4,4 +4,4 @@
= text_field_tag :quantity, 1, class: 'form-control quantity' = text_field_tag :quantity, 1, class: 'form-control quantity'
= hidden_field_tag :stock, max_quantity, class: 'max-quantity' = hidden_field_tag :stock, max_quantity, class: 'max-quantity'
.input-group-btn .input-group-btn
= submit_tag 'Add', class: "btn-add btn btn-default", disabled: product.stock.zero? = submit_tag 'Add', class: "btn-add btn btn-danger", disabled: product.stock.zero?
app/views/products/_product.html.haml
.product-item.col-md-4.text-center .product-item.col-md-3.text-center
.product-title .product-title
= link_to product.decorate.short_title, product = link_to product.decorate.short_title, product
.product-price .product-price
...@@ -11,3 +11,11 @@ ...@@ -11,3 +11,11 @@
Stock: Stock:
= product.stock = product.stock
= render 'products/add_to_cart_btn', product: product = render 'products/add_to_cart_btn', product: product
.clearfix
.share-scocial
= link_to facebook_share_url(product_url(product)), class: 'facebook', target: '_blank' do
= image_tag 'facebook.png'
= link_to twitter_share_url(product_url(product)), class: 'twitter', target: '_blank' do
= image_tag 'twitter.png'
\ No newline at end of file
app/views/products/show.html.haml
#product-detail.products-list-detail #product-detail.products-list-detail
= render 'product', product: @product = render 'product', product: @product
.clearfix .clearfix
.col-md-4.text-center .col-md-3.text-center
.product-id .product-id
Item ID: Item ID:
= @product.id = @product.id
......
config/application.yml
...@@ -3,4 +3,6 @@ AWS_ACCESS: AKIAJ77C4CTZOP7TUVWQ ...@@ -3,4 +3,6 @@ AWS_ACCESS: AKIAJ77C4CTZOP7TUVWQ
AWS_SECRET: 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 AWS_SECRET: cYJYb/MLGV0M6oi1+DjlliL1cfxmh78tKXnT6ZmX
AWS_TAG: zigexn6400-22 AWS_TAG: zigexn6400-22
FB_APP_ID: 1629224294024346
SOLR_URL: http://localhost:8080/solr/venshop SOLR_URL: http://localhost:8080/solr/venshop
\ No newline at end of file
config/initializers/kaminari_config.rb
Kaminari.configure do |config| Kaminari.configure do |config|
config.default_per_page = 6 config.default_per_page = 8
# config.max_per_page = nil # config.max_per_page = nil
# config.window = 4 # config.window = 4
# config.outer_window = 0 # config.outer_window = 0
......
config/settings.yml
defaults: &defaults defaults: &defaults
limit_category: 6 limit_category: 8
limit_product_recommended: 6 limit_product_recommended: 8
limit_product_newest: 9 limit_product_newest: 12
limit_length_category_title: 50 limit_length_category_title: 50
development: development:
<<: *defaults <<: *defaults
solr_url: http://localhost:8080/solr/venshop solr_url: http://localhost:8080/solr/venshop
base_url: http://locahost:3000
test: test:
<<: *defaults <<: *defaults
solr_url: http://localhost:8080/solr/venshop_test solr_url: http://localhost:8080/solr/venshop_test
base_url: http://locahost:3000
production: production:
<<: *defaults <<: *defaults
solr_url: http://localhost:8080/solr/venshop solr_url: http://localhost:8080/solr/venshop
base_url: http://192.168.1.204:3005
staging: staging:
<<: *defaults <<: *defaults
solr_url: http://localhost:8080/solr/venshop solr_url: http://localhost:8080/solr/venshop
base_url: http://alicuche.koding.io
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment