lato_media 2.1 → 2.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: d98dcf681865bedf65da24fa84faf6de698dafcf
-  data.tar.gz: 1b59c4832da05d4f69385656040ebf2f8ec78be3
+SHA256:
+  metadata.gz: fdec1c78649d43fde79735eea890260d8b7480c7517a21553bbfb4d8211af60a
+  data.tar.gz: 7e017a2081d22c2f18671bcae0070fdf5e335839d9142f53502176a0e9ca789d
 SHA512:
-  metadata.gz: c11d7f15b2b5f721605dcb39120f7ccedef89355a81f0fefb49f777d3ae7894762763961758dc740d60751f967e168ad932c2f5e7a5e9da6728a0f67c8d6d7f0
-  data.tar.gz: 5622ff9d9ccea5382d9da718d7d3e7c1d6176db3b029a49a82d131b28dae3847dfb79018a598fc66936ba04359818f498aa04ed15ce1007f660c5ae7a317eb54
+  metadata.gz: 6528d7f4d47d7cdb316ba44c22cabfcadc5945e368c0bb9ccc82f9211050d571f73f37bc53b3be756d979175b602de696f0be16ea397d2948ad67d6cb40607aa
+  data.tar.gz: 3857671f304d8e5cc65ff98bd17e6b53ec09e7723af0d0100fc643405c68c1b0625fe0e284ef45636f2ac5037371239906fd9541b303e769c16b23a2c9c0bc68

data/MIT-LICENSE

@@ -1,4 +1,4 @@
-Copyright 2017 Gregorio Galante
+Copyright 2017 Ideo SRL
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

data/README.md

@@ -1,27 +1,33 @@
 # Lato Media
 
+[![Gem Version](https://badge.fury.io/rb/lato_media.svg)](https://badge.fury.io/rb/lato_media)
+
+Lato is a Rails engine used to develop modular admin panels. This is the module used to manage attachments and media files.
+
 ## Installation
 
-Add the lato_media gem on your Gemfile
+Install [lato_core](https://github.com/ideonetwork/lato-core) gem as required dependency.
+
+Add the lato_media gem on your Gemfile:
 
 ```ruby
 gem 'lato_media'
 ```
 
-Install the gem
+Install the gem:
 
 ```console
 bundle install
 ```
 
-Copy the migrations
+Copy the migrations:
 
 ```console
 rails lato_media:install:migrations
 ```
 
-Exec migrations
+Exec migrations:
 
 ```console
 bundle exec rake db:migrate
-```
+```

data/app/assets/javascripts/lato_media/application.js

@@ -10,9 +10,8 @@
 // Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
 // about supported directives.
 //
-//= require_tree ./initializers
-//= require_tree ./interfaces
+//= require_tree ./modules
 
 $(window).load(function () {
-  MediaInputsInitializer.init()
+  MediaPicker.init()
 })

data/app/assets/javascripts/lato_media/{interfaces/MediaSelector.js → modules/MediaPicker.js}

@@ -1,4 +1,38 @@
-var MediaSelector = (function () {
+var MediaPicker = (function () {
+
+  function initializeMediaInput (media) {
+    var mediaInput = $(media).find('.inputs-media__input')
+    $(mediaInput).change(function () {
+      // get utils data
+      var id = $(this).attr('id')
+      var value = $(this).attr('value')
+      var action = $(media).find('.inputs-media__reload')
+      // generate new url
+      var url = action.attr('href')
+      url = _updateQueryStringParameter(url, 'id', id)
+      url = _updateQueryStringParameter(url, 'value', value)
+      // update url and send request
+      $(action).attr('href', url)
+      $(action).trigger('click')
+    })
+  }
+
+  function initializeGalleryInput (gallery) {
+    var galleryInput = $(gallery).find('.inputs-gallery__input')
+    $(galleryInput).change(function () {
+      // get utils data
+      var id = $(this).attr('id')
+      var value = $(this).attr('value')
+      var action = $(gallery).find('.inputs-gallery__reload')
+      // generate new url
+      var url = action.attr('href')
+      url = _updateQueryStringParameter(url, 'id', id)
+      url = _updateQueryStringParameter(url, 'value', value)
+      // update url and send request
+      $(action).attr('href', url)
+      $(action).trigger('click')
+    })
+  }
 
   // This is the main function used to active the media selector.
   // The inputId is the input used by the selector to save the selected data.
@@ -14,7 +48,7 @@ var MediaSelector = (function () {
     // load index for media selector
     _reloadIndex()
     // open the modal
-    Modal.open('media__media_selector')
+    CoreModal.open('media__media_selector')
   }
 
   // This function closes the media selector and remove all event watcher on it.
@@ -24,7 +58,7 @@ var MediaSelector = (function () {
     $('#media__media_selector').unbind('loadIndexAction')
     $('#media__media_selector_cancel_button').unbind('click')
     // close the modal
-    Modal.close('media__media_selector')
+    CoreModal.close('media__media_selector')
   }
 
   // This function reload the index list for the medias.
@@ -120,9 +154,42 @@ var MediaSelector = (function () {
     })
   }
 
+  // This function updates uri params.
+  function _updateQueryStringParameter (uri, key, value) {
+    var re = new RegExp('([?&])' + key + '=.*?(&|$)', 'i')
+    var separator = uri.indexOf('?') !== -1 ? '&' : '?'
+    if (uri.match(re)) {
+      return uri.replace(re, '$1' + key + '=' + value + '$2')
+    }
+    else {
+      return uri + separator + key + '=' + value
+    }
+  }
+
+  function _initMediaInput () {
+    $('.inputs-media').each(function () {
+      initializeMediaInput(this)
+    })
+  }
+
+  function _initGalleryInput () {
+    $('.inputs-gallery').each(function () {
+      initializeGalleryInput(this)
+    })
+  }
+
+  // Init:
+  function init () {
+    _initMediaInput()
+    _initGalleryInput()
+  }
+
   return {
+    init: init,
     open: open,
-    close: close
+    close: close,
+    initializeMediaInput: initializeMediaInput,
+    initializeGalleryInput: initializeGalleryInput
   }
 
-})()
+})()

data/app/cells/lato_media/inputs/gallery/views/show.html.erb

@@ -13,7 +13,7 @@
   <div class="inputs-gallery__preview">
 
     <%=raw LatoMedia::Elements::Previews::Cell.new(medias: @medias, url: '#',
-    onclick: "MediaSelector.open('#{@id}', 99, event);") %>
+    onclick: "MediaPicker.open('#{@id}', 99, event);") %>
 
   </div>
 

data/app/cells/lato_media/inputs/media/views/show.html.erb

@@ -13,7 +13,7 @@
   <div class="inputs-media__preview">
 
     <%=raw LatoMedia::Elements::Preview::Cell.new(media: @media, url: '#',
-    onclick: "MediaSelector.open('#{@id}', 1, event);") %>
+    onclick: "MediaPicker.open('#{@id}', 1, event);") %>
 
   </div>
 

data/app/controllers/lato_media/back/media_selector_controller.rb

@@ -3,6 +3,8 @@ module LatoMedia
   # This class contains actions used by media cells.
   class Back::MediaSelectorController < Back::BackController
 
+    skip_before_action :verify_authenticity_token, only: [:add_media]    
+
     def load_index
       medias = LatoMedia::Media.all
       # set data for view
@@ -39,5 +41,19 @@ module LatoMedia
       @id = params[:id]
     end
 
+    def add_media
+      @media = LatoMedia::Media.new(attachment: params[:file])
+
+      unless @media.save
+        render json: { error: @media.errors.full_messages.to_sentence }, status: 400
+        return
+      end
+
+      render json: {}, status: 200
+    rescue => e
+      puts e
+      render json: { error: 'There was an internal error' }, status: 500
+    end
+
   end
 end

data/app/controllers/lato_media/back/medias_controller.rb

@@ -1,8 +1,6 @@
 module LatoMedia
   class Back::MediasController < Back::BackController
 
-    skip_before_action :verify_authenticity_token, only: [:create]
-
     before_action do
       core__set_menu_active_item('media_medias')
     end
@@ -37,6 +35,9 @@ module LatoMedia
       end
 
       render json: {}, status: 200
+    rescue => e
+      puts e
+      render json: {error: 'There was an internal error'}, status: 500
     end
 
     def edit

data/app/models/lato_media/media.rb

@@ -7,13 +7,18 @@ module LatoMedia
       thumb: "#{CONFIGS[:lato_media][:thumb_media_width]}x#{CONFIGS[:lato_media][:thumb_media_width]}>"
     }
 
+    IMAGES_PROCESSORS = [:thumbnail, :paperclip_optimizer]
+
     # Dependencies:
 
     include Media::EntityHelpers
 
     # Other settings:
 
-    has_attached_file :attachment, styles: lambda { |a| a.content_type =~ /^image/ ? IMAGES_SIZES : {} }
+    has_attached_file :attachment,
+                      styles: lambda { |a| a.content_type =~ /^image/ ? IMAGES_SIZES : {} },
+                      processors: IMAGES_PROCESSORS
+
     do_not_validate_attachment_file_type :attachment
 
     # Callbacks:

data/app/views/lato_media/back/media_selector/load_form.js.erb

@@ -5,5 +5,6 @@ $('#media__media_selector .partials__media-selector-index-container').html('<%=j
 // trigger event of change
 $('#media__media_selector').trigger('loadIndexAction')
 
-// initialize inputs
-InputsInitializer.init()
+// initialize dropzone input
+var dropzone = $('#media__media_selector').find('.inputs-dropzone')
+CoreMediapicker.initializeDropzone(dropzone)

data/app/views/lato_media/back/medias/edit.html.erb

@@ -8,6 +8,24 @@
 <!-- MAIN CONTAINER -->
 <%=raw row.open %>
 
+  <!-- BIG SECTION CONTAINER -->
+  <%=raw container_block_big.open %>
+
+    <%=raw row.open %>
+
+      <%=raw block.open %>
+
+        <%=raw cell(:elements, :title).new(label: @media.title, size: 4) %>
+
+        <%= render 'lato_media/back/medias/shared/form', url: lato_media.media_path(@media.id), method: :put %>
+
+      <%=raw block.close %>
+
+    <%=raw row.close %>
+
+  <%=raw container_block_big.close %>
+  <!-- / BIG SECTION CONTAINER -->
+
   <!-- SMALL SECTION CONTAINER -->
   <%=raw container_block_small.open %>
 
@@ -31,21 +49,5 @@
   <%=raw container_block_small.close %>
   <!-- / SMALL SECTION CONTAINER -->
 
-  <!-- BIG SECTION CONTAINER -->
-  <%=raw container_block_big.open %>
-
-    <%=raw row.open %>
-
-      <%=raw block.open %>
-
-        <%= render 'lato_media/back/medias/shared/form', url: lato_media.media_path(@media.id), method: :put %>
-
-      <%=raw block.close %>
-
-    <%=raw row.close %>
-
-  <%=raw container_block_big.close %>
-  <!-- / BIG SECTION CONTAINER -->
-
 <%=raw row.close %>
 <!-- / MAIN CONTAINER -->

data/app/views/lato_media/back/medias/index.html.erb

@@ -10,7 +10,7 @@
 
     <div class="text-right">
       <%=raw cell(:elements, :button).new(label: LANGUAGES[:lato_media][:mixed][:add_media], icon: 'plus',
-      onclick: "Modal.open('dropzone-modal', event);") %>
+      onclick: "CoreModal.open('dropzone-modal', event);") %>
     </div>
     <br>
 

data/app/views/lato_media/back/medias/refresh_index.js.erb

@@ -2,10 +2,12 @@
 $('.medias__medias-index').replaceWith('<%=j render 'lato_media/back/medias/shared/index' %>')
 
 // Close modal
-Modal.close('dropzone-modal')
+CoreModal.close('dropzone-modal')
 
 // Refresh modal content
-$('.medias__dropzone-modal').replaceWith('<%=j render 'lato_media/back/medias/shared/dropzone_modal' %>')
+var dropzoneContainer = $('#dropzone-modal').find('.medias__dropzone-modal')
+$(dropzoneContainer).replaceWith('<%=j render 'lato_media/back/medias/shared/dropzone_modal' %>')
 
 // Re-initialize dropzone
-InputsInitializer.init()
+var dropzone = $('#dropzone-modal').find('.inputs-dropzone')
+CoreMediapicker.initializeDropzone(dropzone)

data/app/views/lato_media/partials/media_selector/_modal.html.erb

@@ -10,7 +10,7 @@
     <%=raw LatoCore::Elements::Button::Cell.new(url: '#', label: LANGUAGES[:lato_media][:mixed][:cancel],
     style: 'danger', icon: 'ban', id: 'media__media_selector_cancel_button') %>
     <%=raw LatoCore::Elements::Button::Cell.new(url: '#', label: LANGUAGES[:lato_media][:mixed][:confirm],
-    style: 'success', icon: 'check', onclick: 'MediaSelector.close(event);') %>
+    style: 'success', icon: 'check', onclick: 'MediaPicker.close(event);') %>
   </div>
 
 </div>

data/app/views/lato_media/partials/media_selector/_modal_form.html.erb

@@ -1,6 +1,6 @@
 <div class="partials__media-selector-form">
 
-  <%=raw cell(:inputs, :dropzone).new(url: lato_media.medias_path, max_size: CONFIGS[:lato_media][:max_media_accepted_size],
+  <%=raw cell(:inputs, :dropzone).new(url: lato_media.media_selector_add_media_path, max_size: CONFIGS[:lato_media][:max_media_accepted_size],
         label: LANGUAGES[:lato_media][:mixed][:load_media_files]) %>
 
 </div>

data/config/routes/back.rb

@@ -6,4 +6,5 @@ get 'medias_extra/refresh_index', to: 'back/medias#refresh_index', as: 'medias_r
 get 'media_selector/load_index', to: 'back/media_selector#load_index', as: 'media_selector_load_index'
 get 'media_selector/load_form', to: 'back/media_selector#load_form', as: 'media_selector_load_form'
 get 'media_selector/load_inputs_media', to: 'back/media_selector#load_inputs_media', as: 'media_selector_load_inputs_media'
-get 'media_selector/load_inputs_gallery', to: 'back/media_selector#load_inputs_gallery', as: 'media_selector_load_inputs_gallery'
+get 'media_selector/load_inputs_gallery', to: 'back/media_selector#load_inputs_gallery', as: 'media_selector_load_inputs_gallery'
+post 'media_selector/add_media', to: 'back/media_selector#add_media', as: 'media_selector_add_media'

data/lib/lato_media/engine.rb

@@ -4,6 +4,7 @@ module LatoMedia
 
     require 'rubygems'
     require 'paperclip'
+    require 'paperclip-optimizer'
 
     # add routes support
     initializer 'Add gem routes to application', before: :load_config_initializers do

data/lib/lato_media/version.rb

@@ -1,3 +1,3 @@
 module LatoMedia
-  VERSION = '2.1'
+  VERSION = '2.1.2'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lato_media
 version: !ruby/object:Gem::Version
-  version: '2.1'
+  version: 2.1.2
 platform: ruby
 authors:
 - Ideonetwork
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-08-03 00:00:00.000000000 Z
+date: 2018-03-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -44,14 +44,28 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.0.0
+        version: 5.2.1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.0.0
+        version: 5.2.1
+- !ruby/object:Gem::Dependency
+  name: paperclip-optimizer
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: sqlite3
   requirement: !ruby/object:Gem::Requirement
@@ -78,8 +92,7 @@ files:
 - Rakefile
 - app/assets/config/lato_media_manifest.js
 - app/assets/javascripts/lato_media/application.js
-- app/assets/javascripts/lato_media/initializers/Inputs.js
-- app/assets/javascripts/lato_media/interfaces/MediaSelector.js
+- app/assets/javascripts/lato_media/modules/MediaPicker.js
 - app/assets/stylesheets/lato_media/application.scss
 - app/assets/stylesheets/lato_media/cells/_cells.scss
 - app/assets/stylesheets/lato_media/cells/elements/_elements.scss
@@ -152,7 +165,7 @@ files:
 - lib/lato_media/engine.rb
 - lib/lato_media/version.rb
 - lib/tasks/lato_media_tasks.rake
-homepage: http://naturaldesign.cc/
+homepage: http://ideonetwork.it/
 licenses:
 - MIT
 metadata: {}
@@ -172,7 +185,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.12
+rubygems_version: 2.7.3
 signing_key: 
 specification_version: 4
 summary: Lato media module

data/app/assets/javascripts/lato_media/initializers/Inputs.js

@@ -1,62 +0,0 @@
-var MediaInputsInitializer = (function () {
-
-  function initializeMedia () {
-    $('.inputs-media .inputs-media__input').change(function () {
-      // get utils data
-      var id = $(this).attr('id')
-      var media = $('#inputs-media-' + id)
-      var input = $(media).find('.inputs-media__input')
-      var action = $(media).find('.inputs-media__reload')
-      var value = $(input).attr('value')
-      // generate new url
-      var url = action.attr('href')
-      url = _updateQueryStringParameter(url, 'id', id)
-      url = _updateQueryStringParameter(url, 'value', value)
-      // update url and send request
-      $(action).attr('href', url)
-      $(action).trigger('click')
-    })
-  }
-
-  function initializeGallery () {
-    $('.inputs-gallery .inputs-gallery__input').change(function () {
-      // get utils data
-      var id = $(this).attr('id')
-      var gallery = $('#inputs-gallery-' + id)
-      var input = $(gallery).find('.inputs-gallery__input')
-      var action = $(gallery).find('.inputs-gallery__reload')
-      var value = $(input).attr('value')
-      // generate new url
-      var url = action.attr('href')
-      url = _updateQueryStringParameter(url, 'id', id)
-      url = _updateQueryStringParameter(url, 'value', value)
-      // update url and send request
-      $(action).attr('href', url)
-      $(action).trigger('click')
-    })
-  }
-
-  // This function updates uri params.
-  function _updateQueryStringParameter(uri, key, value) {
-    var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
-    var separator = uri.indexOf('?') !== -1 ? "&" : "?";
-    if (uri.match(re)) {
-      return uri.replace(re, '$1' + key + "=" + value + '$2');
-    }
-    else {
-      return uri + separator + key + "=" + value;
-    }
-  }
-
-  // Init:
-
-  function init () {
-    initializeMedia()
-    initializeGallery()
-  }
-
-  return {
-    init: init
-  }
-
-})()