mix-rails-albums 0.10.2

data/app/assets/stylesheets/skins/ie7/skin.css

@@ -0,0 +1,190 @@
+.jcarousel-skin-ie7 .jcarousel-container {
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+    background: #D4D0C8;
+    border: 1px solid #808080;
+}
+
+.jcarousel-skin-ie7 .jcarousel-direction-rtl {
+	direction: rtl;
+}
+
+.jcarousel-skin-ie7 .jcarousel-container-horizontal {
+    width: 245px;
+    padding: 20px 40px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-container-vertical {
+    width: 75px;
+    height: 245px;
+    padding: 40px 20px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-clip {
+    overflow: hidden;
+}
+
+.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
+    width:  245px;
+    height: 77px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-clip-vertical {
+    width:  77px;
+    height: 245px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-item {
+    width: 75px;
+    height: 75px;
+    border: 1px solid #fff;
+}
+
+.jcarousel-skin-ie7 .jcarousel-item:hover,
+.jcarousel-skin-ie7 .jcarousel-item:focus {
+    border-color: #808080;
+}
+
+.jcarousel-skin-ie7 .jcarousel-item-horizontal {
+    margin-left: 0;
+    margin-right: 7px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-item-horizontal {
+	margin-left: 7px;
+	margin-right: 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-item-vertical {
+    margin-bottom: 7px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-item-placeholder {
+}
+
+/**
+ *  Horizontal Buttons
+ */
+.jcarousel-skin-ie7 .jcarousel-next-horizontal {
+    position: absolute;
+    top: 43px;
+    right: 5px;
+    width: 32px;
+    height: 32px;
+    cursor: pointer;
+    background: transparent url(next-horizontal.gif) no-repeat 0 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-next-horizontal {
+    left: 5px;
+    right: auto;
+    background-image: url(prev-horizontal.gif);
+}
+
+.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover,
+.jcarousel-skin-ie7 .jcarousel-next-horizontal:focus {
+    background-position: -32px 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
+    background-position: -64px 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
+.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
+.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:focus,
+.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
+    cursor: default;
+    background-position: -96px 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
+    position: absolute;
+    top: 43px;
+    left: 5px;
+    width: 32px;
+    height: 32px;
+    cursor: pointer;
+    background: transparent url(prev-horizontal.gif) no-repeat 0 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
+    left: auto;
+    right: 5px;
+    background-image: url(next-horizontal.gif);
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover,
+.jcarousel-skin-ie7 .jcarousel-prev-horizontal:focus {
+    background-position: -32px 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
+    background-position: -64px 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:focus,
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
+    cursor: default;
+    background-position: -96px 0;
+}
+
+/**
+ *  Vertical Buttons
+ */
+.jcarousel-skin-ie7 .jcarousel-next-vertical {
+    position: absolute;
+    bottom: 5px;
+    left: 43px;
+    width: 32px;
+    height: 32px;
+    cursor: pointer;
+    background: transparent url(next-vertical.gif) no-repeat 0 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-next-vertical:hover,
+.jcarousel-skin-ie7 .jcarousel-next-vertical:focus {
+    background-position: 0 -32px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-next-vertical:active {
+    background-position: 0 -64px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical,
+.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:hover,
+.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:focus,
+.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:active {
+    cursor: default;
+    background-position: 0 -96px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-vertical {
+    position: absolute;
+    top: 5px;
+    left: 43px;
+    width: 32px;
+    height: 32px;
+    cursor: pointer;
+    background: transparent url(prev-vertical.gif) no-repeat 0 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-vertical:hover,
+.jcarousel-skin-ie7 .jcarousel-prev-vertical:focus {
+    background-position: 0 -32px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-vertical:active {
+    background-position: 0 -64px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical,
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:hover,
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:focus,
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {
+    cursor: default;
+    background-position: 0 -96px;
+}

data/app/assets/stylesheets/skins/tango/credits.txt

@@ -0,0 +1 @@
+Button images copyright by Tango Icon Library Team (http://tango.freedesktop.org/Tango_Icon_Library)

data/app/assets/stylesheets/skins/tango/skin.css

@@ -0,0 +1,186 @@
+.jcarousel-skin-tango .jcarousel-container {
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+   border-radius: 10px;
+    background: #F0F6F9;
+    border: 1px solid #346F97;
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl {
+	direction: rtl;
+}
+
+.jcarousel-skin-tango .jcarousel-container-horizontal {
+    width: 245px;
+    padding: 20px 40px;
+}
+
+.jcarousel-skin-tango .jcarousel-container-vertical {
+    width: 75px;
+    height: 245px;
+    padding: 40px 20px;
+}
+
+.jcarousel-skin-tango .jcarousel-clip {
+    overflow: hidden;
+}
+
+.jcarousel-skin-tango .jcarousel-clip-horizontal {
+    width:  245px;
+    height: 75px;
+}
+
+.jcarousel-skin-tango .jcarousel-clip-vertical {
+    width:  75px;
+    height: 245px;
+}
+
+.jcarousel-skin-tango .jcarousel-item {
+    width: 75px;
+    height: 75px;
+}
+
+.jcarousel-skin-tango .jcarousel-item-horizontal {
+	margin-left: 0;
+    margin-right: 10px;
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
+	margin-left: 10px;
+    margin-right: 0;
+}
+
+.jcarousel-skin-tango .jcarousel-item-vertical {
+    margin-bottom: 10px;
+}
+
+.jcarousel-skin-tango .jcarousel-item-placeholder {
+    background: #fff;
+    color: #000;
+}
+
+/**
+ *  Horizontal Buttons
+ */
+.jcarousel-skin-tango .jcarousel-next-horizontal {
+    position: absolute;
+    top: 43px;
+    right: 5px;
+    width: 32px;
+    height: 32px;
+    cursor: pointer;
+    background: transparent url(next-horizontal.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
+    left: 5px;
+    right: auto;
+    background-image: url(prev-horizontal.png);
+}
+
+.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
+    background-position: -32px 0;
+}
+
+.jcarousel-skin-tango .jcarousel-next-horizontal:active {
+    background-position: -64px 0;
+}
+
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
+    cursor: default;
+    background-position: -96px 0;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-horizontal {
+    position: absolute;
+    top: 43px;
+    left: 5px;
+    width: 32px;
+    height: 32px;
+    cursor: pointer;
+    background: transparent url(prev-horizontal.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
+    left: auto;
+    right: 5px;
+    background-image: url(next-horizontal.png);
+}
+
+.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
+.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
+    background-position: -32px 0;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
+    background-position: -64px 0;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
+    cursor: default;
+    background-position: -96px 0;
+}
+
+/**
+ *  Vertical Buttons
+ */
+.jcarousel-skin-tango .jcarousel-next-vertical {
+    position: absolute;
+    bottom: 5px;
+    left: 43px;
+    width: 32px;
+    height: 32px;
+    cursor: pointer;
+    background: transparent url(next-vertical.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango .jcarousel-next-vertical:hover,
+.jcarousel-skin-tango .jcarousel-next-vertical:focus {
+    background-position: 0 -32px;
+}
+
+.jcarousel-skin-tango .jcarousel-next-vertical:active {
+    background-position: 0 -64px;
+}
+
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
+    cursor: default;
+    background-position: 0 -96px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-vertical {
+    position: absolute;
+    top: 5px;
+    left: 43px;
+    width: 32px;
+    height: 32px;
+    cursor: pointer;
+    background: transparent url(prev-vertical.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
+.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
+    background-position: 0 -32px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-vertical:active {
+    background-position: 0 -64px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
+    cursor: default;
+    background-position: 0 -96px;
+}

data/app/controllers/admix/albums_controller.rb

@@ -0,0 +1,5 @@
+class Admix::AlbumsController < Admix::InheritedController
+
+  respond_to :html, :json, :js
+
+end

data/app/controllers/admix/photos_controller.rb

@@ -0,0 +1,24 @@
+class Admix::PhotosController < Admix::InheritedController
+  
+  before_filter :image_param
+
+  polymorphic_belongs_to :album, param: :album_id
+
+  # load_and_authorize_resource :album
+  # load_and_authorize_resource :photo, :through => :album_id
+  skip_load_and_authorize_resource
+
+  respond_to :json
+
+  def upload
+    render inline: params.to_s
+  end
+
+  def image_param
+    if params[:image]
+      params[:photo] = { image: params[:image] }
+    end
+  end
+
+
+end

data/app/controllers/albums_controller.rb

@@ -0,0 +1,19 @@
+class AlbumsController < ApplicationController
+  
+  def index
+    @albums = Album.published.paginate(:page => params[:page], :per_page => 12)
+    # @albums.each do |a|
+    #   a.photos.each do |p|
+    #     p.image.recreate_versions!
+    #   end
+    # end
+
+  end
+
+  def show
+    @album = Album.find(params[:id])
+  end
+
+  
+
+end

data/app/helpers/admix/albums_helper.rb

@@ -0,0 +1,11 @@
+module Admix::AlbumsHelper
+  def form2_attributes
+    %w(name description date published)
+  end
+
+  def album_form_attributes(form)
+    form.input :name
+    form.input :date
+  end
+
+end

data/app/models/admix/albums_datagrid.rb

@@ -0,0 +1,34 @@
+class Admix::AlbumsDatagrid
+
+  include Datagrid
+
+
+  scope do
+    Album.desc(:date)
+  end
+
+  filter :name, :string
+  filter :date do |value|
+    value.to_s(:created_at)
+  end
+
+  column :name, header: I18n.t('albums.name')
+  column :date, header: I18n.t('albums.date') do |album|
+    album.date.strftime("%d/%m/%Y") #album.date.to_s(:created_at)
+  end
+  column :photos_quantity, header: I18n.t('albums.photos_quantity') do |album|
+    album.photos.count
+  end
+
+  column :published, header: I18n.t('albums.published') do |album|
+    if album.published 
+      I18n.t("albums.published_yes")
+    else 
+      I18n.t("albums.published_no")
+    end
+  end
+  
+
+  include Admix::TableActions
+
+end

data/app/models/admix/photos_datagrid.rb

@@ -0,0 +1,15 @@
+class Admix::PhotosDatagrid
+
+  include Datagrid
+
+  scope do
+    Photo.desc(:date)
+  end
+
+  filter :name, :string
+  filter :date, :date
+
+  column :name 
+  column :date
+  
+end

data/app/models/album.rb

@@ -0,0 +1,29 @@
+class Album
+  
+  include Mongoid::Document
+  include Mongoid::Timestamps
+  include Mongoid::Paranoia
+  include Mongoid::Slug
+
+  field :name,          type: String
+  field :description,   type: String
+  field :date,          type: Date
+  field :published,     type: Boolean, default: true
+
+
+  validates_presence_of :name
+  validates_presence_of :date
+
+  #slug :name, history: true
+
+  slug :name, history: true do |current_object|
+    current_object.name.parameterize
+  end
+
+  embeds_many :photos, cascade_callbacks: true
+
+
+  scope :published, where(published: true)
+
+
+end

data/app/models/photo.rb

@@ -0,0 +1,14 @@
+class Photo
+  
+  include Mongoid::Document
+  include Mongoid::Timestamps
+  
+  attr_accessible :image, :image_cache
+
+  field :legend
+  
+  embedded_in :album
+
+  mount_uploader :image, Albums::ImageUploader
+
+end

data/app/uploaders/albums/image_uploader.rb

@@ -0,0 +1,72 @@
+# encoding: utf-8
+require 'carrierwave/processing/mini_magick'
+
+class Albums::ImageUploader < CarrierWave::Uploader::Base
+
+  # Include RMagick or MiniMagick support:
+  # include CarrierWave::RMagick
+  include CarrierWave::MiniMagick
+
+  # Include the Sprockets helpers for Rails 3.1+ asset pipeline compatibility:
+  include Sprockets::Helpers::RailsHelper
+  include Sprockets::Helpers::IsolatedHelper
+
+  # Choose what kind of storage to use for this uploader:
+  storage :grid_fs
+  # 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
+
+  def cache_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:
+  #   # 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 => [80, 80]
+  # end
+  
+  version :medium do
+    process :resize_to_fill => [640,420]
+  end
+
+  version :thumb do
+    process :resize_to_fill => [190,143]
+  end
+
+  version :small_thumb do
+    process :resize_to_fill => [82,62]
+  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

data/app/views/admix/albums/_form_fields.html.haml

@@ -0,0 +1,4 @@
+= f.input :name,          as: 'string'
+= f.input :description,   as: 'text'
+= f.input :date,          as: 'datepicker'
+= f.input :published,     as: 'boolean' 

data/app/views/admix/albums/_show.html.haml

@@ -0,0 +1,7 @@
+%dl
+  %dt= t('albums.name')
+  %dd= resource.name
+  %dt= t('albums.date')
+  %dd= resource.date
+
+= render('admix/photos/upload')

data/app/views/admix/albums/_table_actions.html.haml

@@ -0,0 +1,4 @@
+= link_to image_tag('albums/photos.png'), resource_url([resource, :photos]), class: 'btn', title:'Adicionar fotos'
+= link_to image_tag('admix/zoom.png'), resource_url(resource), class: 'btn', title:'Visualizar registro'
+= link_to image_tag('admix/page_edit.png'), edit_resource_url(resource), class: 'btn', title:'Editar registro'
+= link_to image_tag('admix/cancel.png'), resource_url(resource), method: :delete, data: { confirm: t('admix.crud.destroy_confirm') }, class: 'btn', title:'Deletar registro'

data/app/views/admix/photos/_upload.html.haml

@@ -0,0 +1,26 @@
+- content_for :stylesheets do
+  = stylesheet_link_tag 'colorbox/colorbox'
+- content_for :javascripts do
+  = javascript_include_tag 'admix/photos'
+  = javascript_include_tag 'jquery.livequery'
+  = javascript_include_tag 'colorbox/jquery.colorbox-min'
+  :coffeescript
+    $ ->
+      $('.colorbox').livequery ->
+        $(@).colorbox();
+
+
+%h3 Upload de fotos
+#upload-buttons{:style => "padding: 20px;"}
+  %div{:style => "display:none;"}
+    %input#uploader{:multiple => "multiple", :name => "files", :style => "display:none;", :type => "file", :value => "Selecionar File(s)"}/
+    %input#uploaderZip{:name => "files", :style => "display:none;", :type => "file", :value => "Selecionar File(s)"}/
+  %p= t('photos.upload.explanation')
+  %div
+    %a.btn.btn-primary.btn-upload{:onclick => "jQuery('#uploader').click();"}= t('photos.btn.upload_pictures')
+  -#
+    = t('photos.or')
+    %a.btn.btn-primary.btn-upload{:onclick => "jQuery('#uploaderZip').click();"}= t('photos.btn.upload_zip')
+
+#fileZip
+%ul#files.thumbnails{'data-url' => admix_album_photos_path(defined?(parent) ? parent : resource, format: :json)}

data/app/views/admix/photos/index.html.haml

@@ -0,0 +1 @@
+= render('upload')

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

@@ -0,0 +1,4 @@
+- content_for(:albums_content) do
+  = render @albums
+  = will_paginate @albums
+= render template: 'templates/albums/index'

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

@@ -0,0 +1,3 @@
+- content_for(:album_content) do
+  = render partial: 'album_show', locals: {album: @album}
+= render template: 'templates/albums/show'

data/config/application.rb

@@ -0,0 +1 @@
+config.assets.paths << "#{ Rails.root }/app/assets/jcarousel/lib/"

data/config/initializers/albums.rb

@@ -0,0 +1 @@
+Time::DATE_FORMATS[:created_at] = "%b, %m %Y - %I:%M%p"