aboutsummaryrefslogtreecommitdiffstats
path: root/admin/themes/default/template
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--admin/themes/default/template/picture_coi.tpl66
-rw-r--r--admin/themes/default/template/picture_modify.tpl7
2 files changed, 72 insertions, 1 deletions
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>