RubyGems - olala - Versions diffs - 0.0.1 - Mend

olala 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1312) hide show

data/vendor/assets/aloha/plugins/common/image/css/image.css ADDED

@@ -0,0 +1,133 @@
+/* Images */
+.aloha-image-align-left {
+    background: url(../img/image-align-left.png);
+}
+.aloha-image-align-right {
+    background: url(../img/image-align-right.png);
+}
+.aloha-image-align-none {
+    background: url(../img/image-align-none.png);
+}
+.aloha-img.aloha-image-title {
+    background: url(../img/image-title.png);
+}
+.aloha-img.aloha-image-border {
+    background: url(../img/image-border.png);
+}
+.aloha-image-insert {
+    background: url(../img/image.gif) !important;
+}
+.aloha-img.aloha-image-padding-increase {
+	background: url(../img/padding-increase.gif);
+}
+.aloha-img.aloha-image-padding-decrease {
+	background: url(../img/padding-decrease.gif);
+}
+.aloha-img.aloha-image-size-increase {
+	background: url(../img/size-increase.gif);
+}
+.aloha-img.aloha-image-size-decrease {
+	background: url(../img/size-decrease.gif);
+}
+.aloha-default-file-icon {
+	background: url(../img/page.png);
+	width: 16px;
+	height:16px;
+	margin: 0;
+	padding:0;
+}
+/* Crop and Resize */
+.aloha-icon-cnr-resize, .aloha-icon-cnr-crop, .aloha-icon-cnr-reset {
+	background: url(../img/cropnresize.png);
+}
+.aloha-icon-cnr-crop {
+	background-position: -2px -2px !important;
+}
+.aloha-icon-cnr-reset {
+	background-position: -42px -2px !important;
+}
+.aloha-icon-cnr-ratio {
+	background-image: url(../img/cropnresize.png) !important;
+	background-position: -60px -2px !important;
+}
+#aloha-CropNResize-btns {
+	z-index: 10000;
+	width: 70px;
+	display: none;
+	position: absolute;
+}
+#aloha-CropNResize-btns button {
+	background: #ededed;
+	border: 1px solid #c6c6c6;
+	cursor: pointer;
+	color: #96ca03;
+	text-shadow: -1px -1px 1px rgba(0,0,0,0.3);
+	font-size: 16px;
+	border-radius: 3px;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	padding: 0px;
+	width: 23px;
+	height: 23px;
+	margin-right: 3px;
+}
+#aloha-CropNResize-btns button.cnr-crop-apply {
+	padding-left: 2px;
+}
+#aloha-CropNResize-btns button.cnr-crop-cancel {
+	color: #c92404;
+}
+/*
+ * fix to use big resize handle for images
+ */
+.aloha .ui-resizable-se {
+	width: 16px;
+	height: 16px;
+	background-position: -80px -224px !important;
+}
+.aloha-image-box-active {
+	-moz-box-shadow:	0px 2px 8px rgba(0, 0, 0, 0.2);
+	-webkit-box-shadow:	0px 2px 8px rgba(0, 0, 0, 0.2);
+	box-shadow:			0px 2px 8px rgba(0, 0, 0, 0.2);
+}
+.aloha-image-box-active .ui-resizable-handle.ui-resizable-nw {
+}
+.aloha-image-box-active .ui-resizable-handle.ui-resizable-ne {
+}
+.aloha-image-box-active .ui-resizable-handle.ui-resizable-se {
+}
+.aloha-image-box-active .ui-resizable-handle.ui-resizable-sw {
+}
+.aloha.aloha-toolbar .aloha-image-input-label .aloha-ui-label-text {
+	/* give labels a reasonable static width so that the url, title, width,
+	   height labeled input elements will align vertically */
+	display: inline-block;
+	width: 31px;
+}
+@import	"../vendor/jcrop/jquery.jcrop.css";

data/vendor/assets/aloha/plugins/common/image/demo/crop.html ADDED

@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<title>Aloha, World!</title>
+	<script src="../../lib/require.js" data-main="../../lib/aloha.js" id="aloha-script-include" data-plugins="common/format,common/highlighteditables,common/list,common/undo,common/paste,common/image"></script>
+	<link rel="stylesheet" href="../../css/aloha.css" id="aloha-style-include">
+	<link rel="stylesheet" href="../../demo/common/index.css" type="text/css">
+	<script type="text/javascript">
+	if (window.Aloha === undefined || window.Aloha === null)
+		Aloha = {};
+		Aloha.settings = {
+		"plugins": {
+		 	"com.gentics.aloha.plugins.Image": {
+				onCropped : function (image, props) {
+					// invoke the image cropper crop.php
+					image
+						.width(props.w) // set width
+						.height(props.h) // and height to new values
+						.attr("src", "crop.php?src=" // and adjust src to the cropped image
+							+ image.attr('src')
+							+ "&x=" + props.x
+							+ "&y=" + props.y
+							+ "&w=" + props.w
+							+ "&h=" + props.h
+						);
+					jQuery("#info").append("<li>Cropped \"" + image.attr("src") + "\"</li>");
+				},
+				onResized : function (image) {
+					// this is the point where you would add a server-side image-resizer
+					jQuery("#info").append("<li>Resized \"" + image.attr("src") + "\"</li>");
+				},
+				onReset : function (image) {
+					// handle resetting the image
+					jQuery("#info").append("<li>Resetted \"" + image.attr("src") + "\" to it's initial state</li>");
+				},
+				aspectRatio : false, // if set to false the aspectRatio will not be maintained anymore when resizing
+				maxHeight : 500, // supply a maximum height for resizing
+				minHeight : 200, // and a minimum height
+				maxWidth : 700, // maximum image width for resizing
+				minWidth : 200, // and minimum width
+				grid : 100 // snap to an invisible grid when resizing
+			}
+		}
+	};
+	require.ready(function() {
+		// Prepare
+		var	$ = window.jQuery,
+			$body = $('body');
+		$body.bind('aloha',function(){
+			$('#title').aloha();
+			$('#teaser').aloha();
+			$('#content').aloha();
+		});
+	});
+	</script>
+</head>
+<body>
+<div id="main">
+<h1 id="title">Aloha, Images! (Extended Version :)</h1>
+<div id="bodyContent">
+<div id="teaser" class="shorttext">
+<p>This <b>extended example</b> is intended for developers planning to use the the CropNResize plugin found at <a href="https://github.com/alohaeditor/Aloha-Plugin-CropNResize">https://github.com/alohaeditor/Aloha-Plugin-CropNResize</a>. It displays the whole set of configuration options currently available. Well, just take a look at the code.</p>
+</div>
+<div id="content" class="article">
+<p>Click the image to start resizing right away, as a resize handle will appear in it's south-east corner.</p>
+<p><img src="cropnresize.jpg" /></p>
+</div>
+</div>
+<ol id="info"></ol>
+</div>
+</body>
+</html>

data/vendor/assets/aloha/plugins/common/image/demo/crop.php ADDED

@@ -0,0 +1,21 @@
+<?php
+/**
+ * Simple, very basic image cropper for CropNResize plugin demonstration
+ * @author Clemens Prerovsky
+ */
+header('Content-type: image/jpeg');
+// load parameters from url
+$src = $_GET["src"];
+$x = intval($_GET["x"]);
+$y = intval($_GET["y"]);
+$w = intval($_GET["w"]);
+$h = intval($_GET["h"]);
+// resize image
+$img = imagecreatefromjpeg($src) or die("Error: unknown src");
+$cropped = imagecreatetruecolor($w, $h);
+imagecopyresampled($cropped, $img, 0, 0, $x, $y, $w, $h, $w, $h);
+imagejpeg($cropped);
+imagedestroy($cropped);
+?>

data/vendor/assets/aloha/plugins/common/image/demo/cropnresize.jpg ADDED

Binary file

data/vendor/assets/aloha/plugins/common/image/demo/index.html ADDED

@@ -0,0 +1,117 @@
+<!doctype html>
+<html>
+<head>
+	<meta charset="UTF-8">
+	<title>Aloha, Images!</title>
+<script type="text/javascript">
+	(function(window, undefined) {
+		function _onCropped(image, props) {
+			var canvas = document.createElement('canvas'),
+			 	context = canvas.getContext("2d"),
+			 	img = image.get(0),
+			 	finalprops = {},
+			 	ratio = {img:{}, disp: {}};
+			ratio.img.h = img.height;// image natural height
+			ratio.img.w = img.width;// image natural width
+			ratio.disp.h = image.height(); // image diplay heigth
+			ratio.disp.w = image.width(); // image diplay width
+			ratio.h = (ratio.img.h / ratio.disp.h);
+			ratio.w = (ratio.img.w / ratio.disp.w);
+			/*
+			var sourceX = 150;
+	        var sourceY = 0;
+	        var sourceWidth = 150;
+	        var sourceHeight = 150;
+	        var destWidth = sourceWidth;
+	        var destHeight = sourceHeight;
+	        var destX = canvas.width / 2 - destWidth / 2;
+	        var destY = canvas.height / 2 - destHeight / 2;
+			context.drawImage(imageObj, sourceX, sourceY, sourceWidth, sourceHeight, destX, destY, destWidth, destHeight);
+			 */
+			// props are related to displayed size of image.
+			// apply w/h ratio to props to get fprops which will be related to 'real' image dimensions
+			finalprops.x = props.x * ratio.w;
+			finalprops.y = props.y * ratio.h;
+			finalprops.w = props.w * ratio.w;
+			finalprops.h = props.h * ratio.h;
+			context.drawImage(img,
+					finalprops.x, finalprops.y,
+					finalprops.w, finalprops.h,
+					0,0,
+//					props.x2, props.y2,
+					props.w, props.h);
+			$('body').append(canvas);
+		}
+		if (window.Aloha === undefined || window.Aloha === null) {
+			var Aloha = window.Aloha = {};
+		}
+		Aloha.settings = {
+			logLevels: {'error': true, 'warn': true, 'info': true, 'debug': false},
+			'plugins': {
+				'image': {
+					'fixedAspectRatio': false,
+					'maxWidth': 1024,
+					'minWidth': 10,
+					'maxHeight': 786,
+					'minHeight': 10,
+					'globalselector': '.global'
+				}
+			}
+		};
+    })(window);
+	</script>
+	<script src="../../../../lib/aloha.js" data-aloha-plugins="common/format, common/highlighteditables, common/image"></script>
+	<link rel="stylesheet" href="../../../../css/aloha.css" id="aloha-style-include" type="text/css">
+	<link rel="stylesheet" href="../../../../demo/common/index.css" type="text/css">
+</head>
+<body>
+  <div id="main">
+		<div id="tree-div"></div>
+		<h1 id="title">Aloha, Images!</h1>
+		<div id="bodyContent">
+			<div id="teaser" class="shorttext">
+				<p>This example will show you how to use the Image plugin found at <a href="https://github.com/alohaeditor/Aloha-Plugin-Image">https://github.com/alohaeditor/Aloha-Plugin-Image</a>.</p>
+			</div>
+			<div id="content" class="article">
+				<p><img src="cropnresize.jpg"></p>
+				<p>Click the image to start resizing right away, as a resize handle will appear in it's south-east corner.</p>
+				<p><em>Note:</em> This is a very simple example, that will not allow subsequent cropping actions, or cropping combined with resizing.</p>
+			</div>
+			Outside of the editable
+			<p><img class="global" src="cropnresize.jpg"></p>
+		</div>
+  </div>
+	<script type="text/javascript">
+	Aloha.ready( function(){
+		var $ = Aloha.jQuery;
+		$('#title').aloha();
+		$('#teaser').aloha();
+		$('#content').aloha();
+	});
+  </script>
+</body>
+</html>

data/vendor/assets/aloha/plugins/common/image/img/blank.jpg ADDED

Binary file

data/vendor/assets/aloha/plugins/common/image/img/crop-buttons.gif ADDED

Binary file

data/vendor/assets/aloha/plugins/common/image/img/cropnresize.png ADDED

Binary file

data/vendor/assets/aloha/plugins/common/image/img/handle-sw.png ADDED

Binary file

data/vendor/assets/aloha/plugins/common/image/img/image-align-left.png ADDED

Binary file

data/vendor/assets/aloha/plugins/common/image/img/image-align-none.png ADDED

Binary file

data/vendor/assets/aloha/plugins/common/image/img/image-align-right.png ADDED

Binary file

data/vendor/assets/aloha/plugins/common/image/img/image-border.png ADDED

Binary file

data/vendor/assets/aloha/plugins/common/image/img/image-title.png ADDED

Binary file

data/vendor/assets/aloha/plugins/common/image/img/image.gif ADDED

Binary file

data/vendor/assets/aloha/plugins/common/image/img/padding-decrease.gif ADDED

Binary file

data/vendor/assets/aloha/plugins/common/image/img/padding-increase.gif ADDED

Binary file

data/vendor/assets/aloha/plugins/common/image/img/page.png ADDED

Binary file

data/vendor/assets/aloha/plugins/common/image/img/size-decrease.gif ADDED

Binary file

data/vendor/assets/aloha/plugins/common/image/img/size-increase.gif ADDED

Binary file

data/vendor/assets/aloha/plugins/common/image/lib/image-plugin-actions.js ADDED

File without changes

data/vendor/assets/aloha/plugins/common/image/nls/ca/i18n.js ADDED

@@ -0,0 +1,32 @@
+define({
+	"size.natural": "Mida original",
+	"button.addimg.tooltip": "Afegeix una referència a la imatge",
+	"floatingmenu.tab.img": "Imatge",
+	"floatingmenu.tab.formatting": "Format",
+	"floatingmenu.tab.resize": "Canvia la mida",
+	"floatingmenu.tab.crop": "Escapça",
+	"button.uploadimg.tooltip": "Puja una imatge",
+	"button.uploadimg.label": "Puja",
+	"button.img.align.left.tooltip": "Alinea a l\'esquerra",
+	"button.img.align.right.tooltip": "Alinea a la dreta",
+	"button.img.align.none.tooltip": "Sense alineació",
+	"field.img.title.label": "Títol",
+	"field.img.title.tooltip": "Títol",
+	"field.img.label": "URL",
+	"field.img.tooltip": "Origen",
+	"border ": "Afegeix un marc a la imatge",
+	"padding.increase ": "Augmenta el «padding»",
+	"padding.decrease ": "Disminueix el «padding»",
+	"size.increase ": "Augmenta la mida",
+	"size.decrease ": "Disminueix la mida",
+	"Resize": "Canvia la mida",
+	"Crop": "Escapça",
+	"Reset": "Restableix",
+	"Accept": "Accepta",
+	"Cancel": "Cancel·la",
+	"height": "Alçada",
+	"width": "Amplada",
+	"button.toggle.tooltip": "Activa/desactiva mantenir la relació d\'aspecte",
+	"field.img.src.label": "Origen",
+	"field.img.src.tooltip": "Origen"
+});

data/vendor/assets/aloha/plugins/common/image/nls/de/i18n.js ADDED

@@ -0,0 +1,32 @@
+define({
+	"size.natural": "Originalgröße",
+	"button.addimg.tooltip": "Bild hinzufügen",
+	"floatingmenu.tab.img": "Bild",
+	"floatingmenu.tab.formatting": "Formatierung",
+	"floatingmenu.tab.resize": "Größe anpassen",
+	"floatingmenu.tab.crop": "Zuschneiden",
+	"button.uploadimg.tooltip": "Bild hochladen",
+	"button.uploadimg.label": "Hochladen",
+	"button.img.align.left.tooltip": "Linksbündig",
+	"button.img.align.right.tooltip": "Rechtsbündig",
+	"button.img.align.none.tooltip": "Keine Ausrichtung",
+	"field.img.title.label": "Titel",
+	"field.img.title.tooltip": "Titel",
+	"field.img.label": "URL",
+	"field.img.tooltip": "Quelle",
+	"border ": "Rahmen hinzufügen",
+	"padding.increase ": "Abstand vergrößern",
+	"padding.decrease ": "Abstand verkleinern",
+	"size.increase ": "Bild vergrößern",
+	"size.decrease ": "Bild verkleinern",
+	"Resize": "Größe anpassen",
+	"Crop": "Zuschneiden",
+	"Reset": "Zurücksetzen",
+	"Accept": "Bestätigen",
+	"Cancel": "Abbrechen",
+	"height": "Höhe",
+	"width": "Breite",
+	"button.toggle.tooltip": "Seitenverhältnis beibehalten",
+	"field.img.src.label": "Quelle",
+	"field.img.src.tooltip": "Quelle"
+});