Week 1

Gemfile

@@ -26,6 +26,16 @@ gem 'sdoc', '~> 0.4.0',          group: :doc
 # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
 gem 'spring',        group: :development
 
+gem "devise"
+
+gem "bootstrap-sass"
+
+gem 'carrierwave'
+
+gem "mini_magick"
+
+gem "simple_form"
+
 # Use ActiveModel has_secure_password
 # gem 'bcrypt', '~> 3.1.7'
 

Gemfile.lock

@@ -28,14 +28,28 @@ GEM
       thread_safe (~> 0.1)
       tzinfo (~> 1.1)
     arel (5.0.1.20140414130214)
+    bcrypt (3.1.7)
+    bootstrap-sass (3.2.0.0)
+      sass (~> 3.2)
     builder (3.2.2)
+    carrierwave (0.10.0)
+      activemodel (>= 3.2.0)
+      activesupport (>= 3.2.0)
+      json (>= 1.7)
+      mime-types (>= 1.16)
     coffee-rails (4.0.1)
       coffee-script (>= 2.2.0)
       railties (>= 4.0.0, < 5.0)
     coffee-script (2.2.0)
       coffee-script-source
       execjs
     coffee-script-source (1.7.0)
+    devise (3.2.4)
+      bcrypt (~> 3.0)
+      orm_adapter (~> 0.1)
+      railties (>= 3.2.6, < 5)
+      thread_safe (~> 0.1)
+      warden (~> 1.2.3)
     erubis (2.7.0)
     execjs (2.2.0)
     hike (1.2.3)
@@ -51,8 +65,11 @@ GEM
       mime-types (~> 1.16)
       treetop (~> 1.4.8)
     mime-types (1.25.1)
+    mini_magick (3.7.0)
+      subexec (~> 0.2.1)
     minitest (5.3.4)
     multi_json (1.10.1)
+    orm_adapter (0.5.0)
     polyglot (0.3.5)
     rack (1.5.2)
     rack-test (0.6.2)
@@ -84,6 +101,9 @@ GEM
     sdoc (0.4.0)
       json (~> 1.8)
       rdoc (~> 4.0, < 5.0)
+    simple_form (3.0.2)
+      actionpack (~> 4.0)
+      activemodel (~> 4.0)
     spring (1.1.3)
     sprockets (2.11.0)
       hike (~> 1.2)
@@ -95,6 +115,7 @@ GEM
       activesupport (>= 3.0)
       sprockets (~> 2.8)
     sqlite3 (1.3.9)
+    subexec (0.2.3)
     thor (0.19.1)
     thread_safe (0.3.4)
     tilt (1.4.1)
@@ -108,17 +129,24 @@ GEM
     uglifier (2.5.0)
       execjs (>= 0.3.0)
       json (>= 1.8.0)
+    warden (1.2.3)
+      rack (>= 1.0)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
+  bootstrap-sass
+  carrierwave
   coffee-rails (~> 4.0.0)
+  devise
   jbuilder (~> 2.0)
   jquery-rails
+  mini_magick
   rails (= 4.1.0)
   sass-rails (~> 4.0.3)
   sdoc (~> 0.4.0)
+  simple_form
   spring
   sqlite3
   turbolinks

app/assets/javascripts/admin/products.js.coffee

@@ -0,0 +1,3 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://coffeescript.org/

app/assets/javascripts/application.js

@@ -14,3 +14,5 @@
 //= require jquery_ujs
 //= require turbolinks
 //= require_tree .
+//= require bootstrap
+

app/assets/javascripts/products.js.coffee

@@ -0,0 +1,3 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://coffeescript.org/

app/assets/stylesheets/admin/products.css.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the admin::products controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/

app/assets/stylesheets/application.css

@@ -12,4 +12,5 @@
  *
  *= require_tree .
  *= require_self
+ *= require bootstrap
  */

app/assets/stylesheets/products.css.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the products controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/

app/controllers/admin/products_controller.rb

@@ -0,0 +1,57 @@
+class Admin::ProductsController < ApplicationController
+	before_action :authenticate_user!
+	before_action :admin_required
+
+	def index 
+		@products = Product.all
+	end
+
+	def show
+		@product = Product.find(params[:id])
+	end
+
+	def new 
+		@product = Product.new
+	end
+
+	def edit 
+		@product = Product.find(params[:id])
+	end
+
+  	def destroy
+  		@product = Product.find(params[:id])
+    	@product.destroy
+    	redirect_to admin_products_path
+
+	end
+
+	def create
+
+		#@product = Product.crate(product_params)
+		@product = Product.new(product_params)
+		if @product.save
+			redirect_to admin_products_path
+		else
+			render :new
+		end
+	end 
+
+	def update 
+
+		@product = Product.find(params[:id])
+
+		if 
+			@product.update(product_params) 
+			redirect_to admin_products_path
+		else
+      		render :edit
+    	end
+	end	
+
+	private
+
+	def product_params
+		params.require(:product).permit(:title, :description, :quantity, :image, :price)
+	end
+
+end

app/controllers/application_controller.rb

@@ -2,4 +2,23 @@ class ApplicationController < ActionController::Base
   # Prevent CSRF attacks by raising an exception.
   # For APIs, you may want to use :null_session instead.
   protect_from_forgery with: :exception
+
+  def admin_required
+    if current_user.admin? == false
+      render :text => "You can't access this page"
+    end
+  end
+
+  def after_sign_in_path_for(resource_or_scope)
+    if current_user.admin? == true
+      admin_products_path
+    else
+      products_path
+    end
+
+  end
+
+  def after_sign_out_path_for(resource_or_scope)
+    products_path
+  end
 end

app/controllers/products_controller.rb

@@ -0,0 +1,12 @@
+class ProductsController < ApplicationController	
+	def index 
+		@products = Product.all
+	end
+
+	def show
+		@product = Product.find(params[:id])
+	end
+
+	private
+
+end

app/helpers/admin/products_helper.rb

@@ -0,0 +1,2 @@
+module Admin::ProductsHelper
+end

app/helpers/products_helper.rb

@@ -0,0 +1,2 @@
+module ProductsHelper
+end

app/models/product.rb

@@ -0,0 +1,3 @@
+class Product < ActiveRecord::Base
+	mount_uploader :image, ImageUploader
+end

app/models/user.rb

@@ -0,0 +1,10 @@
+class User < ActiveRecord::Base
+  # Include default devise modules. Others available are:
+  # :confirmable, :lockable, :timeoutable and :omniauthable
+  devise :database_authenticatable, :registerable,
+         :recoverable, :rememberable, :trackable, :validatable
+
+  def admin?
+  	return is_admin
+  end
+end

app/uploaders/image_uploader.rb

@@ -0,0 +1,51 @@
+# encoding: utf-8
+
+class ImageUploader < CarrierWave::Uploader::Base
+
+  # Include RMagick or MiniMagick support:
+  # include CarrierWave::RMagick
+  include CarrierWave::MiniMagick
+
+  # Choose what kind of storage to use for this uploader:
+  storage :file
+  # storage :fog
+
+  # Override the directory where uploaded files will be stored.
+  # This is a sensible default for uploaders that are meant to be mounted:
+  def store_dir
+    "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
+  end
+
+  # Provide a default URL as a default if there hasn't been a file uploaded:
+  # def default_url
+  #   # For Rails 3.1+ asset pipeline compatibility:
+  #   # ActionController::Base.helpers.asset_path("fallback/" + [version_name, "default.png"].compact.join('_'))
+  #
+  #   "/images/fallback/" + [version_name, "default.png"].compact.join('_')
+  # end
+
+  # Process files as they are uploaded:
+  # process :scale => [200, 300]
+  #
+  # def scale(width, height)
+  #   # do something
+  # end
+
+  # Create different versions of your uploaded files:
+  version :thumb do
+    process :resize_to_fit => [150, 150]
+  end
+
+  # Add a white list of extensions which are allowed to be uploaded.
+  # For images you might use something like this:
+  # def extension_white_list
+  #   %w(jpg jpeg gif png)
+  # end
+
+  # Override the filename of the uploaded files:
+  # Avoid using model.id or version_name here, see uploader/store.rb for details.
+  # def filename
+  #   "something.jpg" if original_filename
+  # end
+
+end

app/views/admin/products/edit.html.erb

@@ -0,0 +1,29 @@
+
+<div class="page-header">
+  <h1>Product Edit</h1>
+</div>
+
+  <div class="container col-md-4 col-md-offset-1">
+
+  	<%= simple_form_for @product, :url => admin_product_path, :html=> {  role: 'form' } do |f| %>
+    	<p>
+    	<%= f.input :title, autofocus: true, label: '商品名稱', input_html: { class: 'form-control', required: true  } %>
+    	</p>
+  		<p>
+  		<%= f.input :description, as: :text , label: '商品描述', input_html: { class: 'form-control', required: true  } %>
+    	</p>
+    	<p>
+    	<%= f.input :quantity,autofocus: true, label: '商品數量', input_html: { class: 'form-control', required: true  } %>
+     	</p>
+     	<p>
+     	<%= f.input :price, autofocus: true, label: '商品價格', input_html: { class: 'form-control', required: true  } %>
+     	</p>
+     	<p>
+        <%= f.input :image, as: :file , label: '商品圖片' %>
+        <br>	
+        <%= image_tag @product.image_url(:thumb).to_s %>
+        </p>
+        <%= f.submit "Submit", :class => "btn btn-lg btn-primary btn-block"  %>
+    </div>
+
+<% end %>

app/views/admin/products/index.html.erb

@@ -0,0 +1,39 @@
+
+<div class="page-header">
+  <h1>Product List</h1>
+</div>
+
+<div class="span12"> 
+<div class="group">
+<%= link_to("New Product", new_admin_product_path , :class => "btn btn-mini btn-primary pull-right") %>
+</div>
+<table class="table">
+<thead> 
+	<tr>
+		<td> # </td>
+		<td> 商品名稱 </td>
+		<td> 商品描述 </td>
+		<td> 商品數量 </td>
+		<td> 商品價格 </td>
+		<td> 商品縮圖 </td>
+		<td> 操作 </td>
+	</tr>
+</thead>
+<tbody>
+<% @products.each do |product| %> 
+<tr>
+	<td> # </td>
+	<td> <%= link_to(product.title, admin_product_path(product)) %> </td>
+	<td> <%= product.description %> </td>
+	<td> <%= product.quantity %> </td>
+	<td> <%= product.price %> </td>
+	<td>
+	<%= image_tag product.image_url(:thumb).to_s %>
+	</td>
+	 <td> <%= link_to("Edit", edit_admin_product_path(product), :class => "btn btn-mini")%>
+	<%= link_to("Delete", admin_product_path(product), :class => "btn btn-mini", :method=>:delete,:confirm=>"Are you sure?")%>
+	</td>
+</tr>
+<% end %> </tbody>
+ </table>
+</div>

app/views/admin/products/new.html.erb

@@ -0,0 +1,26 @@
+
+<div class="page-header">
+  <h1>Product New</h1>
+</div>
+  <div class="container col-md-4 col-md-offset-1">
+
+  	<%= simple_form_for [:admin, @product],:html=> {  role: 'form' } do |f| %>
+    	<p>
+    	<%= f.input :title, autofocus: true, label: '商品名稱', input_html: { class: 'form-control', required: true  } %>
+    	</p>
+  		<p>
+  		<%= f.input :description, as: :text , label: '商品描述', input_html: { class: 'form-control', required: true  } %>
+    	</p>
+    	<p>
+    	<%= f.input :quantity,autofocus: true, label: '商品數量', input_html: { class: 'form-control', required: true  } %>
+     	</p>
+     	<p>
+     	<%= f.input :price, autofocus: true, label: '商品價格', input_html: { class: 'form-control', required: true  } %>
+     	</p>
+     	<p>
+        <%= f.input :image, as: :file , label: '商品圖片' %>
+        </p>
+        <%= f.submit "Submit", :class => "btn btn-lg btn-primary btn-block"  %>
+    </div>
+
+<% end %>