gallery 0.0.11

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2013 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/Rakefile

@@ -0,0 +1,34 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Gallery'
+  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/gallery/admin/admin.js

@@ -0,0 +1,2 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.

data/app/assets/javascripts/gallery/admin/albums.js

@@ -0,0 +1,2 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.

data/app/assets/javascripts/gallery/albums.js

@@ -0,0 +1,2 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.

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

@@ -0,0 +1,13 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+

data/app/assets/javascripts/gallery/gallery.js.coffee

@@ -0,0 +1,229 @@
+# = require jquery
+# = require jquery_ujs
+# = require gallery/images_loaded
+# = require gallery/spinner
+
+$.fn.extend
+  gallery: (options) ->
+    # Default settings
+    settings =
+      foo: 'bar'
+
+    # Merge default settings with options.
+    settings = $.extend settings, options
+
+    # _Insert magic here._
+    return @each ()->
+
+      $.extend this,
+        currentPhoto: 0
+        loading: false
+        gallery: $(this).find('.gallery-album-photos')
+        canvas: $(this).find('.gallery-album-photos-canvas')
+        init: ->
+          # load initial set
+          @loadNextPhotos()
+
+          # set up arrows 
+          @gallery.append('<span class="gallery-arrow-left"></span>')
+          @gallery.append('<span class="gallery-arrow-right"></span>')
+          @gallery.on 'click', '.gallery-arrow-left',  $.proxy(@previous, this)
+          @gallery.on 'click', '.gallery-arrow-right',  $.proxy(@next, this)
+
+          # set up full screen
+          @gallery.append('<span class="gallery-fullscreen"></span>')
+          @gallery.on 'click', '.gallery-fullscreen',  $.proxy(@requestFullScreen, this)
+          @gallery.on 'webkitfullscreenchange mozfullscreenchange fullscreenchange', =>
+            @gallery.toggleClass 'fullscreen'
+            if !@gallery.hasClass 'fullscreen'
+              @gallery.height @pre_fullscreen_height
+              @canvas.find('img').width 300
+              @canvas.find('img').width 'auto'
+
+          @canvas.keydown (e) =>
+            switch e.which
+              when 37 then @previous()
+              when 39 then @next()
+            e.preventDefault()
+          # load more on scroll
+          @canvas.scroll () =>
+            scrollLeft = @canvas.scrollLeft()
+            if scrollLeft == 0
+              @currentPhoto = 0
+            else
+              for child, index in @canvas.children()
+                if child.offsetLeft > scrollLeft
+                  @currentPhoto = index-1
+                  break
+            if (@canvas[0].offsetWidth + scrollLeft) * 100 / @canvas[0].scrollWidth > 60
+              @loadNextPhotos(2)
+
+        loadNextPhotos: (count = 4) ->
+          if @loading or @gallery.find('img[loaded=false]').length == 0
+            return
+          @loading = true
+
+          # show spinner
+          @spinner_container = $('<div class="gallery-spinner"></div>')
+          @spinner_container.width (if @gallery.find('img[loaded=true]').length == 0 then '100%' else '5%')
+          @gallery.append @spinner_container
+          
+          opts = 
+            lines: 10
+            length: 5
+            width: 3
+            radius: 6
+            corners: 1
+            rotate: 0
+            direction: 1
+            color: '#000'
+            speed: 1
+            trail: 60
+            shadow: false
+            hwaccel: false
+            class: 'spinner'
+            zIndex: 2e9
+
+          @spinner = new Spinner(opts).spin(@spinner_container[0]);
+
+          images = @gallery.find('img[loaded=false]').slice(0, count)
+          $(images).imagesLoaded =>
+            setTimeout ( =>
+              $(images).attr('loaded', true).addClass 'loaded'
+              @loading = false
+              @spinner.stop()
+              @spinner_container.remove()
+             ), 20
+          
+          fullscreenEnabled = @gallery.hasClass 'fullscreen'
+
+          for image in images
+            if fullscreenEnabled then image.src = $(image).data('big-src') else image.src = $(image).data('src')
+
+        next: (evt) ->
+          # get current photo position
+          scrollLeft = @canvas.scrollLeft()
+
+          if scrollLeft == 0
+            @goToImage(1)
+            return
+
+          evt.stopPropagation() if evt.stopPropagation?
+          
+          index = 0
+          for child, index in @canvas.children()
+            if child.offsetLeft > scrollLeft
+              @goToImage(index)
+              break
+
+        previous: (evt) ->
+          scrollLeft = @canvas.scrollLeft()
+          
+          if scrollLeft == 0
+            @goToImage(1)
+            return
+
+          index = 0
+          for child, index in @canvas.children()
+            if child.offsetLeft >= scrollLeft
+              @goToImage(index-1)
+              break
+
+          evt.stopPropagation() if evt.stopPropagation?
+
+        requestFullScreen: ->
+
+          fullscreenEnabled = @gallery.hasClass 'fullscreen'
+
+          if fullscreenEnabled
+          
+            if document.cancelFullScreen
+              document.cancelFullScreen()
+            else if document.mozCancelFullScreen
+              document.mozCancelFullScreen()
+            else if document.webkitCancelFullScreen
+              document.webkitCancelFullScreen()
+            else @cancelFallbackFullscreen()
+
+            @gallery.height @pre_fullscreen_height
+
+            # weird bug requires us to set width to auto or something
+            @canvas.find('img').width 300
+            @canvas.find('img').width 'auto'
+            
+          else
+
+            # save height
+            @pre_fullscreen_height = @gallery.height()
+
+            if @gallery[0].requestFullScreen
+              @gallery[0].requestFullScreen()
+            else if @gallery[0].mozRequestFullScreen
+              @gallery[0].mozRequestFullScreen()
+            else if @gallery[0].webkitRequestFullScreen
+              @gallery[0].webkitRequestFullScreen()
+            else @requestFallbackFullscreen()
+
+
+            @gallery.height "100%"
+
+            # convert all the images to their big-src
+            images = @canvas.find('img.loaded')
+            for image in images
+              if image.src != $(image).data('big-src')
+                do (image) ->
+                  loading_image = new Image()
+                  $(loading_image).load =>
+                    image.src = loading_image.src
+                  loading_image.src = $(image).data 'big-src'
+
+          setTimeout ( => 
+            @goToImage(@currentPhoto)), 400
+
+        requestFallbackFullscreen: ->
+          @parent = @gallery.parent()
+          fullscreen = $ '<div id="gallery-fallback-fullscreen"></div>'
+          $('body').append fullscreen
+          @gallery.detach()
+          fullscreen.append @gallery
+          @canvas = @gallery.find('.gallery-album-photos-canvas')
+          @gallery.addClass 'fullscreen'
+
+        cancelFallbackFullscreen: ->
+          @gallery.detach()
+          $('#gallery-fallback-fullscreen').remove()
+          @parent.append @gallery
+          @canvas.find('.gallery-album-photos-canvas')
+          @gallery.removeClass 'fullscreen'
+        goToImage: (index) ->
+          @currentPhoto = index
+          @canvas.animate({scrollLeft: @canvas.children()[index].offsetLeft}, 300)
+
+      this.init()
+      return this
+  decorate_gallery: (options) ->
+    
+    settings =
+      foo: 'bar'
+
+    # Merge default settings with options.
+    settings = $.extend settings, options
+
+    # _Insert magic here._
+    return @each ()->
+
+    # for personal use, record height
+      
+      height = $(this).height()
+
+      # TODO: set prefix in a config
+      $.getJSON "/gallery/albums/#{$(this).data('gallery-id')}/photos", (resp) =>
+        return if resp.length == 0
+        replacement = $("<div class='gallery-album'><div class='gallery-album-photos small'><div class='gallery-album-photos-canvas'></div></div></div>")
+        replacement.find('.gallery-album-photos').css 'height', height
+        canvas = replacement.find ".gallery-album-photos-canvas"
+        for image in resp
+          canvas.append "<img src='' alt='' data-src='#{image.thumbnail}' data-big-src='#{image.source}' loaded=false>"
+        $(this).replaceWith replacement
+        # set new element as new context
+        replacement.gallery()

data/app/assets/javascripts/gallery/images_loaded.js

@@ -0,0 +1,6 @@
+/*!
+ * imagesLoaded PACKAGED v3.0.4
+ * JavaScript is all like "You images are done yet or what?"
+ */
+
+(function(){"use strict";function e(){}function t(e,t){for(var n=e.length;n--;)if(e[n].listener===t)return n;return-1}var n=e.prototype;n.getListeners=function(e){var t,n,i=this._getEvents();if("object"==typeof e){t={};for(n in i)i.hasOwnProperty(n)&&e.test(n)&&(t[n]=i[n])}else t=i[e]||(i[e]=[]);return t},n.flattenListeners=function(e){var t,n=[];for(t=0;e.length>t;t+=1)n.push(e[t].listener);return n},n.getListenersAsObject=function(e){var t,n=this.getListeners(e);return n instanceof Array&&(t={},t[e]=n),t||n},n.addListener=function(e,n){var i,r=this.getListenersAsObject(e),o="object"==typeof n;for(i in r)r.hasOwnProperty(i)&&-1===t(r[i],n)&&r[i].push(o?n:{listener:n,once:!1});return this},n.on=n.addListener,n.addOnceListener=function(e,t){return this.addListener(e,{listener:t,once:!0})},n.once=n.addOnceListener,n.defineEvent=function(e){return this.getListeners(e),this},n.defineEvents=function(e){for(var t=0;e.length>t;t+=1)this.defineEvent(e[t]);return this},n.removeListener=function(e,n){var i,r,o=this.getListenersAsObject(e);for(r in o)o.hasOwnProperty(r)&&(i=t(o[r],n),-1!==i&&o[r].splice(i,1));return this},n.off=n.removeListener,n.addListeners=function(e,t){return this.manipulateListeners(!1,e,t)},n.removeListeners=function(e,t){return this.manipulateListeners(!0,e,t)},n.manipulateListeners=function(e,t,n){var i,r,o=e?this.removeListener:this.addListener,s=e?this.removeListeners:this.addListeners;if("object"!=typeof t||t instanceof RegExp)for(i=n.length;i--;)o.call(this,t,n[i]);else for(i in t)t.hasOwnProperty(i)&&(r=t[i])&&("function"==typeof r?o.call(this,i,r):s.call(this,i,r));return this},n.removeEvent=function(e){var t,n=typeof e,i=this._getEvents();if("string"===n)delete i[e];else if("object"===n)for(t in i)i.hasOwnProperty(t)&&e.test(t)&&delete i[t];else delete this._events;return this},n.emitEvent=function(e,t){var n,i,r,o,s=this.getListenersAsObject(e);for(r in s)if(s.hasOwnProperty(r))for(i=s[r].length;i--;)n=s[r][i],o=n.listener.apply(this,t||[]),(o===this._getOnceReturnValue()||n.once===!0)&&this.removeListener(e,s[r][i].listener);return this},n.trigger=n.emitEvent,n.emit=function(e){var t=Array.prototype.slice.call(arguments,1);return this.emitEvent(e,t)},n.setOnceReturnValue=function(e){return this._onceReturnValue=e,this},n._getOnceReturnValue=function(){return this.hasOwnProperty("_onceReturnValue")?this._onceReturnValue:!0},n._getEvents=function(){return this._events||(this._events={})},"function"==typeof define&&define.amd?define(function(){return e}):"undefined"!=typeof module&&module.exports?module.exports=e:this.EventEmitter=e}).call(this),function(e){"use strict";var t=document.documentElement,n=function(){};t.addEventListener?n=function(e,t,n){e.addEventListener(t,n,!1)}:t.attachEvent&&(n=function(t,n,i){t[n+i]=i.handleEvent?function(){var t=e.event;t.target=t.target||t.srcElement,i.handleEvent.call(i,t)}:function(){var n=e.event;n.target=n.target||n.srcElement,i.call(t,n)},t.attachEvent("on"+n,t[n+i])});var i=function(){};t.removeEventListener?i=function(e,t,n){e.removeEventListener(t,n,!1)}:t.detachEvent&&(i=function(e,t,n){e.detachEvent("on"+t,e[t+n]);try{delete e[t+n]}catch(i){e[t+n]=void 0}});var r={bind:n,unbind:i};"function"==typeof define&&define.amd?define(r):e.eventie=r}(this),function(e){"use strict";function t(e,t){for(var n in t)e[n]=t[n];return e}function n(e){return"[object Array]"===c.call(e)}function i(e){var t=[];if(n(e))t=e;else if("number"==typeof e.length)for(var i=0,r=e.length;r>i;i++)t.push(e[i]);else t.push(e);return t}function r(e,n){function r(e,n,s){if(!(this instanceof r))return new r(e,n);"string"==typeof e&&(e=document.querySelectorAll(e)),this.elements=i(e),this.options=t({},this.options),"function"==typeof n?s=n:t(this.options,n),s&&this.on("always",s),this.getImages(),o&&(this.jqDeferred=new o.Deferred);var a=this;setTimeout(function(){a.check()})}function c(e){this.img=e}r.prototype=new e,r.prototype.options={},r.prototype.getImages=function(){this.images=[];for(var e=0,t=this.elements.length;t>e;e++){var n=this.elements[e];"IMG"===n.nodeName&&this.addImage(n);for(var i=n.querySelectorAll("img"),r=0,o=i.length;o>r;r++){var s=i[r];this.addImage(s)}}},r.prototype.addImage=function(e){var t=new c(e);this.images.push(t)},r.prototype.check=function(){function e(e,r){return t.options.debug&&a&&s.log("confirm",e,r),t.progress(e),n++,n===i&&t.complete(),!0}var t=this,n=0,i=this.images.length;if(this.hasAnyBroken=!1,!i)return this.complete(),void 0;for(var r=0;i>r;r++){var o=this.images[r];o.on("confirm",e),o.check()}},r.prototype.progress=function(e){this.hasAnyBroken=this.hasAnyBroken||!e.isLoaded;var t=this;setTimeout(function(){t.emit("progress",t,e),t.jqDeferred&&t.jqDeferred.notify(t,e)})},r.prototype.complete=function(){var e=this.hasAnyBroken?"fail":"done";this.isComplete=!0;var t=this;setTimeout(function(){if(t.emit(e,t),t.emit("always",t),t.jqDeferred){var n=t.hasAnyBroken?"reject":"resolve";t.jqDeferred[n](t)}})},o&&(o.fn.imagesLoaded=function(e,t){var n=new r(this,e,t);return n.jqDeferred.promise(o(this))});var f={};return c.prototype=new e,c.prototype.check=function(){var e=f[this.img.src];if(e)return this.useCached(e),void 0;if(f[this.img.src]=this,this.img.complete&&void 0!==this.img.naturalWidth)return this.confirm(0!==this.img.naturalWidth,"naturalWidth"),void 0;var t=this.proxyImage=new Image;n.bind(t,"load",this),n.bind(t,"error",this),t.src=this.img.src},c.prototype.useCached=function(e){if(e.isConfirmed)this.confirm(e.isLoaded,"cached was confirmed");else{var t=this;e.on("confirm",function(e){return t.confirm(e.isLoaded,"cache emitted confirmed"),!0})}},c.prototype.confirm=function(e,t){this.isConfirmed=!0,this.isLoaded=e,this.emit("confirm",this,t)},c.prototype.handleEvent=function(e){var t="on"+e.type;this[t]&&this[t](e)},c.prototype.onload=function(){this.confirm(!0,"onload"),this.unbindProxyEvents()},c.prototype.onerror=function(){this.confirm(!1,"onerror"),this.unbindProxyEvents()},c.prototype.unbindProxyEvents=function(){n.unbind(this.proxyImage,"load",this),n.unbind(this.proxyImage,"error",this)},r}var o=e.jQuery,s=e.console,a=s!==void 0,c=Object.prototype.toString;"function"==typeof define&&define.amd?define(["eventEmitter/EventEmitter","eventie/eventie"],r):e.imagesLoaded=r(e.EventEmitter,e.eventie)}(window);

data/app/assets/javascripts/gallery/omniauth_callbacks.js

@@ -0,0 +1,2 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.

data/app/assets/javascripts/gallery/photos.js

@@ -0,0 +1,2 @@
+// Place all the behaviors and hooks related to the matching controller here.
+// All this logic will automatically be available in application.js.

data/app/assets/javascripts/gallery/spinner.js

@@ -0,0 +1 @@
+(function(t,e){if(typeof exports=="object")module.exports=e();else if(typeof define=="function"&&define.amd)define(e);else t.Spinner=e()})(this,function(){"use strict";var t=["webkit","Moz","ms","O"],e={},i;function o(t,e){var i=document.createElement(t||"div"),o;for(o in e)i[o]=e[o];return i}function n(t){for(var e=1,i=arguments.length;e<i;e++)t.appendChild(arguments[e]);return t}var r=function(){var t=o("style",{type:"text/css"});n(document.getElementsByTagName("head")[0],t);return t.sheet||t.styleSheet}();function s(t,o,n,s){var a=["opacity",o,~~(t*100),n,s].join("-"),f=.01+n/s*100,l=Math.max(1-(1-t)/o*(100-f),t),d=i.substring(0,i.indexOf("Animation")).toLowerCase(),u=d&&"-"+d+"-"||"";if(!e[a]){r.insertRule("@"+u+"keyframes "+a+"{"+"0%{opacity:"+l+"}"+f+"%{opacity:"+t+"}"+(f+.01)+"%{opacity:1}"+(f+o)%100+"%{opacity:"+t+"}"+"100%{opacity:"+l+"}"+"}",r.cssRules.length);e[a]=1}return a}function a(e,i){var o=e.style,n,r;if(o[i]!==undefined)return i;i=i.charAt(0).toUpperCase()+i.slice(1);for(r=0;r<t.length;r++){n=t[r]+i;if(o[n]!==undefined)return n}}function f(t,e){for(var i in e)t.style[a(t,i)||i]=e[i];return t}function l(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var o in i)if(t[o]===undefined)t[o]=i[o]}return t}function d(t){var e={x:t.offsetLeft,y:t.offsetTop};while(t=t.offsetParent)e.x+=t.offsetLeft,e.y+=t.offsetTop;return e}var u={lines:12,length:7,width:5,radius:10,rotate:0,corners:1,color:"#000",direction:1,speed:1,trail:100,opacity:1/4,fps:20,zIndex:2e9,className:"spinner",top:"auto",left:"auto",position:"relative"};function p(t){if(typeof this=="undefined")return new p(t);this.opts=l(t||{},p.defaults,u)}p.defaults={};l(p.prototype,{spin:function(t){this.stop();var e=this,n=e.opts,r=e.el=f(o(0,{className:n.className}),{position:n.position,width:0,zIndex:n.zIndex}),s=n.radius+n.length+n.width,a,l;if(t){t.insertBefore(r,t.firstChild||null);l=d(t);a=d(r);f(r,{left:(n.left=="auto"?l.x-a.x+(t.offsetWidth>>1):parseInt(n.left,10)+s)+"px",top:(n.top=="auto"?l.y-a.y+(t.offsetHeight>>1):parseInt(n.top,10)+s)+"px"})}r.setAttribute("role","progressbar");e.lines(r,e.opts);if(!i){var u=0,p=(n.lines-1)*(1-n.direction)/2,c,h=n.fps,m=h/n.speed,y=(1-n.opacity)/(m*n.trail/100),g=m/n.lines;(function v(){u++;for(var t=0;t<n.lines;t++){c=Math.max(1-(u+(n.lines-t)*g)%m*y,n.opacity);e.opacity(r,t*n.direction+p,c,n)}e.timeout=e.el&&setTimeout(v,~~(1e3/h))})()}return e},stop:function(){var t=this.el;if(t){clearTimeout(this.timeout);if(t.parentNode)t.parentNode.removeChild(t);this.el=undefined}return this},lines:function(t,e){var r=0,a=(e.lines-1)*(1-e.direction)/2,l;function d(t,i){return f(o(),{position:"absolute",width:e.length+e.width+"px",height:e.width+"px",background:t,boxShadow:i,transformOrigin:"left",transform:"rotate("+~~(360/e.lines*r+e.rotate)+"deg) translate("+e.radius+"px"+",0)",borderRadius:(e.corners*e.width>>1)+"px"})}for(;r<e.lines;r++){l=f(o(),{position:"absolute",top:1+~(e.width/2)+"px",transform:e.hwaccel?"translate3d(0,0,0)":"",opacity:e.opacity,animation:i&&s(e.opacity,e.trail,a+r*e.direction,e.lines)+" "+1/e.speed+"s linear infinite"});if(e.shadow)n(l,f(d("#000","0 0 4px "+"#000"),{top:2+"px"}));n(t,n(l,d(e.color,"0 0 1px rgba(0,0,0,.1)")))}return t},opacity:function(t,e,i){if(e<t.childNodes.length)t.childNodes[e].style.opacity=i}});function c(){function t(t,e){return o("<"+t+' xmlns="urn:schemas-microsoft.com:vml" class="spin-vml">',e)}r.addRule(".spin-vml","behavior:url(#default#VML)");p.prototype.lines=function(e,i){var o=i.length+i.width,r=2*o;function s(){return f(t("group",{coordsize:r+" "+r,coordorigin:-o+" "+-o}),{width:r,height:r})}var a=-(i.width+i.length)*2+"px",l=f(s(),{position:"absolute",top:a,left:a}),d;function u(e,r,a){n(l,n(f(s(),{rotation:360/i.lines*e+"deg",left:~~r}),n(f(t("roundrect",{arcsize:i.corners}),{width:o,height:i.width,left:i.radius,top:-i.width>>1,filter:a}),t("fill",{color:i.color,opacity:i.opacity}),t("stroke",{opacity:0}))))}if(i.shadow)for(d=1;d<=i.lines;d++)u(d,-2,"progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow=1,shadowopacity=.3)");for(d=1;d<=i.lines;d++)u(d);return n(e,l)};p.prototype.opacity=function(t,e,i,o){var n=t.firstChild;o=o.shadow&&o.lines||0;if(n&&e+o<n.childNodes.length){n=n.childNodes[e+o];n=n&&n.firstChild;n=n&&n.firstChild;if(n)n.opacity=i}}}var h=f(o("group"),{behavior:"url(#default#VML)"});if(!a(h,"transform")&&h.adj)c();else i=a(h,"animation");return p});

data/app/assets/stylesheets/gallery/admin/admin.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/gallery/admin/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/gallery/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/gallery/application.css

@@ -0,0 +1,13 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require_self
+ *= require_tree .
+ */

data/app/assets/stylesheets/gallery/omniauth_callbacks.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/gallery/photos.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/gallery/style.css.scss

@@ -0,0 +1,193 @@
+@import "bourbon";
+
+
+.gallery-album-admin {
+  width: 300px;
+  display: inline-block;
+  margin: 10px;
+  border: 1px solid #d8d8d8;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  background-color: #fff;
+  border-bottom-width: 2px;
+  vertical-align: top;
+
+  p {
+    padding: 0px 5%;
+  }
+
+  h3 {
+    padding: 0px 5%;
+    font-weight: 200;
+  }
+
+
+}
+
+
+.gallery-album {
+  outline: none;
+  h3 {
+    font-weight: 200;
+  }
+
+  
+}
+
+.gallery-album-photos {
+  outline: none;
+  position: relative;
+  height: 400px;
+  width: 100%;
+  background-color: #FFF;
+  
+  &:-webkit-full-screen {
+    height: 100%;
+  }
+
+  .gallery-fullscreen {
+    @include transition(all 0.1s ease-in-out);
+    position: absolute;
+    width: 30px;
+    height: 20px;
+    bottom: 10px;
+    right: 10px;
+    border-radius: 5px;
+    background-color: rgba(255,255,255,0.5);
+
+    &:hover {
+      @include transform(scale(1.2));
+      cursor: pointer;
+      background-color: rgba(255,255,255,1);        
+    }
+
+  }
+
+  &:hover .gallery-fullscreen {
+    background-color: rgba(255,255,255,0.7);
+  }
+
+  &.fullscreen .gallery-fullscreen:hover {
+    @include transform(scale(0.8));
+  }
+
+  .gallery-arrow-left, .gallery-arrow-right {
+    position: absolute;
+    width: 40px;
+    height: 40px;
+    top: 45%;
+    z-index: 10;
+    &:after, &:before {
+      background: rgba(255,255,255,0.3);
+      -moz-border-radius: 0.2em;
+      -webkit-border-radius: 0.2em;
+      border-radius: 0.2em;
+      content: "";
+      display: block;
+      height: 0.5em;
+      position: absolute;
+      right: 0;
+      width: 2em;
+    }
+  }
+
+  &:hover .gallery-arrow-left, &:hover .gallery-arrow-right {
+    &:after, &:before {
+      background: rgba(255,255,255,0.7);
+      // width: 3em;        
+    }
+  }
+
+  .gallery-arrow-left:hover, .gallery-arrow-right:hover {
+    cursor: pointer;
+    &:after, &:before {
+      background: rgba(255,255,255,1);  
+    }
+  }
+
+  .gallery-arrow-right {
+    right: 10px;
+    
+    &:after {
+      bottom: 2em;
+      @include transform(rotate(45deg));
+    }
+    &:before {
+      bottom: 1em;
+      @include transform(rotate(-45deg));
+    }
+  }
+
+  .gallery-arrow-left {
+    left: 10px;
+    
+    &:after {
+      bottom: 1em;
+      @include transform(rotate(45deg));
+    }
+    &:before {
+      bottom: 2em;
+      @include transform(rotate(-45deg));
+    }
+  }
+
+  &.small {
+    .gallery-arrow-left {
+      left: 0px;
+    }
+  }
+
+  &:after {
+    pointer-events: none;
+    position: absolute;
+    content: '';
+    width: 100%;
+    height: 100%;
+    top: 0px;
+    box-shadow: inset 2px 2px 10px #aaa, inset -2px -2px 10px #aaa;
+  }
+
+  .gallery-spinner {
+    position: absolute;
+    height: 100%;
+    background-color: rgba(255,255,255,0.9);
+    top: 0px;
+    right: 0px;
+  }
+}
+
+.gallery-album-photos-canvas {
+  outline: none;
+  width: 100%;
+  height: 100%;
+  overflow-x: scroll;
+  overflow-y: hidden;
+  white-space: nowrap;
+
+  img {
+    @include transition(all 1s ease-in-out);
+    display: inline-block;
+    height: 92.5%;
+    margin-top: 0.675%;
+    
+    max-width: 1000000px;
+    vertical-align: top;
+    border-radius: 12px;
+    opacity: 0;
+
+    &.loaded {
+     opacity: 1;
+     margin-left: 2px;
+     margin-right: 2px;
+    }
+  }
+}
+
+#gallery-fallback-fullscreen {
+  position: fixed;
+  height: 100%;
+  width: 100%;
+  top: 0px;
+  left: 0px;
+  z-index: 10;
+}