Subversion-Projekte lars-tiefland.ci

<!-- $Id: upload.tpl 8811 2015-06-24 13:42:18Z tiefland $ -->

<div id="upload_dlg">

	<div class="pos">

		<span class="aktuell">Position:</span>

		{if $folder}

			<a class="nav" href="#" data-fname="">TOP</a>

		{else}

			<span class="aktuell">TOP</span>

		{/if}

		{foreach $pos as $dir}

			{if $dir@first} > {/if}

			{if !$dir@last}

				<a class="nav" href="#" data-fname="{$dir.fullName}">{$dir.name}</a> >

			{else}

				<span class="aktuell">

					{$dir.name}

				</span>

			{/if}

		{/foreach}

	</div>

	{if $lType}

	{foreach $folders as $f_id => $f_name}

		{if $f_name@first}

			<div class="break">&nbsp;</div>

		{/if}

		<img src="/images/Online-Shop/directory/ordner.gif" /><a href="#" data-fname="{$f_name|urlencode}" class="nav">{$f_name}</a>

		{if !$f_name@last}

			<br>

		{else}

			<div class="break">&nbsp;</div>

		{/if}

	{/foreach}

	{/if}

	<div class="row">

		<div class="col-md-12">

			<div class="m-heading-1 border-green m-bordered">

				<h3>jQuery Validation Plugin</h3>

				<p> File Upload widget with multiple file selection, drag&amp;drop support, progress bars and preview images for jQuery.

					<br> Supports cross-domain, chunked and resumable file uploads and client-side image resizing.

					<br> Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads. </p>

				<p> For more info please check out

					<a class="btn red btn-outline" href="https://github.com/blueimp/jQuery-File-Upload" target="_blank">the official documentation</a>

				</p>

			</div>

			<form id="fileupload" action="/assets/global/plugins/jquery-file-upload/server/php/" method="POST" enctype="multipart/form-data">

				<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->

				<div class="row fileupload-buttonbar">

					<div class="col-lg-7">

						<!-- The fileinput-button span is used to style the file input field as button -->

						<span class="btn green fileinput-button">

							<i class="fa fa-plus"></i>

							<span> Add files... </span>

							<input type="file" name="files[]" multiple=""> </span>

						<button type="submit" class="btn blue start">

							<i class="fa fa-upload"></i>

							<span> Start upload </span>

						</button>

						<button type="reset" class="btn warning cancel">

							<i class="fa fa-ban-circle"></i>

							<span> Cancel upload </span>

						</button>

						<button type="button" class="btn red delete">

							<i class="fa fa-trash"></i>

							<span> Delete </span>

						</button>

						<input type="checkbox" class="toggle">

						<!-- The global file processing state -->

						<span class="fileupload-process"> </span>

					</div>

					<!-- The global progress information -->

					<div class="col-lg-5 fileupload-progress fade">

						<!-- The global progress bar -->

						<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">

							<div class="progress-bar progress-bar-success" style="width:0%;"> </div>

						</div>

						<!-- The extended global progress information -->

						<div class="progress-extended"> &nbsp; </div>

					</div>

				</div>

				<!-- The table listing the files available for upload/download -->

				<table role="presentation" class="table table-striped clearfix">

					<tbody class="files"> </tbody>

				</table>

			</form>

			<div class="panel panel-success">

				<div class="panel-heading">

					<h3 class="panel-title">Demo Notes</h3>

				</div>

				<div class="panel-body">

					<ul>

						<li> Metronic does not include server side demo scripts(php, .net, ruby, etc) since server side part must be revised by a developer(buyer) in terms of secure file uploading according to his project requirements.

							Also This dome does not implement the server side part of the plugin. For server side demos you can refer to the plugin's official documentation above. </li>

					</ul>

				</div>

			</div>

		</div>

	</div>

	<!-- The blueimp Gallery widget -->

	<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" data-filter=":even">

		<div class="slides"> </div>

		<h3 class="title"></h3>

		<a class="prev"> ‹ </a>

		<a class="next"> › </a>

		<a class="close white"> </a>

		<a class="play-pause"> </a>

		<ol class="indicator"> </ol>

	</div>

	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

	<script id="template-upload" type="text/x-tmpl">

	{literal}

	{% for (var i=0, file; file=o.files[i]; i++) { %}

		<tr class="template-upload fade">

			<td>

				<span class="preview"></span>

			</td>

			<td>

				<p class="name">{%=file.name%}</p>

				<strong class="error text-danger label label-danger"></strong>

			</td>

			<td>

				<p class="size">Processing...</p>

				<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">

					<div class="progress-bar progress-bar-success" style="width:0%;"></div>

				</div>

			</td>

			<td> {% if (!i && !o.options.autoUpload) { %}

				<button class="btn blue start" disabled>

					<i class="fa fa-upload"></i>

					<span>Start</span>

				</button> {% } %} {% if (!i) { %}

				<button class="btn red cancel">

					<i class="fa fa-ban"></i>

					<span>Cancel</span>

				</button> {% } %} </td>

		</tr> {% } %}

	{/literal}

	</script>

	<!-- The template to display files available for download -->

	<script id="template-download" type="text/x-tmpl">

	{literal}

	{% for (var i=0, file; file=o.files[i]; i++) { %}

		<tr class="template-download fade">

			<td>

				<span class="preview"> {% if (file.thumbnailUrl) { %}

					<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery>

						<img src="{%=file.thumbnailUrl%}">

					</a> {% } %} </span>

			</td>

			<td>

				<p class="name"> {% if (file.url) { %}

					<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl? 'data-gallery': ''%}>{%=file.name%}</a> {% } else { %}

					<span>{%=file.name%}</span> {% } %} </p> {% if (file.error) { %}

				<div>

					<span class="label label-danger">Error</span> {%=file.error%}</div> {% } %} </td>

			<td>

				<span class="size">{%=o.formatFileSize(file.size)%}</span>

			</td>

			<td> {% if (file.deleteUrl) { %}

				<button class="btn red delete btn-sm" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}" {% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}' {% } %}>

					<i class="fa fa-trash-o"></i>

					<span>Delete</span>

				</button>

				<input type="checkbox" name="delete" value="1" class="toggle"> {% } else { %}

				<button class="btn yellow cancel btn-sm">

					<i class="fa fa-ban"></i>

					<span>Cancel</span>

				</button> {% } %} </td>

		</tr> {% } %}

		{/literal}

		</script>

</div>