| Zeile 1... |
Zeile 1... |
| 1 |
<!-- $Id: upload.tpl 8811 2015-06-24 13:42:18Z tiefland $ -->
|
1 |
<!-- $Id: upload.tpl 8811 2015-06-24 13:42:18Z tiefland $ -->
|
| 2 |
<link rel="stylesheet" href="/backend/js/upload/jquery.fileupload-ui.css">
|
- |
|
| 3 |
<script src="https://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
|
- |
|
| 4 |
<script src="/backend/js/upload/jquery.iframe-transport.js"></script>
|
- |
|
| 5 |
<script src="/backend/js/upload/jquery.fileupload.js"></script>
|
- |
|
| 6 |
<script src="/backend/js/upload/jquery.fileupload-ui.js"></script>
|
- |
|
| 7 |
<script type="text/javascript" language="javascript" src="/backend/js/toolbox.js"></script>
|
- |
|
| 8 |
<div id="upload_dlg">
|
- |
|
| 9 |
<div class="pos">
|
- |
|
| 10 |
<span class="aktuell">Position:</span>
|
- |
|
| 11 |
{if $folder}
|
- |
|
| 12 |
<a class="nav" href="#" data-fname="">TOP</a>
|
- |
|
| 13 |
{else}
|
- |
|
| 14 |
<span class="aktuell">TOP</span>
|
- |
|
| 15 |
{/if}
|
- |
|
| 16 |
{foreach $pos as $dir}
|
- |
|
| 17 |
{if $dir@first} > {/if}
|
- |
|
| 18 |
{if !$dir@last}
|
- |
|
| 19 |
<a class="nav" href="#" data-fname="{$dir.fullName}">{$dir.name}</a> >
|
- |
|
| 20 |
{else}
|
- |
|
| 21 |
<span class="aktuell">
|
- |
|
| 22 |
{$dir.name}
|
- |
|
| 23 |
</span>
|
- |
|
| 24 |
{/if}
|
- |
|
| 25 |
{/foreach}
|
- |
|
| 26 |
</div>
|
- |
|
| 27 |
{if $lType}
|
- |
|
| 28 |
{foreach $folders as $f_id => $f_name}
|
- |
|
| 29 |
{if $f_name@first}
|
- |
|
| 30 |
<div class="break"> </div>
|
- |
|
| 31 |
{/if}
|
- |
|
| 32 |
<img src="/images/Online-Shop/directory/ordner.gif" /><a href="#" data-fname="{$f_name|urlencode}" class="nav">{$f_name}</a>
|
- |
|
| 33 |
{if !$f_name@last}
|
- |
|
| 34 |
<br>
|
- |
|
| 35 |
{else}
|
- |
|
| 36 |
<div class="break"> </div>
|
- |
|
| 37 |
{/if}
|
- |
|
| 38 |
{/foreach}
|
- |
|
| 39 |
{/if}
|
- |
|
| 40 |
<div id="fileupload" title="Bilder verwalten" >
|
- |
|
| 41 |
<form action="/toolbox/upload.php" method="POST" enctype="multipart/form-data">
|
- |
|
| 42 |
<div class="fileupload-buttonbar">
|
- |
|
| 43 |
<label class="fileinput-button">
|
- |
|
| 44 |
<span>Dateien hinzufügen...</span>
|
- |
|
| 45 |
<input type="hidden" name="folder" value="{$folder}" />
|
- |
|
| 46 |
<input type="hidden" name="l_type" value="{$lType}" id="lType">
|
- |
|
| 47 |
<input type="hidden" name="l_id" value="{$a_id}" id="lID">
|
- |
|
| 48 |
<input type="file" name="files[]" multiple />
|
- |
|
| 49 |
</label>
|
- |
|
| 50 |
<button type="submit" class="start">upload starten</button>
|
- |
|
| 51 |
<button type="reset" class="cancel">upload abbrechen</button>
|
- |
|
| 52 |
<button type="button" class="delete">Dateien löschen</button>
|
- |
|
| 53 |
</div>
|
- |
|
| 54 |
</form>
|
- |
|
| 55 |
<div class="fileupload-content">
|
- |
|
| 56 |
<table class="files"></table>
|
- |
|
| 57 |
<div class="fileupload-progressbar"></div>
|
- |
|
| 58 |
</div>
|
- |
|
| 59 |
</div>
|
- |
|
| 60 |
{literal}
|
- |
|
| 61 |
<script id="template-upload" type="text/x-jquery-tmpl">
|
- |
|
| 62 |
<tr class="template-upload{{if error}} ui-state-error{{/if}}">
|
- |
|
| 63 |
<td class="preview"></td>
|
- |
|
| 64 |
<td class="name">${name}</td>
|
- |
|
| 65 |
<td class="size">${sizef}</td>
|
- |
|
| 66 |
{{if error}}
|
- |
|
| 67 |
<td class="error" colspan="2">Error:
|
- |
|
| 68 |
{{if error === 'maxFileSize'}}File is too big
|
- |
|
| 69 |
{{else error === 'minFileSize'}}File is too small
|
- |
|
| 70 |
{{else error === 'acceptFileTypes'}}Filetype not allowed
|
- |
|
| 71 |
{{else error === 'maxNumberOfFiles'}}Max number of files exceeded
|
- |
|
| 72 |
{{else}}${error}
|
- |
|
| 73 |
{{/if}}
|
- |
|
| 74 |
</td>
|
- |
|
| 75 |
{{else}}
|
- |
|
| 76 |
<td class="progress"><div></div></td>
|
- |
|
| 77 |
<td class="start"><button>Start</button></td>
|
- |
|
| 78 |
{{/if}}
|
- |
|
| 79 |
<td class="cancel"><button>Cancel</button></td>
|
- |
|
| 80 |
</tr>
|
- |
|
| 81 |
</script>
|
- |
|
| 82 |
<script id="template-download" type="text/x-jquery-tmpl">
|
- |
|
| 83 |
<tr class="template-download{{if error}} ui-state-error{{/if}}">
|
- |
|
| 84 |
{{if error}}
|
- |
|
| 85 |
<td></td>
|
- |
|
| 86 |
<td class="name">${name}</td>
|
- |
|
| 87 |
<td class="size">${sizef}</td>
|
- |
|
| 88 |
<td class="size">${time}</td>
|
- |
|
| 89 |
<td class="error" colspan="2">Error:
|
- |
|
| 90 |
{{if error === 1}}File exceeds upload_max_filesize (php.ini directive)
|
- |
|
| 91 |
{{else error === 2}}File exceeds MAX_FILE_SIZE (HTML form directive)
|
- |
|
| 92 |
{{else error === 3}}File was only partially uploaded
|
- |
|
| 93 |
{{else error === 4}}No File was uploaded
|
- |
|
| 94 |
{{else error === 5}}Missing a temporary folder
|
- |
|
| 95 |
{{else error === 6}}Failed to write file to disk
|
- |
|
| 96 |
{{else error === 7}}File upload stopped by extension
|
- |
|
| 97 |
{{else error === 'maxFileSize'}}File is too big
|
- |
|
| 98 |
{{else error === 'minFileSize'}}File is too small
|
- |
|
| 99 |
{{else error === 'acceptFileTypes'}}Filetype not allowed
|
- |
|
| 100 |
{{else error === 'maxNumberOfFiles'}}Max number of files exceeded
|
- |
|
| 101 |
{{else error === 'uploadedBytes'}}Uploaded bytes exceed file size
|
- |
|
| 102 |
{{else error === 'emptyResult'}}Empty file upload result
|
- |
|
| 103 |
{{else}}${error}
|
- |
|
| 104 |
{{/if}}
|
- |
|
| 105 |
</td>
|
- |
|
| 106 |
{{else}}
|
- |
|
| 107 |
<td class="preview">
|
- |
|
| 108 |
{{if thumbnail_url}}
|
- |
|
| 109 |
<a href="/backend/${url}" target="_blank"><img src="${thumbnail_url}"></a>
|
- |
|
| 110 |
{{/if}}
|
- |
|
| 111 |
</td>
|
- |
|
| 112 |
<td class="name">
|
- |
|
| 113 |
<a href="/backend/${url}"{{if thumbnail_url}} target="_blank"{{/if}}>${name}</a>
|
- |
|
| 114 |
</td>
|
- |
|
| 115 |
<td class="size">${sizef}</td>
|
- |
|
| 116 |
<td class="size">${time}</td>
|
- |
|
| 117 |
<td ></td>
|
- |
|
| 118 |
{{/if}}
|
- |
|
| 119 |
<td class="delete">
|
- |
|
| 120 |
<button data-type="${delete_type}" data-url="${delete_url}">Delete</button>
|
- |
|
| 121 |
</td>
|
- |
|
| 122 |
</tr>
|
- |
|
| 123 |
</script>
|
- |
|
| 124 |
{/literal}
|
- |
|
| 125 |
</div>
|
- |
|
| 126 |
<script src="/backend/js/upload/application.js"></script>
|
- |
|
| 127 |
<div id="folder_dialog" title="Ordner anlegen"{if $fromArtikel}style='display:none;'{/if}>
|
- |
|
| 128 |
<form id="create_folder" method="post">
|
- |
|
| 129 |
<table>
|
- |
|
| 130 |
<tr>
|
- |
|
| 131 |
<td>Ordnername:</td>
|
- |
|
| 132 |
<td>
|
- |
|
| 133 |
<input type="hidden" name="base_folder" id="base_folder" value="{$folder}" />
|
- |
|
| 134 |
<input type="text" name="folder_name" id="folder_name" value="" />
|
- |
|
| 135 |
</td>
|
- |
|
| 136 |
</tr>
|
- |
|
| 137 |
</table>
|
- |
|
| 138 |
</form>
|
- |
|
| 139 |
</div>
|
- |
|
| 140 |
|
2 |
<div class="row">
|
| - |
|
3 |
<div class="col-md-12">
|
| - |
|
4 |
<div class="m-heading-1 border-green m-bordered">
|
| - |
|
5 |
<h3>jQuery Validation Plugin</h3>
|
| - |
|
6 |
<p> File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery.
|
| - |
|
7 |
<br> Supports cross-domain, chunked and resumable file uploads and client-side image resizing.
|
| - |
|
8 |
<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>
|
| - |
|
9 |
<p> For more info please check out
|
| - |
|
10 |
<a class="btn red btn-outline" href="https://github.com/blueimp/jQuery-File-Upload" target="_blank">the official documentation</a>
|
| - |
|
11 |
</p>
|
| - |
|
12 |
</div>
|
| - |
|
13 |
<form id="fileupload" action="../assets/global/plugins/jquery-file-upload/server/php/" method="POST" enctype="multipart/form-data">
|
| - |
|
14 |
<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
|
| - |
|
15 |
<div class="row fileupload-buttonbar">
|
| - |
|
16 |
<div class="col-lg-7">
|
| - |
|
17 |
<!-- The fileinput-button span is used to style the file input field as button -->
|
| - |
|
18 |
<span class="btn green fileinput-button">
|
| - |
|
19 |
<i class="fa fa-plus"></i>
|
| - |
|
20 |
<span> Add files... </span>
|
| - |
|
21 |
<input type="file" name="files[]" multiple=""> </span>
|
| - |
|
22 |
<button type="submit" class="btn blue start">
|
| - |
|
23 |
<i class="fa fa-upload"></i>
|
| - |
|
24 |
<span> Start upload </span>
|
| - |
|
25 |
</button>
|
| - |
|
26 |
<button type="reset" class="btn warning cancel">
|
| - |
|
27 |
<i class="fa fa-ban-circle"></i>
|
| - |
|
28 |
<span> Cancel upload </span>
|
| - |
|
29 |
</button>
|
| - |
|
30 |
<button type="button" class="btn red delete">
|
| - |
|
31 |
<i class="fa fa-trash"></i>
|
| - |
|
32 |
<span> Delete </span>
|
| - |
|
33 |
</button>
|
| - |
|
34 |
<input type="checkbox" class="toggle">
|
| - |
|
35 |
<!-- The global file processing state -->
|
| - |
|
36 |
<span class="fileupload-process"> </span>
|
| - |
|
37 |
</div>
|
| - |
|
38 |
<!-- The global progress information -->
|
| - |
|
39 |
<div class="col-lg-5 fileupload-progress fade">
|
| - |
|
40 |
<!-- The global progress bar -->
|
| - |
|
41 |
<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
|
| - |
|
42 |
<div class="progress-bar progress-bar-success" style="width:0%;"> </div>
|
| - |
|
43 |
</div>
|
| - |
|
44 |
<!-- The extended global progress information -->
|
| - |
|
45 |
<div class="progress-extended"> </div>
|
| - |
|
46 |
</div>
|
| - |
|
47 |
</div>
|
| - |
|
48 |
<!-- The table listing the files available for upload/download -->
|
| - |
|
49 |
<table role="presentation" class="table table-striped clearfix">
|
| - |
|
50 |
<tbody class="files"> </tbody>
|
| - |
|
51 |
</table>
|
| - |
|
52 |
</form>
|
| - |
|
53 |
<div class="panel panel-success">
|
| - |
|
54 |
<div class="panel-heading">
|
| - |
|
55 |
<h3 class="panel-title">Demo Notes</h3>
|
| - |
|
56 |
</div>
|
| - |
|
57 |
<div class="panel-body">
|
| - |
|
58 |
<ul>
|
| - |
|
59 |
<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.
|
| - |
|
60 |
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>
|
| - |
|
61 |
</ul>
|
| - |
|
62 |
</div>
|
| - |
|
63 |
</div>
|
| - |
|
64 |
</div>
|
| - |
|
65 |
</div>
|
| - |
|
66 |
<!-- The blueimp Gallery widget -->
|
| - |
|
67 |
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" data-filter=":even">
|
| - |
|
68 |
<div class="slides"> </div>
|
| - |
|
69 |
<h3 class="title"></h3>
|
| - |
|
70 |
<a class="prev"> ‹ </a>
|
| - |
|
71 |
<a class="next"> › </a>
|
| - |
|
72 |
<a class="close white"> </a>
|
| - |
|
73 |
<a class="play-pause"> </a>
|
| - |
|
74 |
<ol class="indicator"> </ol>
|
| - |
|
75 |
</div>
|
| - |
|
76 |
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
|
| - |
|
77 |
<script id="template-upload" type="text/x-tmpl"> {% for (var i=0, file; file=o.files[i]; i++) { %}
|
| - |
|
78 |
<tr class="template-upload fade">
|
| - |
|
79 |
<td>
|
| - |
|
80 |
<span class="preview"></span>
|
| - |
|
81 |
</td>
|
| - |
|
82 |
<td>
|
| - |
|
83 |
<p class="name">{%=file.name%}</p>
|
| - |
|
84 |
<strong class="error text-danger label label-danger"></strong>
|
| - |
|
85 |
</td>
|
| - |
|
86 |
<td>
|
| - |
|
87 |
<p class="size">Processing...</p>
|
| - |
|
88 |
<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
|
| - |
|
89 |
<div class="progress-bar progress-bar-success" style="width:0%;"></div>
|
| - |
|
90 |
</div>
|
| - |
|
91 |
</td>
|
| - |
|
92 |
<td> {% if (!i && !o.options.autoUpload) { %}
|
| - |
|
93 |
<button class="btn blue start" disabled>
|
| - |
|
94 |
<i class="fa fa-upload"></i>
|
| - |
|
95 |
<span>Start</span>
|
| - |
|
96 |
</button> {% } %} {% if (!i) { %}
|
| - |
|
97 |
<button class="btn red cancel">
|
| - |
|
98 |
<i class="fa fa-ban"></i>
|
| - |
|
99 |
<span>Cancel</span>
|
| - |
|
100 |
</button> {% } %} </td>
|
| - |
|
101 |
</tr> {% } %}
|
| - |
|
102 |
</script>
|
| - |
|
103 |
<!-- The template to display files available for download -->
|
| - |
|
104 |
<script id="template-download" type="text/x-tmpl"> {% for (var i=0, file; file=o.files[i]; i++) { %}
|
| - |
|
105 |
<tr class="template-download fade">
|
| - |
|
106 |
<td>
|
| - |
|
107 |
<span class="preview"> {% if (file.thumbnailUrl) { %}
|
| - |
|
108 |
<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery>
|
| - |
|
109 |
<img src="{%=file.thumbnailUrl%}">
|
| - |
|
110 |
</a> {% } %} </span>
|
| - |
|
111 |
</td>
|
| - |
|
112 |
<td>
|
| - |
|
113 |
<p class="name"> {% if (file.url) { %}
|
| - |
|
114 |
<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl? 'data-gallery': ''%}>{%=file.name%}</a> {% } else { %}
|
| - |
|
115 |
<span>{%=file.name%}</span> {% } %} </p> {% if (file.error) { %}
|
| - |
|
116 |
<div>
|
| - |
|
117 |
<span class="label label-danger">Error</span> {%=file.error%}</div> {% } %} </td>
|
| - |
|
118 |
<td>
|
| - |
|
119 |
<span class="size">{%=o.formatFileSize(file.size)%}</span>
|
| - |
|
120 |
</td>
|
| - |
|
121 |
<td> {% if (file.deleteUrl) { %}
|
| - |
|
122 |
<button class="btn red delete btn-sm" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}" {% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}' {% } %}>
|
| - |
|
123 |
<i class="fa fa-trash-o"></i>
|
| - |
|
124 |
<span>Delete</span>
|
| - |
|
125 |
</button>
|
| - |
|
126 |
<input type="checkbox" name="delete" value="1" class="toggle"> {% } else { %}
|
| - |
|
127 |
<button class="btn yellow cancel btn-sm">
|
| - |
|
128 |
<i class="fa fa-ban"></i>
|
| - |
|
129 |
<span>Cancel</span>
|
| - |
|
130 |
</button> {% } %} </td>
|
| - |
|
131 |
</tr> {% } %}
|
| - |
|
132 |
</script>
|
| - |
|
133 |
|