card-mod-machines 0.11.5 → 0.11.6
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/vendor/jquery_file_upload/CONTRIBUTING.md +15 -0
- data/vendor/jquery_file_upload/LICENSE.txt +21 -0
- data/vendor/jquery_file_upload/README.md +107 -0
- data/vendor/jquery_file_upload/angularjs.html +211 -0
- data/vendor/jquery_file_upload/basic-plus.html +226 -0
- data/vendor/jquery_file_upload/basic.html +136 -0
- data/vendor/jquery_file_upload/bower-version-update.js +16 -0
- data/vendor/jquery_file_upload/bower.json +64 -0
- data/vendor/jquery_file_upload/cors/postmessage.html +75 -0
- data/vendor/jquery_file_upload/cors/result.html +24 -0
- data/vendor/jquery_file_upload/css/jquery-ui-demo-ie8.css +21 -0
- data/vendor/jquery_file_upload/css/jquery-ui-demo.css +67 -0
- data/vendor/jquery_file_upload/css/jquery.fileupload-noscript.css +22 -0
- data/vendor/jquery_file_upload/css/jquery.fileupload-ui-noscript.css +17 -0
- data/vendor/jquery_file_upload/css/jquery.fileupload-ui.css +57 -0
- data/vendor/jquery_file_upload/css/jquery.fileupload.css +37 -0
- data/vendor/jquery_file_upload/css/style.css +15 -0
- data/vendor/jquery_file_upload/img/loading.gif +0 -0
- data/vendor/jquery_file_upload/img/progressbar.gif +0 -0
- data/vendor/jquery_file_upload/index.html +255 -0
- data/vendor/jquery_file_upload/jquery-ui.html +252 -0
- data/vendor/jquery_file_upload/js/app.js +101 -0
- data/vendor/jquery_file_upload/js/cors/jquery.postmessage-transport.js +126 -0
- data/vendor/jquery_file_upload/js/cors/jquery.xdr-transport.js +89 -0
- data/vendor/jquery_file_upload/js/jquery.fileupload-angular.js +437 -0
- data/vendor/jquery_file_upload/js/jquery.fileupload-audio.js +113 -0
- data/vendor/jquery_file_upload/js/jquery.fileupload-image.js +326 -0
- data/vendor/jquery_file_upload/js/jquery.fileupload-jquery-ui.js +161 -0
- data/vendor/jquery_file_upload/js/jquery.fileupload-process.js +178 -0
- data/vendor/jquery_file_upload/js/jquery.fileupload-ui.js +714 -0
- data/vendor/jquery_file_upload/js/jquery.fileupload-validate.js +125 -0
- data/vendor/jquery_file_upload/js/jquery.fileupload-video.js +113 -0
- data/vendor/jquery_file_upload/js/jquery.fileupload.js +1486 -0
- data/vendor/jquery_file_upload/js/jquery.iframe-transport.js +224 -0
- data/vendor/jquery_file_upload/js/main.js +75 -0
- data/vendor/jquery_file_upload/js/vendor/jquery.ui.widget.js +748 -0
- data/vendor/jquery_file_upload/package.json +55 -0
- data/vendor/jquery_file_upload/server/gae-go/app.yaml +12 -0
- data/vendor/jquery_file_upload/server/gae-go/app/main.go +361 -0
- data/vendor/jquery_file_upload/server/gae-go/static/favicon.ico +0 -0
- data/vendor/jquery_file_upload/server/gae-go/static/robots.txt +2 -0
- data/vendor/jquery_file_upload/server/gae-python/app.yaml +17 -0
- data/vendor/jquery_file_upload/server/gae-python/main.py +204 -0
- data/vendor/jquery_file_upload/server/gae-python/static/favicon.ico +0 -0
- data/vendor/jquery_file_upload/server/gae-python/static/robots.txt +2 -0
- data/vendor/jquery_file_upload/server/php/Dockerfile +38 -0
- data/vendor/jquery_file_upload/server/php/UploadHandler.php +1411 -0
- data/vendor/jquery_file_upload/server/php/docker-compose.yml +9 -0
- data/vendor/jquery_file_upload/server/php/index.php +15 -0
- data/vendor/jquery_file_upload/test/index.html +172 -0
- data/vendor/jquery_file_upload/test/test.js +1292 -0
- data/vendor/jquery_rails/CHANGELOG.md +359 -0
- data/vendor/jquery_rails/CONTRIBUTING.md +132 -0
- data/vendor/jquery_rails/Gemfile +22 -0
- data/vendor/jquery_rails/MIT-LICENSE +21 -0
- data/vendor/jquery_rails/README.md +75 -0
- data/vendor/jquery_rails/Rakefile +59 -0
- data/vendor/jquery_rails/VERSIONS.md +62 -0
- data/vendor/jquery_rails/jquery-rails.gemspec +26 -0
- data/vendor/jquery_rails/lib/jquery-rails.rb +1 -0
- data/vendor/jquery_rails/lib/jquery/assert_select.rb +149 -0
- data/vendor/jquery_rails/lib/jquery/rails.rb +8 -0
- data/vendor/jquery_rails/lib/jquery/rails/engine.rb +6 -0
- data/vendor/jquery_rails/lib/jquery/rails/version.rb +9 -0
- data/vendor/jquery_rails/test/assert_select_jquery_test.rb +85 -0
- data/vendor/jquery_rails/test/test_helper.rb +6 -0
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery.js +11008 -0
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery.min.js +5 -0
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery.min.map +1 -0
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery2.js +9814 -0
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery2.min.js +4 -0
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery2.min.map +1 -0
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery3.js +10364 -0
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery3.min.js +2 -0
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery3.min.map +1 -0
- data/vendor/jquery_rails/vendor/assets/javascripts/jquery_ujs.js +555 -0
- metadata +108 -12
@@ -0,0 +1,57 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
/*
|
3
|
+
* jQuery File Upload UI Plugin CSS
|
4
|
+
* https://github.com/blueimp/jQuery-File-Upload
|
5
|
+
*
|
6
|
+
* Copyright 2010, Sebastian Tschan
|
7
|
+
* https://blueimp.net
|
8
|
+
*
|
9
|
+
* Licensed under the MIT license:
|
10
|
+
* https://opensource.org/licenses/MIT
|
11
|
+
*/
|
12
|
+
|
13
|
+
.fileupload-buttonbar .btn,
|
14
|
+
.fileupload-buttonbar .toggle {
|
15
|
+
margin-bottom: 5px;
|
16
|
+
}
|
17
|
+
.progress-animated .progress-bar,
|
18
|
+
.progress-animated .bar {
|
19
|
+
background: url("../img/progressbar.gif") !important;
|
20
|
+
filter: none;
|
21
|
+
}
|
22
|
+
.fileupload-process {
|
23
|
+
float: right;
|
24
|
+
display: none;
|
25
|
+
}
|
26
|
+
.fileupload-processing .fileupload-process,
|
27
|
+
.files .processing .preview {
|
28
|
+
display: block;
|
29
|
+
width: 32px;
|
30
|
+
height: 32px;
|
31
|
+
background: url("../img/loading.gif") center no-repeat;
|
32
|
+
background-size: contain;
|
33
|
+
}
|
34
|
+
.files audio,
|
35
|
+
.files video {
|
36
|
+
max-width: 300px;
|
37
|
+
}
|
38
|
+
|
39
|
+
@media (max-width: 767px) {
|
40
|
+
.fileupload-buttonbar .toggle,
|
41
|
+
.files .toggle,
|
42
|
+
.files .btn span {
|
43
|
+
display: none;
|
44
|
+
}
|
45
|
+
.files .name {
|
46
|
+
width: 80px;
|
47
|
+
word-wrap: break-word;
|
48
|
+
}
|
49
|
+
.files audio,
|
50
|
+
.files video {
|
51
|
+
max-width: 80px;
|
52
|
+
}
|
53
|
+
.files img,
|
54
|
+
.files canvas {
|
55
|
+
max-width: 100%;
|
56
|
+
}
|
57
|
+
}
|
@@ -0,0 +1,37 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
/*
|
3
|
+
* jQuery File Upload Plugin CSS
|
4
|
+
* https://github.com/blueimp/jQuery-File-Upload
|
5
|
+
*
|
6
|
+
* Copyright 2013, Sebastian Tschan
|
7
|
+
* https://blueimp.net
|
8
|
+
*
|
9
|
+
* Licensed under the MIT license:
|
10
|
+
* https://opensource.org/licenses/MIT
|
11
|
+
*/
|
12
|
+
|
13
|
+
.fileinput-button {
|
14
|
+
position: relative;
|
15
|
+
overflow: hidden;
|
16
|
+
display: inline-block;
|
17
|
+
}
|
18
|
+
.fileinput-button input {
|
19
|
+
position: absolute;
|
20
|
+
top: 0;
|
21
|
+
right: 0;
|
22
|
+
margin: 0;
|
23
|
+
opacity: 0;
|
24
|
+
-ms-filter: 'alpha(opacity=0)';
|
25
|
+
font-size: 200px !important;
|
26
|
+
direction: ltr;
|
27
|
+
cursor: pointer;
|
28
|
+
}
|
29
|
+
|
30
|
+
/* Fixes for IE < 8 */
|
31
|
+
@media screen\9 {
|
32
|
+
.fileinput-button input {
|
33
|
+
filter: alpha(opacity=0);
|
34
|
+
font-size: 100%;
|
35
|
+
height: 100%;
|
36
|
+
}
|
37
|
+
}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
@charset "UTF-8";
|
2
|
+
/*
|
3
|
+
* jQuery File Upload Plugin CSS Example
|
4
|
+
* https://github.com/blueimp/jQuery-File-Upload
|
5
|
+
*
|
6
|
+
* Copyright 2013, Sebastian Tschan
|
7
|
+
* https://blueimp.net
|
8
|
+
*
|
9
|
+
* Licensed under the MIT license:
|
10
|
+
* https://opensource.org/licenses/MIT
|
11
|
+
*/
|
12
|
+
|
13
|
+
body {
|
14
|
+
padding-top: 60px;
|
15
|
+
}
|
Binary file
|
Binary file
|
@@ -0,0 +1,255 @@
|
|
1
|
+
<!DOCTYPE HTML>
|
2
|
+
<!--
|
3
|
+
/*
|
4
|
+
* jQuery File Upload Plugin Demo
|
5
|
+
* https://github.com/blueimp/jQuery-File-Upload
|
6
|
+
*
|
7
|
+
* Copyright 2010, Sebastian Tschan
|
8
|
+
* https://blueimp.net
|
9
|
+
*
|
10
|
+
* Licensed under the MIT license:
|
11
|
+
* https://opensource.org/licenses/MIT
|
12
|
+
*/
|
13
|
+
-->
|
14
|
+
<html lang="en">
|
15
|
+
<head>
|
16
|
+
<!-- Force latest IE rendering engine or ChromeFrame if installed -->
|
17
|
+
<!--[if IE]>
|
18
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
19
|
+
<![endif]-->
|
20
|
+
<meta charset="utf-8">
|
21
|
+
<title>jQuery File Upload Demo</title>
|
22
|
+
<meta name="description" content="File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.">
|
23
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
24
|
+
<!-- Bootstrap styles -->
|
25
|
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
|
26
|
+
<!-- Generic page styles -->
|
27
|
+
<link rel="stylesheet" href="css/style.css">
|
28
|
+
<!-- blueimp Gallery styles -->
|
29
|
+
<link rel="stylesheet" href="https://blueimp.github.io/Gallery/css/blueimp-gallery.min.css">
|
30
|
+
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
|
31
|
+
<link rel="stylesheet" href="css/jquery.fileupload.css">
|
32
|
+
<link rel="stylesheet" href="css/jquery.fileupload-ui.css">
|
33
|
+
<!-- CSS adjustments for browsers with JavaScript disabled -->
|
34
|
+
<noscript><link rel="stylesheet" href="css/jquery.fileupload-noscript.css"></noscript>
|
35
|
+
<noscript><link rel="stylesheet" href="css/jquery.fileupload-ui-noscript.css"></noscript>
|
36
|
+
</head>
|
37
|
+
<body>
|
38
|
+
<div class="navbar navbar-default navbar-fixed-top">
|
39
|
+
<div class="container">
|
40
|
+
<div class="navbar-header">
|
41
|
+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-fixed-top .navbar-collapse">
|
42
|
+
<span class="icon-bar"></span>
|
43
|
+
<span class="icon-bar"></span>
|
44
|
+
<span class="icon-bar"></span>
|
45
|
+
</button>
|
46
|
+
<a class="navbar-brand" href="https://github.com/blueimp/jQuery-File-Upload">jQuery File Upload</a>
|
47
|
+
</div>
|
48
|
+
<div class="navbar-collapse collapse">
|
49
|
+
<ul class="nav navbar-nav">
|
50
|
+
<li><a href="https://github.com/blueimp/jQuery-File-Upload/tags">Download</a></li>
|
51
|
+
<li><a href="https://github.com/blueimp/jQuery-File-Upload">Source Code</a></li>
|
52
|
+
<li><a href="https://github.com/blueimp/jQuery-File-Upload/wiki">Documentation</a></li>
|
53
|
+
<li><a href="https://blueimp.net">© Sebastian Tschan</a></li>
|
54
|
+
</ul>
|
55
|
+
</div>
|
56
|
+
</div>
|
57
|
+
</div>
|
58
|
+
<div class="container">
|
59
|
+
<h1>jQuery File Upload Demo</h1>
|
60
|
+
<h2 class="lead">Basic Plus UI version</h2>
|
61
|
+
<ul class="nav nav-tabs">
|
62
|
+
<li><a href="basic.html">Basic</a></li>
|
63
|
+
<li><a href="basic-plus.html">Basic Plus</a></li>
|
64
|
+
<li class="active"><a href="index.html">Basic Plus UI</a></li>
|
65
|
+
<li><a href="angularjs.html">AngularJS</a></li>
|
66
|
+
<li><a href="jquery-ui.html">jQuery UI</a></li>
|
67
|
+
</ul>
|
68
|
+
<br>
|
69
|
+
<blockquote>
|
70
|
+
<p>File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery.<br>
|
71
|
+
Supports cross-domain, chunked and resumable file uploads and client-side image resizing.<br>
|
72
|
+
Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.</p>
|
73
|
+
</blockquote>
|
74
|
+
<br>
|
75
|
+
<!-- The file upload form used as target for the file upload widget -->
|
76
|
+
<form id="fileupload" action="https://jquery-file-upload.appspot.com/" method="POST" enctype="multipart/form-data">
|
77
|
+
<!-- Redirect browsers with JavaScript disabled to the origin page -->
|
78
|
+
<noscript><input type="hidden" name="redirect" value="https://blueimp.github.io/jQuery-File-Upload/"></noscript>
|
79
|
+
<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
|
80
|
+
<div class="row fileupload-buttonbar">
|
81
|
+
<div class="col-lg-7">
|
82
|
+
<!-- The fileinput-button span is used to style the file input field as button -->
|
83
|
+
<span class="btn btn-success fileinput-button">
|
84
|
+
<i class="glyphicon glyphicon-plus"></i>
|
85
|
+
<span>Add files...</span>
|
86
|
+
<input type="file" name="files[]" multiple>
|
87
|
+
</span>
|
88
|
+
<button type="submit" class="btn btn-primary start">
|
89
|
+
<i class="glyphicon glyphicon-upload"></i>
|
90
|
+
<span>Start upload</span>
|
91
|
+
</button>
|
92
|
+
<button type="reset" class="btn btn-warning cancel">
|
93
|
+
<i class="glyphicon glyphicon-ban-circle"></i>
|
94
|
+
<span>Cancel upload</span>
|
95
|
+
</button>
|
96
|
+
<button type="button" class="btn btn-danger delete">
|
97
|
+
<i class="glyphicon glyphicon-trash"></i>
|
98
|
+
<span>Delete</span>
|
99
|
+
</button>
|
100
|
+
<input type="checkbox" class="toggle">
|
101
|
+
<!-- The global file processing state -->
|
102
|
+
<span class="fileupload-process"></span>
|
103
|
+
</div>
|
104
|
+
<!-- The global progress state -->
|
105
|
+
<div class="col-lg-5 fileupload-progress fade">
|
106
|
+
<!-- The global progress bar -->
|
107
|
+
<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
|
108
|
+
<div class="progress-bar progress-bar-success" style="width:0%;"></div>
|
109
|
+
</div>
|
110
|
+
<!-- The extended global progress state -->
|
111
|
+
<div class="progress-extended"> </div>
|
112
|
+
</div>
|
113
|
+
</div>
|
114
|
+
<!-- The table listing the files available for upload/download -->
|
115
|
+
<table role="presentation" class="table table-striped"><tbody class="files"></tbody></table>
|
116
|
+
</form>
|
117
|
+
<br>
|
118
|
+
<div class="panel panel-default">
|
119
|
+
<div class="panel-heading">
|
120
|
+
<h3 class="panel-title">Demo Notes</h3>
|
121
|
+
</div>
|
122
|
+
<div class="panel-body">
|
123
|
+
<ul>
|
124
|
+
<li>The maximum file size for uploads in this demo is <strong>999 KB</strong> (default file size is unlimited).</li>
|
125
|
+
<li>Only image files (<strong>JPG, GIF, PNG</strong>) are allowed in this demo (by default there is no file type restriction).</li>
|
126
|
+
<li>Uploaded files will be deleted automatically after <strong>5 minutes or less</strong> (demo files are stored in memory).</li>
|
127
|
+
<li>You can <strong>drag & drop</strong> files from your desktop on this webpage (see <a href="https://github.com/blueimp/jQuery-File-Upload/wiki/Browser-support">Browser support</a>).</li>
|
128
|
+
<li>Please refer to the <a href="https://github.com/blueimp/jQuery-File-Upload">project website</a> and <a href="https://github.com/blueimp/jQuery-File-Upload/wiki">documentation</a> for more information.</li>
|
129
|
+
<li>Built with the <a href="http://getbootstrap.com/">Bootstrap</a> CSS framework and Icons from <a href="http://glyphicons.com/">Glyphicons</a>.</li>
|
130
|
+
</ul>
|
131
|
+
</div>
|
132
|
+
</div>
|
133
|
+
</div>
|
134
|
+
<!-- The blueimp Gallery widget -->
|
135
|
+
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" data-filter=":even">
|
136
|
+
<div class="slides"></div>
|
137
|
+
<h3 class="title"></h3>
|
138
|
+
<a class="prev">‹</a>
|
139
|
+
<a class="next">›</a>
|
140
|
+
<a class="close">×</a>
|
141
|
+
<a class="play-pause"></a>
|
142
|
+
<ol class="indicator"></ol>
|
143
|
+
</div>
|
144
|
+
<!-- The template to display files available for upload -->
|
145
|
+
<script id="template-upload" type="text/x-tmpl">
|
146
|
+
{% for (var i=0, file; file=o.files[i]; i++) { %}
|
147
|
+
<tr class="template-upload fade">
|
148
|
+
<td>
|
149
|
+
<span class="preview"></span>
|
150
|
+
</td>
|
151
|
+
<td>
|
152
|
+
<p class="name">{%=file.name%}</p>
|
153
|
+
<strong class="error text-danger"></strong>
|
154
|
+
</td>
|
155
|
+
<td>
|
156
|
+
<p class="size">Processing...</p>
|
157
|
+
<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>
|
158
|
+
</td>
|
159
|
+
<td>
|
160
|
+
{% if (!i && !o.options.autoUpload) { %}
|
161
|
+
<button class="btn btn-primary start" disabled>
|
162
|
+
<i class="glyphicon glyphicon-upload"></i>
|
163
|
+
<span>Start</span>
|
164
|
+
</button>
|
165
|
+
{% } %}
|
166
|
+
{% if (!i) { %}
|
167
|
+
<button class="btn btn-warning cancel">
|
168
|
+
<i class="glyphicon glyphicon-ban-circle"></i>
|
169
|
+
<span>Cancel</span>
|
170
|
+
</button>
|
171
|
+
{% } %}
|
172
|
+
</td>
|
173
|
+
</tr>
|
174
|
+
{% } %}
|
175
|
+
</script>
|
176
|
+
<!-- The template to display files available for download -->
|
177
|
+
<script id="template-download" type="text/x-tmpl">
|
178
|
+
{% for (var i=0, file; file=o.files[i]; i++) { %}
|
179
|
+
<tr class="template-download fade">
|
180
|
+
<td>
|
181
|
+
<span class="preview">
|
182
|
+
{% if (file.thumbnailUrl) { %}
|
183
|
+
<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery><img src="{%=file.thumbnailUrl%}"></a>
|
184
|
+
{% } %}
|
185
|
+
</span>
|
186
|
+
</td>
|
187
|
+
<td>
|
188
|
+
<p class="name">
|
189
|
+
{% if (file.url) { %}
|
190
|
+
<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a>
|
191
|
+
{% } else { %}
|
192
|
+
<span>{%=file.name%}</span>
|
193
|
+
{% } %}
|
194
|
+
</p>
|
195
|
+
{% if (file.error) { %}
|
196
|
+
<div><span class="label label-danger">Error</span> {%=file.error%}</div>
|
197
|
+
{% } %}
|
198
|
+
</td>
|
199
|
+
<td>
|
200
|
+
<span class="size">{%=o.formatFileSize(file.size)%}</span>
|
201
|
+
</td>
|
202
|
+
<td>
|
203
|
+
{% if (file.deleteUrl) { %}
|
204
|
+
<button class="btn btn-danger delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>
|
205
|
+
<i class="glyphicon glyphicon-trash"></i>
|
206
|
+
<span>Delete</span>
|
207
|
+
</button>
|
208
|
+
<input type="checkbox" name="delete" value="1" class="toggle">
|
209
|
+
{% } else { %}
|
210
|
+
<button class="btn btn-warning cancel">
|
211
|
+
<i class="glyphicon glyphicon-ban-circle"></i>
|
212
|
+
<span>Cancel</span>
|
213
|
+
</button>
|
214
|
+
{% } %}
|
215
|
+
</td>
|
216
|
+
</tr>
|
217
|
+
{% } %}
|
218
|
+
</script>
|
219
|
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
220
|
+
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
|
221
|
+
<script src="js/vendor/jquery.ui.widget.js"></script>
|
222
|
+
<!-- The Templates plugin is included to render the upload/download listings -->
|
223
|
+
<script src="https://blueimp.github.io/JavaScript-Templates/js/tmpl.min.js"></script>
|
224
|
+
<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
|
225
|
+
<script src="https://blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script>
|
226
|
+
<!-- The Canvas to Blob plugin is included for image resizing functionality -->
|
227
|
+
<script src="https://blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script>
|
228
|
+
<!-- Bootstrap JS is not required, but included for the responsive demo navigation -->
|
229
|
+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
230
|
+
<!-- blueimp Gallery script -->
|
231
|
+
<script src="https://blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
|
232
|
+
<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
|
233
|
+
<script src="js/jquery.iframe-transport.js"></script>
|
234
|
+
<!-- The basic File Upload plugin -->
|
235
|
+
<script src="js/jquery.fileupload.js"></script>
|
236
|
+
<!-- The File Upload processing plugin -->
|
237
|
+
<script src="js/jquery.fileupload-process.js"></script>
|
238
|
+
<!-- The File Upload image preview & resize plugin -->
|
239
|
+
<script src="js/jquery.fileupload-image.js"></script>
|
240
|
+
<!-- The File Upload audio preview plugin -->
|
241
|
+
<script src="js/jquery.fileupload-audio.js"></script>
|
242
|
+
<!-- The File Upload video preview plugin -->
|
243
|
+
<script src="js/jquery.fileupload-video.js"></script>
|
244
|
+
<!-- The File Upload validation plugin -->
|
245
|
+
<script src="js/jquery.fileupload-validate.js"></script>
|
246
|
+
<!-- The File Upload user interface plugin -->
|
247
|
+
<script src="js/jquery.fileupload-ui.js"></script>
|
248
|
+
<!-- The main application script -->
|
249
|
+
<script src="js/main.js"></script>
|
250
|
+
<!-- The XDomainRequest Transport is included for cross-domain file deletion for IE 8 and IE 9 -->
|
251
|
+
<!--[if (gte IE 8)&(lt IE 10)]>
|
252
|
+
<script src="js/cors/jquery.xdr-transport.js"></script>
|
253
|
+
<![endif]-->
|
254
|
+
</body>
|
255
|
+
</html>
|
@@ -0,0 +1,252 @@
|
|
1
|
+
<!DOCTYPE HTML>
|
2
|
+
<!--
|
3
|
+
/*
|
4
|
+
* jQuery File Upload Plugin jQuery UI Demo
|
5
|
+
* https://github.com/blueimp/jQuery-File-Upload
|
6
|
+
*
|
7
|
+
* Copyright 2013, Sebastian Tschan
|
8
|
+
* https://blueimp.net
|
9
|
+
*
|
10
|
+
* Licensed under the MIT license:
|
11
|
+
* https://opensource.org/licenses/MIT
|
12
|
+
*/
|
13
|
+
-->
|
14
|
+
<html lang="en">
|
15
|
+
<head>
|
16
|
+
<!-- Force latest IE rendering engine or ChromeFrame if installed -->
|
17
|
+
<!--[if IE]>
|
18
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
19
|
+
<![endif]-->
|
20
|
+
<meta charset="utf-8">
|
21
|
+
<title>jQuery File Upload Demo - jQuery UI version</title>
|
22
|
+
<meta name="description" content="File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.">
|
23
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
24
|
+
<!-- jQuery UI styles -->
|
25
|
+
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/dark-hive/jquery-ui.css" id="theme">
|
26
|
+
<!-- Generic page styles -->
|
27
|
+
<link rel="stylesheet" href="css/style.css">
|
28
|
+
<!-- Demo styles -->
|
29
|
+
<link rel="stylesheet" href="css/jquery-ui-demo.css">
|
30
|
+
<!--[if lte IE 8]>
|
31
|
+
<link rel="stylesheet" href="css/jquery-ui-demo-ie8.css">
|
32
|
+
<![endif]-->
|
33
|
+
<style>
|
34
|
+
/* Adjust the jQuery UI widget font-size: */
|
35
|
+
.ui-widget {
|
36
|
+
font-size: 0.95em;
|
37
|
+
}
|
38
|
+
</style>
|
39
|
+
<!-- blueimp Gallery styles -->
|
40
|
+
<link rel="stylesheet" href="https://blueimp.github.io/Gallery/css/blueimp-gallery.min.css">
|
41
|
+
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
|
42
|
+
<link rel="stylesheet" href="css/jquery.fileupload.css">
|
43
|
+
<link rel="stylesheet" href="css/jquery.fileupload-ui.css">
|
44
|
+
<!-- CSS adjustments for browsers with JavaScript disabled -->
|
45
|
+
<noscript><link rel="stylesheet" href="css/jquery.fileupload-noscript.css"></noscript>
|
46
|
+
<noscript><link rel="stylesheet" href="css/jquery.fileupload-ui-noscript.css"></noscript>
|
47
|
+
</head>
|
48
|
+
<body>
|
49
|
+
<ul class="navigation">
|
50
|
+
<li><h3><a href="https://github.com/blueimp/jQuery-File-Upload">jQuery File Upload</a></h3></li>
|
51
|
+
<li><a href="https://github.com/blueimp/jQuery-File-Upload/tags">Download</a></li>
|
52
|
+
<li><a href="https://github.com/blueimp/jQuery-File-Upload">Source Code</a></li>
|
53
|
+
<li><a href="https://github.com/blueimp/jQuery-File-Upload/wiki">Documentation</a></li>
|
54
|
+
<li><a href="https://blueimp.net">© blueimp.net</a></li>
|
55
|
+
</ul>
|
56
|
+
<h1>jQuery File Upload Demo</h1>
|
57
|
+
<h2>jQuery UI version</h2>
|
58
|
+
<form>
|
59
|
+
<label for="theme-switcher">Theme:</label>
|
60
|
+
<select id="theme-switcher" class="pull-right">
|
61
|
+
<option value="black-tie">Black Tie</option>
|
62
|
+
<option value="blitzer">Blitzer</option>
|
63
|
+
<option value="cupertino">Cupertino</option>
|
64
|
+
<option value="dark-hive" selected>Dark Hive</option>
|
65
|
+
<option value="dot-luv">Dot Luv</option>
|
66
|
+
<option value="eggplant">Eggplant</option>
|
67
|
+
<option value="excite-bike">Excite Bike</option>
|
68
|
+
<option value="flick">Flick</option>
|
69
|
+
<option value="hot-sneaks">Hot sneaks</option>
|
70
|
+
<option value="humanity">Humanity</option>
|
71
|
+
<option value="le-frog">Le Frog</option>
|
72
|
+
<option value="mint-choc">Mint Choc</option>
|
73
|
+
<option value="overcast">Overcast</option>
|
74
|
+
<option value="pepper-grinder">Pepper Grinder</option>
|
75
|
+
<option value="redmond">Redmond</option>
|
76
|
+
<option value="smoothness">Smoothness</option>
|
77
|
+
<option value="south-street">South Street</option>
|
78
|
+
<option value="start">Start</option>
|
79
|
+
<option value="sunny">Sunny</option>
|
80
|
+
<option value="swanky-purse">Swanky Purse</option>
|
81
|
+
<option value="trontastic">Trontastic</option>
|
82
|
+
<option value="ui-darkness">UI Darkness</option>
|
83
|
+
<option value="ui-lightness">UI Lightness</option>
|
84
|
+
<option value="vader">Vader</option>
|
85
|
+
</select>
|
86
|
+
</form>
|
87
|
+
<ul class="navigation">
|
88
|
+
<li><a href="basic.html">Basic</a></li>
|
89
|
+
<li><a href="basic-plus.html">Basic Plus</a></li>
|
90
|
+
<li><a href="index.html">Basic Plus UI</a></li>
|
91
|
+
<li><a href="angularjs.html">AngularJS</a></li>
|
92
|
+
<li class="active"><a href="jquery-ui.html">jQuery UI</a></li>
|
93
|
+
</ul>
|
94
|
+
<blockquote>
|
95
|
+
<p>File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery UI.<br>
|
96
|
+
Supports cross-domain, chunked and resumable file uploads and client-side image resizing.<br>
|
97
|
+
Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.</p>
|
98
|
+
</blockquote>
|
99
|
+
<!-- The file upload form used as target for the file upload widget -->
|
100
|
+
<form id="fileupload" action="https://jquery-file-upload.appspot.com/" method="POST" enctype="multipart/form-data">
|
101
|
+
<!-- Redirect browsers with JavaScript disabled to the origin page -->
|
102
|
+
<noscript><input type="hidden" name="redirect" value="https://blueimp.github.io/jQuery-File-Upload/"></noscript>
|
103
|
+
<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
|
104
|
+
<div class="fileupload-buttonbar">
|
105
|
+
<div class="fileupload-buttons">
|
106
|
+
<!-- The fileinput-button span is used to style the file input field as button -->
|
107
|
+
<span class="fileinput-button">
|
108
|
+
<span>Add files...</span>
|
109
|
+
<input type="file" name="files[]" multiple>
|
110
|
+
</span>
|
111
|
+
<button type="submit" class="start">Start upload</button>
|
112
|
+
<button type="reset" class="cancel">Cancel upload</button>
|
113
|
+
<button type="button" class="delete">Delete</button>
|
114
|
+
<input type="checkbox" class="toggle">
|
115
|
+
<!-- The global file processing state -->
|
116
|
+
<span class="fileupload-process"></span>
|
117
|
+
</div>
|
118
|
+
<!-- The global progress state -->
|
119
|
+
<div class="fileupload-progress fade" style="display:none">
|
120
|
+
<!-- The global progress bar -->
|
121
|
+
<div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100"></div>
|
122
|
+
<!-- The extended global progress state -->
|
123
|
+
<div class="progress-extended"> </div>
|
124
|
+
</div>
|
125
|
+
</div>
|
126
|
+
<!-- The table listing the files available for upload/download -->
|
127
|
+
<table role="presentation"><tbody class="files"></tbody></table>
|
128
|
+
</form>
|
129
|
+
<br>
|
130
|
+
<h3>Demo Notes</h3>
|
131
|
+
<ul>
|
132
|
+
<li>The maximum file size for uploads in this demo is <strong>999 KB</strong> (default file size is unlimited).</li>
|
133
|
+
<li>Only image files (<strong>JPG, GIF, PNG</strong>) are allowed in this demo (by default there is no file type restriction).</li>
|
134
|
+
<li>Uploaded files will be deleted automatically after <strong>5 minutes or less</strong> (demo files are stored in memory).</li>
|
135
|
+
<li>You can <strong>drag & drop</strong> files from your desktop on this webpage (see <a href="https://github.com/blueimp/jQuery-File-Upload/wiki/Browser-support">Browser support</a>).</li>
|
136
|
+
<li>Please refer to the <a href="https://github.com/blueimp/jQuery-File-Upload">project website</a> and <a href="https://github.com/blueimp/jQuery-File-Upload/wiki">documentation</a> for more information.</li>
|
137
|
+
<li>Built with <a href="https://jqueryui.com">jQuery UI</a>.</li>
|
138
|
+
</ul>
|
139
|
+
<!-- The blueimp Gallery widget -->
|
140
|
+
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" data-filter=":even">
|
141
|
+
<div class="slides"></div>
|
142
|
+
<h3 class="title"></h3>
|
143
|
+
<a class="prev">‹</a>
|
144
|
+
<a class="next">›</a>
|
145
|
+
<a class="close">×</a>
|
146
|
+
<a class="play-pause"></a>
|
147
|
+
<ol class="indicator"></ol>
|
148
|
+
</div>
|
149
|
+
<!-- The template to display files available for upload -->
|
150
|
+
<script id="template-upload" type="text/x-tmpl">
|
151
|
+
{% for (var i=0, file; file=o.files[i]; i++) { %}
|
152
|
+
<tr class="template-upload fade">
|
153
|
+
<td>
|
154
|
+
<span class="preview"></span>
|
155
|
+
</td>
|
156
|
+
<td>
|
157
|
+
<p class="name">{%=file.name%}</p>
|
158
|
+
<strong class="error"></strong>
|
159
|
+
</td>
|
160
|
+
<td>
|
161
|
+
<p class="size">Processing...</p>
|
162
|
+
<div class="progress"></div>
|
163
|
+
</td>
|
164
|
+
<td>
|
165
|
+
{% if (!i && !o.options.autoUpload) { %}
|
166
|
+
<button class="start" disabled>Start</button>
|
167
|
+
{% } %}
|
168
|
+
{% if (!i) { %}
|
169
|
+
<button class="cancel">Cancel</button>
|
170
|
+
{% } %}
|
171
|
+
</td>
|
172
|
+
</tr>
|
173
|
+
{% } %}
|
174
|
+
</script>
|
175
|
+
<!-- The template to display files available for download -->
|
176
|
+
<script id="template-download" type="text/x-tmpl">
|
177
|
+
{% for (var i=0, file; file=o.files[i]; i++) { %}
|
178
|
+
<tr class="template-download fade">
|
179
|
+
<td>
|
180
|
+
<span class="preview">
|
181
|
+
{% if (file.thumbnailUrl) { %}
|
182
|
+
<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery><img src="{%=file.thumbnailUrl%}"></a>
|
183
|
+
{% } %}
|
184
|
+
</span>
|
185
|
+
</td>
|
186
|
+
<td>
|
187
|
+
<p class="name">
|
188
|
+
<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a>
|
189
|
+
</p>
|
190
|
+
{% if (file.error) { %}
|
191
|
+
<div><span class="error">Error</span> {%=file.error%}</div>
|
192
|
+
{% } %}
|
193
|
+
</td>
|
194
|
+
<td>
|
195
|
+
<span class="size">{%=o.formatFileSize(file.size)%}</span>
|
196
|
+
</td>
|
197
|
+
<td>
|
198
|
+
<button class="delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>Delete</button>
|
199
|
+
<input type="checkbox" name="delete" value="1" class="toggle">
|
200
|
+
</td>
|
201
|
+
</tr>
|
202
|
+
{% } %}
|
203
|
+
</script>
|
204
|
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
205
|
+
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
|
206
|
+
<!-- The Templates plugin is included to render the upload/download listings -->
|
207
|
+
<script src="https://blueimp.github.io/JavaScript-Templates/js/tmpl.min.js"></script>
|
208
|
+
<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
|
209
|
+
<script src="https://blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script>
|
210
|
+
<!-- The Canvas to Blob plugin is included for image resizing functionality -->
|
211
|
+
<script src="https://blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script>
|
212
|
+
<!-- blueimp Gallery script -->
|
213
|
+
<script src="https://blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
|
214
|
+
<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
|
215
|
+
<script src="js/jquery.iframe-transport.js"></script>
|
216
|
+
<!-- The basic File Upload plugin -->
|
217
|
+
<script src="js/jquery.fileupload.js"></script>
|
218
|
+
<!-- The File Upload processing plugin -->
|
219
|
+
<script src="js/jquery.fileupload-process.js"></script>
|
220
|
+
<!-- The File Upload image preview & resize plugin -->
|
221
|
+
<script src="js/jquery.fileupload-image.js"></script>
|
222
|
+
<!-- The File Upload audio preview plugin -->
|
223
|
+
<script src="js/jquery.fileupload-audio.js"></script>
|
224
|
+
<!-- The File Upload video preview plugin -->
|
225
|
+
<script src="js/jquery.fileupload-video.js"></script>
|
226
|
+
<!-- The File Upload validation plugin -->
|
227
|
+
<script src="js/jquery.fileupload-validate.js"></script>
|
228
|
+
<!-- The File Upload user interface plugin -->
|
229
|
+
<script src="js/jquery.fileupload-ui.js"></script>
|
230
|
+
<!-- The File Upload jQuery UI plugin -->
|
231
|
+
<script src="js/jquery.fileupload-jquery-ui.js"></script>
|
232
|
+
<!-- The main application script -->
|
233
|
+
<script src="js/main.js"></script>
|
234
|
+
<script>
|
235
|
+
// Initialize the jQuery UI theme switcher:
|
236
|
+
$('#theme-switcher').change(function () {
|
237
|
+
var theme = $('#theme');
|
238
|
+
theme.prop(
|
239
|
+
'href',
|
240
|
+
theme.prop('href').replace(
|
241
|
+
/[\w\-]+\/jquery-ui.css/,
|
242
|
+
$(this).val() + '/jquery-ui.css'
|
243
|
+
)
|
244
|
+
);
|
245
|
+
});
|
246
|
+
</script>
|
247
|
+
<!-- The XDomainRequest Transport is included for cross-domain file deletion for IE 8 and IE 9 -->
|
248
|
+
<!--[if (gte IE 8)&(lt IE 10)]>
|
249
|
+
<script src="js/cors/jquery.xdr-transport.js"></script>
|
250
|
+
<![endif]-->
|
251
|
+
</body>
|
252
|
+
</html>
|