update

modules/arseopro/views/templates/admin/arseopro/helpers/uploader/ajax.tpl

@@ -0,0 +1,191 @@
+{*
+* 2018 Areama
+*
+* 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@areama.net so we can send you a copy immediately.
+*
+*
+*  @author Areama <contact@areama.net>
+*  @copyright  2018 Areama
+*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
+*  International Registered Trademark & Property of Areama
+*}
+
+{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' mod='arseopro' 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="">
+		<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...' mod='arseopro'}{else}{l s='Choose file...' mod='arseopro'}{/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' mod='arseopro'}{else}{l s='Upload file' mod='arseopro'}{/if}</span>
+	</button>
+</div>
+<div class="" style="display:none">
+	<div class="alert alert-success" id="{$id|escape:'html':'UTF-8'}-success"></div>
+</div>
+<div class="" 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 = 1;
+		{/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|intval},{/if}
+			{if isset($drop_zone)}dropZone: {$drop_zone nofilter}{* Escape will break functionality *},{/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' mod='arseopro'}</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) {
+				if (typeof {$id|escape:'html':'UTF-8'}_max_files !== 'undefined') {
+					//{$id|escape:'html':'UTF-8'}_max_files--;
+				}
+				{$id|escape:'html':'UTF-8'}_total_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 mod='arseopro'}');
+					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' mod='arseopro'}').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}

modules/arseopro/views/templates/admin/arseopro/helpers/uploader/index.php

@@ -0,0 +1,31 @@
+<?php
+/*
+* 2018 Areama
+*
+* 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@areama.net so we can send you a copy immediately.
+*
+*
+*  @author Areama <contact@areama.net>
+*  @copyright  2018 Areama
+
+*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
+*  International Registered Trademark & Property of Areama
+*/
+
+header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
+header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
+
+header('Cache-Control: no-store, no-cache, must-revalidate');
+header('Cache-Control: post-check=0, pre-check=0', false);
+header('Pragma: no-cache');
+
+header('Location: ../../../');
+exit;