winix/winixd/html/fun_imgcrop.html

114 lines
3.4 KiB
HTML

<div class="winix">
<h1>{imgcrop_header}</h1>
[if item_is]
[if any item_is item_filetype_is_image]
[if winix_function_param_is "thumb"]
<p>{imgcrop_crop_only_thumb_info}</p>
[else]
[if winix_function_param_is "newthumb"]
<p>{imgcrop_create_new_thumb_info}</p>
[else]
<p>{imgcrop_crop_only_original_img_info}</p>
[end]
[end]
<script type="text/javascript">
var winix_jcrop;
</script>
<img src="[item_link][if winix_function_param_is "thumb"]/-/thumb[end]" alt="" id="winix_imgcropper">
<form id="winix_cropform" action="[item_link]/imgcrop[if winix_function_param_is "thumb"]/thumb[end][if winix_function_param_is "newthumb"]/newthumb[end]" method="post">
<input type="hidden" name="cropxtop" value="" id="winix_idcropxtop">
<input type="hidden" name="cropytop" value="" id="winix_idcropytop">
<input type="hidden" name="cropwidth" value="" id="winix_idcropwidth">
<input type="hidden" name="cropheight" value="" id="winix_idcropheight">
[if any_not [winix_function_param_is "thumb"] [winix_function_param_is "newthumb"]]
[if false] [# !! IMPROVE ME not implemented yet]
<div class="uk-margin">
<label><input class="uk-checkbox uk-margin-small-right" type="checkbox" name="createthumbtoo">{imgcrop_create_new_thumb_too_info}</label>
</div>
[end]
[end]
[if winix_function_param_is "postredirect"]
<input type="hidden" name="postredirect" value="[winix_function_param_value "postredirect"]">
[end]
<div class="uk-margin">
<input class="uk-button uk-button-primary" type="submit" value="Kadruj">
</div>
</form>
[else]
<p>{imgcrop_no_image_info}</p>
[end]
<script type="text/javascript">
$('#winix_imgcropper').Jcrop(\{boxWidth: 700, boxHeight: 450\}, function()\{winix_jcrop = this;\});
$('form#winix_cropform').submit(function()\{
var c = winix_jcrop.tellSelect();
$('form#winix_cropform input#winix_idcropxtop').val(c.x);
$('form#winix_cropform input#winix_idcropytop').val(c.y);
$('form#winix_cropform input#winix_idcropwidth').val(c.w);
$('form#winix_cropform input#winix_idcropheight').val(c.h);
return c.w != 0 && c.h != 0;
\});
</script>
[else]
[if item_tab]
<table class="uk-table uk-table-responsive uk-table-divider uk-table-justify">
[for item_tab]
<tr>
<td data-uk-lightbox="animation: slide">
<a href="[item_tab.link]">
<img src="[item_tab.link][if item_tab.has_thumb]/-/thumb[end]" alt="[item_tab.subject]">
</a>
</td>
<td>
[item_tab.url]
</td>
<td>
<ul class="uk-nav uk-width-medium">
<li class="uk-margin-small"><a class="uk-button uk-button-default uk-button-small uk-text-small" href="[item_tab.link]/imgcrop/postredirect:[filter fil_urlencode][doc_base_url][dir]imgcrop[end]">{imgcrop_table_option_crop_image}</a></li>
<li class="uk-margin-small"><a class="uk-button uk-button-default uk-button-small uk-text-small" href="[item_tab.link]/imgcrop/thumb/postredirect:[filter fil_urlencode][doc_base_url][dir]imgcrop[end]">{imgcrop_table_option_crop_thumb}</a></li>
<li class="uk-margin-small"><a class="uk-button uk-button-default uk-button-small uk-text-small" href="[item_tab.link]/imgcrop/newthumb/postredirect:[filter fil_urlencode][doc_base_url][dir]imgcrop[end]">{imgcrop_table_option_create_new_thumb}</a></li>
</ul>
</td>
</tr>
[end]
</table>
[end]
[end]
</div>