From 0d277219fc5fea718d27d80e7ae68b6f4c2f4c4a Mon Sep 17 00:00:00 2001
From: rvelices <rv-github@modusoptimus.com>
Date: Mon, 6 Feb 2012 20:59:20 +0000
Subject: multisize - added the coi (still to affine the admin ui + language)
 multisize - derivatives can be revuild from a larger derviative instead of
 the original

git-svn-id: http://piwigo.org/svn/trunk@13038 68402e56-0260-453c-a942-63ccdbb3a9ee
---
 admin/themes/default/template/picture_coi.tpl    | 66 ++++++++++++++++++++++++
 admin/themes/default/template/picture_modify.tpl |  7 ++-
 2 files changed, 72 insertions(+), 1 deletion(-)
 create mode 100644 admin/themes/default/template/picture_coi.tpl

(limited to 'admin/themes/default/template')

diff --git a/admin/themes/default/template/picture_coi.tpl b/admin/themes/default/template/picture_coi.tpl
new file mode 100644
index 000000000..8287d3701
--- /dev/null
+++ b/admin/themes/default/template/picture_coi.tpl
@@ -0,0 +1,66 @@
+{html_head}
+<link rel="stylesheet" type="text/css" href="themes/default/js/plugins/jquery.Jcrop.css" />
+{/html_head}
+{combine_script id='jquery.jcrop' load='footer' require='jquery' path='themes/default/js/plugins/jquery.Jcrop.min.js'}
+
+<h2>{'Center of interest'|@translate}</h2>
+<div>
+<a href="{$U_EDIT}">{'Edit photo information'|@translate}</a>
+</div>
+
+<div>
+<img src="{$U_SQUARE}" alt="{$ALT}">
+<img src="{$U_THUMB}" alt="{$ALT}">
+</div>
+
+<div>
+<form method="post">
+<input type="hidden" id="l" name="l" value="{if isset($coi)}{$coi.l}{/if}">
+<input type="hidden" id="t" name="t" value="{if isset($coi)}{$coi.t}{/if}">
+<input type="hidden" id="r" name="r" value="{if isset($coi)}{$coi.r}{/if}">
+<input type="hidden" id="b" name="b" value="{if isset($coi)}{$coi.b}{/if}">
+
+<img id="jcrop" src="{$U_IMG}" alt="{$ALT}">
+
+<p>
+<input type="submit" name="submit" value="{'Submit'|@translate}">
+</p>
+</form>
+</div>
+
+{footer_script}
+{literal}
+function from_coi(f, total) {
+	return f*total;
+}
+
+function to_coi(v, total) {
+	return v/total;
+}
+
+function jOnChange(sel) {
+	var $img = jQuery("#jcrop");
+	jQuery("#l").val( to_coi(sel.x, $img.width()) );
+	jQuery("#t").val( to_coi(sel.y, $img.height()) );
+	jQuery("#r").val( to_coi(sel.x2, $img.width()) );
+	jQuery("#b").val( to_coi(sel.y2, $img.height()) );
+}
+function jOnRelease() {
+	jQuery("#l,#t,#r,#b").val("");
+}
+
+{/literal}
+jQuery("#jcrop").Jcrop( {ldelim}
+	boxWidth: 400, boxHeight: 400,
+	onChange: jOnChange,
+	onRelease: jOnRelease
+	}
+{if isset($coi)}
+	,function() {ldelim}
+		var $img = jQuery("#jcrop");
+		this.animateTo( [from_coi({$coi.l}, $img.width()), from_coi({$coi.t}, $img.height()), from_coi({$coi.r}, $img.width()), from_coi({$coi.b}, $img.height()) ] );
+	}
+{/if}
+);
+{/footer_script}
+
diff --git a/admin/themes/default/template/picture_modify.tpl b/admin/themes/default/template/picture_modify.tpl
index cddd1ba78..28e6bfc76 100644
--- a/admin/themes/default/template/picture_modify.tpl
+++ b/admin/themes/default/template/picture_modify.tpl
@@ -83,7 +83,12 @@ pwg_initialization_datepicker("#date_creation_day", "#date_creation_month", "#da
         </td>
       </tr>
       {/if}
-
+{if isset($U_COI)}
+      <tr>
+        <td></td>
+        <td><a href="{$U_COI}">{'Not cropped correctly?'|@translate}</a></td>
+      </tr>
+{/if}
     </table>
 
   </fieldset>
-- 
cgit v1.2.3