spud_photos 0.0.2

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2012 YOURNAME
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.markdown

@@ -0,0 +1,53 @@
+# Spud Photos
+
+Spud Photos is an engine for creating and managing photo galleries, designed for use with [Spud][1].
+
+## Installation/Usage
+
+1. In your Gemfile add the following
+
+		gem 'spud_core', :git => "git://github.com/davydotcom/spud_core_admin.git"
+		gem 'spud_photos', :git => "git://github.com/gregawoods/spud_photos.git"
+
+2. Run bundle install
+3. Copy in database migrations to your new rails project
+
+		bundle exec rake spud_core:install:migrations
+		bundle exec rake spud_photos:install:migrations
+		rake db:migrate
+
+4. Run a rails server instance and point your browser to /spud/admin
+
+## Configuration
+
+Spud Photos accepts the following configuration options:
+
+	Spud::Photos.configure do |config|
+	  self.base_layout = 'application'
+	  config.galleries_enabled = false
+	  config.base_path = 'photos'
+	  config.photo_styles = {
+	    :small => '50x50#',
+	    :medium => '200x200#',
+	    :large => '400x400#',
+	    :huge => '600x600'
+	  }
+	end
+
+The `photo_styles` option will be passed to [Paperclip][2], so any valid paperclip styles can be added here.
+
+## Galleries
+
+A Gallery is just an additional layer of organization above the Album layer. For example, a Gallery called "Vacations" might include Albums titled "Europe", "Hawaii", and "Florida". Galleries are turned off by default. 
+
+## Customizing Views
+
+A number of built-in views have been provided to help you get started with the frontend display. Customizing these views will require you to copy them into your local application, which can be accomplished by using the views generator. 
+
+	rails generate spud:photos:views
+
+__NOTE:__ The built-in views are likely to undergo changes as features are added to the photos engine. If a new version of Spud Photos does not play nicely with your customized views, try backing up your views to an alternate location and running the views generator again to see what has changed. 
+
+
+[1]:https://github.com/davydotcom/spud_core_admin
+[2]:https://github.com/thoughtbot/paperclip

data/Rakefile

@@ -0,0 +1,40 @@
+#!/usr/bin/env rake
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+begin
+  require 'rdoc/task'
+rescue LoadError
+  require 'rdoc/rdoc'
+  require 'rake/rdoctask'
+  RDoc::Task = Rake::RDocTask
+end
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'SpudPhotos'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+
+Bundler::GemHelper.install_tasks
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task :default => :test

data/app/assets/javascripts/spud/admin/photos.js

@@ -0,0 +1,158 @@
+Spud = (typeof(Spud) == 'undefined') ? {} : Spud;
+Spud.Admin = (typeof(Spud.Admin) == 'undefined') ? {} : Spud.Admin;
+
+Spud.Admin.Photos = new function(){
+
+  var self = this;
+
+  this.init = function(){
+    $('.spud_admin_photo_ui_thumbs_sortable').sortable({
+      connectWith:'.spud_admin_photo_ui_thumbs_sortable'
+    });
+    $('#spud_admin_photo_album_form, #spud_admin_photo_gallery_form').live('submit', self.submittedPhotoAlbumOrGalleryForm)
+    $('.spud_admin_photo_mass_destroy').live('click', self.massDestroySelected);
+    $('#spud_admin_photo_form').live('submit', self.submittedPhotoForm);
+    $('.spud_admin_photo_ui_thumb_selectable input[type=checkbox]').live('click', self.invertPhotoUiThumbCheckbox);
+    $('.spud_admin_photo_ui_thumb_selectable').live('click', self.selectedPhotoUiThumb);
+    self.markSelectedPhotoUiThumbs();
+  };
+
+  this.submittedPhotoAlbumOrGalleryForm = function(e){
+    // update photo checkboxes
+    $('.spud_admin_photo_ui_thumb').each(function(){
+      var item = $(this);
+      var checkbox = item.find('input[type=checkbox]');
+      checkbox.attr('checked', (item.parents('.spud_admin_photos_selection_left').length>0));
+    });
+  }
+
+  this.massDestroySelected = function(e){
+    e.preventDefault();
+    var ids = $.map($('.spud_admin_photo_ui_thumb_selected'), function(val, i){ 
+      return $(val).find('input[type=checkbox]').val() 
+    });
+    $.ajax({
+      type: 'POST',
+      url: $(this).attr('href'),
+      data: {spud_photo_ids:ids},
+      success: function(data, textStatus, jqXHR){
+        $('.spud_admin_photo_ui_thumb_selected').fadeOut(200, function(){
+          $(this).remove();
+        });
+      },
+      error: function(jqXHR, textStatus, errorThrown){
+        console.log('An error occurred:')
+        console.log(arguments);
+      }
+    })
+  };
+
+  this.submittedPhotoForm = function(e){
+    if(FormData && XMLHttpRequest){
+      // create a FormData object and attach form values
+      var fd = new FormData();
+      var form = $(this);
+      fd.append('_method', form.find('[name=_method]').val());
+      fd.append('authenticity_token', form.find('[name=authenticity_token]').val());
+      fd.append('spud_photo[photo]', form.find('#spud_photo_photo')[0].files[0]);
+      fd.append('spud_photo[title]', form.find('#spud_photo_title').val());
+      fd.append('spud_photo[caption]', form.find('#spud_photo_caption').val());
+
+      // send FormData object as ajax request
+      var xhr = new XMLHttpRequest();
+      xhr.upload.addEventListener('progress', self.photoUploadProgress, false);
+      xhr.addEventListener('load', self.photoUploadComplete, false);
+      xhr.addEventListener('error', self.photoUploadFailed, false);
+      xhr.addEventListener('abort', self.photoUploadCanceled, false);
+      xhr.open('POST', form.attr('action'));
+      xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+      xhr.send(fd);
+      return false;
+    }
+  };
+
+  this.photoUploadProgress = function(e){
+    var percent = Math.round(e.loaded * 100 / e.total);
+    console.log('progress: ' + percent + '%');
+    $('.progress').show();
+    $('.progress .bar').css({width: percent + '%'});
+  };
+
+  this.photoUploadComplete = function(e){
+    // success
+    var photo = $.parseJSON(e.target.response);
+    if(e.target.status == 200){
+      var element = $('#spud_admin_photo_' + photo.id);
+      if(element.length > 0){
+        element.replaceWith(photo.html);
+      }
+      else{
+        var target = $('#spud_admin_photos_selected .spud_admin_photo_ui_thumbs, #spud_admin_photos');
+        target.prepend(photo.html).fadeIn(200);
+      }
+      $('#dialog').dialog('close');
+    }
+    // validation error
+    else{
+      $('#dialog').html(photo.html);
+    }
+  };
+
+  this.photoUploadFailed = function(e){
+    console.log('fail!');
+    console.log(e);
+  }
+
+  this.photoUploadCanceled = function(e){
+    console.log('cancel');
+  };  
+
+  // need to invert the checkbox state so that it gets properly checked/uncheckd when `selectedPhotoUiThumb` fires
+  this.invertPhotoUiThumbCheckbox = function(e){
+    $(this).attr('checked', !$(this).attr('checked'));
+  };
+
+  this.selectedPhotoUiThumb = function(e){
+    var checkbox = $(this).find('input[type=checkbox]');
+    if(checkbox){
+      if(checkbox.attr('checked')){
+        $(this).removeClass('spud_admin_photo_ui_thumb_selected');
+        checkbox.attr('checked', false);
+      }
+      else{
+        $(this).addClass('spud_admin_photo_ui_thumb_selected');
+        checkbox.attr('checked', true);
+      }
+    }
+  };
+
+  this.markSelectedPhotoUiThumbs = function(){
+    $('.spud_admin_photo_ui_thumb_selectable').each(function(){
+      var checkbox = $(this).find('input[type=checkbox]');
+      if(checkbox && checkbox.attr('checked')){
+        $(this).addClass('spud_admin_photo_ui_thumb_selected');
+      }
+    });
+  };
+
+  this.markPhotoAsDeleted = function(photo_id){
+    var photo = $('#spud_admin_photo_' + photo_id);
+    photo.fadeOut(200, function(){
+      photo.remove();
+    });
+  };
+
+  this.markPhotoAlbumAsDeleted = function(photo_album_id){
+    var photo_album = $('#spud_admin_photo_album_' + photo_album_id);
+    photo_album.fadeOut(200, function(){
+      photo_album.remove();
+    });
+  };
+
+  this.markPhotoGalleryAsDeleted = function(photo_gallery_id){
+    var photo_gallery = $('#spud_admin_photo_gallery_' + photo_gallery_id);
+    photo_gallery.fadeOut(200, function(){
+      photo_gallery.remove();
+    });
+  };
+};

data/app/assets/stylesheets/photo_albums.css

@@ -0,0 +1,4 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/

data/app/assets/stylesheets/photo_galleries.css

@@ -0,0 +1,4 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/

data/app/assets/stylesheets/spud/admin/photo_albums.css

@@ -0,0 +1,4 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/

data/app/assets/stylesheets/spud/admin/photo_galleries.css

@@ -0,0 +1,4 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/

data/app/assets/stylesheets/spud/admin/photos.css

@@ -0,0 +1,112 @@
+.spud_admin_photos_selection_left{
+  width: 520px;
+  margin-right: 18px;
+  float: left;
+}
+.spud_admin_photos_selection_right{
+  width: 400px;
+  float: left;
+}
+.spud_admin_photos_selection_left h4, .spud_admin_photos_selection_right h4{
+  font-weight: normal;
+  margin: 15px 0;
+}
+.spud_admin_photo_ui_thumbs{
+  height: 350px;
+  padding: 0;
+  border: 1px solid #cacaca;
+  margin: 15px 0;
+  overflow-y: scroll;
+}
+.spud_admin_photo_ui_thumb{
+  width: 125px;
+  height: 125px;
+  float: left;
+  background: #666;
+  background-clip: content-box;
+  margin: 16px;
+  position: relative;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  box-shadow: 0 0 5px black, inset 0 0 50px rgba(0,0,0,0.25);
+  border-radius: 15px;
+  -webkit-transition-property: box-shadow;
+  -webkit-transition-duration: 0.2s;
+  -webkit-transition-timing-function: ease-out;
+}
+.spud_admin_photo_ui_thumb_small{
+  width: 100px;
+  height: 100px;
+  background-size: 100px 100px;
+  margin: 12px;
+}
+.spud_admin_photo_ui_thumb:hover{
+  box-shadow: 0 0 5px black;
+}
+.spud_admin_photo_ui_thumbs_selectable .spud_admin_photo_ui_thumb{
+  cursor: pointer;
+}
+.spud_admin_photo_ui_thumb_selected{
+  border: 3px solid #006CCC;
+  margin: -3px 30px 30px -3px;
+}
+.spud_admin_photo_ui_thumbs_sortable .spud_admin_photo_ui_thumb{
+  cursor: move;
+}
+.spud_admin_photo_ui_thumb_selected:nth-child(6n){
+  margin-right: -3px;
+}
+.spud_admin_photo_ui_thumb h5{
+  font-size: 12px;
+  color: white;
+  text-align: center;
+  background: rgba(0,0,0,0.5);
+  padding: 3px 8px;
+  border-top-left-radius: 15px;
+  border-top-right-radius: 15px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.spud_admin_photo_ui_thumb input[type=checkbox]{
+  position: absolute;
+  top: 4px;
+  left: 4px;
+}
+.spud_admin_photo_ui_thumb_controls{
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  padding: 4px;
+  display: inline-block;
+  background: rgba(0,0,0,0.5);
+  border-bottom-right-radius: 15px;
+}
+.spud_admin_photos_btn_delete{
+  background: url('/assets/spud/photos/buttons/x_16x16.png');
+  height: 16px;
+  width: 16px;
+  text-indent: -7777px;
+  display: inline-block;
+  margin: 0 4px;
+}
+.spud_admin_photos_btn_edit{
+  background: url('/assets/spud/photos/buttons/cog_16x16.png');
+  height: 16px;
+  width: 16px;
+  text-indent: -7777px;
+  display: inline-block;
+  margin: 0 4px;
+}
+.spud_admin_photos_album_fieldset{
+  position: relative;
+}
+.spud_admin_photos_album_fieldset .spud_admin_photo_create{
+  position: absolute;
+  top: 0;
+  right: 0;
+}

data/app/controllers/photo_albums_controller.rb

@@ -0,0 +1,25 @@
+class PhotoAlbumsController < ApplicationController
+
+  respond_to :html, :json, :xml
+  layout Spud::Photos.base_layout
+
+  def index
+    if params[:photo_gallery_id]
+      @photo_gallery = SpudPhotoGallery.find_by_url_name(params[:photo_gallery_id])
+      if @photo_gallery
+        @photo_albums = @photo_gallery.albums.order('created_at desc')
+      else
+        @photo_albums = []
+      end
+    else
+      @photo_albums = SpudPhotoAlbum.order('created_at desc')
+    end
+    respond_with @photo_albums
+  end
+
+  def show
+    @photo_album = SpudPhotoAlbum.find_by_url_name(params[:id])
+    respond_with @photo_album
+  end
+
+end