functional simplest_photo

Author: jroodman

.gitignore

@@ -27,6 +27,9 @@
 
 # Compiled assets
 /public/assets
+/public/uploads
+
+.DS_Store
 
 # JS Dependencies
 node_modules

Gemfile

@@ -39,6 +39,10 @@ gem 'pundit'
 # Using Active_Materials skin for ActiveAdmin
 gem "active_material", github: "vigetlabs/active_material"
 
+#Using Simplest Photo for photo management
+gem 'simplest_photo', github: 'vigetlabs/simplest_photo'
+gem 'dragonfly-s3_data_store'
+
 # Javascript build tool for use of Colonel Kurtz
 gem "browserify-rails"
 

Gemfile.lock

@@ -22,6 +22,14 @@ GIT
   specs:
     active_material (1.4.1)
 
+GIT
+  remote: https://github.com/vigetlabs/simplest_photo.git
+  revision: 20dfe346c7b015afa0134faee0cbfc521c574eb1
+  specs:
+    simplest_photo (0.0.1)
+      dragonfly
+      rails (>= 4.2.1)
+
 GIT
   remote: https://github.com/vigetlabs/viget-deployment.git
   revision: 42b48c6707cf703fe69be0544d3c6d4c033a21fa
@@ -138,15 +146,39 @@ GEM
       responders
       warden (~> 1.2.3)
     diff-lcs (1.3)
+    dragonfly (1.1.3)
+      addressable (~> 2.3)
+      multi_json (~> 1.0)
+      rack (>= 1.3)
+    dragonfly-s3_data_store (1.3.0)
+      dragonfly (~> 1.0)
+      fog-aws
     draper (3.0.0)
       actionpack (~> 5.0)
       activemodel (~> 5.0)
       activemodel-serializers-xml (~> 1.0)
       activesupport (~> 5.0)
       request_store (~> 1.0)
     erubi (1.6.1)
+    excon (0.57.1)
     execjs (2.7.0)
     ffi (1.9.18)
+    fog-aws (1.4.0)
+      fog-core (~> 1.38)
+      fog-json (~> 1.0)
+      fog-xml (~> 0.1)
+      ipaddress (~> 0.8)
+    fog-core (1.44.3)
+      builder
+      excon (~> 0.49)
+      formatador (~> 0.2)
+    fog-json (1.0.2)
+      fog-core (~> 1.0)
+      multi_json (~> 1.10)
+    fog-xml (0.1.3)
+      fog-core
+      nokogiri (>= 1.5.11, < 2.0.0)
+    formatador (0.2.5)
     formtastic (3.1.5)
       actionpack (>= 3.2.13)
     formtastic_i18n (0.6.0)
@@ -157,6 +189,7 @@ GEM
       activesupport (>= 4.1, < 5.2)
     highline (1.7.8)
     i18n (0.8.4)
+    ipaddress (0.8.3)
     jbuilder (2.7.0)
       activesupport (>= 4.2.0)
       multi_json (>= 1.2)
@@ -334,6 +367,7 @@ DEPENDENCIES
   capybara (~> 2.13)
   coffee-rails (~> 4.2)
   devise
+  dragonfly-s3_data_store
   draper
   inherited_resources!
   jbuilder (~> 2.5)
@@ -348,6 +382,7 @@ DEPENDENCIES
   sass-rails (~> 5.0)
   selenium-webdriver
   shoulda-matchers!
+  simplest_photo!
   spring
   spring-watcher-listen (~> 2.0.0)
   turbolinks (~> 5)

README.md

@@ -6,43 +6,67 @@ coffee drinkers.
 
 ## Development Setup
 
-Ensure you have `rbenv` installed on your machine.
+1. Clone the repository onto your machine
+
+    $ git clone [email protected]:vigetlabs/GroundRules.git
+
+2. Enter into the project directory
+
+    $ cd GroundRules
+
+3. Ensure you have `postrgres` installed
+
+    $ brew install postgres
+
+4. Ensure the `postgres` server is running
+
+    $ pg_ctl -D /usr/local/var/postgres -l /usr/local/var/postgres/server.log start
+
+5. Ensure you have `rbenv` installed on your machine
 
     $ brew install rbenv
 
-Ensure you have Ruby `2.4.1` installed on your machine.
+6. Ensure you have Ruby `2.4.1` installed on your machine
 
     $ rbenv install 2.4.1
 
-Install Bundler
+7. Install Bundler
 
     $ gem install bundler
 
-To get the application running, first install gem dependencies with Bundler:
+8. To get the application running, first install gem dependencies with Bundler:
 
     $ bundle install
 
-Copy the example environment dotfile and fill out:
+9. Install ImageMagick
+
+    $ brew install imagemagick
+
+10. Copy the example environment dotfile and fill out:
+
+    $ cp config/secrets.example.yml config/secrets.yml
+
+10a. Keys can be generated by using the following command:
 
-    $ cp secrets.example.yml secrets.yml
+    $ bundle exec rake secret
 
-Copy the sample database configuration file and fill out:
+11. Copy the sample database configuration file and fill out:
 
     $ cp config/database.example.yml config/database.yml
 
-Run npm install
+12. Run npm install
 
     $ npm install
 
-Create, migrate and seed the database:
+13. Create, migrate and seed the database:
 
     $ rake db:create db:migrate db:seed
 
-Start the server:
+14. Start the server:
 
-        $ rails s
+    $ rails s
 
-Now the application will be available at `localhost:3000`.
+Now the application will be available at `localhost:3000`
 
 ## Deploying Changes
 

app/admin/device.rb

@@ -3,7 +3,7 @@
   config.filters = false
 
   permit_params :name,
-                :image_url
+                :image_id
 
   action_item :device_problem, only: [:show, :edit] do
     link_to 'Problems', admin_device_device_problems_path(resource)
@@ -12,15 +12,15 @@
   index do
     column :name
     column "Image" do |device|
-      image_tag device.image_url, style: 'width: 5rem; height: 5rem'
+      image_tag device.image.url, style: 'width: 5rem; height: 5rem'
     end
     actions
   end
 
   form do |f|
     f.inputs do
       f.input :name
-      f.input :image_url
+      f.input :image, as: :photo_select
     end
     f.actions
   end

app/admin/inputs/colonel_kurtz_input.rb

@@ -31,7 +31,6 @@ def to_html
     end
   end
 
-
   private
 
   def editor_div

app/admin/inputs/photo_select_input.rb

@@ -0,0 +1,94 @@
+class PhotoSelectInput < Formtastic::Inputs::StringInput
+
+  include Rails.application.routes.url_helpers
+
+  def file
+    @object.send(method)
+  end
+
+  def file_attachment
+    @object.send("#{method}_attachment")
+  end
+
+  def association_primary_key
+    "#{method}_id"
+  end
+
+  def file_class
+    if file.present?
+      file.class
+    else
+      self.class.name.match(/\A(?<model>\w+)SelectInput/)[:model].constantize
+    end
+  end
+
+  def file_name
+    file_class.name
+  end
+
+  def index_url
+    url_for [:admin, file_class.table_name.to_sym, only_path: true]
+  end
+
+  def file_route_key
+    file_class.model_name.i18n_key
+  end
+
+  def input_html_options
+    {
+      data: {
+        url:      index_url,
+        resource: file_name
+      }
+    }.deep_merge(super)
+  end
+
+  def to_html
+    input_wrapping do
+      label_html <<
+      field_html <<
+      image_preview_html
+    end
+  end
+
+  def field_html
+    builder.text_field(association_primary_key, input_html_options)
+  end
+
+  def image_preview_html
+    if image_stored?
+      %Q{
+        <p class="image-preview">
+          #{template.image_tag(image.thumb('x100').url)}
+          <br>
+          #{template.link_to('Original Image', image.url, target: '_blank')}
+        </p>
+      }.html_safe
+    end
+  end
+
+  def label_html
+    super.tap do |label|
+      links = [template.link_to('New', [:new, :admin, file_route_key], target: '_blank', class: 'photo-picker-button')]
+
+      if image_stored? && show_remove_link? && file_attachment.present?
+        links.unshift template.link_to('Remove', [:admin, file_attachment], method: :delete, class: 'photo-picker-button')
+      end
+
+      label.insert -9, links.join
+    end
+  end
+
+  def image_stored?
+    file.try(:image_stored?)
+  end
+
+  def image
+    file.try(:image)
+  end
+
+  def show_remove_link?
+    @object.persisted? && !required?
+  end
+
+end

app/admin/photo.rb

@@ -0,0 +1,43 @@
+ActiveAdmin.register Photo do
+  config.sort_order = 'created_at_desc'
+
+  filter :name_contains
+
+  permit_params :image,
+                :name
+
+  index do
+    column :image do |photo|
+      image_tag photo.url, style: 'width: 5rem; height: 5rem'
+    end
+    column :name
+    actions
+  end
+
+  show title: :name do
+    attributes_table do
+      row(:image) { |photo| image_tag photo.url }
+      row :name
+      row :created_at
+      row :updated_at
+    end
+
+    panel 'Attachments' do
+      table_for resource.photo_attachments do
+        column 'Item', :attachable
+        column('Role') { |a| a.attachable_name.titleize }
+      end
+    end
+  end
+
+  form do |f|
+    inputs do
+      if f.object.new_record?
+        input :image, as: :file
+      end
+      input :name
+    end
+    actions
+  end
+
+end

app/admin/roast.rb

@@ -3,8 +3,7 @@
   permit_params :name,
                 :toggle_text,
                 :description,
-                :toggle_image_url,
-                :thumbnail_image_url
+                :toggle_image_id
 
   filter :name_contains
 
@@ -15,7 +14,7 @@
   index do
     column :name
     column "Toggle Image" do |roast|
-      image_tag roast.toggle_image_url, style: 'width: 5rem; height: 5rem'
+      image_tag roast.toggle_image.url, style: 'width: 5rem; height: 5rem'
     end
     column :toggle_text
     column :description

app/admin/roast_brand.rb

@@ -8,14 +8,14 @@
 
   permit_params :brand_name,
                 :roast_name,
-                :image_url,
+                :image_id,
                 :roast_id
 
   index do
     column :brand_name
     column :roast_name
-    column "Image" do |device|
-      image_tag device.image_url, style: 'width: 5rem; height: 5rem'
+    column "Image" do |roast_brand|
+      image_tag roast_brand.image.url, style: 'width: 5rem; height: 5rem'
     end
     column "Roast" do |roast_brand|
       roast_brand.roast.name
@@ -27,7 +27,7 @@
     f.inputs do
       f.input :brand_name
       f.input :roast_name
-      f.input :image_url
+      f.input :image, as: :photo_select
     end
     f.actions
   end