%PDF- %PDF-
Direktori : /www/varak.net/shop.varak.net/adminjanicka22/themes/default/template/helpers/uploader/ |
Current File : /www/varak.net/shop.varak.net/adminjanicka22/themes/default/template/helpers/uploader/ajax.tpl |
{* * 2007-2016 PrestaShop * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@prestashop.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade PrestaShop to newer * versions in the future. If you wish to customize PrestaShop for your * needs please refer to http://www.prestashop.com for more information. * * @author PrestaShop SA <contact@prestashop.com> * @copyright 2007-2016 PrestaShop SA * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * International Registered Trademark & Property of PrestaShop SA *} <div class="form-group" style="display: none;"> <div class="col-lg-12" id="{$id|escape:'html':'UTF-8'}-images-thumbnails"> {if isset($files) && $files|count > 0} {foreach $files as $file} {if isset($file.image) && $file.type == 'image'} <div> {$file.image} {if isset($file.size)}<p>{l s='File size'} {$file.size}kb</p>{/if} {if isset($file.delete_url)} <p> <a class="btn btn-default" href="{$file.delete_url}"> <i class="icon-trash"></i> {l s='Delete'} </a> </p> {/if} </div> {/if} {/foreach} {/if} </div> </div> {if isset($max_files) && $files|count >= $max_files} <div class="row"> <div class="alert alert-warning">{l s='You have reached the limit (%s) of files to upload, please remove files to continue uploading' sprintf=$max_files}</div> </div> <script type="text/javascript"> $( document ).ready(function() { {if isset($files) && $files} $('#{$id|escape:'html':'UTF-8'}-images-thumbnails').parent().show(); {/if} }); </script> {else} <div class="form-group"> <div class="col-lg-12"> <input id="{$id|escape:'html':'UTF-8'}" type="file" name="{$name|escape:'html':'UTF-8'}[]"{if isset($url)} data-url="{$url|escape:'html':'UTF-8'}"{/if}{if isset($multiple) && $multiple} multiple="multiple"{/if} style="width:0px;height:0px;" /> <button class="btn btn-default" data-style="expand-right" data-size="s" type="button" id="{$id|escape:'html':'UTF-8'}-add-button"> <i class="icon-folder-open"></i> {if isset($multiple) && $multiple}{l s='Add files...'}{else}{l s='Add file...'}{/if} </button> </div> </div> <div class="well" style="display:none"> <div id="{$id|escape:'html':'UTF-8'}-files-list"></div> <button class="ladda-button btn btn-primary" data-style="expand-right" type="button" id="{$id|escape:'html':'UTF-8'}-upload-button" style="display:none;"> <span class="ladda-label"><i class="icon-check"></i> {if isset($multiple) && $multiple}{l s='Upload files'}{else}{l s='Upload file'}{/if}</span> </button> </div> <div class="row" style="display:none"> <div class="alert alert-success" id="{$id|escape:'html':'UTF-8'}-success"></div> </div> <div class="row" style="display:none"> <div class="alert alert-danger" id="{$id|escape:'html':'UTF-8'}-errors"></div> </div> <script type="text/javascript"> function humanizeSize(bytes) { if (typeof bytes !== 'number') { return ''; } if (bytes >= 1000000000) { return (bytes / 1000000000).toFixed(2) + ' GB'; } if (bytes >= 1000000) { return (bytes / 1000000).toFixed(2) + ' MB'; } return (bytes / 1000).toFixed(2) + ' KB'; } $( document ).ready(function() { {if isset($multiple) && isset($max_files)} var {$id|escape:'html':'UTF-8'}_max_files = {$max_files - $files|count}; {/if} {if isset($files) && $files} $('#{$id|escape:'html':'UTF-8'}-images-thumbnails').parent().show(); {/if} var {$id|escape:'html':'UTF-8'}_upload_button = Ladda.create( document.querySelector('#{$id|escape:'html':'UTF-8'}-upload-button' )); var {$id|escape:'html':'UTF-8'}_total_files = 0; $('#{$id|escape:'html':'UTF-8'}').fileupload({ dataType: 'json', async: false, autoUpload: false, singleFileUploads: true, {if isset($post_max_size)}maxFileSize: {$post_max_size},{/if} {if isset($drop_zone)}dropZone: {$drop_zone},{/if} start: function (e) { {$id|escape:'html':'UTF-8'}_upload_button.start(); $('#{$id|escape:'html':'UTF-8'}-upload-button').unbind('click'); //Important as we bind it for every elements in add function }, fail: function (e, data) { $('#{$id|escape:'html':'UTF-8'}-errors').html(data.errorThrown.message).parent().show(); }, done: function (e, data) { if (data.result) { if (typeof data.result.{$name|escape:'html':'UTF-8'} !== 'undefined') { for (var i=0; i<data.result.{$name|escape:'html':'UTF-8'}.length; i++) { if (data.result.{$name|escape:'html':'UTF-8'}[i] !== null) { if (typeof data.result.{$name|escape:'html':'UTF-8'}[i].error !== 'undefined' && data.result.{$name|escape:'html':'UTF-8'}[i].error != '') { $('#{$id|escape:'html':'UTF-8'}-errors').html('<strong>'+data.result.{$name|escape:'html':'UTF-8'}[i].name+'</strong> : '+data.result.{$name|escape:'html':'UTF-8'}[i].error).parent().show(); } else { $(data.context).appendTo($('#{$id|escape:'html':'UTF-8'}-success')); $('#{$id|escape:'html':'UTF-8'}-success').parent().show(); if (typeof data.result.{$name|escape:'html':'UTF-8'}[i].image !== 'undefined') { var template = '<div>'; template += data.result.{$name|escape:'html':'UTF-8'}[i].image; if (typeof data.result.{$name|escape:'html':'UTF-8'}[i].delete_url !== 'undefined') template += '<p><a class="btn btn-default" href="'+data.result.{$name|escape:'html':'UTF-8'}[i].delete_url+'"><i class="icon-trash"></i> {l s='Delete'}</a></p>'; template += '</div>'; $('#{$id|escape:'html':'UTF-8'}-images-thumbnails').html($('#{$id|escape:'html':'UTF-8'}-images-thumbnails').html()+template); $('#{$id|escape:'html':'UTF-8'}-images-thumbnails').parent().show(); } } } } } $(data.context).find('button').remove(); } }, }).on('fileuploadalways', function (e, data) { {$id|escape:'html':'UTF-8'}_total_files--; {$id|escape:'html':'UTF-8'}_max_files--; if ({$id|escape:'html':'UTF-8'}_total_files == 0) { {$id|escape:'html':'UTF-8'}_upload_button.stop(); $('#{$id|escape:'html':'UTF-8'}-upload-button').unbind('click'); $('#{$id|escape:'html':'UTF-8'}-files-list').parent().hide(); } }).on('fileuploadadd', function(e, data) { if (typeof {$id|escape:'html':'UTF-8'}_max_files !== 'undefined') { if ({$id|escape:'html':'UTF-8'}_total_files >= {$id|escape:'html':'UTF-8'}_max_files) { e.preventDefault(); alert('{l s='You cannot have more than %s images in total. Please remove some of the current images before adding new ones.'|sprintf:$max_files}'); return; } } data.context = $('<div/>').addClass('form-group').appendTo($('#{$id|escape:'html':'UTF-8'}-files-list')); var file_name = $('<span/>').append('<strong>'+data.files[0].name+'</strong> ('+humanizeSize(data.files[0].size)+')').appendTo(data.context); var button = $('<button/>').addClass('btn btn-default pull-right').prop('type', 'button').html('<i class="icon-trash"></i> {l s='Remove file'}').appendTo(data.context).on('click', function() { {$id|escape:'html':'UTF-8'}_total_files--; data.files = null; var total_elements = $(this).parent().siblings('div.form-group').length; $(this).parent().remove(); if (total_elements == 0) { $('#{$id|escape:'html':'UTF-8'}-files-list').html('').parent().hide(); } }); $('#{$id|escape:'html':'UTF-8'}-files-list').parent().show(); $('#{$id|escape:'html':'UTF-8'}-upload-button').show().bind('click', function () { if (data.files != null) data.submit(); }); {$id|escape:'html':'UTF-8'}_total_files++; }).on('fileuploadprocessalways', function (e, data) { var index = data.index, file = data.files[index]; if (file.error) { $('#{$id|escape:'html':'UTF-8'}-errors').append('<div class="form-group"><strong>'+file.name+'</strong> ('+humanizeSize(file.size)+') : '+file.error+'</div>').parent().show(); $(data.context).find('button').trigger('click'); } }); $('#{$id|escape:'html':'UTF-8'}-files-list').parent().hide(); {$id|escape:'html':'UTF-8'}_total_files = 0; $('#{$id|escape:'html':'UTF-8'}-add-button').on('click', function() { $('#{$id|escape:'html':'UTF-8'}-success').html('').parent().hide(); $('#{$id|escape:'html':'UTF-8'}-errors').html('').parent().hide(); $('#{$id|escape:'html':'UTF-8'}').trigger('click'); }); }); </script> {/if}