diff options
author | rvelices <rv-github@modusoptimus.com> | 2012-02-06 20:59:20 +0000 |
---|---|---|
committer | rvelices <rv-github@modusoptimus.com> | 2012-02-06 20:59:20 +0000 |
commit | 0d277219fc5fea718d27d80e7ae68b6f4c2f4c4a (patch) | |
tree | 0a45bd317b98f2292efe38c8aaf53c163c31e286 /admin/themes | |
parent | 8d86e7b399fbda576306453c332cd9daeb44bdde (diff) |
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
Diffstat (limited to 'admin/themes')
-rw-r--r-- | admin/themes/default/template/picture_coi.tpl | 66 | ||||
-rw-r--r-- | admin/themes/default/template/picture_modify.tpl | 7 |
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> |