RubyGems - survivalkit - Versions diffs - 0.3.4 → 1.0.beta.1 - Mend

survivalkit 0.3.4 → 1.0.beta.1

Files changed (1362) hide show

data/templates/project/sources/flickrbomb/js/flickrbomb-demo.js DELETED Viewed

@@ -1,310 +0,0 @@
-/*
- * flickrBomb v1
- * www.ZURB.com/playground
- * Copyright 2011, ZURB
- * Free to use under the MIT license.
- * http://www.opensource.org/licenses/mit-license.php
-*/
-var flickrbombAPIkey = '66b5c17019403c96779e8fe88d5b576d',  //your Flickr API key
-/*  flickrbombLicenseTypes values (comma delimited)
-	empty means all license types
-	0: All Rights Reserved
-	4: Attribution License http://creativecommons.org/licenses/by/2.0/
-	6: Attribution-NoDerivs License http://creativecommons.org/licenses/by-nd/2.0/
-	3: Attribution-NonCommercial-NoDerivs License http://creativecommons.org/licenses/by-nc-nd/2.0/
-	2: Attribution-NonCommercial License http://creativecommons.org/licenses/by-nc/2.0/
-	1: Attribution-NonCommercial-ShareAlike License http://creativecommons.org/licenses/by-nc-sa/2.0/
-	5: Attribution-ShareAlike License http://creativecommons.org/licenses/by-sa/2.0/
-	7: No known copyright restrictions http://www.flickr.com/commons/usage/
-	8: United States Government Work http://www.usa.gov/copyright.shtml
-	ex. flickrbombLicenseTypes = '5,7,8';
-*/
-	flickrbombLicenseTypes = '';
-startFlickrBomb = function () {
-	(function ($) {
-	  var localStorage = (supports_local_storage()) ? new Store("flickrBombImages") : null,
-	      FlickrImage = Backbone.Model.extend({
-	        fullsize_url: function () {
-	          return this.image_url('medium');
-	        },
-	        thumb_url: function () {
-	          return this.image_url('square');
-	        },
-	        image_url: function (size) {
-	          var size_code;
-	          switch (size) {
-	            case 'square': size_code = '_s'; break; // 75x75
-	            case 'medium': size_code = '_z'; break; // 640 on the longest side
-	            case 'large': size_code = '_b'; break; // 1024 on the longest side
-	            default: size_code = '';
-	          }
-	          return "http://farm" + this.get('farm') + ".static.flickr.com/" + this.get('server') + "/" + this.get('id') + "_" + this.get('secret') + size_code + ".jpg";
-	        }
-	      }),
-	      Image = Backbone.Model.extend({
-	        localStorage: localStorage,
-	        initialize: function () {
-	          _.bindAll(this, 'loadFirstImage');
-	          this.flickrImages = new FlickrImages();
-	          this.flickrImages.fetch(this.get('keywords'), this.loadFirstImage);
-	          this.set({id: this.get("id") || this.get('keywords')});
-	          this.bind('change:src', this.changeSrc);
-	        },
-	        changeSrc: function () {
-	          this.save();
-	        },
-	        loadFirstImage: function () {
-	          if (this.get('src') === undefined) {
-	            this.set({src: this.flickrImages.first().image_url()});
-	          }
-	        }
-	      }),
-	      FlickrImages = Backbone.Collection.extend({
-	        model: FlickrImage,
-	        key: flickrbombAPIkey,
-	        page: 1,
-	        fetch: function (keywords, success) {
-	          var self = this;
-	          success = success || $.noop;
-	          this.keywords = keywords || this.keywords;
-	          $.ajax({
-	      			url: 'http://api.flickr.com/services/rest/',
-	      			data: {
-	      				api_key: self.key,
-	      				format: 'json',
-	      				method: 'flickr.photos.search',
-	      				tags: this.keywords,
-	      				per_page: 9,
-	      				page: this.page,
-						license: flickrbombLicenseTypes
-	      			},
-	      			dataType: 'jsonp',
-	      			jsonp: 'jsoncallback',
-	      			success: function (response) {
-	      			  self.add(response.photos.photo);
-	      			  success();
-	      			}
-	      		});
-	        },
-	        nextPage: function (callback) {
-	          	this.page += 1;
-	          	this.remove(this.models);
-			  	this.fetch(null, callback);
-	        },
-			prevPage: function(callback) {
-			  if (this.page > 1) {this.page -= 1;}
-			  this.remove(this.models);
-			  this.fetch(null, callback);
-			}
-	      }),
-	      FlickrImageView = Backbone.View.extend({
-	        tagName: 'a',
-	        template: _.template('<img src="<%= thumb_url() %>" />'),
-	        className: 'photo',
-	        events: {"click": "setImageSrc"},
-	        render: function() {
-	          $(this.el).html(this.template(this.model));
-	          $(this.el).addClass('photo');
-	          return this;
-	        },
-	        setImageSrc: function (event) {
-	          this.options.image.set({'src': this.model.fullsize_url()});
-	        }
-	      }),
-	      ImageView = Backbone.View.extend({
-	        tagName: "div",
-	        className: "flickrbombContainer",
-			lock: false,
-	        template: _.template('<div id="<%= this.image.id.replace(" ","") %>" class="flickrbombWrapper"><img class="flickrbomb" src="" /><a href="#" title="Setup" class="setupIcon"></a></div><div class="flickrbombFlyout"><div class="content"><a href="#" title="Previous Page" class="prev">&#9664;</a><a href="#" title="Next Page" class="next">&#9654;</a></div></div>'),
-	        initialize: function (options) {
-	          _.bindAll(this, 'addImage', 'updateSrc', 'setDimentions', 'updateDimentions');
-	          var keywords = options.img.attr('src').replace('flickr://', '');
-	          this.$el = $(this.el);
-	          this.ratio = this.options.img.attr('data-ratio');
-	          this.image = new Image({keywords: keywords, id: options.img.attr('id')});
-	          this.image.flickrImages.bind('add', this.addImage);
-	          this.image.bind('change:src', this.updateSrc);
-	        },
-	        events: {
-	          "click .setupIcon": "clickSetup",
-	          "click .flickrbombFlyout a.photo": "selectImage",
-	          "click .flickrbombFlyout a.next": "nextFlickrPhotos",
-			  "click .flickrbombFlyout a.prev": "prevFlickrPhotos"
-	        },
-	        render: function() {
-	          $(this.el).html(this.template());
-	          this.image.fetch();
-	          if (!this.ratio) {
-	            this.resize();
-	          } else {
-				this.$('.flickrbombWrapper').append('<img style="width: 100%;" class="placeholder" src="http://placehold.it/' + this.ratio + '" />');
-			  }
-	          return this;
-	        },
-	        updateSrc: function (model, src) {
-	          var self = this;
-	          this.$('img.flickrbomb')
-	              .css({top: 'auto', left: 'auto', width: 'auto', height: 'auto'})
-	              .attr('src', '')
-	              .bind('load', self.setDimentions)
-	              .attr('src', src);
-	        },
-	        setDimentions: function (event) {
-	          this.image.set({
-	            width: this.$('img').width(),
-	            height: this.$('img').height()
-	          });
-	          this.updateDimentions(this.image);
-	          $(event.target).unbind('load');
-	        },
-	        updateDimentions: function () {
-	          var image = this.$('img.flickrbomb'),
-	              flickrWidth = this.image.get('width'),
-	              flickrHeight = this.image.get('height'),
-	              flickrAspectRatio = flickrWidth / flickrHeight,
-	              clientWidth = this.$('div.flickrbombWrapper').width(),
-	              clientHeight = this.$('div.flickrbombWrapper').height(),
-	              clientAspectRatio = clientWidth / clientHeight;
-	          if (flickrAspectRatio < clientAspectRatio) {
-	            image.css({
-	                width: '100%',
-	                height: null
-	              });
-	            image.css({
-	                top: ((clientHeight - image.height()) / 2) + 'px',
-	                left: null
-	              });
-	          } else {
-	            image.css({
-	                height: '100%',
-	                width: null
-	            });
-	            image.css({
-	                left: ((clientWidth - image.width()) / 2) + 'px',
-	                top: null
-	              });
-	          }
-	        },
-	        addImage: function (image) {
-	          this.flickrImageView = new FlickrImageView({model: image, image: this.image});
-	          this.$('.flickrbombFlyout').append(this.flickrImageView.render().el);
-	        },
-	        clickSetup: function (event) {
-	          event.preventDefault();
-	          this.toggleFlyout();
-	        },
-	        toggleFlyout: function (event) {
-	          this.$('.flickrbombFlyout').toggle();
-	        },
-	        selectImage: function (event) {
-	          event.preventDefault();
-	          this.toggleFlyout();
-	        },
-	        nextFlickrPhotos: function (event) {
-	          event.preventDefault();
-			  var self = this;
-			  if(!this.lock) {
-			  	this.lock = true;
-	          	this.$('.flickrbombFlyout').find('a.photo').remove();
-	          	this.image.flickrImages.nextPage(function() {
-				  self.lock = false;
-			    });
-			  }
-	        },
-			prevFlickrPhotos: function (event) {
-	          event.preventDefault();
-			  var self = this;
-			  if(!this.lock) {
-			  	this.lock = true;
-	          	this.$('.flickrbombFlyout').find('a.photo').remove();
-	          	this.image.flickrImages.prevPage(function() {
-				  self.lock = false;
-			    });
-			  }
-	        },
-	        resize: function () {
-	          this.$('div.flickrbombWrapper').css({
-	              width: this.width() + 'px',
-	              height: this.height() + 'px'
-	          });
-	        },
-	        width: function () {
-	          return parseInt(this.options.img.width());
-	        },
-	        height: function () {
-	          return parseInt(this.options.img.height());
-	        }
-	      });
-	  $("img[src^='flickr://']").each(function () {
-	    var img = $(this);
-	    var imageView = new ImageView({img: img});
-	    img.replaceWith(imageView.render().el);
-	  });
-	  $('body').click(function(event) {
-	    if (!$(event.target).closest('.setupIcon').length && !$(event.target).closest('.flickrbombFlyout').length) {
-	      $('.flickrbombFlyout').hide();
-	    };
-	  });
-	})(jQuery);
-};
-startFlickrBomb();

data/templates/project/sources/flickrbomb/js/flickrbomb.js DELETED Viewed

@@ -1,307 +0,0 @@
-/*
- * flickrBomb v1
- * www.ZURB.com/playground
- * Copyright 2011, ZURB
- * Free to use under the MIT license.
- * http://www.opensource.org/licenses/mit-license.php
-*/
-var flickrbombAPIkey = '66b5c17019403c96779e8fe88d5b576d',  //your Flickr API key
-/*  flickrbombLicenseTypes values (comma delimited)
-	empty means all license types
-	0: All Rights Reserved
-	4: Attribution License http://creativecommons.org/licenses/by/2.0/
-	6: Attribution-NoDerivs License http://creativecommons.org/licenses/by-nd/2.0/
-	3: Attribution-NonCommercial-NoDerivs License http://creativecommons.org/licenses/by-nc-nd/2.0/
-	2: Attribution-NonCommercial License http://creativecommons.org/licenses/by-nc/2.0/
-	1: Attribution-NonCommercial-ShareAlike License http://creativecommons.org/licenses/by-nc-sa/2.0/
-	5: Attribution-ShareAlike License http://creativecommons.org/licenses/by-sa/2.0/
-	7: No known copyright restrictions http://www.flickr.com/commons/usage/
-	8: United States Government Work http://www.usa.gov/copyright.shtml
-	ex. flickrbombLicenseTypes = '5,7,8';
-*/
-	flickrbombLicenseTypes = '';
-	(function ($) {
-	  var localStorage = (supports_local_storage()) ? new Store("flickrBombImages") : null,
-	      FlickrImage = Backbone.Model.extend({
-	        fullsize_url: function () {
-	          return this.image_url('medium');
-	        },
-	        thumb_url: function () {
-	          return this.image_url('square');
-	        },
-	        image_url: function (size) {
-	          var size_code;
-	          switch (size) {
-	            case 'square': size_code = '_s'; break; // 75x75
-	            case 'medium': size_code = '_z'; break; // 640 on the longest side
-	            case 'large': size_code = '_b'; break; // 1024 on the longest side
-	            default: size_code = '';
-	          }
-	          return "http://farm" + this.get('farm') + ".static.flickr.com/" + this.get('server') + "/" + this.get('id') + "_" + this.get('secret') + size_code + ".jpg";
-	        }
-	      }),
-	      Image = Backbone.Model.extend({
-	        localStorage: localStorage,
-	        initialize: function () {
-	          _.bindAll(this, 'loadFirstImage');
-	          this.flickrImages = new FlickrImages();
-	          this.flickrImages.fetch(this.get('keywords'), this.loadFirstImage);
-	          this.set({id: this.get("id") || this.get('keywords')});
-	          this.bind('change:src', this.changeSrc);
-	        },
-	        changeSrc: function () {
-	          this.save();
-	        },
-	        loadFirstImage: function () {
-	          if (this.get('src') === undefined) {
-	            this.set({src: this.flickrImages.first().image_url()});
-	          }
-	        }
-	      }),
-	      FlickrImages = Backbone.Collection.extend({
-	        model: FlickrImage,
-	        key: flickrbombAPIkey,
-	        page: 1,
-	        fetch: function (keywords, success) {
-	          var self = this;
-	          success = success || $.noop;
-	          this.keywords = keywords || this.keywords;
-	          $.ajax({
-	      			url: 'http://api.flickr.com/services/rest/',
-	      			data: {
-	      				api_key: self.key,
-	      				format: 'json',
-	      				method: 'flickr.photos.search',
-	      				tags: this.keywords,
-	      				per_page: 9,
-	      				page: this.page,
-						license: flickrbombLicenseTypes
-	      			},
-	      			dataType: 'jsonp',
-	      			jsonp: 'jsoncallback',
-	      			success: function (response) {
-	      			  self.add(response.photos.photo);
-	      			  success();
-	      			}
-	      		});
-	        },
-	        nextPage: function (callback) {
-	          	this.page += 1;
-	          	this.remove(this.models);
-			  	this.fetch(null, callback);
-	        },
-			prevPage: function(callback) {
-			  if (this.page > 1) {this.page -= 1;}
-			  this.remove(this.models);
-			  this.fetch(null, callback);
-			}
-	      }),
-	      FlickrImageView = Backbone.View.extend({
-	        tagName: 'a',
-	        template: _.template('<img src="<%= thumb_url() %>" />'),
-	        className: 'photo',
-	        events: {"click": "setImageSrc"},
-	        render: function() {
-	          $(this.el).html(this.template(this.model));
-	          $(this.el).addClass('photo');
-	          return this;
-	        },
-	        setImageSrc: function (event) {
-	          this.options.image.set({'src': this.model.fullsize_url()});
-	        }
-	      }),
-	      ImageView = Backbone.View.extend({
-	        tagName: "div",
-	        className: "flickrbombContainer",
-			lock: false,
-	        template: _.template('<div id="<%= this.image.id.replace(" ","") %>" class="flickrbombWrapper"><img class="flickrbomb" src="" /><a href="#" title="Setup" class="setupIcon"></a></div><div class="flickrbombFlyout"><div class="content"><a href="#" title="Previous Page" class="prev">&#9664;</a><a href="#" title="Next Page" class="next">&#9654;</a></div></div>'),
-	        initialize: function (options) {
-	          _.bindAll(this, 'addImage', 'updateSrc', 'setDimentions', 'updateDimentions');
-	          var keywords = options.img.attr('src').replace('flickr://', '');
-	          this.$el = $(this.el);
-	          this.ratio = this.options.img.attr('data-ratio');
-	          this.image = new Image({keywords: keywords, id: options.img.attr('id')});
-	          this.image.flickrImages.bind('add', this.addImage);
-	          this.image.bind('change:src', this.updateSrc);
-	        },
-	        events: {
-	          "click .setupIcon": "clickSetup",
-	          "click .flickrbombFlyout a.photo": "selectImage",
-	          "click .flickrbombFlyout a.next": "nextFlickrPhotos",
-			  "click .flickrbombFlyout a.prev": "prevFlickrPhotos"
-	        },
-	        render: function() {
-	          $(this.el).html(this.template());
-	          this.image.fetch();
-	          if (!this.ratio) {
-	            this.resize();
-	          } else {
-				this.$('.flickrbombWrapper').append('<img style="width: 100%;" class="placeholder" src="http://placehold.it/' + this.ratio + '" />');
-			  }
-	          return this;
-	        },
-	        updateSrc: function (model, src) {
-	          var self = this;
-	          this.$('img.flickrbomb')
-	              .css({top: 'auto', left: 'auto', width: 'auto', height: 'auto'})
-	              .attr('src', '')
-	              .bind('load', self.setDimentions)
-	              .attr('src', src);
-	        },
-	        setDimentions: function (event) {
-	          this.image.set({
-	            width: this.$('img').width(),
-	            height: this.$('img').height()
-	          });
-	          this.updateDimentions(this.image);
-	          $(event.target).unbind('load');
-	        },
-	        updateDimentions: function () {
-	          var image = this.$('img.flickrbomb'),
-	              flickrWidth = this.image.get('width'),
-	              flickrHeight = this.image.get('height'),
-	              flickrAspectRatio = flickrWidth / flickrHeight,
-	              clientWidth = this.$('div.flickrbombWrapper').width(),
-	              clientHeight = this.$('div.flickrbombWrapper').height(),
-	              clientAspectRatio = clientWidth / clientHeight;
-	          if (flickrAspectRatio < clientAspectRatio) {
-	            image.css({
-	                width: '100%',
-	                height: null
-	              });
-	            image.css({
-	                top: ((clientHeight - image.height()) / 2) + 'px',
-	                left: null
-	              });
-	          } else {
-	            image.css({
-	                height: '100%',
-	                width: null
-	            });
-	            image.css({
-	                left: ((clientWidth - image.width()) / 2) + 'px',
-	                top: null
-	              });
-	          }
-	        },
-	        addImage: function (image) {
-	          this.flickrImageView = new FlickrImageView({model: image, image: this.image});
-	          this.$('.flickrbombFlyout').append(this.flickrImageView.render().el);
-	        },
-	        clickSetup: function (event) {
-	          event.preventDefault();
-	          this.toggleFlyout();
-	        },
-	        toggleFlyout: function (event) {
-	          this.$('.flickrbombFlyout').toggle();
-	        },
-	        selectImage: function (event) {
-	          event.preventDefault();
-	          this.toggleFlyout();
-	        },
-	        nextFlickrPhotos: function (event) {
-	          event.preventDefault();
-			  var self = this;
-			  if(!this.lock) {
-			  	this.lock = true;
-	          	this.$('.flickrbombFlyout').find('a.photo').remove();
-	          	this.image.flickrImages.nextPage(function() {
-				  self.lock = false;
-			    });
-			  }
-	        },
-			prevFlickrPhotos: function (event) {
-	          event.preventDefault();
-			  var self = this;
-			  if(!this.lock) {
-			  	this.lock = true;
-	          	this.$('.flickrbombFlyout').find('a.photo').remove();
-	          	this.image.flickrImages.prevPage(function() {
-				  self.lock = false;
-			    });
-			  }
-	        },
-	        resize: function () {
-	          this.$('div.flickrbombWrapper').css({
-	              width: this.width() + 'px',
-	              height: this.height() + 'px'
-	          });
-	        },
-	        width: function () {
-	          return parseInt(this.options.img.width());
-	        },
-	        height: function () {
-	          return parseInt(this.options.img.height());
-	        }
-	      });
-	  $("img[src^='flickr://']").each(function () {
-	    var img = $(this);
-	    var imageView = new ImageView({img: img});
-	    img.replaceWith(imageView.render().el);
-	  });
-	  $('body').click(function(event) {
-	    if (!$(event.target).closest('.setupIcon').length && !$(event.target).closest('.flickrbombFlyout').length) {
-	      $('.flickrbombFlyout').hide();
-	    };
-	  });
-	})(jQuery);