oxen_media 0.0.2

data/app/views/media/_fields.html.haml

@@ -0,0 +1,42 @@
+-# = f.error_notification
+.form-inputs
+  .div.hidden
+    = m.input :imageable_id, as: :hidden, wrapper: :info_hidden
+    = m.input :imageable_type, as: :hidden, wrapper: :info_hidden
+    = m.input :lng_lat, as: :hidden, wrapper: :info_hidden
+
+  .form-group.fileupload-buttonbar
+    .row
+      .col.s12
+        // The fileinput-button span is used to style the file input field as button
+        = m.file_field :medium, multiple: true, name: "medium[medium]", id: "medium_medium"
+        %span.btn.hover_green.fileinput-button{ style: "margin-left: 12px"}
+          %i.material-icons add
+          %span.hide-on-med-and-down= t('.add_files')
+
+        %span.btn.hover_green.start
+          %i.material-icons file_upload
+          %span.hide-on-med-and-down= t('.start_upload')
+
+        -# %span.btn.hover_yellow.cancel
+        -#   %i.material-icons cancel
+        -#   %span.hide-on-med-and-down= t('.cancel_upload')
+
+        %span.btn.delete
+          %i.material-icons delete
+          %span.hide-on-med-and-down= t('.delete')
+        %span.fileNum
+        %span.fileSize
+
+        %input.toggle{ type: "checkbox" }
+
+      .col.s12
+        // The global progress bar
+        .progress.fileupload-progress.fade{ style: "display:none"}
+          .determinate{ style:"width:0%;"}
+
+  // The loading indicator is shown during image processing
+  // .fileupload-loading
+  %br
+  // The table listing the files available for upload/download
+  .row.files{ data: {toggle: "modal-gallery", target: "#modal-gallery"}}

data/app/views/media/_form.html.haml

@@ -0,0 +1,48 @@
+:css
+  input[type='file'] { display: none }
+  /*.dropbox { background-color: transparent }*/
+  /*.files img { max-height: 50px }*/
+  .green-background { background-color: #607d8b }
+  .card.small.uploaded { width: 100%; float: left; margin-top: 20px; margin-right: 10px; }
+  .card .card-action { padding: 0px; margin: 0px; bottom: 5px }
+  .card .card-action a { margin-right: 0px; margin-bottom: -5px; margin-left: 10px}
+  .card-action .row { margin-bottom: 0px }
+  /*.card .card-image { height: 150px }*/
+  .card .card-image.uploaded { position: relative; max-height: 75% }
+  .progress { position: absolute }
+  .preview img, .card-image img { max-width: 100%; max-height: 100% }
+  .card .card-content .card-title.activator { font-size: 7px; color: black; background-color: transparent; line-height: 8px }
+  .progress { width: 70% }
+  .card .card-title { font-size: 9px }
+  .activator:hover { cursor: pointer }
+
+  @media only screen and (max-width: 320px)                           { .card.small.uploaded { height: 75px } }
+  @media only screen and (min-width: 321px) and (max-width: 480px)    { .card.small.uploaded { height: 100px } }
+  @media only screen and (min-width: 481px) and (max-width: 768px)    { .card.small.uploaded { height: 125px } }
+  @media only screen and (min-width: 769px) and (max-width: 960px)    { .card.small.uploaded { height: 175px } }
+  @media only screen and (min-width: 961px) and (max-width: 992px)    { .card.small.uploaded { height: 230px } }
+  @media only screen and (min-width: 993px) and (max-width: 1024px)   { .card.small.uploaded { height: 150px } }
+  @media only screen and (min-width: 1025px) and (max-width: 1240px)  { .card.small.uploaded { height: 190px } }
+  @media only screen and (min-width: 1241px)                          { .card.small.uploaded { height: 230px } }
+  /*@media only screen and (min-width: 1600px)                          { .card .card-image.uploaded { max-height: 85% } }*/
+
+  .card .card-image.uploaded { height: 85% }
+
+- unless f
+  = simple_form_for(resource.media.build, html: { id: "fileupload", role: 'form', multipart: true } ) do |m|
+    = render partial: 'media/fields', locals: { m: m}
+
+- else
+  -# this is a really bad hack!
+  -# but the (extra) form command totally f***'s up the parent form
+  - simple_form_for(resource.media.build, html: { id: "fileupload", role: 'form', multipart: true } ) do |m|
+    - @m = m
+  = render partial: 'media/fields', locals: {m: @m}
+
+/ Modal Structure
+#modal1.modal
+  .modal-content{ style: "height: 90%;overflow: scroll;" }
+    %h4 Fill this
+
+  .modal-footer{ style: "height: 10%; bottom: 0px; "}
+    %a.close-modal.waves-effect.waves-green.btn{ href: "#!"}= t("submit")

data/app/views/media/_media.html.haml

@@ -0,0 +1,18 @@
+:css
+	.uris ul.collection .collection-item.avatar { min-height: 40px !important; }
+
+%h5{ style: "padding-left: 10px"}
+	= t( "#{resource_class.to_s.pluralize.underscore}.media")
+	%span{ class: "#{medialist}"}
+
+- unless @disabled
+	= render partial: 'media/form', locals: {resource: resource, f: f}
+	-# = link_to url, class: 'new_medium right btn hover_green' do
+	-# 	%i.material-icons add
+	-# 	%span.hide-on-med-and-down= t('.medium.new')
+
+
+.row{ id: "#{medialist}"}
+	- resource.media.each do |medium|
+		.col.s4
+			= render 'media/medium', medium: medium unless medium.new_record?

data/app/views/media/_medium.html.haml

@@ -0,0 +1,25 @@
+.card.small.uploaded{ id: "medium-#{medium.id}", data: { id: "#{medium.id}"}}
+  -# , class: "#{'medium' unless @disabled===true}"
+  .card-image.uploaded.waves-effect.waves-block.waves-light
+    = image_tag medium.medium._url(:thumb), class: 'activator'
+  .card-action
+    .row
+      .col.s12
+        / %strong.error.text-danger
+        / TODO 18-10-2015 picture properties and edit/crop does not work
+        -# %i.material-icons.activator.right{ style: "margin-top: 6px; margin-left: 5px"} more_vert
+        -# = link_to medium, class: 'edit_link right', data: { url: '/media', name: "#{medium.title}", id: "#{medium.id}", remove: "#medium-#{medium.id}" } do
+        -#   %i.material-icons.green-text.small{ title: "#{t('.edit')}", style: "margin-top: 5px"} edit
+        = link_to medium, class: 'delete_link right', data: { url: '/media', name: "#{medium.title}", id: "#{medium.id}", remove: "#medium-#{medium.id}" } do
+          %i.material-icons.red-text.small{ title: "#{t('.delete')}", style: "margin-top: 5px"} delete
+
+  .card-reveal
+    %span.card-title.grey-text.text-darken-4
+      Billed egenskaber
+      %i.material-icons.right close
+    %p
+      %span.card-title.grey-text.text-darken-4= (medium.title.blank? ? medium.medium.filename : medium.title)
+    %p
+      %input.string.optional{ name: "media[medium#{medium.id}][title]", placeholder: "Titel" }
+    %p
+      %textarea.text.optional.materialize-textarea{ name: "media[medium#{medium.id}][description]", placeholder: "Beskrivelse" }

data/app/views/media/_medium_fields.html.haml

@@ -0,0 +1,4 @@
+.card.small.uploaded{ id: "medium-#{m.object.id}", data: { id: "#{m.object.id}"}}
+  -# , class: "#{'medium' unless @disabled===true}"
+  .card-image.uploaded.waves-effect.waves-block.waves-light
+    = image_tag m.object.medium._url(:thumb), class: 'activator'

data/app/views/media/create.js.haml

@@ -0,0 +1,2 @@
+.col.s4
+  = render 'medium', medium: resource

data/app/views/media/crop.html.haml

@@ -0,0 +1,3 @@
+= form_for resource do |f|
+  = f.cropbox :medium
+  / f.previewbox :medium, width: 300, height: 300

data/app/views/media/edit.html.haml

@@ -0,0 +1,2 @@
+- @disabled = false
+= render 'form'

data/app/views/media/index.html.haml

@@ -0,0 +1,29 @@
+%h1 Listing media
+
+%table
+  %thead
+    %tr
+      %th Label
+      %th Imageable
+      %th Media
+      %th Lng lat
+      %th File size
+      %th
+      %th
+      %th
+
+  %tbody
+    - @media.each do |medium|
+      %tr
+        %td= medium.label
+        %td= medium.imageable
+        %td= medium.media
+        %td= medium.lng_lat
+        %td= medium.file_size
+        %td= link_to 'Show', medium
+        %td= link_to 'Edit', edit_medium_path(medium)
+        %td= link_to 'Destroy', medium, :method => :delete, :data => { :confirm => 'Are you sure?' }
+
+%br
+
+= link_to 'New Medium', new_medium_path

data/app/views/media/index.json.jbuilder

@@ -0,0 +1,4 @@
+json.array!(@media) do |medium|
+  json.extract! medium, :id, :label, :imageable_id, :imageable_type, :media, :lng_lat, :file_size
+  json.url medium_url(medium, format: :json)
+end

data/app/views/media/new.html.erb

@@ -0,0 +1,5 @@
+<h1>New Medium</h1>
+
+<%= render 'form' %>
+
+<%= link_to 'Back', media_path %>

data/app/views/media/show.html.haml

@@ -0,0 +1,21 @@
+%p#notice= notice
+
+%p
+  %b Title:
+  = resource.title
+%p
+  %b Imageable:
+  = link_to 'imageable',resource.imageable
+%p
+  %b Media:
+  = image_tag resource.medium
+%p
+  %b Lng lat:
+  = resource.lng_lat
+%p
+  %b File size:
+  / = resource.file_size
+
+= link_to 'Edit', edit_medium_path(resource)
+\|
+= link_to 'Back', media_path

data/app/views/media/show.json.jbuilder

@@ -0,0 +1 @@
+json.extract! @medium, :id, :label, :imageable_id, :imageable_type, :media, :lng_lat, :file_size, :created_at, :updated_at

data/app/views/media/update_crop.js.haml

@@ -0,0 +1 @@
+= image_tag resource.medium, class: 'activator'

data/bin/rails

@@ -0,0 +1,12 @@
+#!/usr/bin/env ruby
+# This command will automatically be run when you run "rails" with Rails 4 gems installed from the root of your application.
+
+ENGINE_ROOT = File.expand_path('../..', __FILE__)
+ENGINE_PATH = File.expand_path('../../lib/oxen_media/engine', __FILE__)
+
+# Set up gems listed in the Gemfile.
+ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../../Gemfile', __FILE__)
+require 'bundler/setup' if File.exist?(ENV['BUNDLE_GEMFILE'])
+
+require 'rails/all'
+require 'rails/engine/commands'

data/config/initializers/backtrace_silencers.rb

@@ -0,0 +1,9 @@
+# Be sure to restart your server when you modify this file.
+
+# You can add backtrace silencers for libraries that you're using but don't
+# wish to see in your backtraces.
+Rails.backtrace_cleaner.add_silencer { |line| line =~ /rvm/ }
+
+# You can also remove all the silencers if you're trying to debug a problem
+# that might stem from framework code.
+# Rails.backtrace_cleaner.remove_silencers!

data/config/initializers/carrier_wave.rb

@@ -0,0 +1,11 @@
+if Rails.env.production?
+  # CarrierWave.configure do |config|
+  #   config.fog_credentials = {
+  #     # Configuration for Amazon S3
+  #     :provider              => 'AWS',
+  #     :aws_access_key_id     => ENV['S3_ACCESS_KEY'],
+  #     :aws_secret_access_key => ENV['S3_SECRET_KEY']
+  #   }
+  #   config.fog_directory     =  ENV['S3_BUCKET']
+  # end
+end

data/config/initializers/simple_form.rb

@@ -0,0 +1,14 @@
+# Use this setup block to configure all options available in SimpleForm.
+SimpleForm.setup do |config|
+  # Wrappers are used by the form builder to generate a
+  # complete input. You can remove any component from the
+  # wrapper, change the order or even add your own to the
+  # stack. The options given below are used to wrap the
+  # whole input.
+
+  config.wrappers :info_hidden, :tag => 'span' do |b| # , :class => 'input-field col s12'
+    b.use :html5
+    b.use :input
+  end
+
+end

data/config/locales/media.en.yml

@@ -0,0 +1,20 @@
+en:
+  success:
+    created: '%{resource} was created successfully'
+    updated: '%{resource} was updated successfully'
+    deleted: '%{resource} was deleted successfully'
+
+  flash:
+    actions:
+      create:
+        notice: "%{resource_name} was successfully created."
+      update:
+        notice: "%{resource_name} was successfully updated."
+      destroy:
+        notice: "%{resource_name} was successfully destroyed."
+        alert: "%{resource_name} could not be destroyed."
+        alert_html: "<strong>OH NOES!</strong> You did it wrong!"
+
+    # posts:
+    #   create:
+    #     notice: "Your post was created and will be published soon"

data/config/routes.rb

@@ -0,0 +1,6 @@
+Rails.application.routes.draw do
+  resources :media do
+    get :crop
+    post :update_crop
+  end
+end

data/db/migrate/20150629071720_create_media.rb

@@ -0,0 +1,13 @@
+class CreateMedia < ActiveRecord::Migration
+  def change
+    create_table :media do |t|
+      t.string :title
+      t.references :imageable, polymorphic: true, index: true
+      t.string :medium
+      t.string :lng_lat
+      t.text :description
+
+      t.timestamps null: false
+    end
+  end
+end

data/lib/generators/media/USAGE

@@ -0,0 +1,8 @@
+Description:
+    Explain the generator
+
+Example:
+    rails generate media Thing
+
+    This will create:
+        what/will/it/create

data/lib/generators/media/media_generator.rb

@@ -0,0 +1,48 @@
+class MediaGenerator < Rails::Generators::NamedBase
+  source_root File.expand_path('../templates', __FILE__)
+
+  include Rails::Generators::Migration
+  def self.source_root
+    @source_root ||= File.join(File.dirname(__FILE__), 'templates')
+  end
+
+  def self.next_migration_number(dirname)
+    if ActiveRecord::Base.timestamped_migrations
+      Time.new.utc.strftime("%Y%m%d%H%M%S")
+    else
+      "%.3d" % (current_migration_number(dirname) + 1)
+    end
+  end
+
+  def create_migration_file
+    migration_template 'medium.rb', 'db/migrate/create_media.rb'
+  end
+
+end
+#
+# require 'rails/generators'
+# require 'rails/generators/migration'
+#
+# module OxenAccount
+#   module Generators
+#     class AccountGenerator < Rails::Generators::Base
+#       include Rails::Generators::Migration
+#       def self.source_root
+#         @source_root ||= File.join(File.dirname(__FILE__), 'templates')
+#       end
+#
+#       def self.next_migration_number(dirname)
+#         if ActiveRecord::Base.timestamped_migrations
+#           Time.new.utc.strftime("%Y%m%d%H%M%S")
+#         else
+#           "%.3d" % (current_migration_number(dirname) + 1)
+#         end
+#       end
+#
+#       def create_migration_file
+#         migration_template 'account.rb', 'db/migrate/create_accounts.rb'
+#         migration_template 'user_permission.rb', 'db/migrate/create_user_permissions.rb'
+#       end
+#     end
+#   end
+# end

data/lib/generators/media/templates/medium.rb

@@ -0,0 +1,13 @@
+class CreateMedia < ActiveRecord::Migration
+  def change
+    create_table :media do |t|
+      t.string :title
+      t.references :imageable, polymorphic: true, index: true
+      t.string :medium
+      t.string :lng_lat
+      t.text :description
+
+      t.timestamps null: false
+    end
+  end
+end

data/lib/oxen_media.rb

@@ -0,0 +1,7 @@
+require "oxen_media/version"
+require "oxen_media/engine"
+require "carrierwave/crop"
+require "carrierwave"
+
+module OxenMedia
+end

data/lib/oxen_media/engine.rb

@@ -0,0 +1,19 @@
+module OxenMedia
+  class Engine < ::Rails::Engine
+    # config.autoload_paths << File.expand_path("../concerns", __FILE__)
+    #
+    # config.generators do |g|
+    #   g.test_framework :rspec,
+    #     :fixture => false,
+    #     :fixtures => true,
+    #     :view_specs => false,
+    #     :helper_specs => false,
+    #     :routing_specs => false,
+    #     :controller_specs => true,
+    #     :request_specs => true
+    #   g.fixture_replacement :factory_girl, :dir => "spec/factories"
+    #   g.assets false
+    #   g.helper false
+    # end
+  end
+end

data/lib/oxen_media/version.rb

@@ -0,0 +1,3 @@
+module OxenMedia
+  VERSION = "0.0.2"
+end