diff options
author | Friendika <info@friendika.com> | 2011-01-23 14:19:42 -0800 |
---|---|---|
committer | Friendika <info@friendika.com> | 2011-01-23 14:19:42 -0800 |
commit | f649692c25a6846f645383b256026b24d4dde970 (patch) | |
tree | 889107ad320a5a2e9f9fe60c9163c352b04bc590 /view/fr/cropbody.tpl | |
parent | 950e5f6693907c76821b4da99cd4e3b080c4ae23 (diff) | |
parent | 320059a506f70b9ad78d18135c46718514962236 (diff) | |
download | volse-hubzilla-f649692c25a6846f645383b256026b24d4dde970.tar.gz volse-hubzilla-f649692c25a6846f645383b256026b24d4dde970.tar.bz2 volse-hubzilla-f649692c25a6846f645383b256026b24d4dde970.zip |
Merge branch 'master' of https://github.com/omigeot/friendika into omigeot-master
Diffstat (limited to 'view/fr/cropbody.tpl')
-rw-r--r-- | view/fr/cropbody.tpl | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/view/fr/cropbody.tpl b/view/fr/cropbody.tpl new file mode 100644 index 000000000..39395af8e --- /dev/null +++ b/view/fr/cropbody.tpl @@ -0,0 +1,57 @@ +<h1>Crop Image</h1> +<p id="cropimage-desc"> +Please adjust the image cropping for optimum viewing. +</p> +<div id="cropimage-wrapper"> +<img src="$image_url" id="croppa" class="imgCrop" alt="" /> +</div> +<div id="cropimage-preview-wrapper" > +<div id="previewWrap" ></div> +</div> + +<script type="text/javascript" language="javascript"> + + function onEndCrop( coords, dimensions ) { + $( 'x1' ).value = coords.x1; + $( 'y1' ).value = coords.y1; + $( 'x2' ).value = coords.x2; + $( 'y2' ).value = coords.y2; + $( 'width' ).value = dimensions.width; + $( 'height' ).value = dimensions.height; + } + + Event.observe( window, 'load', function() { + new Cropper.ImgWithPreview( + 'croppa', + { + previewWrap: 'previewWrap', + minWidth: 175, + minHeight: 175, + maxWidth: 640, + maxHeight: 640, + ratioDim: { x: 100, y:100 }, + displayOnInit: true, + onEndCrop: onEndCrop + } + ); + } + ); + +</script> + +<form action="profile_photo/$resource" id="crop-image-form" method="post" /> + +<input type="hidden" name="imagename" value="$hash" /> +<input type="hidden" name="cropfinal" value="1" /> +<input type="hidden" name="xstart" id="x1" /> +<input type="hidden" name="ystart" id="y1" /> +<input type="hidden" name="xfinal" id="x2" /> +<input type="hidden" name="yfinal" id="y2" /> +<input type="hidden" name="height" id="height" /> +<input type="hidden" name="width" id="width" /> + +<div id="crop-image-submit-wrapper" > +<input type="submit" name="submit" value="Done Editing" /> +</div> + +</form> |