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">

			<form id="fileupload" action="/backend/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">

				</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>