first commit
This commit is contained in:
@@ -0,0 +1,153 @@
|
||||
{*
|
||||
* @Module Name: Leo Slideshow
|
||||
* @Website: leotheme.com.com - prestashop template provider
|
||||
* @author Leotheme <leotheme@gmail.com>
|
||||
* @copyright Leotheme
|
||||
*}
|
||||
|
||||
{if !(isset($reloadSliderImage) && $reloadSliderImage==1)}
|
||||
<div class="panel product-tab">
|
||||
<h3 class="tab" >
|
||||
{l s='Images Manager' mod='leoslideshow'}
|
||||
<span class="badge" id="countImage">{$countImages|escape:'html':'UTF-8'}</span>
|
||||
<label class="control-label col-lg-3 file_upload_label">
|
||||
{l s='Format:' mod='leoslideshow'} JPG, GIF, PNG. {l s='Filesize:' mod='leoslideshow'} {$max_image_size|string_format:"%.2f"|escape:'html':'UTF-8'} {l s='MB max.' mod='leoslideshow'}
|
||||
</label>
|
||||
</h3>
|
||||
|
||||
<div class="row">
|
||||
<div class="form-group">
|
||||
<div class="col-lg-12">
|
||||
{$image_uploader}{* HTML form , no escape necessary *}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="form-group">
|
||||
<label>Type extenal image here</label>
|
||||
<input type="text" name="extend_image" value="">
|
||||
<input type="button" name="choose_extend_image" value="Chose image">
|
||||
|
||||
|
||||
<ul id="list-imgs">
|
||||
{/if}
|
||||
{foreach from=$images item=image name=myLoop}
|
||||
<li><div class="row img-row">
|
||||
<a class="label-tooltip img-link" onclick="selectImage('{$image.name|escape:'html':'UTF-8'}')" data-toggle="tooltip" href="{$image.link|escape:'html':'UTF-8'}" title="{$image.name|escape:'html':'UTF-8'}" style="height:70px;overflow: hidden">
|
||||
<img class="select-img" data-name="{$image.name|escape:'html':'UTF-8'}" title="" width="70" alt="" src="{$image.link|escape:'html':'UTF-8'}"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="row">
|
||||
<a class="fancybox" data-toggle="tooltip" href="{$image.link|escape:'html':'UTF-8'}" title="{l s='Click to view' mod='leoslideshow'}">
|
||||
<i class="icon-eye-open"></i>
|
||||
{l s='View' mod='leoslideshow'}
|
||||
</a>
|
||||
<a href="{$link->getAdminLink('AdminLeoSlideshow')}&imgName={$image.name|escape:'html':'UTF-8'}" class="text-danger delete-image" title="{l s='Delete Selected Image?' mod='leoslideshow'}" onclick="if (confirm('{l s='Delete Selected Image?' mod='leoslideshow'}')) {
|
||||
return deleteImage($(this));
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
;">
|
||||
<i class="icon-remove"></i>
|
||||
{l s='Delete' mod='leoslideshow'}
|
||||
</a>
|
||||
</div></li>
|
||||
{/foreach}
|
||||
{if !(isset($reloadSliderImage) && $reloadSliderImage==1)}
|
||||
</ul>
|
||||
</div>
|
||||
<div class="alert alert-info">{l s='If you can not update Image. Please set permission 755 for folder' mod='leoslideshow'} {$imgUploadDir}{* HTML form , no escape necessary *}</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var upbutton = "{l s='Upload an image' mod='leoslideshow'}";
|
||||
var imgManUrl = "{$imgManUrl}"; // escape_html : wrong url to order image
|
||||
{literal}
|
||||
$(document).ready(function(){
|
||||
$('.fancybox').fancybox();
|
||||
|
||||
});
|
||||
$(".img-link").click(function(){
|
||||
return false;
|
||||
});
|
||||
function selectImage(url){
|
||||
if(url != ''){
|
||||
urlTarget = getUrlVars();
|
||||
|
||||
if(urlTarget["field"]){
|
||||
element = decodeURI(urlTarget["field"].replace(/&/g, "\",\"").replace(/=/g,"\":\""));
|
||||
parent.$("#"+element, window.parent.document).val(url);
|
||||
}else{
|
||||
parent.$("#slider-image_"+urlTarget["lang_id"], window.parent.document).val(url);
|
||||
}
|
||||
parent.$("#dialog", window.parent.document).dialog('close');
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function deleteImage(element){
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: element.attr("href") + '&reloadSliderImage=1&sortBy=name',
|
||||
data: '',
|
||||
dataType: 'json',
|
||||
cache: false, // @todo see a way to use cache and to add a timestamps parameter to refresh cache each 10 minutes for example
|
||||
success: function(json)
|
||||
{
|
||||
if (json && json.hasError == true){
|
||||
alert(json.errors);
|
||||
}else{
|
||||
$("#list-imgs").html(json);
|
||||
$('.label-tooltip').tooltip();
|
||||
$('.fancybox').fancybox();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
function getUrlVars()
|
||||
{
|
||||
var vars = [], hash;
|
||||
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
|
||||
for(var i = 0; i < hashes.length; i++)
|
||||
{
|
||||
hash = hashes[i].split('=');
|
||||
vars.push(hash[0]);
|
||||
vars[hash[0]] = hash[1];
|
||||
}
|
||||
return vars;
|
||||
}
|
||||
|
||||
|
||||
|
||||
$(document).ready(function(){
|
||||
$('input[type="button"][name="choose_extend_image"]').on('click', function(){
|
||||
var extend_image = $('input[type="text"][name="extend_image"]').val();
|
||||
if( extend_image != ''){
|
||||
|
||||
var urlTarget = getUrlVars();
|
||||
|
||||
// https://i.ytimg.com/vi/ZIszesDaK9U/maxresdefault.jpg
|
||||
|
||||
if(urlTarget["field"]){
|
||||
element = decodeURI(urlTarget["field"].replace(/&/g, "\",\"").replace(/=/g,"\":\""));
|
||||
parent.$("#"+element, window.parent.document).val(extend_image);
|
||||
|
||||
if (typeof(parent.dialog_param) != undefined){
|
||||
parent.dialog_param.image_src = extend_image;
|
||||
}
|
||||
}else{
|
||||
parent.$("#slider-image_"+urlTarget["lang_id"], window.parent.document).val(extend_image);
|
||||
if (typeof(parent.dialog_param) != undefined){
|
||||
parent.dialog_param.image_src = extend_image;
|
||||
}
|
||||
}
|
||||
parent.$("#dialog", window.parent.document).dialog('close');
|
||||
}
|
||||
});
|
||||
});
|
||||
{/literal}
|
||||
</script>
|
||||
{/if}
|
||||
Reference in New Issue
Block a user