Master

.gitignore

@@ -17,3 +17,6 @@
 /yarn-error.log
 
 .byebug_history
+
+# Ignore application configuration
+/config/application.yml

Gemfile

@@ -29,7 +29,9 @@ gem 'jbuilder', '~> 2.5'
 # Use ActiveModel has_secure_password
 gem 'bcrypt', '~> 3.1.7'
 gem 'jquery-rails'
-
+gem "paperclip", git: "git://github.com/thoughtbot/paperclip.git"
+gem 'aws-sdk', '~> 2'
+gem 'figaro'
 
 # Use Capistrano for deployment
 # gem 'capistrano-rails', group: :development

Gemfile.lock

@@ -1,3 +1,14 @@
+GIT
+  remote: git://github.com/thoughtbot/paperclip.git
+  revision: c794f6df0a10b94f377b9efea08dcfa4e73cfc43
+  specs:
+    paperclip (5.1.0)
+      activemodel (>= 4.2.0)
+      activesupport (>= 4.2.0)
+      cocaine (~> 0.5.5)
+      mime-types
+      mimemagic (~> 0.3.0)
+
 GEM
   remote: https://rubygems.org/
   specs:
@@ -43,6 +54,14 @@ GEM
     arel (8.0.0)
     autoprefixer-rails (7.1.6)
       execjs
+    aws-sdk (2.10.80)
+      aws-sdk-resources (= 2.10.80)
+    aws-sdk-core (2.10.80)
+      aws-sigv4 (~> 1.0)
+      jmespath (~> 1.0)
+    aws-sdk-resources (2.10.80)
+      aws-sdk-core (= 2.10.80)
+    aws-sigv4 (1.0.2)
     bcrypt (3.1.11)
     bindex (0.5.0)
     bootstrap (4.0.0.beta2.1)
@@ -58,6 +77,9 @@ GEM
       rack (>= 1.0.0)
       rack-test (>= 0.5.4)
       xpath (~> 2.0)
+    climate_control (0.2.0)
+    cocaine (0.5.8)
+      climate_control (>= 0.0.3, < 1.0)
     coderay (1.1.2)
     coffee-rails (4.2.2)
       coffee-script (>= 2.2.0)
@@ -78,13 +100,16 @@ GEM
       factory_bot (~> 4.8.2)
       railties (>= 3.0.0)
     ffi (1.9.18)
+    figaro (1.1.1)
+      thor (~> 0.14)
     globalid (0.4.1)
       activesupport (>= 4.2.0)
-    i18n (0.9.0)
+    i18n (0.9.1)
       concurrent-ruby (~> 1.0)
     jbuilder (2.7.0)
       activesupport (>= 4.2.0)
       multi_json (>= 1.2)
+    jmespath (1.3.1)
     jquery-rails (4.3.1)
       rails-dom-testing (>= 1, < 3)
       railties (>= 4.2.0)
@@ -101,6 +126,10 @@ GEM
     mail (2.7.0)
       mini_mime (>= 0.1.1)
     method_source (0.9.0)
+    mime-types (3.1)
+      mime-types-data (~> 3.2015)
+    mime-types-data (3.2016.0521)
+    mimemagic (0.3.2)
     mini_mime (0.1.4)
     mini_portile2 (2.3.0)
     minitest (5.10.3)
@@ -205,17 +234,20 @@ PLATFORMS
   ruby
 
 DEPENDENCIES
+  aws-sdk (~> 2)
   bcrypt (~> 3.1.7)
   bootstrap (~> 4.0.0.alpha6)
   byebug
   capybara
   coffee-rails (~> 4.2)
   database_cleaner
   factory_bot_rails
+  figaro
   jbuilder (~> 2.5)
   jquery-rails
   launchy
   listen (>= 3.0.5, < 3.2)
+  paperclip!
   pg (~> 0.18)
   pry
   puma (~> 3.7)
@@ -228,4 +260,4 @@ DEPENDENCIES
   web-console (>= 3.3.0)
 
 BUNDLED WITH
-   1.16.0.pre.3
+   1.16.0

app/controllers/admin/freelancers_controller.rb

@@ -1,6 +1,8 @@
 class Admin::FreelancersController < Admin::BaseController
 
-
+  def index
+    @freelancers = Freelancer.all
+  end
 
   def new
     @freelancer = Freelancer.new
@@ -10,8 +12,9 @@ def create
 
     @category= Category.find_by(title: category_params[:category])
     @freelancer = @category.freelancers.new(freelancer_params)
-
+    # Set freelancer.image equal to the params[:avatar] and save the post.
     if @freelancer.save
+
       flash[:success] = "You succefully created #{@freelancer.name}"
       redirect_to freelancer_path(@freelancer)
     else

app/models/freelancer.rb

@@ -6,4 +6,24 @@ class Freelancer < ApplicationRecord
   has_many :orders, through: :order_freelancers
 
   enum status: ["active", "retired"]
+
+
+
+  has_attached_file :avatar, styles: {
+    thumb: '100x100>',
+    square: '200x200#',
+    medium: '300x300>'
+  }
+
+
+=begin
+Additional ImageMagick resizing options can be found here
+The has_attached_file method also accepts a styles hash that specifies the resize dimensions of the uploaded image. The > and # symbols will tell ImageMagick how the image will be resized (the > will proportionally reduce the size of the image).
+=end
+
+# Validate the attached image is image/jpg, image/png, etc
+  validates_attachment_content_type :avatar,
+                                    :content_type => /^image\/(png|gif|jpeg|jpg)/,
+                                    :message => 'only (png/gif/jpeg|jpg) images'
+
 end

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

@@ -8,7 +8,7 @@
   <div class="row d-flex justify-content-around">
     <% group.each do |freelancer| %>
     <div class="card col-3 d-flex text-center">
-      <img class="card-img-top" src="<%=freelancer.image%>" alt="Card image cap">
+      <div><%=image_tag(freelancer.avatar.url(:thumb), id: "image_#{freelancer.id}")%></div>
       <h4 class="card-title">Name: <%=freelancer.name%></h4>
       <p class="card-text"><%=freelancer.description%></p>
       <p class="card-text"><%=freelancer.price%>/hr</p>

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

@@ -1,5 +1,5 @@
 <div class="form-outline">
-  <%=form_for [:admin, @freelancer] do |f| %>
+  <%=form_for [:admin, @freelancer], multipart: true do |f| %>
   <div class="new-account-item">
     <div class="form-control account-input">
       <%= f.label :name, class: 'new-account-label'%>
@@ -28,10 +28,15 @@
     </div>
   </div>
 
+  <div class="new-account-item">
+    <div class="form-control account-input">
+      <%= f.label :avatar, class: 'new-account-label'%>
+      <%= f.file_field :avatar, class: 'new-account-box'%>
+    </div>
+  </div>
 
   <div class="new-account-item">
     <%= f.submit "Create Freelancer Profile", class: "btn btn-primary create-button" %>
   </div>
   <% end %>
 </div>
-</div>

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

@@ -26,7 +26,7 @@ Cancelled: <%= @orders.total_cancelled %>
     <% if order.Paid? %>
     <%= link_to "Mark as Completed", admin_dashboard_path(order_id: order.id, status: 'Completed'), method: :patch %>
     <% end %>
-    <%= link_to "View Order #{order.id}", order_path(order) %>
+    <%= link_to "View Order #{order.id}", admin_order_path(order) %>
   </div>
 </br>
 <% end %>

app/views/cart/show.html.erb

@@ -2,7 +2,7 @@
 
 <% @cart.collect_freelancers.each do |freelancer| %>
 <ul class="list-group">
-  <%= image_tag(freelancer.image, size: "100x100", class: "image-fl-index", id: "image_#{freelancer.id}") %>
+  <%= image_tag(freelancer.avatar.url(:square), class: "image-fl-index", id: "image_#{freelancer.id}") %>
   <h3>Name: <%= freelancer.name %></h3>
   <li class="list-group-item"><%= freelancer.description %></li>
   <li class="list-group-item">Quantity: <%= @cart.count_of(freelancer.id)%></li>

app/views/categories/show.html.erb

@@ -4,10 +4,14 @@
 
   <%@category.freelancers.each do |freelancer| %>
 
-    <%= image_tag(freelancer.image, size: "50x50", class: "image-fl-index", id: "image_#{freelancer.id}") %>
+  <div class="">
+      <div><%=image_tag(freelancer.avatar.url(:thumb), id: "image_#{freelancer.id}")%></div>
+    <ul>
      <h4>Name: <%= freelancer.name %></h4>
       <li class="list-group-item"><%= freelancer.description%></li>
       <li class="list-group-item">$<%= freelancer.price %>/hr</li>
       <li class="list-group-item"> <%= button_to "Choose Me!", cart_index_path(freelancer_id: freelancer.id), class: "btn btn-danger btn-sm"%></li>
     <% end %>
   </ul>
+
+  </div>

app/views/freelancers/index.html.erb

@@ -7,12 +7,13 @@
 
 
 
+
 <div class="card-deck d-flex justify-content-between">
   <% @freelancers.in_groups_of(3, false).each do |group| %>
   <div class="row d-flex justify-content-around">
     <% group.each do |freelancer| %>
     <div class="card col-3 d-flex text-center">
-      <img class="card-img-top" src="<%=freelancer.image%>" alt="Card image cap">
+      <div><%=image_tag(freelancer.avatar.url(:thumb), id: "image_#{freelancer.id}")%></div>
       <h4 class="card-title">Name: <%=freelancer.name%></h4>
       <p class="card-text"><%=freelancer.description%></p>
       <p class="card-text"><%=freelancer.price%>/hr</p>

app/views/freelancers/show.html.erb

@@ -1,6 +1,7 @@
 <div class="container d-flex justify-content-center">
   <div class="card text-center" style="width:600px">
-    <img class="card-img-top" src="<%=@freelancer.image%>" alt="Card image cap">
+    <div><%=image_tag(@freelancer.avatar.url(:thumb), id: "image_#{@freelancer.id}")%></div>
+
     <div class="card-block">
       <h4 class="card-title"> Name: <%=@freelancer.name%></h4>
       <p class="card-text"><%=@freelancer.description%></p>

config/environments/development.rb

@@ -1,4 +1,16 @@
 Rails.application.configure do
+
+  config.paperclip_defaults = {
+  storage: :s3,
+  s3_credentials: {
+    bucket: ENV.fetch('S3_BUCKET_NAME'),
+    access_key_id: ENV.fetch('AWS_ACCESS_KEY_ID'),
+    secret_access_key: ENV.fetch('AWS_SECRET_ACCESS_KEY'),
+    s3_region: ENV.fetch('AWS_REGION'),
+    }
+  }
+  Paperclip.options[:command_path] = "/usr/local/bin/config"
+
   # Settings specified here will take precedence over those in config/application.rb.
 
   # In the development environment your application's code is reloaded on
@@ -51,4 +63,7 @@
   # Use an evented file watcher to asynchronously detect changes in source code,
   # routes, locales, etc. This feature depends on the listen gem.
   config.file_watcher = ActiveSupport::EventedFileUpdateChecker
+
+
+
 end

config/environments/production.rb

@@ -1,4 +1,17 @@
 Rails.application.configure do
+
+  config.paperclip_defaults = {
+    storage: :s3,
+    s3_credentials: {
+      bucket: ENV.fetch('S3_BUCKET_NAME'),
+      access_key_id: ENV.fetch('AWS_ACCESS_KEY_ID'),
+      secret_access_key: ENV.fetch('AWS_SECRET_ACCESS_KEY'),
+      s3_region: ENV.fetch('AWS_REGION'),
+    }
+  }
+
+    Paperclip.options[:command_path] = "/usr/local/bin/config"
+
   # Settings specified here will take precedence over those in config/application.rb.
 
   # Code is not reloaded between requests.
@@ -28,7 +41,7 @@
   # config.assets.css_compressor = :sass
 
   # Do not fallback to assets pipeline if a precompiled asset is missed.
-  config.assets.compile = false
+  config.assets.compile = true
 
   # `config.assets.precompile` and `config.assets.version` have moved to config/initializers/assets.rb
 
@@ -88,4 +101,7 @@
 
   # Do not dump schema after migrations.
   config.active_record.dump_schema_after_migration = false
+
+
+
 end

config/environments/test.rb

@@ -1,4 +1,16 @@
 Rails.application.configure do
+
+  config.paperclip_defaults = {
+    storage: :s3,
+    s3_credentials: {
+      bucket: ENV['S3_BUCKET_NAME'],
+      access_key_id: ENV['AWS_ACCESS_KEY_ID'],
+      secret_access_key: ENV['AWS_SECRET_ACCESS_KEY'],
+      s3_region: ENV['S3_REGION'],
+      s3_host_name: ENV['S3_HOST_NAME']
+    }
+  }
+
   # Settings specified here will take precedence over those in config/application.rb.
 
   # The test environment is used exclusively to run your application's
@@ -39,4 +51,6 @@
 
   # Raises error for missing translations
   # config.action_view.raise_on_missing_translations = true
+
+
 end

config/routes.rb

@@ -9,8 +9,8 @@
 
   namespace :admin do
     resources :users, only: [:edit, :update, :show]
-    resources :freelancers, only: [:new, :create]
-    
+    resources :freelancers, only: [:new, :create, :index]
+
     resources :orders, only: [:show]
     get '/dashboard', to: 'orders#index'
     patch '/dashboard', to: 'orders#update'

data/freelancers.csv

@@ -1,4 +1,4 @@
-name,description,price,image,category_id
+name,description,price,image,category_id, status
 Kelly ,"I am a professional front-end web developer, with more than 5 years experience building beautiful websites. I primarily serve solopreneurs, other freelancers, and small businesses.",100,chelsea-ferenando-201350.jpg,1
 Peter,Engineer and creative mind with over 5 years of experience in software development. Very interested in creating appealing web and mobile solutions and developing fun 'out of the box' alternatives to user needs.,125,dami-adebayo-208876.jpg,4
 Jacob,"Since 2011, I have focused on building top-notch native iOS apps, embracing new technologies, and developing great client relationships.",200,brooke-cagle-224815.jpg,4
@@ -7,7 +7,7 @@ Michael,"User Experience Design, User Interface Design, Responsive Web Design, M
 Olivia,I have almost 10 years experience working with packaging and I have knowledge in both graphic design and product design. One of my designs was a finalist at the 2012 HBA International Package Design Awards in New York City.,75,priscilla-du-preez-216787.jpg,7
 Angela,"In over 20 years of professional writing, I have flexed my style to suit the audience and meet the goals of my clients from across the spectrum of economic sectors: business, journalism, government, education, and non-profits. ",45,pete-bellis-199853.jpg,5
 Samantha,"I have worked as a Quality Assurance Engineer for over 10 years. I have tested UI, Data scraping and Websites. Look forward in working with you",30,michael-dam-258165.jpg,8
-George," 20+ years experience in Business Applications consulting, desing and development",150,warren-wong-242286.jpg,6
+George," 20+ years experience in Business Applications consulting, desing and development",150,warren-wong-242286.jpg,6, 1
 Timothy,"Web Developer interested in freelance opportunities. A strong focus on modern web development: multithreaded programming, OOP, operation with huge Databases. Experience of nearly 10 years.",30,ivana-cajina-322968.jpg,2
-Francis,"I am a Graphic Designer/Illustrator with over 36 years of experience. I have spent the last nineteen years working digitally but am also able to do illustrations and drawings by hand. I am comfortable doing any design/illustration work by computer as well and have experience doing everything from cartoons, banners, vector art, logos, business card design, brochure design, posters, ebook cover designs, post cards, dvd covers, editorial cartoons, etc.. ",75,brooke-cagle-171800.jpg,7
-Janet,I am UI designer with 3 years working experience. Several times per year I am improving my skills and knowledge by passing design courses. ,110,foto-sushi-128246.jpg,3
+Francis,"I am a Graphic Designer/Illustrator with over 36 years of experience. I have spent the last nineteen years working digitally but am also able to do illustrations and drawings by hand. I am comfortable doing any design/illustration work by computer as well and have experience doing everything from cartoons, banners, vector art, logos, business card design, brochure design, posters, ebook cover designs, post cards, dvd covers, editorial cartoons, etc.. ",75,brooke-cagle-171800.jpg,7, 1
+Janet,I am UI designer with 3 years working experience. Several times per year I am improving my skills and knowledge by passing design courses. ,110,foto-sushi-128246.jpg,3, 1

db/migrate/20171107234018_add_avatar_to_freelancers.rb

@@ -0,0 +1,11 @@
+class AddAvatarToFreelancers < ActiveRecord::Migration[5.1]
+
+  def self.up
+    add_attachment :freelancers, :avatar
+  end
+
+  def self.down
+    remove_attachment :freelancers, :avatar
+  end
+
+end