Subversion-Projekte lars-tiefland.ci

Revision

Revision 2114 | Zur aktuellen Revision | Details | Vergleich mit vorheriger | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
2114 lars 1
<!-- $Id: upload.tpl 8811 2015-06-24 13:42:18Z tiefland $ BEGIN -->
1602 lars 2
<div id="upload_dlg">
3
	<div class="pos">
4
		<span class="aktuell">Position:</span>
5
		{if $folder}
6
			<a class="nav" href="#" data-fname="">TOP</a>
7
		{else}
8
			<span class="aktuell">TOP</span>
9
		{/if}
10
		{foreach $pos as $dir}
11
			{if $dir@first} > {/if}
12
			{if !$dir@last}
13
				<a class="nav" href="#" data-fname="{$dir.fullName}">{$dir.name}</a> >
14
			{else}
15
				<span class="aktuell">
16
					{$dir.name}
17
				</span>
18
			{/if}
19
		{/foreach}
20
	</div>
21
	{if $lType}
22
	{foreach $folders as $f_id => $f_name}
23
		{if $f_name@first}
24
			<div class="break">&nbsp;</div>
25
		{/if}
26
		<img src="/images/Online-Shop/directory/ordner.gif" /><a href="#" data-fname="{$f_name|urlencode}" class="nav">{$f_name}</a>
27
		{if !$f_name@last}
28
			<br>
29
		{else}
30
			<div class="break">&nbsp;</div>
31
		{/if}
32
	{/foreach}
33
	{/if}
34
	<div class="row">
35
		<div class="col-md-12">
2120 lars 36
			<form id="fileupload" action="/backend/bildverwaltung/upload/" method="POST" enctype="multipart/form-data">
1602 lars 37
				<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
38
				<div class="row fileupload-buttonbar">
39
					<div class="col-lg-7">
40
						<!-- The fileinput-button span is used to style the file input field as button -->
41
						<span class="btn green fileinput-button">
42
							<i class="fa fa-plus"></i>
43
							<span> Add files... </span>
44
							<input type="file" name="files[]" multiple=""> </span>
45
						<button type="submit" class="btn blue start">
46
							<i class="fa fa-upload"></i>
47
							<span> Start upload </span>
48
						</button>
49
						<button type="reset" class="btn warning cancel">
50
							<i class="fa fa-ban-circle"></i>
51
							<span> Cancel upload </span>
52
						</button>
53
						<button type="button" class="btn red delete">
54
							<i class="fa fa-trash"></i>
55
							<span> Delete </span>
56
						</button>
57
						<input type="checkbox" class="toggle">
58
						<!-- The global file processing state -->
59
						<span class="fileupload-process"> </span>
60
					</div>
61
					<!-- The global progress information -->
62
					<div class="col-lg-5 fileupload-progress fade">
63
						<!-- The global progress bar -->
64
						<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
65
							<div class="progress-bar progress-bar-success" style="width:0%;"> </div>
66
						</div>
67
						<!-- The extended global progress information -->
68
						<div class="progress-extended"> &nbsp; </div>
69
					</div>
70
				</div>
71
				<!-- The table listing the files available for upload/download -->
72
				<table role="presentation" class="table table-striped clearfix">
73
					<tbody class="files"> </tbody>
74
				</table>
75
			</form>
76
		</div>
77
	</div>
78
	<!-- The blueimp Gallery widget -->
79
	<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" data-filter=":even">
80
		<div class="slides"> </div>
81
		<h3 class="title"></h3>
82
		<a class="prev"> ‹ </a>
83
		<a class="next"> › </a>
84
		<a class="close white"> </a>
85
		<a class="play-pause"> </a>
86
		<ol class="indicator"> </ol>
87
	</div>
88
	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
89
	<script id="template-upload" type="text/x-tmpl">
90
	{literal}
91
	{% for (var i=0, file; file=o.files[i]; i++) { %}
92
		<tr class="template-upload fade">
93
			<td>
94
				<span class="preview"></span>
95
			</td>
96
			<td>
97
				<p class="name">{%=file.name%}</p>
98
				<strong class="error text-danger label label-danger"></strong>
99
			</td>
100
			<td>
101
				<p class="size">Processing...</p>
102
				<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
103
					<div class="progress-bar progress-bar-success" style="width:0%;"></div>
104
				</div>
105
			</td>
106
			<td> {% if (!i && !o.options.autoUpload) { %}
107
				<button class="btn blue start" disabled>
108
					<i class="fa fa-upload"></i>
109
					<span>Start</span>
110
				</button> {% } %} {% if (!i) { %}
111
				<button class="btn red cancel">
112
					<i class="fa fa-ban"></i>
113
					<span>Cancel</span>
114
				</button> {% } %} </td>
115
		</tr> {% } %}
116
	{/literal}
117
	</script>
118
	<!-- The template to display files available for download -->
119
	<script id="template-download" type="text/x-tmpl">
120
	{literal}
121
	{% for (var i=0, file; file=o.files[i]; i++) { %}
122
		<tr class="template-download fade">
123
			<td>
124
				<span class="preview"> {% if (file.thumbnailUrl) { %}
125
					<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery>
126
						<img src="{%=file.thumbnailUrl%}">
127
					</a> {% } %} </span>
128
			</td>
129
			<td>
130
				<p class="name"> {% if (file.url) { %}
131
					<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl? 'data-gallery': ''%}>{%=file.name%}</a> {% } else { %}
132
					<span>{%=file.name%}</span> {% } %} </p> {% if (file.error) { %}
133
				<div>
134
					<span class="label label-danger">Error</span> {%=file.error%}</div> {% } %} </td>
135
			<td>
136
				<span class="size">{%=o.formatFileSize(file.size)%}</span>
137
			</td>
138
			<td> {% if (file.deleteUrl) { %}
139
				<button class="btn red delete btn-sm" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}" {% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}' {% } %}>
140
					<i class="fa fa-trash-o"></i>
141
					<span>Delete</span>
142
				</button>
143
				<input type="checkbox" name="delete" value="1" class="toggle"> {% } else { %}
144
				<button class="btn yellow cancel btn-sm">
145
					<i class="fa fa-ban"></i>
146
					<span>Cancel</span>
147
				</button> {% } %} </td>
148
		</tr> {% } %}
149
		{/literal}
150
		</script>
2114 lars 151
</div>
152
<!-- $Id: upload.tpl 8811 2015-06-24 13:42:18Z tiefland $ END -->