Subversion-Projekte lars-tiefland.ci

Revision

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