redde 0.0.3

data/lib/generators/redde/layout/templates/assets/images/admin/reddebox/jquery.reddebox.js.erb

@@ -0,0 +1,246 @@
+/**
+ * jQuery lightBox plugin
+ * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
+ * and adapted to me for use like a plugin from jQuery.
+ * @name jquery-lightbox-0.5.js
+ * @author Leandro Vieira Pinho - http://leandrovieira.com
+ * @version 0.5
+ * @date April 11, 2008
+ * @category jQuery plugin
+ * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
+ * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
+ * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
+ */
+
+// Offering a Custom Alias suport - More info: http://docs.jquery.com/Plugins/Authoring#Custom_Alias
+(function($) {
+	/**
+	 * $ is an alias to jQuery object
+	 *
+	 */
+	$.fn.reddeBox = function(settings) {
+		// Settings to configure the jQuery lightBox plugin how you like
+		var settings = jQuery.extend({
+			// Configuration related to overlay
+			overlayOpacity:			0.8,		// (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
+			// Configuration related to navigation
+			//fixedNavigation:		true,		// (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
+			// Configuration related to images
+			classWrapper:           "",
+			//imageLoading:			'<%= asset_path("reddebox/103.gif") %>',		// (string) Path and the name of the loading icon
+			//imageBtnPrev:			'<%= asset_path("reddebox/previous.png") %>',			// (string) Path and the name of the prev button image
+			//imageBtnNext:			'<%= asset_path("reddebox/next.png") %>',			// (string) Path and the name of the next button image
+			//imageBtnClose:			'<%= asset_path("reddebox/close.png") %>',		// (string) Path and the name of the close btn
+			// Configuration related to container image box
+			//containerBorderSize:	0,			// (integer) If you adjust the padding in the CSS for the container, #lightbox-container-image-box, you will need to update this value
+			//containerResizeSpeed:	0,		// (integer) Specify the resize duration of container image. These number are miliseconds. 400 is default.
+			// Configuration related to texts in caption. For example: Image 2 of 8. You can alter either "Image" and "of" texts.
+			//txtImage:				'Изображение',	// (string) Specify text "Image"
+			//txtOf:					'из',		// (string) Specify text "of"
+			// Configuration related to keyboard navigation
+			//keyToClose:				'c',		// (string) (c = close) Letter to close the jQuery lightBox interface. Beyond this letter, the letter X and the SCAPE key is used to.
+			//keyToPrev:				'p',		// (string) (p = previous) Letter to show the previous image
+			//keyToNext:				'n',		// (string) (n = next) Letter to show the next image.
+			// Don�t alter these variables in any way
+			usedThisLink:           true,  // включить в набор текущий линк или линки
+			imageArray:				[],
+			activeImage:			0
+		},settings);
+		
+			
+
+		
+
+		
+
+		var elems = this;
+					
+		return this.unbind('click.reddebox').bind("click.reddebox",function(e){
+			new Bilder(this,elems,settings);
+			e.preventDefault();
+		});
+	};
+	
+	function Bilder(el,elems,settings) {
+		var arr = $.map(settings.imageArray,function(n){
+			return $("<a />").attr("href",n)[0];
+		});
+		if (settings.usedThisLink) {
+			this.jQueryMatchedObj = $.merge($.merge([],elems), arr);
+		} else {
+			this.jQueryMatchedObj = arr;
+		};
+		
+		this.activeIndex = $.map(elems,function(n,i){
+			if (n == el) {
+				return i;
+			};
+		})[0] || 0;
+		this.setInterface(el,settings);
+	};
+	
+	Bilder.prototype = {
+		removeReddeBox: function() {
+			$("#redde-overlay, #redde-box").remove();
+		},
+		
+		setActiveIndex: function(linkActiveHref) {
+			for(var i = this.jQueryMatchedObj.length; i--;) {
+				if (this.jQueryMatchedObj[i].href == linkActiveHref) {
+					activeIndex = i;
+					break;
+				}
+			};
+		},	
+			
+		updateNavi: function(linkActive) {
+			var maxLength = this.jQueryMatchedObj.length;
+			this.setActiveIndex(linkActive.attr("href"));
+			this.container.find("a.redde-next, a.redde-prev").css("visibility","visible");	
+			if (this.activeIndex == 0) {
+				$("a.redde-prev").css("visibility","hidden");	
+			};
+			if (this.activeIndex == maxLength-1) {
+				$("a.redde-next").css("visibility","hidden");
+			};
+			if (linkActive.attr("title")) {
+				this.container.find("div.redde-desc").html(linkActive.attr("title")).css("visibility","visible");
+			} else {
+				this.container.find("div.redde-desc").empty().css("visibility","hidden");
+			};
+		},
+				
+		showImage: function(me) {
+			var self = this;
+			this.updateNavi(me);
+			if (/\.(jpg|jpeg|gif|png)$/i.test($(me).attr("href"))) {
+				$("<img />").attr("src",me.attr("href")).fadeTo(0,0).load(function(){
+					//alert("test")
+					$("#redde-container #wrap-redde-container").html(this);
+					self.setCenter.call(self,$(this));
+				});
+			} else {
+				this.container.find("#wrap-redde-container").html('<iframe src="'+ me.attr("href") +'" frameborder="0" width="600" height="600" />');
+				self.setCenter.call(self,this.container.find("iframe"));
+			}
+
+		},
+
+		setCenter: function(el) {
+			var w = el.width(),
+				h = el.height();
+			this.container.addClass("resize-show-photo").stop(false,false).animate({
+				width: w,
+				height: h,
+				"margin-left": -w/2-1, // -1 - поправка на border
+				"margin-top": -h/2-1,
+				top: "50%",
+				left: "50%"
+			},400,function(){
+				$(this).removeClass("resize-show-photo");
+				if ($.isFunction($.fn.draggable)) {
+					$(this).draggable({
+						stop: function(){							
+							var obj = {}, 
+								x1 = parseInt($(this).css("left")), 
+								y1 = parseInt($(this).css("top")),
+								xy2 = $(this).offsetParent(),
+								x2 = parseInt(xy2.width()),
+								y2 = parseInt(xy2.height());
+
+							if (x2 > w) {
+								if (x1 < 0) {
+									obj.left = 0;
+								} else if (x1 > x2) {
+									obj.left = x2;
+								};
+							} else {
+								if (x2/2-x1 > w/2) {
+									obj.left = (x2-w)/2;
+								} else if (x1-x2/2 > w/2) {
+									obj.left = (x2+w)/2;
+								};								
+							};
+							
+							if (y2 > h) {
+								if (y1 < 0) {
+									obj.top = 0
+								} else if (y1 > y2) {
+									obj.top = y2
+								};								
+							} else {
+								if (y2/2-y1 > h/2) {
+									obj.top = (y2-h)/2;
+								} else if (y1-y2/2 > h/2) {
+									obj.top = (y2+h)/2;
+								};										
+							}
+							
+							$(this).animate(obj);
+						}
+					});
+				};
+			}).find("img").fadeTo(0,1.0);
+		},
+	
+		setInterface: function(linkActive,settings) {
+			if (settings.classWrapper) {
+				settings.classWrapper = ' class="' + settings.classWrapper + '"';
+			};			 
+			var navigation = 
+				'<a href="#" class="redde-prev"></a>' + 
+				'<a href="#" class="redde-close"></a>' +
+				'<a href="#" class="redde-next"></a>' + 
+				'<div class="redde-desc"></div>';
+			var cont = 
+				'<div id="redde-overlay"></div>' +
+				'<div id="redde-box"' + settings.classWrapper + '>' + 
+					'<div id="redde-container"><div id="wrap-redde-container"></div>' + navigation + '</div>' +
+				'</div>';
+			$("body").append(cont);
+			this.container = $("#redde-container"); // обертка
+			$("#redde-overlay").fadeTo(400,settings.overlayOpacity);
+			var self = this;
+			
+			$("#redde-box").fadeTo(400,1.0/*,
+				//закрываем лайтбокс при клике на подложку
+				function(){
+				$(this).bind("click",function(e){
+					if (e.target == this) {
+						self.removeReddeBox();
+					};
+				});
+			}*/);
+			
+			if (!settings.imageArray.length) {
+				this.showImage($(linkActive));
+			} else {
+				if (settings.activeImage) {
+					this.activeIndex = settings.activeImage;
+				};
+				this.showImage($(this.jQueryMatchedObj[this.activeIndex]));	
+			}
+
+			this.container.find("a").click(function(e){
+				switch (this.className) {
+					case "redde-next": 
+					case "redde-prev": 
+					{
+						self.container.stop(true,true);
+						var delta = this.className == "redde-prev" ? -1 : 1;
+						if (self.jQueryMatchedObj[self.activeIndex+delta] != undefined) {
+							self.activeIndex = self.activeIndex+delta;
+							self.showImage($(self.jQueryMatchedObj[self.activeIndex]));
+						};
+						break;						
+					};
+					case "redde-close": {
+						self.removeReddeBox();
+						break;						
+					};										
+				}
+				e.preventDefault();
+			});				
+		}		
+	};
+})(jQuery); // Call and execute the function immediately passing the jQuery object

data/lib/generators/redde/layout/templates/assets/images/admin/reddebox/jquery.reddebox.scss

@@ -0,0 +1,31 @@
+#redde-overlay {
+  position:fixed; top:0; left:0; width:100%; height:100%; z-index:9000; background:#42332b; 
+  opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+}
+
+#redde-box {
+  position:fixed; top:0; left:0; width:100%; height:100%; z-index:9000;
+  opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+  #redde-container {
+    position:absolute; top:50%; left:50%; width:200px; height:200px; margin:-101px 0 0 -101px; border:1px solid #edbb69; background-color:#42332b;
+    background-repeat:no-repeat; background-position:center; box-shadow:0 0 10px rgba(#fff,0.26);
+    #wrap-redde-container {width:100%; height:100%;}
+    &.resize-show-photo {
+      img {width:100%; height:100%;}
+      .redde-close,
+      .redde-prev,
+      .redde-next {display:none;}
+    }
+    &.ui-draggable img {cursor:move;}
+  }
+  .redde-close,
+  .redde-prev,
+  .redde-next,
+  .redde-desc {display:block; position:absolute;}
+  .redde-close {top:-11px; right:-11px; width:22px; height:22px; background:image-url("reddebox/close.png") no-repeat 0 0;}
+  .redde-prev,
+  .redde-next {width:19px; height:47px; top:50%; margin-top:-24px; }
+  .redde-prev {background:image-url("reddebox/prev.png") no-repeat 0 0; left:0; margin-left:-34px;}
+  .redde-next {background:image-url("reddebox/next.png") no-repeat 0 0; right:0; margin-right:-34px;}
+  .redde-desc {left:0; top:100%; margin-top:5px; width:100%; text-align:center; font-style:italic;}
+}

data/lib/generators/redde/layout/templates/assets/images/admin/uploadifive/change-log.txt

@@ -0,0 +1,19 @@
+UploadiFive Change Log
+
+v1.0.4
+* Added compatibility with Safari
+
+v1.0.3
+* Using new and faster FormData object if available
+* Added extra security and image only uploadifive.php file
+* formData is sent to the check script along with the filename
+* Removed index from Filedata object
+
+v1.0.2
+* Changed $data.uploadFile method to use boundary for uploads
+
+v1.0.1
+* Fixed bug with onQueueComplete event
+
+v1.0
+* Initial creation of UploadiFive plugin

data/lib/generators/redde/layout/templates/assets/images/admin/uploadifive/check-exists.php

@@ -0,0 +1,15 @@
+<?php
+/*
+UploadiFive
+Copyright (c) 2012 Reactive Apps, Ronnie Garcia
+*/
+
+// Define a destination
+$targetFolder = '/uploads'; // Relative to the root and should match the upload folder in the uploader script
+
+if (file_exists($_SERVER['DOCUMENT_ROOT'] . $targetFolder . '/' . $_POST['filename'])) {
+	echo 1;
+} else {
+	echo 0;
+}
+?>

data/lib/generators/redde/layout/templates/assets/images/admin/uploadifive/index.php

@@ -0,0 +1,50 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>UploadiFive Test</title>
+<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
+<script src="jquery.uploadifive-v1.0.js" type="text/javascript"></script>
+<link rel="stylesheet" type="text/css" href="uploadifive.css">
+<style type="text/css">
+body {
+	font: 13px Arial, Helvetica, Sans-serif;
+}
+.uploadifive-button {
+	float: left;
+	margin-right: 10px;
+}
+#queue {
+	border: 1px solid #E5E5E5;
+	height: 177px;
+	overflow: auto;
+	margin-bottom: 10px;
+	padding: 0 3px 3px;
+	width: 300px;
+}
+</style>
+</head>
+
+<body>
+	<h1>UploadiFive Demo</h1>
+	<form>
+		<div id="queue"></div>
+		<input id="file_upload" name="file_upload" type="file" multiple="true">
+		<a style="position: relative; top: 8px;" href="javascript:$('#file_upload').uploadifive('upload')">Upload Files</a>
+	</form>
+
+	<script type="text/javascript">
+		$(function() {
+			$('#file_upload').uploadifive({
+				'auto'         : false,
+				'formData'     : {'test' : 'something'},
+				'queueID'      : 'queue',
+				'uploadScript' : 'uploadifive.php',
+				'onUploadComplete' : function(file, data) {
+					console.log(data);
+				}
+			});
+		});
+	</script>
+</body>
+</html>