spud_photos 0.1.2 → 0.1.3

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

@@ -4,6 +4,7 @@ Spud.Admin = (typeof(Spud.Admin) == 'undefined') ? {} : Spud.Admin;
 Spud.Admin.Photos = new function(){
 
   var self = this;
+  var html5upload = false;
 
   this.init = function(){
     // event handlers
@@ -18,7 +19,8 @@ Spud.Admin.Photos = new function(){
     $('body').on('click', '#spud_admin_photo_album_action_library', self.clickedPhotoLibrary);
 
     // html5 drag and drop file 
-    if(FormData){
+    if(typeof(FormData) != 'undefined' && typeof(XMLHttpRequest) != 'undefined'){
+      html5upload = true;
       $('#spud_admin_photo_upload_queue').show();
       var droparea = document.getElementById('spud_admin_photo_upload_queue');
       droparea.addEventListener('dragenter', self.stopDndPropagation, false);
@@ -97,7 +99,7 @@ Spud.Admin.Photos = new function(){
   -------------------------------- */
 
   this.submittedPhotoForm = function(e){
-    if(FormData && XMLHttpRequest){
+    if(html5upload){
       // create a FormData object and attach form values
       var fd = new FormData();
       var form = $(this);

data/app/assets/javascripts/spud_photos.js

@@ -0,0 +1,74 @@
+spud_photos = new function(){
+
+  var self = this;
+  var transition;
+
+  this.init = function(){
+    transition = new spud_photos.transitions.slide('#spud_photo_showcase');
+    $('#spud_photo_album_photos').on('click', 'a', self.clickedPhoto);
+  };
+
+  this.clickedPhoto = function(e){
+    e.preventDefault();
+    transition.transition($(this).attr('href'));
+  };
+};
+
+spud_photos.transitions = {};
+
+spud_photos.transitions.fade = function(_container, _firstPhoto){
+
+  var self = this;
+  var z_index = 100;
+  var container = $(_container);
+
+  this.transition = function(photo){
+    z_index++;
+    var image = $('<img/>', {
+      src:photo,
+      style:'position:absolute;left:0;top:0;z-index:'+z_index
+    });
+    container.trigger('spud:photos:transitionStart');
+    container.append(image);
+    image.hide().fadeIn(200, self.fadeCompleted);
+  };
+
+  this.fadeCompleted = function(e){
+    var imgs = container.find('img');
+    if(imgs.length > 1){
+      $(imgs[0]).remove();
+    }
+    container.trigger('spud:photos:transitionComplete');
+  };
+};
+
+spud_photos.transitions.slide = function(_container, _firstPhoto){
+
+  var self = this;
+  var container = $(_container);
+  var slider = $('<div/>', {
+    id:'spud_photos_transition_slider',
+    style:'position:absolute;left:0;top:0;width:400px;height:800px'
+  });
+  container.append(slider);
+
+  this.transition = function(photo){
+    console.log('transition slider');
+    var image = $('<img/>', {
+      src:photo,
+      style:'display:block'
+    });
+    container.trigger('spud:photos:transitionStart');
+    slider.append(image);
+    slider.animate({top:-400}, 500, self.slideCompleted);
+  };
+
+  this.slideCompleted = function(e){
+    var imgs = container.find('img');
+    if(imgs.length > 1){
+      $(imgs[0]).remove();
+    }
+    slider.css('top', 0);
+    container.trigger('spud:photos:transitionComplete');
+  };
+}

data/lib/spud_photos/version.rb

@@ -1,5 +1,5 @@
 module Spud
 	module Photos
-	  VERSION = "0.1.2"
+	  VERSION = "0.1.3"
 	end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: spud_photos
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-04-12 00:00:00.000000000 Z
+date: 2012-04-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
-  requirement: &70315539580300 !ruby/object:Gem::Requirement
+  requirement: &70246767895340 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -21,10 +21,10 @@ dependencies:
         version: 3.2.2
   type: :runtime
   prerelease: false
-  version_requirements: *70315539580300
+  version_requirements: *70246767895340
 - !ruby/object:Gem::Dependency
   name: spud_core
-  requirement: &70315539594840 !ruby/object:Gem::Requirement
+  requirement: &70246767894420 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -35,10 +35,10 @@ dependencies:
         version: 0.9.0
   type: :runtime
   prerelease: false
-  version_requirements: *70315539594840
+  version_requirements: *70246767894420
 - !ruby/object:Gem::Dependency
   name: paperclip
-  requirement: &70315539593500 !ruby/object:Gem::Requirement
+  requirement: &70246767893080 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -46,10 +46,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *70315539593500
+  version_requirements: *70246767893080
 - !ruby/object:Gem::Dependency
   name: mysql2
-  requirement: &70315539592500 !ruby/object:Gem::Requirement
+  requirement: &70246767891900 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -57,7 +57,7 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *70315539592500
+  version_requirements: *70246767891900
 description: Spud Photos is a feature complete photo management/gallery for the spud
   engine. Manage multiple galleries, albums, and photos. Use HTML 5 to drag and drop
   many images at once.
@@ -72,11 +72,9 @@ files:
 - app/assets/images/spud/photos/photo_albums_thumb.png
 - app/assets/images/spud/photos/photo_albums_thumb@2x.png
 - app/assets/javascripts/spud/admin/photos.js
-- app/assets/stylesheets/photo_albums.css
-- app/assets/stylesheets/photo_galleries.css
-- app/assets/stylesheets/spud/admin/photo_albums.css
-- app/assets/stylesheets/spud/admin/photo_galleries.css
+- app/assets/javascripts/spud_photos.js
 - app/assets/stylesheets/spud/admin/photos.css
+- app/assets/stylesheets/spud_photos.css
 - app/controllers/photo_albums_controller.rb
 - app/controllers/photo_galleries_controller.rb
 - app/controllers/spud/admin/photo_albums_controller.rb
@@ -171,7 +169,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 792898936705985964
+      hash: -1394536087294010782
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -180,7 +178,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 792898936705985964
+      hash: -1394536087294010782
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.10

data/app/assets/stylesheets/photo_albums.css

@@ -1,4 +0,0 @@
-/*
-  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

@@ -1,4 +0,0 @@
-/*
-  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

@@ -1,4 +0,0 @@
-/*
-  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

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