Fix FF table parsing. Add tablesorter lib although it's kind of overkill. MMMMmmmm I don't know fixed a bunch of other things.
|
@ -46,3 +46,10 @@ Displayer
|
||||||
|
|
||||||
* Repo owner or admin
|
* Repo owner or admin
|
||||||
* Other community or team contact
|
* Other community or team contact
|
||||||
|
|
||||||
|
### Credits ###
|
||||||
|
Apache, PHP, MySQL
|
||||||
|
jQuery, jQuery UI
|
||||||
|
jquery.tablesorter http://tablesorter.com/docs/
|
||||||
|
Tango Icon Theme
|
||||||
|
Geany/Notepad++
|
||||||
|
|
14
db.php
|
@ -21,11 +21,15 @@ function addFiles($files)
|
||||||
$db = connect();
|
$db = connect();
|
||||||
if ($db == null) return null;
|
if ($db == null) return null;
|
||||||
|
|
||||||
|
$fileList = array();
|
||||||
|
|
||||||
foreach ($files as $file)
|
foreach ($files as $file)
|
||||||
{
|
{
|
||||||
//echo 'Adding ' . $file['tmp_name'];
|
//echo 'Adding ' . $file['tmp_name'];
|
||||||
addFile($file);
|
$fileList[] = addFile($file);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
return $fileList;
|
||||||
}
|
}
|
||||||
|
|
||||||
function addFile($file, $db = null)
|
function addFile($file, $db = null)
|
||||||
|
@ -40,8 +44,12 @@ function addFile($file, $db = null)
|
||||||
{
|
{
|
||||||
//TODO Compress?
|
//TODO Compress?
|
||||||
$st = $db->prepare("INSERT INTO msqs (xml) VALUES (:xml)");
|
$st = $db->prepare("INSERT INTO msqs (xml) VALUES (:xml)");
|
||||||
$f = file_get_contents($file['tmp_name']);
|
$xml = file_get_contents($file['tmp_name']);
|
||||||
$st->bindParam(":xml", $f);
|
//Convert encoding to UTF-8
|
||||||
|
$xml = mb_convert_encoding($xml, "UTF-8");
|
||||||
|
//Strip out invalid xmlns
|
||||||
|
$xml = preg_replace('/xmlns=".*?"/', '', $xml);
|
||||||
|
$st->bindParam(":xml", $xml);
|
||||||
$st->execute();
|
$st->execute();
|
||||||
$id = $db->lastInsertId();
|
$id = $db->lastInsertId();
|
||||||
$st = $db->prepare("INSERT INTO metadata (url,msq,fileFormat,signature) VALUES (:url, :id, '4.0', 'unknown')");
|
$st = $db->prepare("INSERT INTO metadata (url,msq,fileFormat,signature) VALUES (:url, :id, '4.0', 'unknown')");
|
||||||
|
|
12
header.php
|
@ -1,13 +1,14 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>TuneShare</title>
|
<title>MSQur</title>
|
||||||
<meta name="description" content="">
|
<meta name="description" content="Megasquirt tune file sharing site">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="stylesheet" href="msqur.css" />
|
<link rel="stylesheet" href="msqur.css" />
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
|
||||||
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" />
|
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" />
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
|
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
|
||||||
|
<script src="lib/tablesorter/jquery.tablesorter.min.js"></script>
|
||||||
<script src="msqur.js"></script>
|
<script src="msqur.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
@ -21,3 +22,10 @@
|
||||||
<input type="hidden" name="upload" value="upload" style="display:none;">
|
<input type="hidden" name="upload" value="upload" style="display:none;">
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
<div id="settings">
|
||||||
|
<img id="settingsIcon" src="img/settings3.png"/>
|
||||||
|
<div id="settingsPanel" style="display:none;">
|
||||||
|
<label><input type="checkbox" checked />Normalize</label>
|
||||||
|
<label><input type="checkbox" checked />Colorize</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 2.5 KiB |
After Width: | Height: | Size: 2.1 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.4 KiB |
14
index.php
|
@ -75,9 +75,17 @@ if (count($files) == 0)
|
||||||
}
|
}
|
||||||
else
|
else
|
||||||
{
|
{
|
||||||
//parse the files
|
if (count($files) > 1)
|
||||||
echo '<div class="info">' . count($files) . ' files were uploaded.</div>';
|
echo '<div class="info">' . count($files) . ' files were uploaded:</div>';
|
||||||
addFiles($files);
|
else
|
||||||
|
echo '<div class="info">' . count($files) . ' file was uploaded:</div>';
|
||||||
|
$fileList = addFiles($files);
|
||||||
|
echo '<div class="info"><ul id="fileList">';
|
||||||
|
foreach ($fileList as $f)
|
||||||
|
{
|
||||||
|
echo '<li><a href="' . $_SERVER['REQUEST_URI'] . '?msq=' . $f . '">' . $f . '</a></li>';
|
||||||
|
}
|
||||||
|
echo '</div></ul>';
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -0,0 +1,5 @@
|
||||||
|
K 25
|
||||||
|
svn:wc:ra_dav:version-url
|
||||||
|
V 28
|
||||||
|
/svn/!svn/ver/3/trunk/themes
|
||||||
|
END
|
|
@ -0,0 +1,34 @@
|
||||||
|
10
|
||||||
|
|
||||||
|
dir
|
||||||
|
5
|
||||||
|
https://tablesorter.googlecode.com/svn/trunk/themes
|
||||||
|
https://tablesorter.googlecode.com/svn
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
2009-10-02T08:54:38.707056Z
|
||||||
|
3
|
||||||
|
christian.bach
|
||||||
|
|
||||||
|
|
||||||
|
svn:special svn:externals svn:needs-lock
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
dbe5111a-81cf-11de-b558-27974e103503
|
||||||
|
|
||||||
|
blue
|
||||||
|
dir
|
||||||
|
|
||||||
|
green
|
||||||
|
dir
|
||||||
|
|
|
@ -0,0 +1,35 @@
|
||||||
|
K 25
|
||||||
|
svn:wc:ra_dav:version-url
|
||||||
|
V 33
|
||||||
|
/svn/!svn/ver/3/trunk/themes/blue
|
||||||
|
END
|
||||||
|
style.css
|
||||||
|
K 25
|
||||||
|
svn:wc:ra_dav:version-url
|
||||||
|
V 43
|
||||||
|
/svn/!svn/ver/3/trunk/themes/blue/style.css
|
||||||
|
END
|
||||||
|
desc.gif
|
||||||
|
K 25
|
||||||
|
svn:wc:ra_dav:version-url
|
||||||
|
V 42
|
||||||
|
/svn/!svn/ver/3/trunk/themes/blue/desc.gif
|
||||||
|
END
|
||||||
|
asc.gif
|
||||||
|
K 25
|
||||||
|
svn:wc:ra_dav:version-url
|
||||||
|
V 41
|
||||||
|
/svn/!svn/ver/3/trunk/themes/blue/asc.gif
|
||||||
|
END
|
||||||
|
bg.gif
|
||||||
|
K 25
|
||||||
|
svn:wc:ra_dav:version-url
|
||||||
|
V 40
|
||||||
|
/svn/!svn/ver/3/trunk/themes/blue/bg.gif
|
||||||
|
END
|
||||||
|
blue.zip
|
||||||
|
K 25
|
||||||
|
svn:wc:ra_dav:version-url
|
||||||
|
V 42
|
||||||
|
/svn/!svn/ver/3/trunk/themes/blue/blue.zip
|
||||||
|
END
|
|
@ -0,0 +1,198 @@
|
||||||
|
10
|
||||||
|
|
||||||
|
dir
|
||||||
|
5
|
||||||
|
https://tablesorter.googlecode.com/svn/trunk/themes/blue
|
||||||
|
https://tablesorter.googlecode.com/svn
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
2009-10-02T08:54:38.707056Z
|
||||||
|
3
|
||||||
|
christian.bach
|
||||||
|
|
||||||
|
|
||||||
|
svn:special svn:externals svn:needs-lock
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
dbe5111a-81cf-11de-b558-27974e103503
|
||||||
|
|
||||||
|
asc.gif
|
||||||
|
file
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
2010-10-15T09:18:19.000000Z
|
||||||
|
f8a1940c9cf44ab8870319169f3a14ff
|
||||||
|
2009-10-02T08:54:38.707056Z
|
||||||
|
3
|
||||||
|
christian.bach
|
||||||
|
has-props
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
54
|
||||||
|
|
||||||
|
bg.gif
|
||||||
|
file
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
2010-10-15T09:18:19.000000Z
|
||||||
|
c01ad2e7c59d1a20a433cb873c21bd88
|
||||||
|
2009-10-02T08:54:38.707056Z
|
||||||
|
3
|
||||||
|
christian.bach
|
||||||
|
has-props
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
64
|
||||||
|
|
||||||
|
blue.zip
|
||||||
|
file
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
2010-10-15T09:18:19.000000Z
|
||||||
|
898afbfe9f54e586eb483bc9e91fd01d
|
||||||
|
2009-10-02T08:54:38.707056Z
|
||||||
|
3
|
||||||
|
christian.bach
|
||||||
|
has-props
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
885
|
||||||
|
|
||||||
|
desc.gif
|
||||||
|
file
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
2010-10-15T09:18:19.000000Z
|
||||||
|
a54846803de3cc786eec3d69f9ac2d38
|
||||||
|
2009-10-02T08:54:38.707056Z
|
||||||
|
3
|
||||||
|
christian.bach
|
||||||
|
has-props
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
54
|
||||||
|
|
||||||
|
style.css
|
||||||
|
file
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
2010-10-15T09:18:19.000000Z
|
||||||
|
5b98d0810fb7dbb9fcbc2362655f0dd7
|
||||||
|
2009-10-02T08:54:38.707056Z
|
||||||
|
3
|
||||||
|
christian.bach
|
||||||
|
has-props
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
912
|
||||||
|
|
|
@ -0,0 +1,5 @@
|
||||||
|
K 13
|
||||||
|
svn:mime-type
|
||||||
|
V 24
|
||||||
|
application/octet-stream
|
||||||
|
END
|
|
@ -0,0 +1,5 @@
|
||||||
|
K 13
|
||||||
|
svn:mime-type
|
||||||
|
V 24
|
||||||
|
application/octet-stream
|
||||||
|
END
|
|
@ -0,0 +1,5 @@
|
||||||
|
K 13
|
||||||
|
svn:mime-type
|
||||||
|
V 24
|
||||||
|
application/octet-stream
|
||||||
|
END
|
|
@ -0,0 +1,5 @@
|
||||||
|
K 13
|
||||||
|
svn:mime-type
|
||||||
|
V 24
|
||||||
|
application/octet-stream
|
||||||
|
END
|
|
@ -0,0 +1,5 @@
|
||||||
|
K 13
|
||||||
|
svn:mime-type
|
||||||
|
V 10
|
||||||
|
text/plain
|
||||||
|
END
|
After Width: | Height: | Size: 54 B |
After Width: | Height: | Size: 64 B |
After Width: | Height: | Size: 54 B |
|
@ -0,0 +1,39 @@
|
||||||
|
/* tables */
|
||||||
|
table.tablesorter {
|
||||||
|
font-family:arial;
|
||||||
|
background-color: #CDCDCD;
|
||||||
|
margin:10px 0pt 15px;
|
||||||
|
font-size: 8pt;
|
||||||
|
width: 100%;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
|
||||||
|
background-color: #e6EEEE;
|
||||||
|
border: 1px solid #FFF;
|
||||||
|
font-size: 8pt;
|
||||||
|
padding: 4px;
|
||||||
|
}
|
||||||
|
table.tablesorter thead tr .header {
|
||||||
|
background-image: url(bg.gif);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center right;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
table.tablesorter tbody td {
|
||||||
|
color: #3D3D3D;
|
||||||
|
padding: 4px;
|
||||||
|
background-color: #FFF;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
table.tablesorter tbody tr.odd td {
|
||||||
|
background-color:#F0F0F6;
|
||||||
|
}
|
||||||
|
table.tablesorter thead tr .headerSortUp {
|
||||||
|
background-image: url(asc.gif);
|
||||||
|
}
|
||||||
|
table.tablesorter thead tr .headerSortDown {
|
||||||
|
background-image: url(desc.gif);
|
||||||
|
}
|
||||||
|
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
|
||||||
|
background-color: #8dbdd8;
|
||||||
|
}
|
After Width: | Height: | Size: 54 B |
After Width: | Height: | Size: 64 B |
After Width: | Height: | Size: 54 B |
|
@ -0,0 +1,39 @@
|
||||||
|
/* tables */
|
||||||
|
table.tablesorter {
|
||||||
|
font-family:arial;
|
||||||
|
background-color: #CDCDCD;
|
||||||
|
margin:10px 0pt 15px;
|
||||||
|
font-size: 8pt;
|
||||||
|
width: 100%;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
|
||||||
|
background-color: #e6EEEE;
|
||||||
|
border: 1px solid #FFF;
|
||||||
|
font-size: 8pt;
|
||||||
|
padding: 4px;
|
||||||
|
}
|
||||||
|
table.tablesorter thead tr .header {
|
||||||
|
background-image: url(bg.gif);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center right;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
table.tablesorter tbody td {
|
||||||
|
color: #3D3D3D;
|
||||||
|
padding: 4px;
|
||||||
|
background-color: #FFF;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
table.tablesorter tbody tr.odd td {
|
||||||
|
background-color:#F0F0F6;
|
||||||
|
}
|
||||||
|
table.tablesorter thead tr .headerSortUp {
|
||||||
|
background-image: url(asc.gif);
|
||||||
|
}
|
||||||
|
table.tablesorter thead tr .headerSortDown {
|
||||||
|
background-image: url(desc.gif);
|
||||||
|
}
|
||||||
|
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
|
||||||
|
background-color: #8dbdd8;
|
||||||
|
}
|
|
@ -0,0 +1,35 @@
|
||||||
|
K 25
|
||||||
|
svn:wc:ra_dav:version-url
|
||||||
|
V 34
|
||||||
|
/svn/!svn/ver/3/trunk/themes/green
|
||||||
|
END
|
||||||
|
bg.png
|
||||||
|
K 25
|
||||||
|
svn:wc:ra_dav:version-url
|
||||||
|
V 41
|
||||||
|
/svn/!svn/ver/3/trunk/themes/green/bg.png
|
||||||
|
END
|
||||||
|
green.zip
|
||||||
|
K 25
|
||||||
|
svn:wc:ra_dav:version-url
|
||||||
|
V 44
|
||||||
|
/svn/!svn/ver/3/trunk/themes/green/green.zip
|
||||||
|
END
|
||||||
|
style.css
|
||||||
|
K 25
|
||||||
|
svn:wc:ra_dav:version-url
|
||||||
|
V 44
|
||||||
|
/svn/!svn/ver/3/trunk/themes/green/style.css
|
||||||
|
END
|
||||||
|
desc.png
|
||||||
|
K 25
|
||||||
|
svn:wc:ra_dav:version-url
|
||||||
|
V 43
|
||||||
|
/svn/!svn/ver/3/trunk/themes/green/desc.png
|
||||||
|
END
|
||||||
|
asc.png
|
||||||
|
K 25
|
||||||
|
svn:wc:ra_dav:version-url
|
||||||
|
V 42
|
||||||
|
/svn/!svn/ver/3/trunk/themes/green/asc.png
|
||||||
|
END
|
|
@ -0,0 +1,198 @@
|
||||||
|
10
|
||||||
|
|
||||||
|
dir
|
||||||
|
5
|
||||||
|
https://tablesorter.googlecode.com/svn/trunk/themes/green
|
||||||
|
https://tablesorter.googlecode.com/svn
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
2009-10-02T08:54:38.707056Z
|
||||||
|
3
|
||||||
|
christian.bach
|
||||||
|
|
||||||
|
|
||||||
|
svn:special svn:externals svn:needs-lock
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
dbe5111a-81cf-11de-b558-27974e103503
|
||||||
|
|
||||||
|
asc.png
|
||||||
|
file
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
2010-10-15T09:18:19.000000Z
|
||||||
|
47d431b1524d523eae100b66b09babdc
|
||||||
|
2009-10-02T08:54:38.707056Z
|
||||||
|
3
|
||||||
|
christian.bach
|
||||||
|
has-props
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
2665
|
||||||
|
|
||||||
|
bg.png
|
||||||
|
file
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
2010-10-15T09:18:19.000000Z
|
||||||
|
7b0a5fe32e94b1595e48810a3df45648
|
||||||
|
2009-10-02T08:54:38.707056Z
|
||||||
|
3
|
||||||
|
christian.bach
|
||||||
|
has-props
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
2655
|
||||||
|
|
||||||
|
desc.png
|
||||||
|
file
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
2010-10-15T09:18:19.000000Z
|
||||||
|
0f7f4fd46fe145ed6ed4c81c3b26a93f
|
||||||
|
2009-10-02T08:54:38.707056Z
|
||||||
|
3
|
||||||
|
christian.bach
|
||||||
|
has-props
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
2662
|
||||||
|
|
||||||
|
green.zip
|
||||||
|
file
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
2010-10-15T09:18:19.000000Z
|
||||||
|
9c8b5235a0a9864b292b97e783541c08
|
||||||
|
2009-10-02T08:54:38.707056Z
|
||||||
|
3
|
||||||
|
christian.bach
|
||||||
|
has-props
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
8464
|
||||||
|
|
||||||
|
style.css
|
||||||
|
file
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
2010-10-15T09:18:19.000000Z
|
||||||
|
8c047013d96b74708da195dac43980b7
|
||||||
|
2009-10-02T08:54:38.707056Z
|
||||||
|
3
|
||||||
|
christian.bach
|
||||||
|
has-props
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
801
|
||||||
|
|
|
@ -0,0 +1,5 @@
|
||||||
|
K 13
|
||||||
|
svn:mime-type
|
||||||
|
V 24
|
||||||
|
application/octet-stream
|
||||||
|
END
|
|
@ -0,0 +1,5 @@
|
||||||
|
K 13
|
||||||
|
svn:mime-type
|
||||||
|
V 24
|
||||||
|
application/octet-stream
|
||||||
|
END
|
|
@ -0,0 +1,5 @@
|
||||||
|
K 13
|
||||||
|
svn:mime-type
|
||||||
|
V 24
|
||||||
|
application/octet-stream
|
||||||
|
END
|
|
@ -0,0 +1,5 @@
|
||||||
|
K 13
|
||||||
|
svn:mime-type
|
||||||
|
V 24
|
||||||
|
application/octet-stream
|
||||||
|
END
|
|
@ -0,0 +1,5 @@
|
||||||
|
K 13
|
||||||
|
svn:mime-type
|
||||||
|
V 10
|
||||||
|
text/plain
|
||||||
|
END
|
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 2.6 KiB |
|
@ -0,0 +1,39 @@
|
||||||
|
table.tablesorter {
|
||||||
|
font-size: 12px;
|
||||||
|
background-color: #4D4D4D;
|
||||||
|
width: 1024px;
|
||||||
|
border: 1px solid #000;
|
||||||
|
}
|
||||||
|
table.tablesorter th {
|
||||||
|
text-align: left;
|
||||||
|
padding: 5px;
|
||||||
|
background-color: #6E6E6E;
|
||||||
|
}
|
||||||
|
table.tablesorter td {
|
||||||
|
color: #FFF;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
table.tablesorter .even {
|
||||||
|
background-color: #3D3D3D;
|
||||||
|
}
|
||||||
|
table.tablesorter .odd {
|
||||||
|
background-color: #6E6E6E;
|
||||||
|
}
|
||||||
|
table.tablesorter .header {
|
||||||
|
background-image: url(bg.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
border-left: 1px solid #FFF;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
border-top: 1px solid #FFF;
|
||||||
|
padding-left: 30px;
|
||||||
|
padding-top: 8px;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
table.tablesorter .headerSortUp {
|
||||||
|
background-image: url(asc.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
table.tablesorter .headerSortDown {
|
||||||
|
background-image: url(desc.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 2.6 KiB |
|
@ -0,0 +1,39 @@
|
||||||
|
table.tablesorter {
|
||||||
|
font-size: 12px;
|
||||||
|
background-color: #4D4D4D;
|
||||||
|
width: 1024px;
|
||||||
|
border: 1px solid #000;
|
||||||
|
}
|
||||||
|
table.tablesorter th {
|
||||||
|
text-align: left;
|
||||||
|
padding: 5px;
|
||||||
|
background-color: #6E6E6E;
|
||||||
|
}
|
||||||
|
table.tablesorter td {
|
||||||
|
color: #FFF;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
table.tablesorter .even {
|
||||||
|
background-color: #3D3D3D;
|
||||||
|
}
|
||||||
|
table.tablesorter .odd {
|
||||||
|
background-color: #6E6E6E;
|
||||||
|
}
|
||||||
|
table.tablesorter .header {
|
||||||
|
background-image: url(bg.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
border-left: 1px solid #FFF;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
border-top: 1px solid #FFF;
|
||||||
|
padding-left: 30px;
|
||||||
|
padding-top: 8px;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
table.tablesorter .headerSortUp {
|
||||||
|
background-image: url(asc.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
table.tablesorter .headerSortDown {
|
||||||
|
background-image: url(desc.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
11
msq.php
|
@ -25,7 +25,7 @@ function msqTable($name, $data, $x, $y)
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
echo '<table>'; //TODO Some kind of CSS to indicate color shading?
|
echo '<table class="tablesorter">';
|
||||||
echo "<caption>$name</caption>";
|
echo "<caption>$name</caption>";
|
||||||
|
|
||||||
for ($r = 0; $r < $rows; $r++)
|
for ($r = 0; $r < $rows; $r++)
|
||||||
|
@ -39,11 +39,15 @@ function msqTable($name, $data, $x, $y)
|
||||||
//echo "</tr>($c, $r) ";
|
//echo "</tr>($c, $r) ";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
echo "<tr><th></th>";
|
|
||||||
|
//TODO Should really be tfoot here, thead at top
|
||||||
|
echo "<thead><tr><th></th>";
|
||||||
for ($c = 0; $c < $cols; $c++)
|
for ($c = 0; $c < $cols; $c++)
|
||||||
{
|
{
|
||||||
echo "<th>" . $x[$c] . "</th>";
|
echo "<th>" . $x[$c] . "</th>";
|
||||||
}
|
}
|
||||||
|
echo "</tr></thead>";
|
||||||
|
|
||||||
echo "</tr>";
|
echo "</tr>";
|
||||||
echo "</table>";
|
echo "</table>";
|
||||||
}
|
}
|
||||||
|
@ -58,9 +62,6 @@ function parseMSQ($xml)
|
||||||
'egoType' => array('name' => 'O2 Sensor Type')
|
'egoType' => array('name' => 'O2 Sensor Type')
|
||||||
);
|
);
|
||||||
|
|
||||||
//Strip out invalid xmlns
|
|
||||||
//TODO This should really happen on upload...
|
|
||||||
$xml = preg_replace('/xmlns=".*?"/', '', $xml);
|
|
||||||
$msq = simplexml_load_string($xml);
|
$msq = simplexml_load_string($xml);
|
||||||
|
|
||||||
if ($msq)
|
if ($msq)
|
||||||
|
|
|
@ -40,6 +40,12 @@ div.footer {
|
||||||
z-index: -999
|
z-index: -999
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div#settings {
|
||||||
|
position: absolute;
|
||||||
|
margin-top: 4px;
|
||||||
|
right: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
#fileDropZone {
|
#fileDropZone {
|
||||||
width: 320px;
|
width: 320px;
|
||||||
border: 2px dashed #bbb;
|
border: 2px dashed #bbb;
|
||||||
|
|
14
msqur.js
|
@ -11,7 +11,6 @@ $(function() {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
$('#btnUpload').click(function(e) {
|
$('#btnUpload').click(function(e) {
|
||||||
if (window.File && window.FileReader && window.FileList && window.Blob)
|
if (window.File && window.FileReader && window.FileList && window.Blob)
|
||||||
{
|
{
|
||||||
|
@ -22,6 +21,10 @@ $(function() {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$('#settingsIcon').click(function(e) {
|
||||||
|
$('#settingsPanel').toggle();
|
||||||
|
});
|
||||||
|
|
||||||
function colorTable(table, reverseColor)
|
function colorTable(table, reverseColor)
|
||||||
{
|
{
|
||||||
var colors = new Array();
|
var colors = new Array();
|
||||||
|
@ -32,7 +35,7 @@ $(function() {
|
||||||
|
|
||||||
//Find min and max
|
//Find min and max
|
||||||
table.find('td').each(function(i) {
|
table.find('td').each(function(i) {
|
||||||
var v = parseFloat(this.innerText);
|
var v = parseFloat(this.textContent);
|
||||||
if (v < min) min = v;
|
if (v < min) min = v;
|
||||||
else if (v > max) max = v;
|
else if (v > max) max = v;
|
||||||
});
|
});
|
||||||
|
@ -42,7 +45,7 @@ $(function() {
|
||||||
var r = 0, g = 0, b = 0, percent = 0, intensity = 0.6;
|
var r = 0, g = 0, b = 0, percent = 0, intensity = 0.6;
|
||||||
|
|
||||||
table.find('td').each(function(i) {
|
table.find('td').each(function(i) {
|
||||||
var v = parseFloat(this.innerText);
|
var v = parseFloat(this.textContent);
|
||||||
percent = (v - min) / range;
|
percent = (v - min) / range;
|
||||||
|
|
||||||
if (reverseColor)
|
if (reverseColor)
|
||||||
|
@ -78,6 +81,9 @@ $(function() {
|
||||||
return colors;
|
return colors;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
$('table').tablesorter({sortList: [[0, 1]]});
|
||||||
|
//TODO Disable sorting on all other columns
|
||||||
|
|
||||||
$('table').each(function(i) { colorTable($(this)); });
|
$('table').each(function(i) { colorTable($(this)); });
|
||||||
|
|
||||||
function uploadAdd(e)
|
function uploadAdd(e)
|
||||||
|
@ -115,4 +121,4 @@ $(function() {
|
||||||
var dropZone = document.getElementById('fileDropZone');
|
var dropZone = document.getElementById('fileDropZone');
|
||||||
dropZone.addEventListener('dragover', uploadDragOver);
|
dropZone.addEventListener('dragover', uploadDragOver);
|
||||||
dropZone.addEventListener('drop', uploadAdd);
|
dropZone.addEventListener('drop', uploadAdd);
|
||||||
});
|
});
|
||||||
|
|
11
old/.project
|
@ -1,11 +0,0 @@
|
||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<projectDescription>
|
|
||||||
<name>tuneshare</name>
|
|
||||||
<comment></comment>
|
|
||||||
<projects>
|
|
||||||
</projects>
|
|
||||||
<buildSpec>
|
|
||||||
</buildSpec>
|
|
||||||
<natures>
|
|
||||||
</natures>
|
|
||||||
</projectDescription>
|
|
|
@ -1,9 +0,0 @@
|
||||||
<?php
|
|
||||||
if ($_FILES['file'] == null)
|
|
||||||
{
|
|
||||||
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
}
|
|
||||||
?>
|
|
|
@ -1,21 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
/*
|
|
||||||
* jQuery File Upload Demo CSS Fixes for IE<9 1.0.0
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2013, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
.navigation {
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
margin: 1em 0;
|
|
||||||
}
|
|
||||||
.navigation li {
|
|
||||||
display: inline;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
|
@ -1,67 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
/*
|
|
||||||
* jQuery File Upload Demo CSS 1.1.0
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2013, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
max-width: 750px;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 1em;
|
|
||||||
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
|
|
||||||
font-size: 1em;
|
|
||||||
line-height: 1.4em;
|
|
||||||
background: #222;
|
|
||||||
color: #fff;
|
|
||||||
-webkit-text-size-adjust: 100%;
|
|
||||||
-ms-text-size-adjust: 100%;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
color: orange;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
border: 0;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
line-height: 1em;
|
|
||||||
}
|
|
||||||
blockquote {
|
|
||||||
padding: 0 0 0 15px;
|
|
||||||
margin: 0 0 20px;
|
|
||||||
border-left: 5px solid #eee;
|
|
||||||
}
|
|
||||||
table {
|
|
||||||
width: 100%;
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fileupload-progress {
|
|
||||||
margin: 10px 0;
|
|
||||||
}
|
|
||||||
.fileupload-progress .progress-extended {
|
|
||||||
margin-top: 5px;
|
|
||||||
}
|
|
||||||
.error {
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 481px) {
|
|
||||||
.navigation {
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.navigation li {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
.navigation li:not(:first-child):before {
|
|
||||||
content: "| ";
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,22 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
/*
|
|
||||||
* jQuery File Upload Plugin NoScript CSS 1.2.0
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2013, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
.fileinput-button input {
|
|
||||||
position: static;
|
|
||||||
opacity: 1;
|
|
||||||
filter: none;
|
|
||||||
font-size: inherit;
|
|
||||||
direction: inherit;
|
|
||||||
}
|
|
||||||
.fileinput-button span {
|
|
||||||
display: none;
|
|
||||||
}
|
|
|
@ -1,17 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
/*
|
|
||||||
* jQuery File Upload UI Plugin NoScript CSS 8.8.5
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2012, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
.fileinput-button i,
|
|
||||||
.fileupload-buttonbar .delete,
|
|
||||||
.fileupload-buttonbar .toggle {
|
|
||||||
display: none;
|
|
||||||
}
|
|
|
@ -1,57 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
/*
|
|
||||||
* jQuery File Upload UI Plugin CSS 9.0.0
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2010, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
.fileupload-buttonbar .btn,
|
|
||||||
.fileupload-buttonbar .toggle {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
.progress-animated .progress-bar,
|
|
||||||
.progress-animated .bar {
|
|
||||||
background: url("../img/progressbar.gif") !important;
|
|
||||||
filter: none;
|
|
||||||
}
|
|
||||||
.fileupload-process {
|
|
||||||
float: right;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.fileupload-processing .fileupload-process,
|
|
||||||
.files .processing .preview {
|
|
||||||
display: block;
|
|
||||||
width: 32px;
|
|
||||||
height: 32px;
|
|
||||||
background: url("../img/loading.gif") center no-repeat;
|
|
||||||
background-size: contain;
|
|
||||||
}
|
|
||||||
.files audio,
|
|
||||||
.files video {
|
|
||||||
max-width: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
|
||||||
.fileupload-buttonbar .toggle,
|
|
||||||
.files .toggle,
|
|
||||||
.files .btn span {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.files .name {
|
|
||||||
width: 80px;
|
|
||||||
word-wrap: break-word;
|
|
||||||
}
|
|
||||||
.files audio,
|
|
||||||
.files video {
|
|
||||||
max-width: 80px;
|
|
||||||
}
|
|
||||||
.files img,
|
|
||||||
.files canvas {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,36 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
/*
|
|
||||||
* jQuery File Upload Plugin CSS 1.3.0
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2013, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
.fileinput-button {
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.fileinput-button input {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
margin: 0;
|
|
||||||
opacity: 0;
|
|
||||||
-ms-filter: 'alpha(opacity=0)';
|
|
||||||
font-size: 200px;
|
|
||||||
direction: ltr;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Fixes for IE < 8 */
|
|
||||||
@media screen\9 {
|
|
||||||
.fileinput-button input {
|
|
||||||
filter: alpha(opacity=0);
|
|
||||||
font-size: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,15 +0,0 @@
|
||||||
@charset "UTF-8";
|
|
||||||
/*
|
|
||||||
* jQuery File Upload Plugin CSS Example 8.8.2
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2013, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
padding-top: 60px;
|
|
||||||
}
|
|
150
old/index.php
|
@ -1,150 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html ng-app="TuneShare">
|
|
||||||
<head>
|
|
||||||
<title>TuneShare</title>
|
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.13/angular.min.js" type="text/javascript"></script>
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<!-- Bootstrap styles -->
|
|
||||||
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
|
|
||||||
<!-- Generic page styles -->
|
|
||||||
<link rel="stylesheet" href="css/style.css">
|
|
||||||
<!-- blueimp Gallery styles -->
|
|
||||||
<link rel="stylesheet" href="http://blueimp.github.io/Gallery/css/blueimp-gallery.min.css">
|
|
||||||
<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
|
|
||||||
<link rel="stylesheet" href="css/jquery.fileupload.css">
|
|
||||||
<link rel="stylesheet" href="css/jquery.fileupload-ui.css">
|
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
|
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular.min.js"></script>
|
|
||||||
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
|
|
||||||
<script src="js/vendor/jquery.ui.widget.js"></script>
|
|
||||||
<!-- The Load Image plugin is included for the preview images and image resizing functionality -->
|
|
||||||
<script src="http://blueimp.github.io/JavaScript-Load-Image/js/load-image.min.js"></script>
|
|
||||||
<!-- The Canvas to Blob plugin is included for image resizing functionality -->
|
|
||||||
<script src="http://blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script>
|
|
||||||
<!-- Bootstrap JS is not required, but included for the responsive demo navigation -->
|
|
||||||
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
|
|
||||||
<!-- The Iframe Transport is required for browsers without support for XHR file uploads -->
|
|
||||||
<script src="js/jquery.iframe-transport.js"></script>
|
|
||||||
<!-- The basic File Upload plugin -->
|
|
||||||
<script src="js/jquery.fileupload.js"></script>
|
|
||||||
<!-- The File Upload processing plugin -->
|
|
||||||
<script src="js/jquery.fileupload-process.js"></script>
|
|
||||||
<!-- The File Upload validation plugin -->
|
|
||||||
<script src="js/jquery.fileupload-validate.js"></script>
|
|
||||||
<!-- The File Upload Angular JS module -->
|
|
||||||
<script src="js/jquery.fileupload-angular.js"></script>
|
|
||||||
<!-- The main application script -->
|
|
||||||
<script src="js/app.js"></script>
|
|
||||||
<style>
|
|
||||||
/* Hide Angular JS elements before initializing */
|
|
||||||
.ng-cloak {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<!-- CSS adjustments for browsers with JavaScript disabled -->
|
|
||||||
<noscript><link rel="stylesheet" href="css/jquery.fileupload-noscript.css"></noscript>
|
|
||||||
<noscript><link rel="stylesheet" href="css/jquery.fileupload-ui-noscript.css"></noscript>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="header">
|
|
||||||
TuneShare - Upload your tunes
|
|
||||||
</div>
|
|
||||||
<br/>
|
|
||||||
<div id='upload' ng-controller='UploadController'>
|
|
||||||
<form id="fileupload" action="/" method="POST" enctype="multipart/form-data" data-ng-controller="UploadController" data-file-upload="options" data-ng-class="{'fileupload-processing': processing() || loadingFiles}">
|
|
||||||
<!-- Redirect browsers with JavaScript disabled to the origin page -->
|
|
||||||
<noscript><input type="hidden" name="redirect" value="http://blueimp.github.io/jQuery-File-Upload/"></noscript>
|
|
||||||
<!-- 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 btn-success fileinput-button" ng-class="{disabled: disabled}">
|
|
||||||
<i class="glyphicon glyphicon-plus"></i>
|
|
||||||
<span>Add files...</span>
|
|
||||||
<input type="file" name="files[]" multiple ng-disabled="disabled">
|
|
||||||
</span>
|
|
||||||
<button type="button" class="btn btn-primary start" data-ng-click="submit()">
|
|
||||||
<i class="glyphicon glyphicon-upload"></i>
|
|
||||||
<span>Start upload</span>
|
|
||||||
</button>
|
|
||||||
<button type="button" class="btn btn-warning cancel" data-ng-click="cancel()">
|
|
||||||
<i class="glyphicon glyphicon-ban-circle"></i>
|
|
||||||
<span>Cancel upload</span>
|
|
||||||
</button>
|
|
||||||
<!-- The global file processing state -->
|
|
||||||
<span class="fileupload-process"></span>
|
|
||||||
</div>
|
|
||||||
<!-- The global progress state -->
|
|
||||||
<div class="col-lg-5 fade" data-ng-class="{in: active()}">
|
|
||||||
<!-- The global progress bar -->
|
|
||||||
<div class="progress progress-striped active" data-file-upload-progress="progress()"><div class="progress-bar progress-bar-success" data-ng-style="{width: num + '%'}"></div></div>
|
|
||||||
<!-- The extended global progress state -->
|
|
||||||
<div class="progress-extended"> </div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- The table listing the files available for upload/download -->
|
|
||||||
<table class="table table-striped files ng-cloak">
|
|
||||||
<tr data-ng-repeat="file in queue" data-ng-class="{'processing': file.$processing()}">
|
|
||||||
<td data-ng-switch data-on="!!file.thumbnailUrl">
|
|
||||||
<div class="preview" data-ng-switch-when="true">
|
|
||||||
<a data-ng-href="{{file.url}}" title="{{file.name}}" download="{{file.name}}" data-gallery><img data-ng-src="{{file.thumbnailUrl}}" alt=""></a>
|
|
||||||
</div>
|
|
||||||
<div class="preview" data-ng-switch-default data-file-upload-preview="file"></div>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<p class="name" data-ng-switch data-on="!!file.url">
|
|
||||||
<span data-ng-switch-when="true" data-ng-switch data-on="!!file.thumbnailUrl">
|
|
||||||
<a data-ng-switch-when="true" data-ng-href="{{file.url}}" title="{{file.name}}" download="{{file.name}}" data-gallery>{{file.name}}</a>
|
|
||||||
<a data-ng-switch-default data-ng-href="{{file.url}}" title="{{file.name}}" download="{{file.name}}">{{file.name}}</a>
|
|
||||||
<a data-ng-switch-default data-ng-href="server/php/view.php?tune={{file.name}}" title="{{file.name}}">View</a>
|
|
||||||
</span>
|
|
||||||
<span data-ng-switch-default>{{file.name}}</span>
|
|
||||||
</p>
|
|
||||||
<strong data-ng-show="file.error" class="error text-danger">{{file.error}}</strong>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<p class="size">{{file.size | formatFileSize}}</p>
|
|
||||||
<div class="progress progress-striped active fade" data-ng-class="{pending: 'in'}[file.$state()]" data-file-upload-progress="file.$progress()"><div class="progress-bar progress-bar-success" data-ng-style="{width: num + '%'}"></div></div>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<button type="button" class="btn btn-primary start" data-ng-click="file.$submit()" data-ng-hide="!file.$submit || options.autoUpload" data-ng-disabled="file.$state() == 'pending' || file.$state() == 'rejected'">
|
|
||||||
<i class="glyphicon glyphicon-upload"></i>
|
|
||||||
<span>Start</span>
|
|
||||||
</button>
|
|
||||||
<button type="button" class="btn btn-warning cancel" data-ng-click="file.$cancel()" data-ng-hide="!file.$cancel">
|
|
||||||
<i class="glyphicon glyphicon-ban-circle"></i>
|
|
||||||
<span>Cancel</span>
|
|
||||||
</button>
|
|
||||||
<button data-ng-controller="FileDestroyController" type="button" class="btn btn-danger destroy" data-ng-click="file.$destroy()" data-ng-hide="!file.$destroy">
|
|
||||||
<i class="glyphicon glyphicon-trash"></i>
|
|
||||||
<span>Delete</span>
|
|
||||||
</button>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</form>
|
|
||||||
<br/>
|
|
||||||
<div class="panel panel-default">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<h3 class="panel-title">Upload Notes</h3>
|
|
||||||
</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<ul>
|
|
||||||
<li>The maximum file size for uploads in this demo is <strong>X MB</strong>.</li>
|
|
||||||
<li>Only MegaTune/TunerStudio (<strong>MSQ</strong>) files are allowed.</li>
|
|
||||||
<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>
|
|
||||||
<li>Please refer to the <a>help</a> for more information.</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id='content'>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="footer">
|
|
||||||
Apache PHP AngularJS<br/>
|
|
||||||
Built with Twitter's <a href="http://twitter.github.com/bootstrap/">Bootstrap</a> CSS framework and Icons from <a href="http://glyphicons.com/">Glyphicons</a>.
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
|
@ -1,86 +0,0 @@
|
||||||
/*
|
|
||||||
* jQuery File Upload Plugin Angular JS Example 1.2.1
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2013, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* jshint nomen:false */
|
|
||||||
/* global window, angular */
|
|
||||||
|
|
||||||
(function () {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
var url = 'server/php/';
|
|
||||||
|
|
||||||
angular.module('TuneShare', [
|
|
||||||
'blueimp.fileupload'
|
|
||||||
])
|
|
||||||
.config([
|
|
||||||
'$httpProvider', 'fileUploadProvider',
|
|
||||||
function ($httpProvider, fileUploadProvider) {
|
|
||||||
delete $httpProvider.defaults.headers.common['X-Requested-With'];
|
|
||||||
fileUploadProvider.defaults.redirect = window.location.href.replace(
|
|
||||||
/\/[^\/]*$/,
|
|
||||||
'/cors/result.html?%s'
|
|
||||||
);
|
|
||||||
}
|
|
||||||
])
|
|
||||||
|
|
||||||
.controller('UploadController', [
|
|
||||||
'$scope', '$http', '$filter', '$window',
|
|
||||||
function ($scope, $http) {
|
|
||||||
$scope.options = {
|
|
||||||
url: url
|
|
||||||
};
|
|
||||||
|
|
||||||
$scope.loadingFiles = true;
|
|
||||||
$http.get(url)
|
|
||||||
.then(
|
|
||||||
function (response) {
|
|
||||||
$scope.loadingFiles = false;
|
|
||||||
$scope.queue = response.data.files || [];
|
|
||||||
},
|
|
||||||
function () {
|
|
||||||
$scope.loadingFiles = false;
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
])
|
|
||||||
|
|
||||||
.controller('FileDestroyController', [
|
|
||||||
'$scope', '$http',
|
|
||||||
function ($scope, $http) {
|
|
||||||
var file = $scope.file,
|
|
||||||
state;
|
|
||||||
if (file.url) {
|
|
||||||
file.$state = function () {
|
|
||||||
return state;
|
|
||||||
};
|
|
||||||
file.$destroy = function () {
|
|
||||||
state = 'pending';
|
|
||||||
return $http({
|
|
||||||
url: file.deleteUrl,
|
|
||||||
method: file.deleteType
|
|
||||||
}).then(
|
|
||||||
function () {
|
|
||||||
state = 'resolved';
|
|
||||||
$scope.clear(file);
|
|
||||||
},
|
|
||||||
function () {
|
|
||||||
state = 'rejected';
|
|
||||||
}
|
|
||||||
);
|
|
||||||
};
|
|
||||||
} else if (!file.$cancel && !file._index) {
|
|
||||||
file.$cancel = function () {
|
|
||||||
$scope.clear(file);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]);
|
|
||||||
}());
|
|
|
@ -1,117 +0,0 @@
|
||||||
/*
|
|
||||||
* jQuery postMessage Transport Plugin 1.1.1
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2011, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* global define, window, document */
|
|
||||||
|
|
||||||
(function (factory) {
|
|
||||||
'use strict';
|
|
||||||
if (typeof define === 'function' && define.amd) {
|
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define(['jquery'], factory);
|
|
||||||
} else {
|
|
||||||
// Browser globals:
|
|
||||||
factory(window.jQuery);
|
|
||||||
}
|
|
||||||
}(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
var counter = 0,
|
|
||||||
names = [
|
|
||||||
'accepts',
|
|
||||||
'cache',
|
|
||||||
'contents',
|
|
||||||
'contentType',
|
|
||||||
'crossDomain',
|
|
||||||
'data',
|
|
||||||
'dataType',
|
|
||||||
'headers',
|
|
||||||
'ifModified',
|
|
||||||
'mimeType',
|
|
||||||
'password',
|
|
||||||
'processData',
|
|
||||||
'timeout',
|
|
||||||
'traditional',
|
|
||||||
'type',
|
|
||||||
'url',
|
|
||||||
'username'
|
|
||||||
],
|
|
||||||
convert = function (p) {
|
|
||||||
return p;
|
|
||||||
};
|
|
||||||
|
|
||||||
$.ajaxSetup({
|
|
||||||
converters: {
|
|
||||||
'postmessage text': convert,
|
|
||||||
'postmessage json': convert,
|
|
||||||
'postmessage html': convert
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$.ajaxTransport('postmessage', function (options) {
|
|
||||||
if (options.postMessage && window.postMessage) {
|
|
||||||
var iframe,
|
|
||||||
loc = $('<a>').prop('href', options.postMessage)[0],
|
|
||||||
target = loc.protocol + '//' + loc.host,
|
|
||||||
xhrUpload = options.xhr().upload;
|
|
||||||
return {
|
|
||||||
send: function (_, completeCallback) {
|
|
||||||
counter += 1;
|
|
||||||
var message = {
|
|
||||||
id: 'postmessage-transport-' + counter
|
|
||||||
},
|
|
||||||
eventName = 'message.' + message.id;
|
|
||||||
iframe = $(
|
|
||||||
'<iframe style="display:none;" src="' +
|
|
||||||
options.postMessage + '" name="' +
|
|
||||||
message.id + '"></iframe>'
|
|
||||||
).bind('load', function () {
|
|
||||||
$.each(names, function (i, name) {
|
|
||||||
message[name] = options[name];
|
|
||||||
});
|
|
||||||
message.dataType = message.dataType.replace('postmessage ', '');
|
|
||||||
$(window).bind(eventName, function (e) {
|
|
||||||
e = e.originalEvent;
|
|
||||||
var data = e.data,
|
|
||||||
ev;
|
|
||||||
if (e.origin === target && data.id === message.id) {
|
|
||||||
if (data.type === 'progress') {
|
|
||||||
ev = document.createEvent('Event');
|
|
||||||
ev.initEvent(data.type, false, true);
|
|
||||||
$.extend(ev, data);
|
|
||||||
xhrUpload.dispatchEvent(ev);
|
|
||||||
} else {
|
|
||||||
completeCallback(
|
|
||||||
data.status,
|
|
||||||
data.statusText,
|
|
||||||
{postmessage: data.result},
|
|
||||||
data.headers
|
|
||||||
);
|
|
||||||
iframe.remove();
|
|
||||||
$(window).unbind(eventName);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
iframe[0].contentWindow.postMessage(
|
|
||||||
message,
|
|
||||||
target
|
|
||||||
);
|
|
||||||
}).appendTo(document.body);
|
|
||||||
},
|
|
||||||
abort: function () {
|
|
||||||
if (iframe) {
|
|
||||||
iframe.remove();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
}));
|
|
|
@ -1,86 +0,0 @@
|
||||||
/*
|
|
||||||
* jQuery XDomainRequest Transport Plugin 1.1.3
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2011, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
* Based on Julian Aubourg's ajaxHooks xdr.js:
|
|
||||||
* https://github.com/jaubourg/ajaxHooks/
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* global define, window, XDomainRequest */
|
|
||||||
|
|
||||||
(function (factory) {
|
|
||||||
'use strict';
|
|
||||||
if (typeof define === 'function' && define.amd) {
|
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define(['jquery'], factory);
|
|
||||||
} else {
|
|
||||||
// Browser globals:
|
|
||||||
factory(window.jQuery);
|
|
||||||
}
|
|
||||||
}(function ($) {
|
|
||||||
'use strict';
|
|
||||||
if (window.XDomainRequest && !$.support.cors) {
|
|
||||||
$.ajaxTransport(function (s) {
|
|
||||||
if (s.crossDomain && s.async) {
|
|
||||||
if (s.timeout) {
|
|
||||||
s.xdrTimeout = s.timeout;
|
|
||||||
delete s.timeout;
|
|
||||||
}
|
|
||||||
var xdr;
|
|
||||||
return {
|
|
||||||
send: function (headers, completeCallback) {
|
|
||||||
var addParamChar = /\?/.test(s.url) ? '&' : '?';
|
|
||||||
function callback(status, statusText, responses, responseHeaders) {
|
|
||||||
xdr.onload = xdr.onerror = xdr.ontimeout = $.noop;
|
|
||||||
xdr = null;
|
|
||||||
completeCallback(status, statusText, responses, responseHeaders);
|
|
||||||
}
|
|
||||||
xdr = new XDomainRequest();
|
|
||||||
// XDomainRequest only supports GET and POST:
|
|
||||||
if (s.type === 'DELETE') {
|
|
||||||
s.url = s.url + addParamChar + '_method=DELETE';
|
|
||||||
s.type = 'POST';
|
|
||||||
} else if (s.type === 'PUT') {
|
|
||||||
s.url = s.url + addParamChar + '_method=PUT';
|
|
||||||
s.type = 'POST';
|
|
||||||
} else if (s.type === 'PATCH') {
|
|
||||||
s.url = s.url + addParamChar + '_method=PATCH';
|
|
||||||
s.type = 'POST';
|
|
||||||
}
|
|
||||||
xdr.open(s.type, s.url);
|
|
||||||
xdr.onload = function () {
|
|
||||||
callback(
|
|
||||||
200,
|
|
||||||
'OK',
|
|
||||||
{text: xdr.responseText},
|
|
||||||
'Content-Type: ' + xdr.contentType
|
|
||||||
);
|
|
||||||
};
|
|
||||||
xdr.onerror = function () {
|
|
||||||
callback(404, 'Not Found');
|
|
||||||
};
|
|
||||||
if (s.xdrTimeout) {
|
|
||||||
xdr.ontimeout = function () {
|
|
||||||
callback(0, 'timeout');
|
|
||||||
};
|
|
||||||
xdr.timeout = s.xdrTimeout;
|
|
||||||
}
|
|
||||||
xdr.send((s.hasContent && s.data) || null);
|
|
||||||
},
|
|
||||||
abort: function () {
|
|
||||||
if (xdr) {
|
|
||||||
xdr.onerror = $.noop();
|
|
||||||
xdr.abort();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}));
|
|
|
@ -1,429 +0,0 @@
|
||||||
/*
|
|
||||||
* jQuery File Upload AngularJS Plugin 2.2.0
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2013, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* jshint nomen:false */
|
|
||||||
/* global define, angular */
|
|
||||||
|
|
||||||
(function (factory) {
|
|
||||||
'use strict';
|
|
||||||
if (typeof define === 'function' && define.amd) {
|
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define([
|
|
||||||
'jquery',
|
|
||||||
'angular',
|
|
||||||
'./jquery.fileupload-image',
|
|
||||||
'./jquery.fileupload-audio',
|
|
||||||
'./jquery.fileupload-video',
|
|
||||||
'./jquery.fileupload-validate'
|
|
||||||
], factory);
|
|
||||||
} else {
|
|
||||||
factory();
|
|
||||||
}
|
|
||||||
}(function () {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
angular.module('blueimp.fileupload', [])
|
|
||||||
|
|
||||||
// The fileUpload service provides configuration options
|
|
||||||
// for the fileUpload directive and default handlers for
|
|
||||||
// File Upload events:
|
|
||||||
.provider('fileUpload', function () {
|
|
||||||
var scopeEvalAsync = function (expression) {
|
|
||||||
var scope = angular.element(this)
|
|
||||||
.fileupload('option', 'scope');
|
|
||||||
// Schedule a new $digest cycle if not already inside of one
|
|
||||||
// and evaluate the given expression:
|
|
||||||
scope.$evalAsync(expression);
|
|
||||||
},
|
|
||||||
addFileMethods = function (scope, data) {
|
|
||||||
var files = data.files,
|
|
||||||
file = files[0];
|
|
||||||
angular.forEach(files, function (file, index) {
|
|
||||||
file._index = index;
|
|
||||||
file.$state = function () {
|
|
||||||
return data.state();
|
|
||||||
};
|
|
||||||
file.$processing = function () {
|
|
||||||
return data.processing();
|
|
||||||
};
|
|
||||||
file.$progress = function () {
|
|
||||||
return data.progress();
|
|
||||||
};
|
|
||||||
file.$response = function () {
|
|
||||||
return data.response();
|
|
||||||
};
|
|
||||||
});
|
|
||||||
file.$submit = function () {
|
|
||||||
if (!file.error) {
|
|
||||||
return data.submit();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
file.$cancel = function () {
|
|
||||||
return data.abort();
|
|
||||||
};
|
|
||||||
},
|
|
||||||
$config;
|
|
||||||
$config = this.defaults = {
|
|
||||||
handleResponse: function (e, data) {
|
|
||||||
var files = data.result && data.result.files;
|
|
||||||
if (files) {
|
|
||||||
data.scope.replace(data.files, files);
|
|
||||||
} else if (data.errorThrown ||
|
|
||||||
data.textStatus === 'error') {
|
|
||||||
data.files[0].error = data.errorThrown ||
|
|
||||||
data.textStatus;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
add: function (e, data) {
|
|
||||||
if (e.isDefaultPrevented()) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
var scope = data.scope,
|
|
||||||
filesCopy = [];
|
|
||||||
angular.forEach(data.files, function (file) {
|
|
||||||
filesCopy.push(file);
|
|
||||||
});
|
|
||||||
scope.$apply(function () {
|
|
||||||
addFileMethods(scope, data);
|
|
||||||
var method = scope.option('prependFiles') ?
|
|
||||||
'unshift' : 'push';
|
|
||||||
Array.prototype[method].apply(scope.queue, data.files);
|
|
||||||
});
|
|
||||||
data.process(function () {
|
|
||||||
return scope.process(data);
|
|
||||||
}).always(function () {
|
|
||||||
scope.$apply(function () {
|
|
||||||
addFileMethods(scope, data);
|
|
||||||
scope.replace(filesCopy, data.files);
|
|
||||||
});
|
|
||||||
}).then(function () {
|
|
||||||
if ((scope.option('autoUpload') ||
|
|
||||||
data.autoUpload) &&
|
|
||||||
data.autoUpload !== false) {
|
|
||||||
data.submit();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
progress: function (e, data) {
|
|
||||||
if (e.isDefaultPrevented()) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
data.scope.$apply();
|
|
||||||
},
|
|
||||||
done: function (e, data) {
|
|
||||||
if (e.isDefaultPrevented()) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
var that = this;
|
|
||||||
data.scope.$apply(function () {
|
|
||||||
data.handleResponse.call(that, e, data);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
fail: function (e, data) {
|
|
||||||
if (e.isDefaultPrevented()) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
var that = this,
|
|
||||||
scope = data.scope;
|
|
||||||
if (data.errorThrown === 'abort') {
|
|
||||||
scope.clear(data.files);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
scope.$apply(function () {
|
|
||||||
data.handleResponse.call(that, e, data);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
stop: scopeEvalAsync,
|
|
||||||
processstart: scopeEvalAsync,
|
|
||||||
processstop: scopeEvalAsync,
|
|
||||||
getNumberOfFiles: function () {
|
|
||||||
var scope = this.scope;
|
|
||||||
return scope.queue.length - scope.processing();
|
|
||||||
},
|
|
||||||
dataType: 'json',
|
|
||||||
autoUpload: false
|
|
||||||
};
|
|
||||||
this.$get = [
|
|
||||||
function () {
|
|
||||||
return {
|
|
||||||
defaults: $config
|
|
||||||
};
|
|
||||||
}
|
|
||||||
];
|
|
||||||
})
|
|
||||||
|
|
||||||
// Format byte numbers to readable presentations:
|
|
||||||
.provider('formatFileSizeFilter', function () {
|
|
||||||
var $config = {
|
|
||||||
// Byte units following the IEC format
|
|
||||||
// http://en.wikipedia.org/wiki/Kilobyte
|
|
||||||
units: [
|
|
||||||
{size: 1000000000, suffix: ' GB'},
|
|
||||||
{size: 1000000, suffix: ' MB'},
|
|
||||||
{size: 1000, suffix: ' KB'}
|
|
||||||
]
|
|
||||||
};
|
|
||||||
this.defaults = $config;
|
|
||||||
this.$get = function () {
|
|
||||||
return function (bytes) {
|
|
||||||
if (!angular.isNumber(bytes)) {
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
var unit = true,
|
|
||||||
i = 0,
|
|
||||||
prefix,
|
|
||||||
suffix;
|
|
||||||
while (unit) {
|
|
||||||
unit = $config.units[i];
|
|
||||||
prefix = unit.prefix || '';
|
|
||||||
suffix = unit.suffix || '';
|
|
||||||
if (i === $config.units.length - 1 || bytes >= unit.size) {
|
|
||||||
return prefix + (bytes / unit.size).toFixed(2) + suffix;
|
|
||||||
}
|
|
||||||
i += 1;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
};
|
|
||||||
})
|
|
||||||
|
|
||||||
// The FileUploadController initializes the fileupload widget and
|
|
||||||
// provides scope methods to control the File Upload functionality:
|
|
||||||
.controller('FileUploadController', [
|
|
||||||
'$scope', '$element', '$attrs', '$window', 'fileUpload',
|
|
||||||
function ($scope, $element, $attrs, $window, fileUpload) {
|
|
||||||
var uploadMethods = {
|
|
||||||
progress: function () {
|
|
||||||
return $element.fileupload('progress');
|
|
||||||
},
|
|
||||||
active: function () {
|
|
||||||
return $element.fileupload('active');
|
|
||||||
},
|
|
||||||
option: function (option, data) {
|
|
||||||
if (arguments.length === 1) {
|
|
||||||
return $element.fileupload('option', option);
|
|
||||||
}
|
|
||||||
$element.fileupload('option', option, data);
|
|
||||||
},
|
|
||||||
add: function (data) {
|
|
||||||
return $element.fileupload('add', data);
|
|
||||||
},
|
|
||||||
send: function (data) {
|
|
||||||
return $element.fileupload('send', data);
|
|
||||||
},
|
|
||||||
process: function (data) {
|
|
||||||
return $element.fileupload('process', data);
|
|
||||||
},
|
|
||||||
processing: function (data) {
|
|
||||||
return $element.fileupload('processing', data);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
$scope.disabled = !$window.jQuery.support.fileInput;
|
|
||||||
$scope.queue = $scope.queue || [];
|
|
||||||
$scope.clear = function (files) {
|
|
||||||
var queue = this.queue,
|
|
||||||
i = queue.length,
|
|
||||||
file = files,
|
|
||||||
length = 1;
|
|
||||||
if (angular.isArray(files)) {
|
|
||||||
file = files[0];
|
|
||||||
length = files.length;
|
|
||||||
}
|
|
||||||
while (i) {
|
|
||||||
i -= 1;
|
|
||||||
if (queue[i] === file) {
|
|
||||||
return queue.splice(i, length);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
$scope.replace = function (oldFiles, newFiles) {
|
|
||||||
var queue = this.queue,
|
|
||||||
file = oldFiles[0],
|
|
||||||
i,
|
|
||||||
j;
|
|
||||||
for (i = 0; i < queue.length; i += 1) {
|
|
||||||
if (queue[i] === file) {
|
|
||||||
for (j = 0; j < newFiles.length; j += 1) {
|
|
||||||
queue[i + j] = newFiles[j];
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
$scope.applyOnQueue = function (method) {
|
|
||||||
var list = this.queue.slice(0),
|
|
||||||
i,
|
|
||||||
file;
|
|
||||||
for (i = 0; i < list.length; i += 1) {
|
|
||||||
file = list[i];
|
|
||||||
if (file[method]) {
|
|
||||||
file[method]();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
$scope.submit = function () {
|
|
||||||
this.applyOnQueue('$submit');
|
|
||||||
};
|
|
||||||
$scope.cancel = function () {
|
|
||||||
this.applyOnQueue('$cancel');
|
|
||||||
};
|
|
||||||
// Add upload methods to the scope:
|
|
||||||
angular.extend($scope, uploadMethods);
|
|
||||||
// The fileupload widget will initialize with
|
|
||||||
// the options provided via "data-"-parameters,
|
|
||||||
// as well as those given via options object:
|
|
||||||
$element.fileupload(angular.extend(
|
|
||||||
{scope: $scope},
|
|
||||||
fileUpload.defaults
|
|
||||||
)).on('fileuploadadd', function (e, data) {
|
|
||||||
data.scope = $scope;
|
|
||||||
}).on('fileuploadfail', function (e, data) {
|
|
||||||
if (data.errorThrown === 'abort') {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (data.dataType &&
|
|
||||||
data.dataType.indexOf('json') === data.dataType.length - 4) {
|
|
||||||
try {
|
|
||||||
data.result = angular.fromJson(data.jqXHR.responseText);
|
|
||||||
} catch (ignore) {}
|
|
||||||
}
|
|
||||||
}).on([
|
|
||||||
'fileuploadadd',
|
|
||||||
'fileuploadsubmit',
|
|
||||||
'fileuploadsend',
|
|
||||||
'fileuploaddone',
|
|
||||||
'fileuploadfail',
|
|
||||||
'fileuploadalways',
|
|
||||||
'fileuploadprogress',
|
|
||||||
'fileuploadprogressall',
|
|
||||||
'fileuploadstart',
|
|
||||||
'fileuploadstop',
|
|
||||||
'fileuploadchange',
|
|
||||||
'fileuploadpaste',
|
|
||||||
'fileuploaddrop',
|
|
||||||
'fileuploaddragover',
|
|
||||||
'fileuploadchunksend',
|
|
||||||
'fileuploadchunkdone',
|
|
||||||
'fileuploadchunkfail',
|
|
||||||
'fileuploadchunkalways',
|
|
||||||
'fileuploadprocessstart',
|
|
||||||
'fileuploadprocess',
|
|
||||||
'fileuploadprocessdone',
|
|
||||||
'fileuploadprocessfail',
|
|
||||||
'fileuploadprocessalways',
|
|
||||||
'fileuploadprocessstop'
|
|
||||||
].join(' '), function (e, data) {
|
|
||||||
if ($scope.$emit(e.type, data).defaultPrevented) {
|
|
||||||
e.preventDefault();
|
|
||||||
}
|
|
||||||
}).on('remove', function () {
|
|
||||||
// Remove upload methods from the scope,
|
|
||||||
// when the widget is removed:
|
|
||||||
var method;
|
|
||||||
for (method in uploadMethods) {
|
|
||||||
if (uploadMethods.hasOwnProperty(method)) {
|
|
||||||
delete $scope[method];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
// Observe option changes:
|
|
||||||
$scope.$watch(
|
|
||||||
$attrs.fileUpload,
|
|
||||||
function (newOptions) {
|
|
||||||
if (newOptions) {
|
|
||||||
$element.fileupload('option', newOptions);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
])
|
|
||||||
|
|
||||||
// Provide File Upload progress feedback:
|
|
||||||
.controller('FileUploadProgressController', [
|
|
||||||
'$scope', '$attrs', '$parse',
|
|
||||||
function ($scope, $attrs, $parse) {
|
|
||||||
var fn = $parse($attrs.fileUploadProgress),
|
|
||||||
update = function () {
|
|
||||||
var progress = fn($scope);
|
|
||||||
if (!progress || !progress.total) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
$scope.num = Math.floor(
|
|
||||||
progress.loaded / progress.total * 100
|
|
||||||
);
|
|
||||||
};
|
|
||||||
update();
|
|
||||||
$scope.$watch(
|
|
||||||
$attrs.fileUploadProgress + '.loaded',
|
|
||||||
function (newValue, oldValue) {
|
|
||||||
if (newValue !== oldValue) {
|
|
||||||
update();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
])
|
|
||||||
|
|
||||||
// Display File Upload previews:
|
|
||||||
.controller('FileUploadPreviewController', [
|
|
||||||
'$scope', '$element', '$attrs',
|
|
||||||
function ($scope, $element, $attrs) {
|
|
||||||
$scope.$watch(
|
|
||||||
$attrs.fileUploadPreview + '.preview',
|
|
||||||
function (preview) {
|
|
||||||
$element.empty();
|
|
||||||
if (preview) {
|
|
||||||
$element.append(preview);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
])
|
|
||||||
|
|
||||||
.directive('fileUpload', function () {
|
|
||||||
return {
|
|
||||||
controller: 'FileUploadController',
|
|
||||||
scope: true
|
|
||||||
};
|
|
||||||
})
|
|
||||||
|
|
||||||
.directive('fileUploadProgress', function () {
|
|
||||||
return {
|
|
||||||
controller: 'FileUploadProgressController',
|
|
||||||
scope: true
|
|
||||||
};
|
|
||||||
})
|
|
||||||
|
|
||||||
.directive('fileUploadPreview', function () {
|
|
||||||
return {
|
|
||||||
controller: 'FileUploadPreviewController'
|
|
||||||
};
|
|
||||||
})
|
|
||||||
|
|
||||||
// Enhance the HTML5 download attribute to
|
|
||||||
// allow drag&drop of files to the desktop:
|
|
||||||
.directive('download', function () {
|
|
||||||
return function (scope, elm) {
|
|
||||||
elm.on('dragstart', function (e) {
|
|
||||||
try {
|
|
||||||
e.originalEvent.dataTransfer.setData(
|
|
||||||
'DownloadURL',
|
|
||||||
[
|
|
||||||
'application/octet-stream',
|
|
||||||
elm.prop('download'),
|
|
||||||
elm.prop('href')
|
|
||||||
].join(':')
|
|
||||||
);
|
|
||||||
} catch (ignore) {}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
}));
|
|
|
@ -1,152 +0,0 @@
|
||||||
/*
|
|
||||||
* jQuery File Upload jQuery UI Plugin 8.7.1
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2013, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* jshint nomen:false */
|
|
||||||
/* global define, window */
|
|
||||||
|
|
||||||
(function (factory) {
|
|
||||||
'use strict';
|
|
||||||
if (typeof define === 'function' && define.amd) {
|
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define(['jquery', './jquery.fileupload-ui'], factory);
|
|
||||||
} else {
|
|
||||||
// Browser globals:
|
|
||||||
factory(window.jQuery);
|
|
||||||
}
|
|
||||||
}(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
$.widget('blueimp.fileupload', $.blueimp.fileupload, {
|
|
||||||
|
|
||||||
options: {
|
|
||||||
processdone: function (e, data) {
|
|
||||||
data.context.find('.start').button('enable');
|
|
||||||
},
|
|
||||||
progress: function (e, data) {
|
|
||||||
if (data.context) {
|
|
||||||
data.context.find('.progress').progressbar(
|
|
||||||
'option',
|
|
||||||
'value',
|
|
||||||
parseInt(data.loaded / data.total * 100, 10)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
progressall: function (e, data) {
|
|
||||||
var $this = $(this);
|
|
||||||
$this.find('.fileupload-progress')
|
|
||||||
.find('.progress').progressbar(
|
|
||||||
'option',
|
|
||||||
'value',
|
|
||||||
parseInt(data.loaded / data.total * 100, 10)
|
|
||||||
).end()
|
|
||||||
.find('.progress-extended').each(function () {
|
|
||||||
$(this).html(
|
|
||||||
($this.data('blueimp-fileupload') ||
|
|
||||||
$this.data('fileupload'))
|
|
||||||
._renderExtendedProgress(data)
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
_renderUpload: function (func, files) {
|
|
||||||
var node = this._super(func, files),
|
|
||||||
showIconText = $(window).width() > 480;
|
|
||||||
node.find('.progress').empty().progressbar();
|
|
||||||
node.find('.start').button({
|
|
||||||
icons: {primary: 'ui-icon-circle-arrow-e'},
|
|
||||||
text: showIconText
|
|
||||||
});
|
|
||||||
node.find('.cancel').button({
|
|
||||||
icons: {primary: 'ui-icon-cancel'},
|
|
||||||
text: showIconText
|
|
||||||
});
|
|
||||||
if (node.hasClass('fade')) {
|
|
||||||
node.hide();
|
|
||||||
}
|
|
||||||
return node;
|
|
||||||
},
|
|
||||||
|
|
||||||
_renderDownload: function (func, files) {
|
|
||||||
var node = this._super(func, files),
|
|
||||||
showIconText = $(window).width() > 480;
|
|
||||||
node.find('.delete').button({
|
|
||||||
icons: {primary: 'ui-icon-trash'},
|
|
||||||
text: showIconText
|
|
||||||
});
|
|
||||||
if (node.hasClass('fade')) {
|
|
||||||
node.hide();
|
|
||||||
}
|
|
||||||
return node;
|
|
||||||
},
|
|
||||||
|
|
||||||
_startHandler: function (e) {
|
|
||||||
$(e.currentTarget).button('disable');
|
|
||||||
this._super(e);
|
|
||||||
},
|
|
||||||
|
|
||||||
_transition: function (node) {
|
|
||||||
var deferred = $.Deferred();
|
|
||||||
if (node.hasClass('fade')) {
|
|
||||||
node.fadeToggle(
|
|
||||||
this.options.transitionDuration,
|
|
||||||
this.options.transitionEasing,
|
|
||||||
function () {
|
|
||||||
deferred.resolveWith(node);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
deferred.resolveWith(node);
|
|
||||||
}
|
|
||||||
return deferred;
|
|
||||||
},
|
|
||||||
|
|
||||||
_create: function () {
|
|
||||||
this._super();
|
|
||||||
this.element
|
|
||||||
.find('.fileupload-buttonbar')
|
|
||||||
.find('.fileinput-button').each(function () {
|
|
||||||
var input = $(this).find('input:file').detach();
|
|
||||||
$(this)
|
|
||||||
.button({icons: {primary: 'ui-icon-plusthick'}})
|
|
||||||
.append(input);
|
|
||||||
})
|
|
||||||
.end().find('.start')
|
|
||||||
.button({icons: {primary: 'ui-icon-circle-arrow-e'}})
|
|
||||||
.end().find('.cancel')
|
|
||||||
.button({icons: {primary: 'ui-icon-cancel'}})
|
|
||||||
.end().find('.delete')
|
|
||||||
.button({icons: {primary: 'ui-icon-trash'}})
|
|
||||||
.end().find('.progress').progressbar();
|
|
||||||
},
|
|
||||||
|
|
||||||
_destroy: function () {
|
|
||||||
this.element
|
|
||||||
.find('.fileupload-buttonbar')
|
|
||||||
.find('.fileinput-button').each(function () {
|
|
||||||
var input = $(this).find('input:file').detach();
|
|
||||||
$(this)
|
|
||||||
.button('destroy')
|
|
||||||
.append(input);
|
|
||||||
})
|
|
||||||
.end().find('.start')
|
|
||||||
.button('destroy')
|
|
||||||
.end().find('.cancel')
|
|
||||||
.button('destroy')
|
|
||||||
.end().find('.delete')
|
|
||||||
.button('destroy')
|
|
||||||
.end().find('.progress').progressbar('destroy');
|
|
||||||
this._super();
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
}));
|
|
|
@ -1,172 +0,0 @@
|
||||||
/*
|
|
||||||
* jQuery File Upload Processing Plugin 1.3.0
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2012, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* jshint nomen:false */
|
|
||||||
/* global define, window */
|
|
||||||
|
|
||||||
(function (factory) {
|
|
||||||
'use strict';
|
|
||||||
if (typeof define === 'function' && define.amd) {
|
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define([
|
|
||||||
'jquery',
|
|
||||||
'./jquery.fileupload'
|
|
||||||
], factory);
|
|
||||||
} else {
|
|
||||||
// Browser globals:
|
|
||||||
factory(
|
|
||||||
window.jQuery
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
var originalAdd = $.blueimp.fileupload.prototype.options.add;
|
|
||||||
|
|
||||||
// The File Upload Processing plugin extends the fileupload widget
|
|
||||||
// with file processing functionality:
|
|
||||||
$.widget('blueimp.fileupload', $.blueimp.fileupload, {
|
|
||||||
|
|
||||||
options: {
|
|
||||||
// The list of processing actions:
|
|
||||||
processQueue: [
|
|
||||||
/*
|
|
||||||
{
|
|
||||||
action: 'log',
|
|
||||||
type: 'debug'
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
],
|
|
||||||
add: function (e, data) {
|
|
||||||
var $this = $(this);
|
|
||||||
data.process(function () {
|
|
||||||
return $this.fileupload('process', data);
|
|
||||||
});
|
|
||||||
originalAdd.call(this, e, data);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
processActions: {
|
|
||||||
/*
|
|
||||||
log: function (data, options) {
|
|
||||||
console[options.type](
|
|
||||||
'Processing "' + data.files[data.index].name + '"'
|
|
||||||
);
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
},
|
|
||||||
|
|
||||||
_processFile: function (data, originalData) {
|
|
||||||
var that = this,
|
|
||||||
dfd = $.Deferred().resolveWith(that, [data]),
|
|
||||||
chain = dfd.promise();
|
|
||||||
this._trigger('process', null, data);
|
|
||||||
$.each(data.processQueue, function (i, settings) {
|
|
||||||
var func = function (data) {
|
|
||||||
if (originalData.errorThrown) {
|
|
||||||
return $.Deferred()
|
|
||||||
.rejectWith(that, [originalData]).promise();
|
|
||||||
}
|
|
||||||
return that.processActions[settings.action].call(
|
|
||||||
that,
|
|
||||||
data,
|
|
||||||
settings
|
|
||||||
);
|
|
||||||
};
|
|
||||||
chain = chain.pipe(func, settings.always && func);
|
|
||||||
});
|
|
||||||
chain
|
|
||||||
.done(function () {
|
|
||||||
that._trigger('processdone', null, data);
|
|
||||||
that._trigger('processalways', null, data);
|
|
||||||
})
|
|
||||||
.fail(function () {
|
|
||||||
that._trigger('processfail', null, data);
|
|
||||||
that._trigger('processalways', null, data);
|
|
||||||
});
|
|
||||||
return chain;
|
|
||||||
},
|
|
||||||
|
|
||||||
// Replaces the settings of each processQueue item that
|
|
||||||
// are strings starting with an "@", using the remaining
|
|
||||||
// substring as key for the option map,
|
|
||||||
// e.g. "@autoUpload" is replaced with options.autoUpload:
|
|
||||||
_transformProcessQueue: function (options) {
|
|
||||||
var processQueue = [];
|
|
||||||
$.each(options.processQueue, function () {
|
|
||||||
var settings = {},
|
|
||||||
action = this.action,
|
|
||||||
prefix = this.prefix === true ? action : this.prefix;
|
|
||||||
$.each(this, function (key, value) {
|
|
||||||
if ($.type(value) === 'string' &&
|
|
||||||
value.charAt(0) === '@') {
|
|
||||||
settings[key] = options[
|
|
||||||
value.slice(1) || (prefix ? prefix +
|
|
||||||
key.charAt(0).toUpperCase() + key.slice(1) : key)
|
|
||||||
];
|
|
||||||
} else {
|
|
||||||
settings[key] = value;
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
processQueue.push(settings);
|
|
||||||
});
|
|
||||||
options.processQueue = processQueue;
|
|
||||||
},
|
|
||||||
|
|
||||||
// Returns the number of files currently in the processsing queue:
|
|
||||||
processing: function () {
|
|
||||||
return this._processing;
|
|
||||||
},
|
|
||||||
|
|
||||||
// Processes the files given as files property of the data parameter,
|
|
||||||
// returns a Promise object that allows to bind callbacks:
|
|
||||||
process: function (data) {
|
|
||||||
var that = this,
|
|
||||||
options = $.extend({}, this.options, data);
|
|
||||||
if (options.processQueue && options.processQueue.length) {
|
|
||||||
this._transformProcessQueue(options);
|
|
||||||
if (this._processing === 0) {
|
|
||||||
this._trigger('processstart');
|
|
||||||
}
|
|
||||||
$.each(data.files, function (index) {
|
|
||||||
var opts = index ? $.extend({}, options) : options,
|
|
||||||
func = function () {
|
|
||||||
if (data.errorThrown) {
|
|
||||||
return $.Deferred()
|
|
||||||
.rejectWith(that, [data]).promise();
|
|
||||||
}
|
|
||||||
return that._processFile(opts, data);
|
|
||||||
};
|
|
||||||
opts.index = index;
|
|
||||||
that._processing += 1;
|
|
||||||
that._processingQueue = that._processingQueue.pipe(func, func)
|
|
||||||
.always(function () {
|
|
||||||
that._processing -= 1;
|
|
||||||
if (that._processing === 0) {
|
|
||||||
that._trigger('processstop');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return this._processingQueue;
|
|
||||||
},
|
|
||||||
|
|
||||||
_create: function () {
|
|
||||||
this._super();
|
|
||||||
this._processing = 0;
|
|
||||||
this._processingQueue = $.Deferred().resolveWith(this)
|
|
||||||
.promise();
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
}));
|
|
|
@ -1,699 +0,0 @@
|
||||||
/*
|
|
||||||
* jQuery File Upload User Interface Plugin 9.5.2
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2010, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* jshint nomen:false */
|
|
||||||
/* global define, window */
|
|
||||||
|
|
||||||
(function (factory) {
|
|
||||||
'use strict';
|
|
||||||
if (typeof define === 'function' && define.amd) {
|
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define([
|
|
||||||
'jquery',
|
|
||||||
'tmpl',
|
|
||||||
'./jquery.fileupload-image',
|
|
||||||
'./jquery.fileupload-audio',
|
|
||||||
'./jquery.fileupload-video',
|
|
||||||
'./jquery.fileupload-validate'
|
|
||||||
], factory);
|
|
||||||
} else {
|
|
||||||
// Browser globals:
|
|
||||||
factory(
|
|
||||||
window.jQuery,
|
|
||||||
window.tmpl
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}(function ($, tmpl) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
$.blueimp.fileupload.prototype._specialOptions.push(
|
|
||||||
'filesContainer',
|
|
||||||
'uploadTemplateId',
|
|
||||||
'downloadTemplateId'
|
|
||||||
);
|
|
||||||
|
|
||||||
// The UI version extends the file upload widget
|
|
||||||
// and adds complete user interface interaction:
|
|
||||||
$.widget('blueimp.fileupload', $.blueimp.fileupload, {
|
|
||||||
|
|
||||||
options: {
|
|
||||||
// By default, files added to the widget are uploaded as soon
|
|
||||||
// as the user clicks on the start buttons. To enable automatic
|
|
||||||
// uploads, set the following option to true:
|
|
||||||
autoUpload: false,
|
|
||||||
// The ID of the upload template:
|
|
||||||
uploadTemplateId: 'template-upload',
|
|
||||||
// The ID of the download template:
|
|
||||||
downloadTemplateId: 'template-download',
|
|
||||||
// The container for the list of files. If undefined, it is set to
|
|
||||||
// an element with class "files" inside of the widget element:
|
|
||||||
filesContainer: undefined,
|
|
||||||
// By default, files are appended to the files container.
|
|
||||||
// Set the following option to true, to prepend files instead:
|
|
||||||
prependFiles: false,
|
|
||||||
// The expected data type of the upload response, sets the dataType
|
|
||||||
// option of the $.ajax upload requests:
|
|
||||||
dataType: 'json',
|
|
||||||
|
|
||||||
// Function returning the current number of files,
|
|
||||||
// used by the maxNumberOfFiles validation:
|
|
||||||
getNumberOfFiles: function () {
|
|
||||||
return this.filesContainer.children()
|
|
||||||
.not('.processing').length;
|
|
||||||
},
|
|
||||||
|
|
||||||
// Callback to retrieve the list of files from the server response:
|
|
||||||
getFilesFromResponse: function (data) {
|
|
||||||
if (data.result && $.isArray(data.result.files)) {
|
|
||||||
return data.result.files;
|
|
||||||
}
|
|
||||||
return [];
|
|
||||||
},
|
|
||||||
|
|
||||||
// The add callback is invoked as soon as files are added to the fileupload
|
|
||||||
// widget (via file input selection, drag & drop or add API call).
|
|
||||||
// See the basic file upload widget for more information:
|
|
||||||
add: function (e, data) {
|
|
||||||
if (e.isDefaultPrevented()) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
var $this = $(this),
|
|
||||||
that = $this.data('blueimp-fileupload') ||
|
|
||||||
$this.data('fileupload'),
|
|
||||||
options = that.options;
|
|
||||||
data.context = that._renderUpload(data.files)
|
|
||||||
.data('data', data)
|
|
||||||
.addClass('processing');
|
|
||||||
options.filesContainer[
|
|
||||||
options.prependFiles ? 'prepend' : 'append'
|
|
||||||
](data.context);
|
|
||||||
that._forceReflow(data.context);
|
|
||||||
that._transition(data.context);
|
|
||||||
data.process(function () {
|
|
||||||
return $this.fileupload('process', data);
|
|
||||||
}).always(function () {
|
|
||||||
data.context.each(function (index) {
|
|
||||||
$(this).find('.size').text(
|
|
||||||
that._formatFileSize(data.files[index].size)
|
|
||||||
);
|
|
||||||
}).removeClass('processing');
|
|
||||||
that._renderPreviews(data);
|
|
||||||
}).done(function () {
|
|
||||||
data.context.find('.start').prop('disabled', false);
|
|
||||||
if ((that._trigger('added', e, data) !== false) &&
|
|
||||||
(options.autoUpload || data.autoUpload) &&
|
|
||||||
data.autoUpload !== false) {
|
|
||||||
data.submit();
|
|
||||||
}
|
|
||||||
}).fail(function () {
|
|
||||||
if (data.files.error) {
|
|
||||||
data.context.each(function (index) {
|
|
||||||
var error = data.files[index].error;
|
|
||||||
if (error) {
|
|
||||||
$(this).find('.error').text(error);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// Callback for the start of each file upload request:
|
|
||||||
send: function (e, data) {
|
|
||||||
if (e.isDefaultPrevented()) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
var that = $(this).data('blueimp-fileupload') ||
|
|
||||||
$(this).data('fileupload');
|
|
||||||
if (data.context && data.dataType &&
|
|
||||||
data.dataType.substr(0, 6) === 'iframe') {
|
|
||||||
// Iframe Transport does not support progress events.
|
|
||||||
// In lack of an indeterminate progress bar, we set
|
|
||||||
// the progress to 100%, showing the full animated bar:
|
|
||||||
data.context
|
|
||||||
.find('.progress').addClass(
|
|
||||||
!$.support.transition && 'progress-animated'
|
|
||||||
)
|
|
||||||
.attr('aria-valuenow', 100)
|
|
||||||
.children().first().css(
|
|
||||||
'width',
|
|
||||||
'100%'
|
|
||||||
);
|
|
||||||
}
|
|
||||||
return that._trigger('sent', e, data);
|
|
||||||
},
|
|
||||||
// Callback for successful uploads:
|
|
||||||
done: function (e, data) {
|
|
||||||
if (e.isDefaultPrevented()) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
var that = $(this).data('blueimp-fileupload') ||
|
|
||||||
$(this).data('fileupload'),
|
|
||||||
getFilesFromResponse = data.getFilesFromResponse ||
|
|
||||||
that.options.getFilesFromResponse,
|
|
||||||
files = getFilesFromResponse(data),
|
|
||||||
template,
|
|
||||||
deferred;
|
|
||||||
if (data.context) {
|
|
||||||
data.context.each(function (index) {
|
|
||||||
var file = files[index] ||
|
|
||||||
{error: 'Empty file upload result'};
|
|
||||||
deferred = that._addFinishedDeferreds();
|
|
||||||
that._transition($(this)).done(
|
|
||||||
function () {
|
|
||||||
var node = $(this);
|
|
||||||
template = that._renderDownload([file])
|
|
||||||
.replaceAll(node);
|
|
||||||
that._forceReflow(template);
|
|
||||||
that._transition(template).done(
|
|
||||||
function () {
|
|
||||||
data.context = $(this);
|
|
||||||
that._trigger('completed', e, data);
|
|
||||||
that._trigger('finished', e, data);
|
|
||||||
deferred.resolve();
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
template = that._renderDownload(files)[
|
|
||||||
that.options.prependFiles ? 'prependTo' : 'appendTo'
|
|
||||||
](that.options.filesContainer);
|
|
||||||
that._forceReflow(template);
|
|
||||||
deferred = that._addFinishedDeferreds();
|
|
||||||
that._transition(template).done(
|
|
||||||
function () {
|
|
||||||
data.context = $(this);
|
|
||||||
that._trigger('completed', e, data);
|
|
||||||
that._trigger('finished', e, data);
|
|
||||||
deferred.resolve();
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// Callback for failed (abort or error) uploads:
|
|
||||||
fail: function (e, data) {
|
|
||||||
if (e.isDefaultPrevented()) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
var that = $(this).data('blueimp-fileupload') ||
|
|
||||||
$(this).data('fileupload'),
|
|
||||||
template,
|
|
||||||
deferred;
|
|
||||||
if (data.context) {
|
|
||||||
data.context.each(function (index) {
|
|
||||||
if (data.errorThrown !== 'abort') {
|
|
||||||
var file = data.files[index];
|
|
||||||
file.error = file.error || data.errorThrown ||
|
|
||||||
true;
|
|
||||||
deferred = that._addFinishedDeferreds();
|
|
||||||
that._transition($(this)).done(
|
|
||||||
function () {
|
|
||||||
var node = $(this);
|
|
||||||
template = that._renderDownload([file])
|
|
||||||
.replaceAll(node);
|
|
||||||
that._forceReflow(template);
|
|
||||||
that._transition(template).done(
|
|
||||||
function () {
|
|
||||||
data.context = $(this);
|
|
||||||
that._trigger('failed', e, data);
|
|
||||||
that._trigger('finished', e, data);
|
|
||||||
deferred.resolve();
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
deferred = that._addFinishedDeferreds();
|
|
||||||
that._transition($(this)).done(
|
|
||||||
function () {
|
|
||||||
$(this).remove();
|
|
||||||
that._trigger('failed', e, data);
|
|
||||||
that._trigger('finished', e, data);
|
|
||||||
deferred.resolve();
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} else if (data.errorThrown !== 'abort') {
|
|
||||||
data.context = that._renderUpload(data.files)[
|
|
||||||
that.options.prependFiles ? 'prependTo' : 'appendTo'
|
|
||||||
](that.options.filesContainer)
|
|
||||||
.data('data', data);
|
|
||||||
that._forceReflow(data.context);
|
|
||||||
deferred = that._addFinishedDeferreds();
|
|
||||||
that._transition(data.context).done(
|
|
||||||
function () {
|
|
||||||
data.context = $(this);
|
|
||||||
that._trigger('failed', e, data);
|
|
||||||
that._trigger('finished', e, data);
|
|
||||||
deferred.resolve();
|
|
||||||
}
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
that._trigger('failed', e, data);
|
|
||||||
that._trigger('finished', e, data);
|
|
||||||
that._addFinishedDeferreds().resolve();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// Callback for upload progress events:
|
|
||||||
progress: function (e, data) {
|
|
||||||
if (e.isDefaultPrevented()) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
var progress = Math.floor(data.loaded / data.total * 100);
|
|
||||||
if (data.context) {
|
|
||||||
data.context.each(function () {
|
|
||||||
$(this).find('.progress')
|
|
||||||
.attr('aria-valuenow', progress)
|
|
||||||
.children().first().css(
|
|
||||||
'width',
|
|
||||||
progress + '%'
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// Callback for global upload progress events:
|
|
||||||
progressall: function (e, data) {
|
|
||||||
if (e.isDefaultPrevented()) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
var $this = $(this),
|
|
||||||
progress = Math.floor(data.loaded / data.total * 100),
|
|
||||||
globalProgressNode = $this.find('.fileupload-progress'),
|
|
||||||
extendedProgressNode = globalProgressNode
|
|
||||||
.find('.progress-extended');
|
|
||||||
if (extendedProgressNode.length) {
|
|
||||||
extendedProgressNode.html(
|
|
||||||
($this.data('blueimp-fileupload') || $this.data('fileupload'))
|
|
||||||
._renderExtendedProgress(data)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
globalProgressNode
|
|
||||||
.find('.progress')
|
|
||||||
.attr('aria-valuenow', progress)
|
|
||||||
.children().first().css(
|
|
||||||
'width',
|
|
||||||
progress + '%'
|
|
||||||
);
|
|
||||||
},
|
|
||||||
// Callback for uploads start, equivalent to the global ajaxStart event:
|
|
||||||
start: function (e) {
|
|
||||||
if (e.isDefaultPrevented()) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
var that = $(this).data('blueimp-fileupload') ||
|
|
||||||
$(this).data('fileupload');
|
|
||||||
that._resetFinishedDeferreds();
|
|
||||||
that._transition($(this).find('.fileupload-progress')).done(
|
|
||||||
function () {
|
|
||||||
that._trigger('started', e);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
},
|
|
||||||
// Callback for uploads stop, equivalent to the global ajaxStop event:
|
|
||||||
stop: function (e) {
|
|
||||||
if (e.isDefaultPrevented()) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
var that = $(this).data('blueimp-fileupload') ||
|
|
||||||
$(this).data('fileupload'),
|
|
||||||
deferred = that._addFinishedDeferreds();
|
|
||||||
$.when.apply($, that._getFinishedDeferreds())
|
|
||||||
.done(function () {
|
|
||||||
that._trigger('stopped', e);
|
|
||||||
});
|
|
||||||
that._transition($(this).find('.fileupload-progress')).done(
|
|
||||||
function () {
|
|
||||||
$(this).find('.progress')
|
|
||||||
.attr('aria-valuenow', '0')
|
|
||||||
.children().first().css('width', '0%');
|
|
||||||
$(this).find('.progress-extended').html(' ');
|
|
||||||
deferred.resolve();
|
|
||||||
}
|
|
||||||
);
|
|
||||||
},
|
|
||||||
processstart: function (e) {
|
|
||||||
if (e.isDefaultPrevented()) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
$(this).addClass('fileupload-processing');
|
|
||||||
},
|
|
||||||
processstop: function (e) {
|
|
||||||
if (e.isDefaultPrevented()) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
$(this).removeClass('fileupload-processing');
|
|
||||||
},
|
|
||||||
// Callback for file deletion:
|
|
||||||
destroy: function (e, data) {
|
|
||||||
if (e.isDefaultPrevented()) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
var that = $(this).data('blueimp-fileupload') ||
|
|
||||||
$(this).data('fileupload'),
|
|
||||||
removeNode = function () {
|
|
||||||
that._transition(data.context).done(
|
|
||||||
function () {
|
|
||||||
$(this).remove();
|
|
||||||
that._trigger('destroyed', e, data);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
};
|
|
||||||
if (data.url) {
|
|
||||||
data.dataType = data.dataType || that.options.dataType;
|
|
||||||
$.ajax(data).done(removeNode).fail(function () {
|
|
||||||
that._trigger('destroyfailed', e, data);
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
removeNode();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
_resetFinishedDeferreds: function () {
|
|
||||||
this._finishedUploads = [];
|
|
||||||
},
|
|
||||||
|
|
||||||
_addFinishedDeferreds: function (deferred) {
|
|
||||||
if (!deferred) {
|
|
||||||
deferred = $.Deferred();
|
|
||||||
}
|
|
||||||
this._finishedUploads.push(deferred);
|
|
||||||
return deferred;
|
|
||||||
},
|
|
||||||
|
|
||||||
_getFinishedDeferreds: function () {
|
|
||||||
return this._finishedUploads;
|
|
||||||
},
|
|
||||||
|
|
||||||
// Link handler, that allows to download files
|
|
||||||
// by drag & drop of the links to the desktop:
|
|
||||||
_enableDragToDesktop: function () {
|
|
||||||
var link = $(this),
|
|
||||||
url = link.prop('href'),
|
|
||||||
name = link.prop('download'),
|
|
||||||
type = 'application/octet-stream';
|
|
||||||
link.bind('dragstart', function (e) {
|
|
||||||
try {
|
|
||||||
e.originalEvent.dataTransfer.setData(
|
|
||||||
'DownloadURL',
|
|
||||||
[type, name, url].join(':')
|
|
||||||
);
|
|
||||||
} catch (ignore) {}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
_formatFileSize: function (bytes) {
|
|
||||||
if (typeof bytes !== 'number') {
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
if (bytes >= 1000000000) {
|
|
||||||
return (bytes / 1000000000).toFixed(2) + ' GB';
|
|
||||||
}
|
|
||||||
if (bytes >= 1000000) {
|
|
||||||
return (bytes / 1000000).toFixed(2) + ' MB';
|
|
||||||
}
|
|
||||||
return (bytes / 1000).toFixed(2) + ' KB';
|
|
||||||
},
|
|
||||||
|
|
||||||
_formatBitrate: function (bits) {
|
|
||||||
if (typeof bits !== 'number') {
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
if (bits >= 1000000000) {
|
|
||||||
return (bits / 1000000000).toFixed(2) + ' Gbit/s';
|
|
||||||
}
|
|
||||||
if (bits >= 1000000) {
|
|
||||||
return (bits / 1000000).toFixed(2) + ' Mbit/s';
|
|
||||||
}
|
|
||||||
if (bits >= 1000) {
|
|
||||||
return (bits / 1000).toFixed(2) + ' kbit/s';
|
|
||||||
}
|
|
||||||
return bits.toFixed(2) + ' bit/s';
|
|
||||||
},
|
|
||||||
|
|
||||||
_formatTime: function (seconds) {
|
|
||||||
var date = new Date(seconds * 1000),
|
|
||||||
days = Math.floor(seconds / 86400);
|
|
||||||
days = days ? days + 'd ' : '';
|
|
||||||
return days +
|
|
||||||
('0' + date.getUTCHours()).slice(-2) + ':' +
|
|
||||||
('0' + date.getUTCMinutes()).slice(-2) + ':' +
|
|
||||||
('0' + date.getUTCSeconds()).slice(-2);
|
|
||||||
},
|
|
||||||
|
|
||||||
_formatPercentage: function (floatValue) {
|
|
||||||
return (floatValue * 100).toFixed(2) + ' %';
|
|
||||||
},
|
|
||||||
|
|
||||||
_renderExtendedProgress: function (data) {
|
|
||||||
return this._formatBitrate(data.bitrate) + ' | ' +
|
|
||||||
this._formatTime(
|
|
||||||
(data.total - data.loaded) * 8 / data.bitrate
|
|
||||||
) + ' | ' +
|
|
||||||
this._formatPercentage(
|
|
||||||
data.loaded / data.total
|
|
||||||
) + ' | ' +
|
|
||||||
this._formatFileSize(data.loaded) + ' / ' +
|
|
||||||
this._formatFileSize(data.total);
|
|
||||||
},
|
|
||||||
|
|
||||||
_renderTemplate: function (func, files) {
|
|
||||||
if (!func) {
|
|
||||||
return $();
|
|
||||||
}
|
|
||||||
var result = func({
|
|
||||||
files: files,
|
|
||||||
formatFileSize: this._formatFileSize,
|
|
||||||
options: this.options
|
|
||||||
});
|
|
||||||
if (result instanceof $) {
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
return $(this.options.templatesContainer).html(result).children();
|
|
||||||
},
|
|
||||||
|
|
||||||
_renderPreviews: function (data) {
|
|
||||||
data.context.find('.preview').each(function (index, elm) {
|
|
||||||
$(elm).append(data.files[index].preview);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
_renderUpload: function (files) {
|
|
||||||
return this._renderTemplate(
|
|
||||||
this.options.uploadTemplate,
|
|
||||||
files
|
|
||||||
);
|
|
||||||
},
|
|
||||||
|
|
||||||
_renderDownload: function (files) {
|
|
||||||
return this._renderTemplate(
|
|
||||||
this.options.downloadTemplate,
|
|
||||||
files
|
|
||||||
).find('a[download]').each(this._enableDragToDesktop).end();
|
|
||||||
},
|
|
||||||
|
|
||||||
_startHandler: function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
var button = $(e.currentTarget),
|
|
||||||
template = button.closest('.template-upload'),
|
|
||||||
data = template.data('data');
|
|
||||||
button.prop('disabled', true);
|
|
||||||
if (data && data.submit) {
|
|
||||||
data.submit();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
_cancelHandler: function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
var template = $(e.currentTarget)
|
|
||||||
.closest('.template-upload,.template-download'),
|
|
||||||
data = template.data('data') || {};
|
|
||||||
data.context = data.context || template;
|
|
||||||
if (data.abort) {
|
|
||||||
data.abort();
|
|
||||||
} else {
|
|
||||||
data.errorThrown = 'abort';
|
|
||||||
this._trigger('fail', e, data);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
_deleteHandler: function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
var button = $(e.currentTarget);
|
|
||||||
this._trigger('destroy', e, $.extend({
|
|
||||||
context: button.closest('.template-download'),
|
|
||||||
type: 'DELETE'
|
|
||||||
}, button.data()));
|
|
||||||
},
|
|
||||||
|
|
||||||
_forceReflow: function (node) {
|
|
||||||
return $.support.transition && node.length &&
|
|
||||||
node[0].offsetWidth;
|
|
||||||
},
|
|
||||||
|
|
||||||
_transition: function (node) {
|
|
||||||
var dfd = $.Deferred();
|
|
||||||
if ($.support.transition && node.hasClass('fade') && node.is(':visible')) {
|
|
||||||
node.bind(
|
|
||||||
$.support.transition.end,
|
|
||||||
function (e) {
|
|
||||||
// Make sure we don't respond to other transitions events
|
|
||||||
// in the container element, e.g. from button elements:
|
|
||||||
if (e.target === node[0]) {
|
|
||||||
node.unbind($.support.transition.end);
|
|
||||||
dfd.resolveWith(node);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
).toggleClass('in');
|
|
||||||
} else {
|
|
||||||
node.toggleClass('in');
|
|
||||||
dfd.resolveWith(node);
|
|
||||||
}
|
|
||||||
return dfd;
|
|
||||||
},
|
|
||||||
|
|
||||||
_initButtonBarEventHandlers: function () {
|
|
||||||
var fileUploadButtonBar = this.element.find('.fileupload-buttonbar'),
|
|
||||||
filesList = this.options.filesContainer;
|
|
||||||
this._on(fileUploadButtonBar.find('.start'), {
|
|
||||||
click: function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
filesList.find('.start').click();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
this._on(fileUploadButtonBar.find('.cancel'), {
|
|
||||||
click: function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
filesList.find('.cancel').click();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
this._on(fileUploadButtonBar.find('.delete'), {
|
|
||||||
click: function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
filesList.find('.toggle:checked')
|
|
||||||
.closest('.template-download')
|
|
||||||
.find('.delete').click();
|
|
||||||
fileUploadButtonBar.find('.toggle')
|
|
||||||
.prop('checked', false);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
this._on(fileUploadButtonBar.find('.toggle'), {
|
|
||||||
change: function (e) {
|
|
||||||
filesList.find('.toggle').prop(
|
|
||||||
'checked',
|
|
||||||
$(e.currentTarget).is(':checked')
|
|
||||||
);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
_destroyButtonBarEventHandlers: function () {
|
|
||||||
this._off(
|
|
||||||
this.element.find('.fileupload-buttonbar')
|
|
||||||
.find('.start, .cancel, .delete'),
|
|
||||||
'click'
|
|
||||||
);
|
|
||||||
this._off(
|
|
||||||
this.element.find('.fileupload-buttonbar .toggle'),
|
|
||||||
'change.'
|
|
||||||
);
|
|
||||||
},
|
|
||||||
|
|
||||||
_initEventHandlers: function () {
|
|
||||||
this._super();
|
|
||||||
this._on(this.options.filesContainer, {
|
|
||||||
'click .start': this._startHandler,
|
|
||||||
'click .cancel': this._cancelHandler,
|
|
||||||
'click .delete': this._deleteHandler
|
|
||||||
});
|
|
||||||
this._initButtonBarEventHandlers();
|
|
||||||
},
|
|
||||||
|
|
||||||
_destroyEventHandlers: function () {
|
|
||||||
this._destroyButtonBarEventHandlers();
|
|
||||||
this._off(this.options.filesContainer, 'click');
|
|
||||||
this._super();
|
|
||||||
},
|
|
||||||
|
|
||||||
_enableFileInputButton: function () {
|
|
||||||
this.element.find('.fileinput-button input')
|
|
||||||
.prop('disabled', false)
|
|
||||||
.parent().removeClass('disabled');
|
|
||||||
},
|
|
||||||
|
|
||||||
_disableFileInputButton: function () {
|
|
||||||
this.element.find('.fileinput-button input')
|
|
||||||
.prop('disabled', true)
|
|
||||||
.parent().addClass('disabled');
|
|
||||||
},
|
|
||||||
|
|
||||||
_initTemplates: function () {
|
|
||||||
var options = this.options;
|
|
||||||
options.templatesContainer = this.document[0].createElement(
|
|
||||||
options.filesContainer.prop('nodeName')
|
|
||||||
);
|
|
||||||
if (tmpl) {
|
|
||||||
if (options.uploadTemplateId) {
|
|
||||||
options.uploadTemplate = tmpl(options.uploadTemplateId);
|
|
||||||
}
|
|
||||||
if (options.downloadTemplateId) {
|
|
||||||
options.downloadTemplate = tmpl(options.downloadTemplateId);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
_initFilesContainer: function () {
|
|
||||||
var options = this.options;
|
|
||||||
if (options.filesContainer === undefined) {
|
|
||||||
options.filesContainer = this.element.find('.files');
|
|
||||||
} else if (!(options.filesContainer instanceof $)) {
|
|
||||||
options.filesContainer = $(options.filesContainer);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
_initSpecialOptions: function () {
|
|
||||||
this._super();
|
|
||||||
this._initFilesContainer();
|
|
||||||
this._initTemplates();
|
|
||||||
},
|
|
||||||
|
|
||||||
_create: function () {
|
|
||||||
this._super();
|
|
||||||
this._resetFinishedDeferreds();
|
|
||||||
if (!$.support.fileInput) {
|
|
||||||
this._disableFileInputButton();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
enable: function () {
|
|
||||||
var wasDisabled = false;
|
|
||||||
if (this.options.disabled) {
|
|
||||||
wasDisabled = true;
|
|
||||||
}
|
|
||||||
this._super();
|
|
||||||
if (wasDisabled) {
|
|
||||||
this.element.find('input, button').prop('disabled', false);
|
|
||||||
this._enableFileInputButton();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
disable: function () {
|
|
||||||
if (!this.options.disabled) {
|
|
||||||
this.element.find('input, button').prop('disabled', true);
|
|
||||||
this._disableFileInputButton();
|
|
||||||
}
|
|
||||||
this._super();
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
}));
|
|
|
@ -1,119 +0,0 @@
|
||||||
/*
|
|
||||||
* jQuery File Upload Validation Plugin 1.1.2
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2013, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* global define, window */
|
|
||||||
|
|
||||||
(function (factory) {
|
|
||||||
'use strict';
|
|
||||||
if (typeof define === 'function' && define.amd) {
|
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define([
|
|
||||||
'jquery',
|
|
||||||
'./jquery.fileupload-process'
|
|
||||||
], factory);
|
|
||||||
} else {
|
|
||||||
// Browser globals:
|
|
||||||
factory(
|
|
||||||
window.jQuery
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
// Append to the default processQueue:
|
|
||||||
$.blueimp.fileupload.prototype.options.processQueue.push(
|
|
||||||
{
|
|
||||||
action: 'validate',
|
|
||||||
// Always trigger this action,
|
|
||||||
// even if the previous action was rejected:
|
|
||||||
always: true,
|
|
||||||
// Options taken from the global options map:
|
|
||||||
acceptFileTypes: '@',
|
|
||||||
maxFileSize: '@',
|
|
||||||
minFileSize: '@',
|
|
||||||
maxNumberOfFiles: '@',
|
|
||||||
disabled: '@disableValidation'
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
// The File Upload Validation plugin extends the fileupload widget
|
|
||||||
// with file validation functionality:
|
|
||||||
$.widget('blueimp.fileupload', $.blueimp.fileupload, {
|
|
||||||
|
|
||||||
options: {
|
|
||||||
/*
|
|
||||||
// The regular expression for allowed file types, matches
|
|
||||||
// against either file type or file name:
|
|
||||||
acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
|
|
||||||
// The maximum allowed file size in bytes:
|
|
||||||
maxFileSize: 10000000, // 10 MB
|
|
||||||
// The minimum allowed file size in bytes:
|
|
||||||
minFileSize: undefined, // No minimal file size
|
|
||||||
// The limit of files to be uploaded:
|
|
||||||
maxNumberOfFiles: 10,
|
|
||||||
*/
|
|
||||||
|
|
||||||
// Function returning the current number of files,
|
|
||||||
// has to be overriden for maxNumberOfFiles validation:
|
|
||||||
getNumberOfFiles: $.noop,
|
|
||||||
|
|
||||||
// Error and info messages:
|
|
||||||
messages: {
|
|
||||||
maxNumberOfFiles: 'Maximum number of files exceeded',
|
|
||||||
acceptFileTypes: 'File type not allowed',
|
|
||||||
maxFileSize: 'File is too large',
|
|
||||||
minFileSize: 'File is too small'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
processActions: {
|
|
||||||
|
|
||||||
validate: function (data, options) {
|
|
||||||
if (options.disabled) {
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
var dfd = $.Deferred(),
|
|
||||||
settings = this.options,
|
|
||||||
file = data.files[data.index],
|
|
||||||
fileSize;
|
|
||||||
if (options.minFileSize || options.maxFileSize) {
|
|
||||||
fileSize = file.size;
|
|
||||||
}
|
|
||||||
if ($.type(options.maxNumberOfFiles) === 'number' &&
|
|
||||||
(settings.getNumberOfFiles() || 0) + data.files.length >
|
|
||||||
options.maxNumberOfFiles) {
|
|
||||||
file.error = settings.i18n('maxNumberOfFiles');
|
|
||||||
} else if (options.acceptFileTypes &&
|
|
||||||
!(options.acceptFileTypes.test(file.type) ||
|
|
||||||
options.acceptFileTypes.test(file.name))) {
|
|
||||||
file.error = settings.i18n('acceptFileTypes');
|
|
||||||
} else if (fileSize > options.maxFileSize) {
|
|
||||||
file.error = settings.i18n('maxFileSize');
|
|
||||||
} else if ($.type(fileSize) === 'number' &&
|
|
||||||
fileSize < options.minFileSize) {
|
|
||||||
file.error = settings.i18n('minFileSize');
|
|
||||||
} else {
|
|
||||||
delete file.error;
|
|
||||||
}
|
|
||||||
if (file.error || data.files.error) {
|
|
||||||
data.files.error = true;
|
|
||||||
dfd.rejectWith(this, [data]);
|
|
||||||
} else {
|
|
||||||
dfd.resolveWith(this, [data]);
|
|
||||||
}
|
|
||||||
return dfd.promise();
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
}));
|
|
|
@ -1,214 +0,0 @@
|
||||||
/*
|
|
||||||
* jQuery Iframe Transport Plugin 1.8.2
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2011, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* global define, window, document */
|
|
||||||
|
|
||||||
(function (factory) {
|
|
||||||
'use strict';
|
|
||||||
if (typeof define === 'function' && define.amd) {
|
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define(['jquery'], factory);
|
|
||||||
} else {
|
|
||||||
// Browser globals:
|
|
||||||
factory(window.jQuery);
|
|
||||||
}
|
|
||||||
}(function ($) {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
// Helper variable to create unique names for the transport iframes:
|
|
||||||
var counter = 0;
|
|
||||||
|
|
||||||
// The iframe transport accepts four additional options:
|
|
||||||
// options.fileInput: a jQuery collection of file input fields
|
|
||||||
// options.paramName: the parameter name for the file form data,
|
|
||||||
// overrides the name property of the file input field(s),
|
|
||||||
// can be a string or an array of strings.
|
|
||||||
// options.formData: an array of objects with name and value properties,
|
|
||||||
// equivalent to the return data of .serializeArray(), e.g.:
|
|
||||||
// [{name: 'a', value: 1}, {name: 'b', value: 2}]
|
|
||||||
// options.initialIframeSrc: the URL of the initial iframe src,
|
|
||||||
// by default set to "javascript:false;"
|
|
||||||
$.ajaxTransport('iframe', function (options) {
|
|
||||||
if (options.async) {
|
|
||||||
// javascript:false as initial iframe src
|
|
||||||
// prevents warning popups on HTTPS in IE6:
|
|
||||||
/*jshint scripturl: true */
|
|
||||||
var initialIframeSrc = options.initialIframeSrc || 'javascript:false;',
|
|
||||||
/*jshint scripturl: false */
|
|
||||||
form,
|
|
||||||
iframe,
|
|
||||||
addParamChar;
|
|
||||||
return {
|
|
||||||
send: function (_, completeCallback) {
|
|
||||||
form = $('<form style="display:none;"></form>');
|
|
||||||
form.attr('accept-charset', options.formAcceptCharset);
|
|
||||||
addParamChar = /\?/.test(options.url) ? '&' : '?';
|
|
||||||
// XDomainRequest only supports GET and POST:
|
|
||||||
if (options.type === 'DELETE') {
|
|
||||||
options.url = options.url + addParamChar + '_method=DELETE';
|
|
||||||
options.type = 'POST';
|
|
||||||
} else if (options.type === 'PUT') {
|
|
||||||
options.url = options.url + addParamChar + '_method=PUT';
|
|
||||||
options.type = 'POST';
|
|
||||||
} else if (options.type === 'PATCH') {
|
|
||||||
options.url = options.url + addParamChar + '_method=PATCH';
|
|
||||||
options.type = 'POST';
|
|
||||||
}
|
|
||||||
// IE versions below IE8 cannot set the name property of
|
|
||||||
// elements that have already been added to the DOM,
|
|
||||||
// so we set the name along with the iframe HTML markup:
|
|
||||||
counter += 1;
|
|
||||||
iframe = $(
|
|
||||||
'<iframe src="' + initialIframeSrc +
|
|
||||||
'" name="iframe-transport-' + counter + '"></iframe>'
|
|
||||||
).bind('load', function () {
|
|
||||||
var fileInputClones,
|
|
||||||
paramNames = $.isArray(options.paramName) ?
|
|
||||||
options.paramName : [options.paramName];
|
|
||||||
iframe
|
|
||||||
.unbind('load')
|
|
||||||
.bind('load', function () {
|
|
||||||
var response;
|
|
||||||
// Wrap in a try/catch block to catch exceptions thrown
|
|
||||||
// when trying to access cross-domain iframe contents:
|
|
||||||
try {
|
|
||||||
response = iframe.contents();
|
|
||||||
// Google Chrome and Firefox do not throw an
|
|
||||||
// exception when calling iframe.contents() on
|
|
||||||
// cross-domain requests, so we unify the response:
|
|
||||||
if (!response.length || !response[0].firstChild) {
|
|
||||||
throw new Error();
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
response = undefined;
|
|
||||||
}
|
|
||||||
// The complete callback returns the
|
|
||||||
// iframe content document as response object:
|
|
||||||
completeCallback(
|
|
||||||
200,
|
|
||||||
'success',
|
|
||||||
{'iframe': response}
|
|
||||||
);
|
|
||||||
// Fix for IE endless progress bar activity bug
|
|
||||||
// (happens on form submits to iframe targets):
|
|
||||||
$('<iframe src="' + initialIframeSrc + '"></iframe>')
|
|
||||||
.appendTo(form);
|
|
||||||
window.setTimeout(function () {
|
|
||||||
// Removing the form in a setTimeout call
|
|
||||||
// allows Chrome's developer tools to display
|
|
||||||
// the response result
|
|
||||||
form.remove();
|
|
||||||
}, 0);
|
|
||||||
});
|
|
||||||
form
|
|
||||||
.prop('target', iframe.prop('name'))
|
|
||||||
.prop('action', options.url)
|
|
||||||
.prop('method', options.type);
|
|
||||||
if (options.formData) {
|
|
||||||
$.each(options.formData, function (index, field) {
|
|
||||||
$('<input type="hidden"/>')
|
|
||||||
.prop('name', field.name)
|
|
||||||
.val(field.value)
|
|
||||||
.appendTo(form);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if (options.fileInput && options.fileInput.length &&
|
|
||||||
options.type === 'POST') {
|
|
||||||
fileInputClones = options.fileInput.clone();
|
|
||||||
// Insert a clone for each file input field:
|
|
||||||
options.fileInput.after(function (index) {
|
|
||||||
return fileInputClones[index];
|
|
||||||
});
|
|
||||||
if (options.paramName) {
|
|
||||||
options.fileInput.each(function (index) {
|
|
||||||
$(this).prop(
|
|
||||||
'name',
|
|
||||||
paramNames[index] || options.paramName
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
// Appending the file input fields to the hidden form
|
|
||||||
// removes them from their original location:
|
|
||||||
form
|
|
||||||
.append(options.fileInput)
|
|
||||||
.prop('enctype', 'multipart/form-data')
|
|
||||||
// enctype must be set as encoding for IE:
|
|
||||||
.prop('encoding', 'multipart/form-data');
|
|
||||||
// Remove the HTML5 form attribute from the input(s):
|
|
||||||
options.fileInput.removeAttr('form');
|
|
||||||
}
|
|
||||||
form.submit();
|
|
||||||
// Insert the file input fields at their original location
|
|
||||||
// by replacing the clones with the originals:
|
|
||||||
if (fileInputClones && fileInputClones.length) {
|
|
||||||
options.fileInput.each(function (index, input) {
|
|
||||||
var clone = $(fileInputClones[index]);
|
|
||||||
// Restore the original name and form properties:
|
|
||||||
$(input)
|
|
||||||
.prop('name', clone.prop('name'))
|
|
||||||
.attr('form', clone.attr('form'));
|
|
||||||
clone.replaceWith(input);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
form.append(iframe).appendTo(document.body);
|
|
||||||
},
|
|
||||||
abort: function () {
|
|
||||||
if (iframe) {
|
|
||||||
// javascript:false as iframe src aborts the request
|
|
||||||
// and prevents warning popups on HTTPS in IE6.
|
|
||||||
// concat is used to avoid the "Script URL" JSLint error:
|
|
||||||
iframe
|
|
||||||
.unbind('load')
|
|
||||||
.prop('src', initialIframeSrc);
|
|
||||||
}
|
|
||||||
if (form) {
|
|
||||||
form.remove();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// The iframe transport returns the iframe content document as response.
|
|
||||||
// The following adds converters from iframe to text, json, html, xml
|
|
||||||
// and script.
|
|
||||||
// Please note that the Content-Type for JSON responses has to be text/plain
|
|
||||||
// or text/html, if the browser doesn't include application/json in the
|
|
||||||
// Accept header, else IE will show a download dialog.
|
|
||||||
// The Content-Type for XML responses on the other hand has to be always
|
|
||||||
// application/xml or text/xml, so IE properly parses the XML response.
|
|
||||||
// See also
|
|
||||||
// https://github.com/blueimp/jQuery-File-Upload/wiki/Setup#content-type-negotiation
|
|
||||||
$.ajaxSetup({
|
|
||||||
converters: {
|
|
||||||
'iframe text': function (iframe) {
|
|
||||||
return iframe && $(iframe[0].body).text();
|
|
||||||
},
|
|
||||||
'iframe json': function (iframe) {
|
|
||||||
return iframe && $.parseJSON($(iframe[0].body).text());
|
|
||||||
},
|
|
||||||
'iframe html': function (iframe) {
|
|
||||||
return iframe && $(iframe[0].body).html();
|
|
||||||
},
|
|
||||||
'iframe xml': function (iframe) {
|
|
||||||
var xmlDoc = iframe && iframe[0];
|
|
||||||
return xmlDoc && $.isXMLDoc(xmlDoc) ? xmlDoc :
|
|
||||||
$.parseXML((xmlDoc.XMLDocument && xmlDoc.XMLDocument.xml) ||
|
|
||||||
$(xmlDoc.body).html());
|
|
||||||
},
|
|
||||||
'iframe script': function (iframe) {
|
|
||||||
return iframe && $.globalEval($(iframe[0].body).text());
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
}));
|
|
|
@ -1,48 +0,0 @@
|
||||||
/*
|
|
||||||
* jQuery File Upload Plugin JS Example 8.9.1
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2010, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* global $, window */
|
|
||||||
|
|
||||||
$(function () {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
// Initialize the jQuery File Upload widget:
|
|
||||||
$('#fileupload').fileupload({
|
|
||||||
// Uncomment the following to send cross-domain cookies:
|
|
||||||
//xhrFields: {withCredentials: true},
|
|
||||||
url: 'backend.php'
|
|
||||||
});
|
|
||||||
|
|
||||||
// Enable iframe cross-domain access via redirect option:
|
|
||||||
$('#fileupload').fileupload(
|
|
||||||
'option',
|
|
||||||
'redirect',
|
|
||||||
window.location.href.replace(
|
|
||||||
/\/[^\/]*$/,
|
|
||||||
'/cors/result.html?%s'
|
|
||||||
)
|
|
||||||
);
|
|
||||||
|
|
||||||
// Load existing files:
|
|
||||||
$('#fileupload').addClass('fileupload-processing');
|
|
||||||
$.ajax({
|
|
||||||
// Uncomment the following to send cross-domain cookies:
|
|
||||||
//xhrFields: {withCredentials: true},
|
|
||||||
url: $('#fileupload').fileupload('option', 'url'),
|
|
||||||
dataType: 'json',
|
|
||||||
context: $('#fileupload')[0]
|
|
||||||
}).always(function () {
|
|
||||||
$(this).removeClass('fileupload-processing');
|
|
||||||
}).done(function (result) {
|
|
||||||
$(this).fileupload('option', 'done')
|
|
||||||
.call(this, $.Event('done'), {result: result});
|
|
||||||
});
|
|
||||||
});
|
|
|
@ -1,530 +0,0 @@
|
||||||
/*!
|
|
||||||
* jQuery UI Widget 1.10.4+amd
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2014 jQuery Foundation and other contributors
|
|
||||||
* Released under the MIT license.
|
|
||||||
* http://jquery.org/license
|
|
||||||
*
|
|
||||||
* http://api.jqueryui.com/jQuery.widget/
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function (factory) {
|
|
||||||
if (typeof define === "function" && define.amd) {
|
|
||||||
// Register as an anonymous AMD module:
|
|
||||||
define(["jquery"], factory);
|
|
||||||
} else {
|
|
||||||
// Browser globals:
|
|
||||||
factory(jQuery);
|
|
||||||
}
|
|
||||||
}(function( $, undefined ) {
|
|
||||||
|
|
||||||
var uuid = 0,
|
|
||||||
slice = Array.prototype.slice,
|
|
||||||
_cleanData = $.cleanData;
|
|
||||||
$.cleanData = function( elems ) {
|
|
||||||
for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
|
|
||||||
try {
|
|
||||||
$( elem ).triggerHandler( "remove" );
|
|
||||||
// http://bugs.jquery.com/ticket/8235
|
|
||||||
} catch( e ) {}
|
|
||||||
}
|
|
||||||
_cleanData( elems );
|
|
||||||
};
|
|
||||||
|
|
||||||
$.widget = function( name, base, prototype ) {
|
|
||||||
var fullName, existingConstructor, constructor, basePrototype,
|
|
||||||
// proxiedPrototype allows the provided prototype to remain unmodified
|
|
||||||
// so that it can be used as a mixin for multiple widgets (#8876)
|
|
||||||
proxiedPrototype = {},
|
|
||||||
namespace = name.split( "." )[ 0 ];
|
|
||||||
|
|
||||||
name = name.split( "." )[ 1 ];
|
|
||||||
fullName = namespace + "-" + name;
|
|
||||||
|
|
||||||
if ( !prototype ) {
|
|
||||||
prototype = base;
|
|
||||||
base = $.Widget;
|
|
||||||
}
|
|
||||||
|
|
||||||
// create selector for plugin
|
|
||||||
$.expr[ ":" ][ fullName.toLowerCase() ] = function( elem ) {
|
|
||||||
return !!$.data( elem, fullName );
|
|
||||||
};
|
|
||||||
|
|
||||||
$[ namespace ] = $[ namespace ] || {};
|
|
||||||
existingConstructor = $[ namespace ][ name ];
|
|
||||||
constructor = $[ namespace ][ name ] = function( options, element ) {
|
|
||||||
// allow instantiation without "new" keyword
|
|
||||||
if ( !this._createWidget ) {
|
|
||||||
return new constructor( options, element );
|
|
||||||
}
|
|
||||||
|
|
||||||
// allow instantiation without initializing for simple inheritance
|
|
||||||
// must use "new" keyword (the code above always passes args)
|
|
||||||
if ( arguments.length ) {
|
|
||||||
this._createWidget( options, element );
|
|
||||||
}
|
|
||||||
};
|
|
||||||
// extend with the existing constructor to carry over any static properties
|
|
||||||
$.extend( constructor, existingConstructor, {
|
|
||||||
version: prototype.version,
|
|
||||||
// copy the object used to create the prototype in case we need to
|
|
||||||
// redefine the widget later
|
|
||||||
_proto: $.extend( {}, prototype ),
|
|
||||||
// track widgets that inherit from this widget in case this widget is
|
|
||||||
// redefined after a widget inherits from it
|
|
||||||
_childConstructors: []
|
|
||||||
});
|
|
||||||
|
|
||||||
basePrototype = new base();
|
|
||||||
// we need to make the options hash a property directly on the new instance
|
|
||||||
// otherwise we'll modify the options hash on the prototype that we're
|
|
||||||
// inheriting from
|
|
||||||
basePrototype.options = $.widget.extend( {}, basePrototype.options );
|
|
||||||
$.each( prototype, function( prop, value ) {
|
|
||||||
if ( !$.isFunction( value ) ) {
|
|
||||||
proxiedPrototype[ prop ] = value;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
proxiedPrototype[ prop ] = (function() {
|
|
||||||
var _super = function() {
|
|
||||||
return base.prototype[ prop ].apply( this, arguments );
|
|
||||||
},
|
|
||||||
_superApply = function( args ) {
|
|
||||||
return base.prototype[ prop ].apply( this, args );
|
|
||||||
};
|
|
||||||
return function() {
|
|
||||||
var __super = this._super,
|
|
||||||
__superApply = this._superApply,
|
|
||||||
returnValue;
|
|
||||||
|
|
||||||
this._super = _super;
|
|
||||||
this._superApply = _superApply;
|
|
||||||
|
|
||||||
returnValue = value.apply( this, arguments );
|
|
||||||
|
|
||||||
this._super = __super;
|
|
||||||
this._superApply = __superApply;
|
|
||||||
|
|
||||||
return returnValue;
|
|
||||||
};
|
|
||||||
})();
|
|
||||||
});
|
|
||||||
constructor.prototype = $.widget.extend( basePrototype, {
|
|
||||||
// TODO: remove support for widgetEventPrefix
|
|
||||||
// always use the name + a colon as the prefix, e.g., draggable:start
|
|
||||||
// don't prefix for widgets that aren't DOM-based
|
|
||||||
widgetEventPrefix: existingConstructor ? (basePrototype.widgetEventPrefix || name) : name
|
|
||||||
}, proxiedPrototype, {
|
|
||||||
constructor: constructor,
|
|
||||||
namespace: namespace,
|
|
||||||
widgetName: name,
|
|
||||||
widgetFullName: fullName
|
|
||||||
});
|
|
||||||
|
|
||||||
// If this widget is being redefined then we need to find all widgets that
|
|
||||||
// are inheriting from it and redefine all of them so that they inherit from
|
|
||||||
// the new version of this widget. We're essentially trying to replace one
|
|
||||||
// level in the prototype chain.
|
|
||||||
if ( existingConstructor ) {
|
|
||||||
$.each( existingConstructor._childConstructors, function( i, child ) {
|
|
||||||
var childPrototype = child.prototype;
|
|
||||||
|
|
||||||
// redefine the child widget using the same prototype that was
|
|
||||||
// originally used, but inherit from the new version of the base
|
|
||||||
$.widget( childPrototype.namespace + "." + childPrototype.widgetName, constructor, child._proto );
|
|
||||||
});
|
|
||||||
// remove the list of existing child constructors from the old constructor
|
|
||||||
// so the old child constructors can be garbage collected
|
|
||||||
delete existingConstructor._childConstructors;
|
|
||||||
} else {
|
|
||||||
base._childConstructors.push( constructor );
|
|
||||||
}
|
|
||||||
|
|
||||||
$.widget.bridge( name, constructor );
|
|
||||||
};
|
|
||||||
|
|
||||||
$.widget.extend = function( target ) {
|
|
||||||
var input = slice.call( arguments, 1 ),
|
|
||||||
inputIndex = 0,
|
|
||||||
inputLength = input.length,
|
|
||||||
key,
|
|
||||||
value;
|
|
||||||
for ( ; inputIndex < inputLength; inputIndex++ ) {
|
|
||||||
for ( key in input[ inputIndex ] ) {
|
|
||||||
value = input[ inputIndex ][ key ];
|
|
||||||
if ( input[ inputIndex ].hasOwnProperty( key ) && value !== undefined ) {
|
|
||||||
// Clone objects
|
|
||||||
if ( $.isPlainObject( value ) ) {
|
|
||||||
target[ key ] = $.isPlainObject( target[ key ] ) ?
|
|
||||||
$.widget.extend( {}, target[ key ], value ) :
|
|
||||||
// Don't extend strings, arrays, etc. with objects
|
|
||||||
$.widget.extend( {}, value );
|
|
||||||
// Copy everything else by reference
|
|
||||||
} else {
|
|
||||||
target[ key ] = value;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return target;
|
|
||||||
};
|
|
||||||
|
|
||||||
$.widget.bridge = function( name, object ) {
|
|
||||||
var fullName = object.prototype.widgetFullName || name;
|
|
||||||
$.fn[ name ] = function( options ) {
|
|
||||||
var isMethodCall = typeof options === "string",
|
|
||||||
args = slice.call( arguments, 1 ),
|
|
||||||
returnValue = this;
|
|
||||||
|
|
||||||
// allow multiple hashes to be passed on init
|
|
||||||
options = !isMethodCall && args.length ?
|
|
||||||
$.widget.extend.apply( null, [ options ].concat(args) ) :
|
|
||||||
options;
|
|
||||||
|
|
||||||
if ( isMethodCall ) {
|
|
||||||
this.each(function() {
|
|
||||||
var methodValue,
|
|
||||||
instance = $.data( this, fullName );
|
|
||||||
if ( !instance ) {
|
|
||||||
return $.error( "cannot call methods on " + name + " prior to initialization; " +
|
|
||||||
"attempted to call method '" + options + "'" );
|
|
||||||
}
|
|
||||||
if ( !$.isFunction( instance[options] ) || options.charAt( 0 ) === "_" ) {
|
|
||||||
return $.error( "no such method '" + options + "' for " + name + " widget instance" );
|
|
||||||
}
|
|
||||||
methodValue = instance[ options ].apply( instance, args );
|
|
||||||
if ( methodValue !== instance && methodValue !== undefined ) {
|
|
||||||
returnValue = methodValue && methodValue.jquery ?
|
|
||||||
returnValue.pushStack( methodValue.get() ) :
|
|
||||||
methodValue;
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
this.each(function() {
|
|
||||||
var instance = $.data( this, fullName );
|
|
||||||
if ( instance ) {
|
|
||||||
instance.option( options || {} )._init();
|
|
||||||
} else {
|
|
||||||
$.data( this, fullName, new object( options, this ) );
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
return returnValue;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
$.Widget = function( /* options, element */ ) {};
|
|
||||||
$.Widget._childConstructors = [];
|
|
||||||
|
|
||||||
$.Widget.prototype = {
|
|
||||||
widgetName: "widget",
|
|
||||||
widgetEventPrefix: "",
|
|
||||||
defaultElement: "<div>",
|
|
||||||
options: {
|
|
||||||
disabled: false,
|
|
||||||
|
|
||||||
// callbacks
|
|
||||||
create: null
|
|
||||||
},
|
|
||||||
_createWidget: function( options, element ) {
|
|
||||||
element = $( element || this.defaultElement || this )[ 0 ];
|
|
||||||
this.element = $( element );
|
|
||||||
this.uuid = uuid++;
|
|
||||||
this.eventNamespace = "." + this.widgetName + this.uuid;
|
|
||||||
this.options = $.widget.extend( {},
|
|
||||||
this.options,
|
|
||||||
this._getCreateOptions(),
|
|
||||||
options );
|
|
||||||
|
|
||||||
this.bindings = $();
|
|
||||||
this.hoverable = $();
|
|
||||||
this.focusable = $();
|
|
||||||
|
|
||||||
if ( element !== this ) {
|
|
||||||
$.data( element, this.widgetFullName, this );
|
|
||||||
this._on( true, this.element, {
|
|
||||||
remove: function( event ) {
|
|
||||||
if ( event.target === element ) {
|
|
||||||
this.destroy();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
this.document = $( element.style ?
|
|
||||||
// element within the document
|
|
||||||
element.ownerDocument :
|
|
||||||
// element is window or document
|
|
||||||
element.document || element );
|
|
||||||
this.window = $( this.document[0].defaultView || this.document[0].parentWindow );
|
|
||||||
}
|
|
||||||
|
|
||||||
this._create();
|
|
||||||
this._trigger( "create", null, this._getCreateEventData() );
|
|
||||||
this._init();
|
|
||||||
},
|
|
||||||
_getCreateOptions: $.noop,
|
|
||||||
_getCreateEventData: $.noop,
|
|
||||||
_create: $.noop,
|
|
||||||
_init: $.noop,
|
|
||||||
|
|
||||||
destroy: function() {
|
|
||||||
this._destroy();
|
|
||||||
// we can probably remove the unbind calls in 2.0
|
|
||||||
// all event bindings should go through this._on()
|
|
||||||
this.element
|
|
||||||
.unbind( this.eventNamespace )
|
|
||||||
// 1.9 BC for #7810
|
|
||||||
// TODO remove dual storage
|
|
||||||
.removeData( this.widgetName )
|
|
||||||
.removeData( this.widgetFullName )
|
|
||||||
// support: jquery <1.6.3
|
|
||||||
// http://bugs.jquery.com/ticket/9413
|
|
||||||
.removeData( $.camelCase( this.widgetFullName ) );
|
|
||||||
this.widget()
|
|
||||||
.unbind( this.eventNamespace )
|
|
||||||
.removeAttr( "aria-disabled" )
|
|
||||||
.removeClass(
|
|
||||||
this.widgetFullName + "-disabled " +
|
|
||||||
"ui-state-disabled" );
|
|
||||||
|
|
||||||
// clean up events and states
|
|
||||||
this.bindings.unbind( this.eventNamespace );
|
|
||||||
this.hoverable.removeClass( "ui-state-hover" );
|
|
||||||
this.focusable.removeClass( "ui-state-focus" );
|
|
||||||
},
|
|
||||||
_destroy: $.noop,
|
|
||||||
|
|
||||||
widget: function() {
|
|
||||||
return this.element;
|
|
||||||
},
|
|
||||||
|
|
||||||
option: function( key, value ) {
|
|
||||||
var options = key,
|
|
||||||
parts,
|
|
||||||
curOption,
|
|
||||||
i;
|
|
||||||
|
|
||||||
if ( arguments.length === 0 ) {
|
|
||||||
// don't return a reference to the internal hash
|
|
||||||
return $.widget.extend( {}, this.options );
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( typeof key === "string" ) {
|
|
||||||
// handle nested keys, e.g., "foo.bar" => { foo: { bar: ___ } }
|
|
||||||
options = {};
|
|
||||||
parts = key.split( "." );
|
|
||||||
key = parts.shift();
|
|
||||||
if ( parts.length ) {
|
|
||||||
curOption = options[ key ] = $.widget.extend( {}, this.options[ key ] );
|
|
||||||
for ( i = 0; i < parts.length - 1; i++ ) {
|
|
||||||
curOption[ parts[ i ] ] = curOption[ parts[ i ] ] || {};
|
|
||||||
curOption = curOption[ parts[ i ] ];
|
|
||||||
}
|
|
||||||
key = parts.pop();
|
|
||||||
if ( arguments.length === 1 ) {
|
|
||||||
return curOption[ key ] === undefined ? null : curOption[ key ];
|
|
||||||
}
|
|
||||||
curOption[ key ] = value;
|
|
||||||
} else {
|
|
||||||
if ( arguments.length === 1 ) {
|
|
||||||
return this.options[ key ] === undefined ? null : this.options[ key ];
|
|
||||||
}
|
|
||||||
options[ key ] = value;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
this._setOptions( options );
|
|
||||||
|
|
||||||
return this;
|
|
||||||
},
|
|
||||||
_setOptions: function( options ) {
|
|
||||||
var key;
|
|
||||||
|
|
||||||
for ( key in options ) {
|
|
||||||
this._setOption( key, options[ key ] );
|
|
||||||
}
|
|
||||||
|
|
||||||
return this;
|
|
||||||
},
|
|
||||||
_setOption: function( key, value ) {
|
|
||||||
this.options[ key ] = value;
|
|
||||||
|
|
||||||
if ( key === "disabled" ) {
|
|
||||||
this.widget()
|
|
||||||
.toggleClass( this.widgetFullName + "-disabled ui-state-disabled", !!value )
|
|
||||||
.attr( "aria-disabled", value );
|
|
||||||
this.hoverable.removeClass( "ui-state-hover" );
|
|
||||||
this.focusable.removeClass( "ui-state-focus" );
|
|
||||||
}
|
|
||||||
|
|
||||||
return this;
|
|
||||||
},
|
|
||||||
|
|
||||||
enable: function() {
|
|
||||||
return this._setOption( "disabled", false );
|
|
||||||
},
|
|
||||||
disable: function() {
|
|
||||||
return this._setOption( "disabled", true );
|
|
||||||
},
|
|
||||||
|
|
||||||
_on: function( suppressDisabledCheck, element, handlers ) {
|
|
||||||
var delegateElement,
|
|
||||||
instance = this;
|
|
||||||
|
|
||||||
// no suppressDisabledCheck flag, shuffle arguments
|
|
||||||
if ( typeof suppressDisabledCheck !== "boolean" ) {
|
|
||||||
handlers = element;
|
|
||||||
element = suppressDisabledCheck;
|
|
||||||
suppressDisabledCheck = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
// no element argument, shuffle and use this.element
|
|
||||||
if ( !handlers ) {
|
|
||||||
handlers = element;
|
|
||||||
element = this.element;
|
|
||||||
delegateElement = this.widget();
|
|
||||||
} else {
|
|
||||||
// accept selectors, DOM elements
|
|
||||||
element = delegateElement = $( element );
|
|
||||||
this.bindings = this.bindings.add( element );
|
|
||||||
}
|
|
||||||
|
|
||||||
$.each( handlers, function( event, handler ) {
|
|
||||||
function handlerProxy() {
|
|
||||||
// allow widgets to customize the disabled handling
|
|
||||||
// - disabled as an array instead of boolean
|
|
||||||
// - disabled class as method for disabling individual parts
|
|
||||||
if ( !suppressDisabledCheck &&
|
|
||||||
( instance.options.disabled === true ||
|
|
||||||
$( this ).hasClass( "ui-state-disabled" ) ) ) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
return ( typeof handler === "string" ? instance[ handler ] : handler )
|
|
||||||
.apply( instance, arguments );
|
|
||||||
}
|
|
||||||
|
|
||||||
// copy the guid so direct unbinding works
|
|
||||||
if ( typeof handler !== "string" ) {
|
|
||||||
handlerProxy.guid = handler.guid =
|
|
||||||
handler.guid || handlerProxy.guid || $.guid++;
|
|
||||||
}
|
|
||||||
|
|
||||||
var match = event.match( /^(\w+)\s*(.*)$/ ),
|
|
||||||
eventName = match[1] + instance.eventNamespace,
|
|
||||||
selector = match[2];
|
|
||||||
if ( selector ) {
|
|
||||||
delegateElement.delegate( selector, eventName, handlerProxy );
|
|
||||||
} else {
|
|
||||||
element.bind( eventName, handlerProxy );
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
_off: function( element, eventName ) {
|
|
||||||
eventName = (eventName || "").split( " " ).join( this.eventNamespace + " " ) + this.eventNamespace;
|
|
||||||
element.unbind( eventName ).undelegate( eventName );
|
|
||||||
},
|
|
||||||
|
|
||||||
_delay: function( handler, delay ) {
|
|
||||||
function handlerProxy() {
|
|
||||||
return ( typeof handler === "string" ? instance[ handler ] : handler )
|
|
||||||
.apply( instance, arguments );
|
|
||||||
}
|
|
||||||
var instance = this;
|
|
||||||
return setTimeout( handlerProxy, delay || 0 );
|
|
||||||
},
|
|
||||||
|
|
||||||
_hoverable: function( element ) {
|
|
||||||
this.hoverable = this.hoverable.add( element );
|
|
||||||
this._on( element, {
|
|
||||||
mouseenter: function( event ) {
|
|
||||||
$( event.currentTarget ).addClass( "ui-state-hover" );
|
|
||||||
},
|
|
||||||
mouseleave: function( event ) {
|
|
||||||
$( event.currentTarget ).removeClass( "ui-state-hover" );
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
_focusable: function( element ) {
|
|
||||||
this.focusable = this.focusable.add( element );
|
|
||||||
this._on( element, {
|
|
||||||
focusin: function( event ) {
|
|
||||||
$( event.currentTarget ).addClass( "ui-state-focus" );
|
|
||||||
},
|
|
||||||
focusout: function( event ) {
|
|
||||||
$( event.currentTarget ).removeClass( "ui-state-focus" );
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
_trigger: function( type, event, data ) {
|
|
||||||
var prop, orig,
|
|
||||||
callback = this.options[ type ];
|
|
||||||
|
|
||||||
data = data || {};
|
|
||||||
event = $.Event( event );
|
|
||||||
event.type = ( type === this.widgetEventPrefix ?
|
|
||||||
type :
|
|
||||||
this.widgetEventPrefix + type ).toLowerCase();
|
|
||||||
// the original event may come from any element
|
|
||||||
// so we need to reset the target on the new event
|
|
||||||
event.target = this.element[ 0 ];
|
|
||||||
|
|
||||||
// copy original event properties over to the new event
|
|
||||||
orig = event.originalEvent;
|
|
||||||
if ( orig ) {
|
|
||||||
for ( prop in orig ) {
|
|
||||||
if ( !( prop in event ) ) {
|
|
||||||
event[ prop ] = orig[ prop ];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
this.element.trigger( event, data );
|
|
||||||
return !( $.isFunction( callback ) &&
|
|
||||||
callback.apply( this.element[0], [ event ].concat( data ) ) === false ||
|
|
||||||
event.isDefaultPrevented() );
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
$.each( { show: "fadeIn", hide: "fadeOut" }, function( method, defaultEffect ) {
|
|
||||||
$.Widget.prototype[ "_" + method ] = function( element, options, callback ) {
|
|
||||||
if ( typeof options === "string" ) {
|
|
||||||
options = { effect: options };
|
|
||||||
}
|
|
||||||
var hasOptions,
|
|
||||||
effectName = !options ?
|
|
||||||
method :
|
|
||||||
options === true || typeof options === "number" ?
|
|
||||||
defaultEffect :
|
|
||||||
options.effect || defaultEffect;
|
|
||||||
options = options || {};
|
|
||||||
if ( typeof options === "number" ) {
|
|
||||||
options = { duration: options };
|
|
||||||
}
|
|
||||||
hasOptions = !$.isEmptyObject( options );
|
|
||||||
options.complete = callback;
|
|
||||||
if ( options.delay ) {
|
|
||||||
element.delay( options.delay );
|
|
||||||
}
|
|
||||||
if ( hasOptions && $.effects && $.effects.effect[ effectName ] ) {
|
|
||||||
element[ method ]( options );
|
|
||||||
} else if ( effectName !== method && element[ effectName ] ) {
|
|
||||||
element[ effectName ]( options.duration, options.easing, callback );
|
|
||||||
} else {
|
|
||||||
element.queue(function( next ) {
|
|
||||||
$( this )[ method ]();
|
|
||||||
if ( callback ) {
|
|
||||||
callback.call( element[ 0 ] );
|
|
||||||
}
|
|
||||||
next();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
}));
|
|
|
@ -1,693 +0,0 @@
|
||||||
<?php
|
|
||||||
/*
|
|
||||||
* jQuery File Upload Plugin PHP Class 8.0.0
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2010, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
class UploadHandler
|
|
||||||
{
|
|
||||||
protected $options;
|
|
||||||
|
|
||||||
// PHP File Upload error message codes:
|
|
||||||
// http://php.net/manual/en/features.file-upload.errors.php
|
|
||||||
protected $error_messages = array(
|
|
||||||
1 => 'The uploaded file exceeds the upload_max_filesize directive in php.ini',
|
|
||||||
2 => 'The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form',
|
|
||||||
3 => 'The uploaded file was only partially uploaded',
|
|
||||||
4 => 'No file was uploaded',
|
|
||||||
6 => 'Missing a temporary folder',
|
|
||||||
7 => 'Failed to write file to disk',
|
|
||||||
8 => 'A PHP extension stopped the file upload',
|
|
||||||
'post_max_size' => 'The uploaded file exceeds the post_max_size directive in php.ini',
|
|
||||||
'max_file_size' => 'File is too big',
|
|
||||||
'min_file_size' => 'File is too small',
|
|
||||||
'accept_file_types' => 'Filetype not allowed',
|
|
||||||
'max_number_of_files' => 'Maximum number of files exceeded',
|
|
||||||
'abort' => 'File upload aborted'
|
|
||||||
);
|
|
||||||
|
|
||||||
function __construct($options = null, $initialize = true, $error_messages = null) {
|
|
||||||
$this->options = array(
|
|
||||||
'script_url' => $this->get_full_url().'/',
|
|
||||||
'upload_dir' => dirname($this->get_server_var('SCRIPT_FILENAME')).'/files/',
|
|
||||||
'upload_url' => $this->get_full_url().'/files/',
|
|
||||||
'user_dirs' => false,
|
|
||||||
'mkdir_mode' => 0755,
|
|
||||||
'param_name' => 'files',
|
|
||||||
// Set the following option to 'POST', if your server does not support
|
|
||||||
// DELETE requests. This is a parameter sent to the client:
|
|
||||||
'delete_type' => 'DELETE',
|
|
||||||
'access_control_allow_origin' => '*',
|
|
||||||
'access_control_allow_credentials' => false,
|
|
||||||
'access_control_allow_methods' => array(
|
|
||||||
'OPTIONS',
|
|
||||||
'HEAD',
|
|
||||||
'GET',
|
|
||||||
'POST',
|
|
||||||
'PUT',
|
|
||||||
'PATCH',
|
|
||||||
'DELETE'
|
|
||||||
),
|
|
||||||
'access_control_allow_headers' => array(
|
|
||||||
'Content-Type',
|
|
||||||
'Content-Range',
|
|
||||||
'Content-Disposition'
|
|
||||||
),
|
|
||||||
// Enable to provide file downloads via GET requests to the PHP script:
|
|
||||||
// 1. Set to 1 to download files via readfile method through PHP
|
|
||||||
// 2. Set to 2 to send a X-Sendfile header for lighttpd/Apache
|
|
||||||
// 3. Set to 3 to send a X-Accel-Redirect header for nginx
|
|
||||||
// If set to 2 or 3, adjust the upload_url option to the base path of
|
|
||||||
// the redirect parameter, e.g. '/files/'.
|
|
||||||
'download_via_php' => false,
|
|
||||||
// Read files in chunks to avoid memory limits when download_via_php
|
|
||||||
// is enabled, set to 0 to disable chunked reading of files:
|
|
||||||
'readfile_chunk_size' => 10 * 1024 * 1024, // 10 MiB
|
|
||||||
// Defines which files (based on their names) are accepted for upload:
|
|
||||||
'accept_file_types' => '/.msq$/i',
|
|
||||||
// The php.ini settings upload_max_filesize and post_max_size
|
|
||||||
// take precedence over the following max_file_size setting:
|
|
||||||
'max_file_size' => null,
|
|
||||||
'min_file_size' => 1,
|
|
||||||
// The maximum number of files for the upload directory:
|
|
||||||
'max_number_of_files' => null,
|
|
||||||
// Set the following option to false to enable resumable uploads:
|
|
||||||
'discard_aborted_uploads' => true
|
|
||||||
);
|
|
||||||
if ($options) {
|
|
||||||
$this->options = $options + $this->options;
|
|
||||||
}
|
|
||||||
if ($error_messages) {
|
|
||||||
$this->error_messages = $error_messages + $this->error_messages;
|
|
||||||
}
|
|
||||||
if ($initialize) {
|
|
||||||
$this->initialize();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function initialize() {
|
|
||||||
switch ($this->get_server_var('REQUEST_METHOD')) {
|
|
||||||
case 'OPTIONS':
|
|
||||||
case 'HEAD':
|
|
||||||
$this->head();
|
|
||||||
break;
|
|
||||||
case 'GET':
|
|
||||||
$this->get();
|
|
||||||
break;
|
|
||||||
case 'PATCH':
|
|
||||||
case 'PUT':
|
|
||||||
case 'POST':
|
|
||||||
$this->post();
|
|
||||||
break;
|
|
||||||
case 'DELETE':
|
|
||||||
$this->delete();
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
$this->header('HTTP/1.1 405 Method Not Allowed');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function get_full_url() {
|
|
||||||
$https = !empty($_SERVER['HTTPS']) && strcasecmp($_SERVER['HTTPS'], 'on') === 0;
|
|
||||||
return
|
|
||||||
($https ? 'https://' : 'http://').
|
|
||||||
(!empty($_SERVER['REMOTE_USER']) ? $_SERVER['REMOTE_USER'].'@' : '').
|
|
||||||
(isset($_SERVER['HTTP_HOST']) ? $_SERVER['HTTP_HOST'] : ($_SERVER['SERVER_NAME'].
|
|
||||||
($https && $_SERVER['SERVER_PORT'] === 443 ||
|
|
||||||
$_SERVER['SERVER_PORT'] === 80 ? '' : ':'.$_SERVER['SERVER_PORT']))).
|
|
||||||
substr($_SERVER['SCRIPT_NAME'],0, strrpos($_SERVER['SCRIPT_NAME'], '/'));
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function get_user_id() {
|
|
||||||
@session_start();
|
|
||||||
return session_id();
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function get_user_path() {
|
|
||||||
if ($this->options['user_dirs']) {
|
|
||||||
return $this->get_user_id().'/';
|
|
||||||
}
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function get_upload_path($file_name = null, $version = null) {
|
|
||||||
$file_name = $file_name ? $file_name : '';
|
|
||||||
if (empty($version)) {
|
|
||||||
$version_path = '';
|
|
||||||
} else {
|
|
||||||
//$version_dir = @$this->options['image_versions'][$version]['upload_dir'];
|
|
||||||
if ($version_dir) {
|
|
||||||
return $version_dir.$this->get_user_path().$file_name;
|
|
||||||
}
|
|
||||||
$version_path = $version.'/';
|
|
||||||
}
|
|
||||||
return $this->options['upload_dir'].$this->get_user_path()
|
|
||||||
.$version_path.$file_name;
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function get_query_separator($url) {
|
|
||||||
return strpos($url, '?') === false ? '?' : '&';
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function get_download_url($file_name, $version = null, $direct = false) {
|
|
||||||
if (!$direct && $this->options['download_via_php']) {
|
|
||||||
$url = $this->options['script_url']
|
|
||||||
.$this->get_query_separator($this->options['script_url'])
|
|
||||||
.$this->get_singular_param_name()
|
|
||||||
.'='.rawurlencode($file_name);
|
|
||||||
if ($version) {
|
|
||||||
$url .= '&version='.rawurlencode($version);
|
|
||||||
}
|
|
||||||
return $url.'&download=1';
|
|
||||||
}
|
|
||||||
if (empty($version)) {
|
|
||||||
$version_path = '';
|
|
||||||
} else {
|
|
||||||
//$version_url = @$this->options['image_versions'][$version]['upload_url'];
|
|
||||||
if ($version_url) {
|
|
||||||
return $version_url.$this->get_user_path().rawurlencode($file_name);
|
|
||||||
}
|
|
||||||
$version_path = rawurlencode($version).'/';
|
|
||||||
}
|
|
||||||
return $this->options['upload_url'].$this->get_user_path()
|
|
||||||
.$version_path.rawurlencode($file_name);
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function set_additional_file_properties($file) {
|
|
||||||
$file->deleteUrl = $this->options['script_url']
|
|
||||||
.$this->get_query_separator($this->options['script_url'])
|
|
||||||
.$this->get_singular_param_name()
|
|
||||||
.'='.rawurlencode($file->name);
|
|
||||||
$file->deleteType = $this->options['delete_type'];
|
|
||||||
if ($file->deleteType !== 'DELETE') {
|
|
||||||
$file->deleteUrl .= '&_method=DELETE';
|
|
||||||
}
|
|
||||||
if ($this->options['access_control_allow_credentials']) {
|
|
||||||
$file->deleteWithCredentials = true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Fix for overflowing signed 32 bit integers,
|
|
||||||
// works for sizes up to 2^32-1 bytes (4 GiB - 1):
|
|
||||||
protected function fix_integer_overflow($size) {
|
|
||||||
if ($size < 0) {
|
|
||||||
$size += 2.0 * (PHP_INT_MAX + 1);
|
|
||||||
}
|
|
||||||
return $size;
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function get_file_size($file_path, $clear_stat_cache = false) {
|
|
||||||
if ($clear_stat_cache) {
|
|
||||||
if (version_compare(PHP_VERSION, '5.3.0') >= 0) {
|
|
||||||
clearstatcache(true, $file_path);
|
|
||||||
} else {
|
|
||||||
clearstatcache();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return $this->fix_integer_overflow(filesize($file_path));
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function is_valid_file_object($file_name) {
|
|
||||||
$file_path = $this->get_upload_path($file_name);
|
|
||||||
if (is_file($file_path) && $file_name[0] !== '.') {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function get_file_object($file_name) {
|
|
||||||
if ($this->is_valid_file_object($file_name)) {
|
|
||||||
$file = new \stdClass();
|
|
||||||
$file->name = $file_name;
|
|
||||||
$file->size = $this->get_file_size(
|
|
||||||
$this->get_upload_path($file_name)
|
|
||||||
);
|
|
||||||
$file->url = $this->get_download_url($file->name);
|
|
||||||
$this->set_additional_file_properties($file);
|
|
||||||
return $file;
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function get_file_objects($iteration_method = 'get_file_object') {
|
|
||||||
$upload_dir = $this->get_upload_path();
|
|
||||||
if (!is_dir($upload_dir)) {
|
|
||||||
return array();
|
|
||||||
}
|
|
||||||
return array_values(array_filter(array_map(
|
|
||||||
array($this, $iteration_method),
|
|
||||||
scandir($upload_dir)
|
|
||||||
)));
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function count_file_objects() {
|
|
||||||
return count($this->get_file_objects('is_valid_file_object'));
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function get_error_message($error) {
|
|
||||||
return array_key_exists($error, $this->error_messages) ?
|
|
||||||
$this->error_messages[$error] : $error;
|
|
||||||
}
|
|
||||||
|
|
||||||
function get_config_bytes($val) {
|
|
||||||
$val = trim($val);
|
|
||||||
$last = strtolower($val[strlen($val)-1]);
|
|
||||||
switch($last) {
|
|
||||||
case 'g':
|
|
||||||
$val *= 1024;
|
|
||||||
case 'm':
|
|
||||||
$val *= 1024;
|
|
||||||
case 'k':
|
|
||||||
$val *= 1024;
|
|
||||||
}
|
|
||||||
return $this->fix_integer_overflow($val);
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function validate($uploaded_file, $file, $error, $index) {
|
|
||||||
if ($error) {
|
|
||||||
$file->error = $this->get_error_message($error);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
$content_length = $this->fix_integer_overflow(intval(
|
|
||||||
$this->get_server_var('CONTENT_LENGTH')
|
|
||||||
));
|
|
||||||
$post_max_size = $this->get_config_bytes(ini_get('post_max_size'));
|
|
||||||
if ($post_max_size && ($content_length > $post_max_size)) {
|
|
||||||
$file->error = $this->get_error_message('post_max_size');
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (!preg_match($this->options['accept_file_types'], $file->name)) {
|
|
||||||
$file->error = $this->get_error_message('accept_file_types');
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if ($uploaded_file && is_uploaded_file($uploaded_file)) {
|
|
||||||
$file_size = $this->get_file_size($uploaded_file);
|
|
||||||
} else {
|
|
||||||
$file_size = $content_length;
|
|
||||||
}
|
|
||||||
if ($this->options['max_file_size'] && (
|
|
||||||
$file_size > $this->options['max_file_size'] ||
|
|
||||||
$file->size > $this->options['max_file_size'])
|
|
||||||
) {
|
|
||||||
$file->error = $this->get_error_message('max_file_size');
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if ($this->options['min_file_size'] &&
|
|
||||||
$file_size < $this->options['min_file_size']) {
|
|
||||||
$file->error = $this->get_error_message('min_file_size');
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (is_int($this->options['max_number_of_files']) &&
|
|
||||||
($this->count_file_objects() >= $this->options['max_number_of_files']) &&
|
|
||||||
// Ignore additional chunks of existing files:
|
|
||||||
!is_file($this->get_upload_path($file->name))) {
|
|
||||||
$file->error = $this->get_error_message('max_number_of_files');
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function upcount_name_callback($matches) {
|
|
||||||
$index = isset($matches[1]) ? intval($matches[1]) + 1 : 1;
|
|
||||||
$ext = isset($matches[2]) ? $matches[2] : '';
|
|
||||||
return ' ('.$index.')'.$ext;
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function upcount_name($name) {
|
|
||||||
return preg_replace_callback(
|
|
||||||
'/(?:(?: \(([\d]+)\))?(\.[^.]+))?$/',
|
|
||||||
array($this, 'upcount_name_callback'),
|
|
||||||
$name,
|
|
||||||
1
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function get_unique_filename($file_path, $name, $size, $type, $error,
|
|
||||||
$index, $content_range) {
|
|
||||||
while(is_dir($this->get_upload_path($name))) {
|
|
||||||
$name = $this->upcount_name($name);
|
|
||||||
}
|
|
||||||
// Keep an existing filename if this is part of a chunked upload:
|
|
||||||
$uploaded_bytes = $this->fix_integer_overflow(intval($content_range[1]));
|
|
||||||
while(is_file($this->get_upload_path($name))) {
|
|
||||||
if ($uploaded_bytes === $this->get_file_size(
|
|
||||||
$this->get_upload_path($name))) {
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
$name = $this->upcount_name($name);
|
|
||||||
}
|
|
||||||
return $name;
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function trim_file_name($file_path, $name, $size, $type, $error,
|
|
||||||
$index, $content_range) {
|
|
||||||
// Remove path information and dots around the filename, to prevent uploading
|
|
||||||
// into different directories or replacing hidden system files.
|
|
||||||
// Also remove control characters and spaces (\x00..\x20) around the filename:
|
|
||||||
$name = trim(basename(stripslashes($name)), ".\x00..\x20");
|
|
||||||
// Use a timestamp for empty filenames:
|
|
||||||
if (!$name) {
|
|
||||||
$name = str_replace('.', '-', microtime(true));
|
|
||||||
}
|
|
||||||
// Add missing file extension for known image types:
|
|
||||||
//if (strpos($name, '.') === false &&
|
|
||||||
//preg_match('/^image\/(gif|jpe?g|png)/', $type, $matches)) {
|
|
||||||
//$name .= '.'.$matches[1];
|
|
||||||
//}
|
|
||||||
|
|
||||||
return $name;
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function get_file_name($file_path, $name, $size, $type, $error,
|
|
||||||
$index, $content_range) {
|
|
||||||
return $this->get_unique_filename(
|
|
||||||
$file_path,
|
|
||||||
$this->trim_file_name($file_path, $name, $size, $type, $error,
|
|
||||||
$index, $content_range),
|
|
||||||
$size,
|
|
||||||
$type,
|
|
||||||
$error,
|
|
||||||
$index,
|
|
||||||
$content_range
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function handle_form_data($file, $index) {
|
|
||||||
// Handle form data, e.g. $_REQUEST['description'][$index]
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function is_valid_msq_file($file_path) {
|
|
||||||
/*if (!preg_match($this->options['image_file_types'], $file_path)) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (function_exists('exif_imagetype')) {
|
|
||||||
return @exif_imagetype($file_path);
|
|
||||||
}
|
|
||||||
$image_info = $this->get_image_size($file_path);*/
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function handle_file_upload($uploaded_file, $name, $size, $type, $error,
|
|
||||||
$index = null, $content_range = null) {
|
|
||||||
$file = new \stdClass();
|
|
||||||
$file->name = $this->get_file_name($uploaded_file, $name, $size, $type, $error,
|
|
||||||
$index, $content_range);
|
|
||||||
$file->size = $this->fix_integer_overflow(intval($size));
|
|
||||||
$file->type = $type;
|
|
||||||
if ($this->validate($uploaded_file, $file, $error, $index)) {
|
|
||||||
$this->handle_form_data($file, $index);
|
|
||||||
$upload_dir = $this->get_upload_path();
|
|
||||||
if (!is_dir($upload_dir)) {
|
|
||||||
mkdir($upload_dir, $this->options['mkdir_mode'], true);
|
|
||||||
}
|
|
||||||
$file_path = $this->get_upload_path($file->name);
|
|
||||||
$append_file = $content_range && is_file($file_path) &&
|
|
||||||
$file->size > $this->get_file_size($file_path);
|
|
||||||
if ($uploaded_file && is_uploaded_file($uploaded_file)) {
|
|
||||||
// multipart/formdata uploads (POST method uploads)
|
|
||||||
if ($append_file) {
|
|
||||||
file_put_contents(
|
|
||||||
$file_path,
|
|
||||||
fopen($uploaded_file, 'r'),
|
|
||||||
FILE_APPEND
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
move_uploaded_file($uploaded_file, $file_path);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
// Non-multipart uploads (PUT method support)
|
|
||||||
file_put_contents(
|
|
||||||
$file_path,
|
|
||||||
fopen('php://input', 'r'),
|
|
||||||
$append_file ? FILE_APPEND : 0
|
|
||||||
);
|
|
||||||
}
|
|
||||||
$file_size = $this->get_file_size($file_path, $append_file);
|
|
||||||
if ($file_size === $file->size) {
|
|
||||||
$file->url = $this->get_download_url($file->name);
|
|
||||||
} else {
|
|
||||||
$file->size = $file_size;
|
|
||||||
if (!$content_range && $this->options['discard_aborted_uploads']) {
|
|
||||||
unlink($file_path);
|
|
||||||
$file->error = $this->get_error_message('abort');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$this->set_additional_file_properties($file);
|
|
||||||
}
|
|
||||||
return $file;
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function readfile($file_path) {
|
|
||||||
$file_size = $this->get_file_size($file_path);
|
|
||||||
$chunk_size = $this->options['readfile_chunk_size'];
|
|
||||||
if ($chunk_size && $file_size > $chunk_size) {
|
|
||||||
$handle = fopen($file_path, 'rb');
|
|
||||||
while (!feof($handle)) {
|
|
||||||
echo fread($handle, $chunk_size);
|
|
||||||
ob_flush();
|
|
||||||
flush();
|
|
||||||
}
|
|
||||||
fclose($handle);
|
|
||||||
return $file_size;
|
|
||||||
}
|
|
||||||
return readfile($file_path);
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function body($str) {
|
|
||||||
echo $str;
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function header($str) {
|
|
||||||
header($str);
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function get_server_var($id) {
|
|
||||||
return isset($_SERVER[$id]) ? $_SERVER[$id] : '';
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function generate_response($content, $print_response = true) {
|
|
||||||
if ($print_response) {
|
|
||||||
$json = json_encode($content);
|
|
||||||
$redirect = isset($_REQUEST['redirect']) ?
|
|
||||||
stripslashes($_REQUEST['redirect']) : null;
|
|
||||||
if ($redirect) {
|
|
||||||
$this->header('Location: '.sprintf($redirect, rawurlencode($json)));
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
$this->head();
|
|
||||||
if ($this->get_server_var('HTTP_CONTENT_RANGE')) {
|
|
||||||
$files = isset($content[$this->options['param_name']]) ?
|
|
||||||
$content[$this->options['param_name']] : null;
|
|
||||||
if ($files && is_array($files) && is_object($files[0]) && $files[0]->size) {
|
|
||||||
$this->header('Range: 0-'.(
|
|
||||||
$this->fix_integer_overflow(intval($files[0]->size)) - 1
|
|
||||||
));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$this->body($json);
|
|
||||||
}
|
|
||||||
return $content;
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function get_version_param() {
|
|
||||||
return isset($_GET['version']) ? basename(stripslashes($_GET['version'])) : null;
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function get_singular_param_name() {
|
|
||||||
return substr($this->options['param_name'], 0, -1);
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function get_file_name_param() {
|
|
||||||
$name = $this->get_singular_param_name();
|
|
||||||
return isset($_GET[$name]) ? basename(stripslashes($_GET[$name])) : null;
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function get_file_names_params() {
|
|
||||||
$params = isset($_GET[$this->options['param_name']]) ?
|
|
||||||
$_GET[$this->options['param_name']] : array();
|
|
||||||
foreach ($params as $key => $value) {
|
|
||||||
$params[$key] = basename(stripslashes($value));
|
|
||||||
}
|
|
||||||
return $params;
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function get_file_type($file_path) {
|
|
||||||
switch (strtolower(pathinfo($file_path, PATHINFO_EXTENSION))) {
|
|
||||||
case 'zip':
|
|
||||||
case 'tar':
|
|
||||||
case 'gzip':
|
|
||||||
case 'bz2':
|
|
||||||
return '';
|
|
||||||
case 'msq':
|
|
||||||
return 'application/xml';
|
|
||||||
default:
|
|
||||||
return '';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function download() {
|
|
||||||
switch ($this->options['download_via_php']) {
|
|
||||||
case 1:
|
|
||||||
$redirect_header = null;
|
|
||||||
break;
|
|
||||||
case 2:
|
|
||||||
$redirect_header = 'X-Sendfile';
|
|
||||||
break;
|
|
||||||
case 3:
|
|
||||||
$redirect_header = 'X-Accel-Redirect';
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
return $this->header('HTTP/1.1 403 Forbidden');
|
|
||||||
}
|
|
||||||
$file_name = $this->get_file_name_param();
|
|
||||||
if (!$this->is_valid_file_object($file_name)) {
|
|
||||||
return $this->header('HTTP/1.1 404 Not Found');
|
|
||||||
}
|
|
||||||
if ($redirect_header) {
|
|
||||||
return $this->header(
|
|
||||||
$redirect_header.': '.$this->get_download_url(
|
|
||||||
$file_name,
|
|
||||||
$this->get_version_param(),
|
|
||||||
true
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
$file_path = $this->get_upload_path($file_name, $this->get_version_param());
|
|
||||||
// Prevent browsers from MIME-sniffing the content-type:
|
|
||||||
$this->header('X-Content-Type-Options: nosniff');
|
|
||||||
if (!preg_match($this->options['inline_file_types'], $file_name)) {
|
|
||||||
$this->header('Content-Type: application/octet-stream');
|
|
||||||
$this->header('Content-Disposition: attachment; filename="'.$file_name.'"');
|
|
||||||
} else {
|
|
||||||
$this->header('Content-Type: '.$this->get_file_type($file_path));
|
|
||||||
$this->header('Content-Disposition: inline; filename="'.$file_name.'"');
|
|
||||||
}
|
|
||||||
$this->header('Content-Length: '.$this->get_file_size($file_path));
|
|
||||||
$this->header('Last-Modified: '.gmdate('D, d M Y H:i:s T', filemtime($file_path)));
|
|
||||||
$this->readfile($file_path);
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function send_content_type_header() {
|
|
||||||
$this->header('Vary: Accept');
|
|
||||||
if (strpos($this->get_server_var('HTTP_ACCEPT'), 'application/json') !== false) {
|
|
||||||
$this->header('Content-type: application/json');
|
|
||||||
} else {
|
|
||||||
$this->header('Content-type: text/plain');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
protected function send_access_control_headers() {
|
|
||||||
$this->header('Access-Control-Allow-Origin: '.$this->options['access_control_allow_origin']);
|
|
||||||
$this->header('Access-Control-Allow-Credentials: '
|
|
||||||
.($this->options['access_control_allow_credentials'] ? 'true' : 'false'));
|
|
||||||
$this->header('Access-Control-Allow-Methods: '
|
|
||||||
.implode(', ', $this->options['access_control_allow_methods']));
|
|
||||||
$this->header('Access-Control-Allow-Headers: '
|
|
||||||
.implode(', ', $this->options['access_control_allow_headers']));
|
|
||||||
}
|
|
||||||
|
|
||||||
public function head() {
|
|
||||||
$this->header('Pragma: no-cache');
|
|
||||||
$this->header('Cache-Control: no-store, no-cache, must-revalidate');
|
|
||||||
$this->header('Content-Disposition: inline; filename="files.json"');
|
|
||||||
// Prevent Internet Explorer from MIME-sniffing the content-type:
|
|
||||||
$this->header('X-Content-Type-Options: nosniff');
|
|
||||||
if ($this->options['access_control_allow_origin']) {
|
|
||||||
$this->send_access_control_headers();
|
|
||||||
}
|
|
||||||
$this->send_content_type_header();
|
|
||||||
}
|
|
||||||
|
|
||||||
public function get($print_response = true) {
|
|
||||||
if ($print_response && isset($_GET['download'])) {
|
|
||||||
return $this->download();
|
|
||||||
}
|
|
||||||
$file_name = $this->get_file_name_param();
|
|
||||||
if ($file_name) {
|
|
||||||
$response = array(
|
|
||||||
$this->get_singular_param_name() => $this->get_file_object($file_name)
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
$response = array(
|
|
||||||
$this->options['param_name'] => $this->get_file_objects()
|
|
||||||
);
|
|
||||||
}
|
|
||||||
return $this->generate_response($response, $print_response);
|
|
||||||
}
|
|
||||||
|
|
||||||
public function post($print_response = true) {
|
|
||||||
if (isset($_REQUEST['_method']) && $_REQUEST['_method'] === 'DELETE') {
|
|
||||||
return $this->delete($print_response);
|
|
||||||
}
|
|
||||||
$upload = isset($_FILES[$this->options['param_name']]) ?
|
|
||||||
$_FILES[$this->options['param_name']] : null;
|
|
||||||
// Parse the Content-Disposition header, if available:
|
|
||||||
$file_name = $this->get_server_var('HTTP_CONTENT_DISPOSITION') ?
|
|
||||||
rawurldecode(preg_replace(
|
|
||||||
'/(^[^"]+")|("$)/',
|
|
||||||
'',
|
|
||||||
$this->get_server_var('HTTP_CONTENT_DISPOSITION')
|
|
||||||
)) : null;
|
|
||||||
// Parse the Content-Range header, which has the following form:
|
|
||||||
// Content-Range: bytes 0-524287/2000000
|
|
||||||
$content_range = $this->get_server_var('HTTP_CONTENT_RANGE') ?
|
|
||||||
preg_split('/[^0-9]+/', $this->get_server_var('HTTP_CONTENT_RANGE')) : null;
|
|
||||||
$size = $content_range ? $content_range[3] : null;
|
|
||||||
$files = array();
|
|
||||||
if ($upload && is_array($upload['tmp_name'])) {
|
|
||||||
// param_name is an array identifier like "files[]",
|
|
||||||
// $_FILES is a multi-dimensional array:
|
|
||||||
foreach ($upload['tmp_name'] as $index => $value) {
|
|
||||||
$files[] = $this->handle_file_upload(
|
|
||||||
$upload['tmp_name'][$index],
|
|
||||||
$file_name ? $file_name : $upload['name'][$index],
|
|
||||||
$size ? $size : $upload['size'][$index],
|
|
||||||
$upload['type'][$index],
|
|
||||||
$upload['error'][$index],
|
|
||||||
$index,
|
|
||||||
$content_range
|
|
||||||
);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
// param_name is a single object identifier like "file",
|
|
||||||
// $_FILES is a one-dimensional array:
|
|
||||||
$files[] = $this->handle_file_upload(
|
|
||||||
isset($upload['tmp_name']) ? $upload['tmp_name'] : null,
|
|
||||||
$file_name ? $file_name : (isset($upload['name']) ?
|
|
||||||
$upload['name'] : null),
|
|
||||||
$size ? $size : (isset($upload['size']) ?
|
|
||||||
$upload['size'] : $this->get_server_var('CONTENT_LENGTH')),
|
|
||||||
isset($upload['type']) ?
|
|
||||||
$upload['type'] : $this->get_server_var('CONTENT_TYPE'),
|
|
||||||
isset($upload['error']) ? $upload['error'] : null,
|
|
||||||
null,
|
|
||||||
$content_range
|
|
||||||
);
|
|
||||||
}
|
|
||||||
return $this->generate_response(
|
|
||||||
array($this->options['param_name'] => $files),
|
|
||||||
$print_response
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
public function delete($print_response = true) {
|
|
||||||
$file_names = $this->get_file_names_params();
|
|
||||||
if (empty($file_names)) {
|
|
||||||
$file_names = array($this->get_file_name_param());
|
|
||||||
}
|
|
||||||
$response = array();
|
|
||||||
foreach($file_names as $file_name) {
|
|
||||||
$file_path = $this->get_upload_path($file_name);
|
|
||||||
$success = is_file($file_path) && $file_name[0] !== '.' && unlink($file_path);
|
|
||||||
$response[$file_name] = $success;
|
|
||||||
}
|
|
||||||
return $this->generate_response($response, $print_response);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
|
@ -1,3 +0,0 @@
|
||||||
<?php
|
|
||||||
|
|
||||||
?>
|
|
|
@ -1,3 +0,0 @@
|
||||||
*
|
|
||||||
!.gitignore
|
|
||||||
!.htaccess
|
|
|
@ -1,18 +0,0 @@
|
||||||
# The following directives force the content-type application/octet-stream
|
|
||||||
# and force browsers to display a download dialog for non-image files.
|
|
||||||
# This prevents the execution of script files in the context of the website:
|
|
||||||
ForceType application/octet-stream
|
|
||||||
Header set Content-Disposition attachment
|
|
||||||
<FilesMatch "(?i)\.(gif|jpe?g|png)$">
|
|
||||||
ForceType none
|
|
||||||
Header unset Content-Disposition
|
|
||||||
</FilesMatch>
|
|
||||||
|
|
||||||
# The following directive prevents browsers from MIME-sniffing the content-type.
|
|
||||||
# This is an important complement to the ForceType directive above:
|
|
||||||
Header set X-Content-Type-Options nosniff
|
|
||||||
|
|
||||||
# Uncomment the following lines to prevent unauthorized download of files:
|
|
||||||
#AuthName "Authorization required"
|
|
||||||
#AuthType Basic
|
|
||||||
#require valid-user
|
|
|
@ -1,15 +0,0 @@
|
||||||
<?php
|
|
||||||
/*
|
|
||||||
* jQuery File Upload Plugin PHP Example 5.14
|
|
||||||
* https://github.com/blueimp/jQuery-File-Upload
|
|
||||||
*
|
|
||||||
* Copyright 2010, Sebastian Tschan
|
|
||||||
* https://blueimp.net
|
|
||||||
*
|
|
||||||
* Licensed under the MIT license:
|
|
||||||
* http://www.opensource.org/licenses/MIT
|
|
||||||
*/
|
|
||||||
|
|
||||||
error_reporting(E_ALL | E_STRICT);
|
|
||||||
require('UploadHandler.php');
|
|
||||||
$upload_handler = new UploadHandler();
|
|
|
@ -1,96 +0,0 @@
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<?php
|
|
||||||
$filename = null;
|
|
||||||
$msq = null;
|
|
||||||
|
|
||||||
function makeTable($msq, $data, $xaxis, $yaxis)
|
|
||||||
{
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!empty($_GET["tune"]))
|
|
||||||
{
|
|
||||||
$filename = htmlspecialchars($_GET["tune"]);
|
|
||||||
echo "<title>$filename</title>";
|
|
||||||
//TODO Need massive security here
|
|
||||||
$msq = simplexml_load_file("files/$filename");
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
echo "No tune file specified.";
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<?php
|
|
||||||
if ($msq)
|
|
||||||
{
|
|
||||||
/*
|
|
||||||
* <bibliography author="TunerStudio MS 2.0.6 - EFI Analytics, Inc." tuneComment=" <br> <br> <br> <br> <br> <br> " writeDate="Mon Jul 15 09:16:28 EDT 2013"/>
|
|
||||||
* <versionInfo fileFormat="4.0" firmwareInfo="" nPages="15" signature="MS3 Format 0262.09 "/>
|
|
||||||
*/
|
|
||||||
|
|
||||||
//var_dump($msq);
|
|
||||||
echo "Format Version: " . $msq->versionInfo['fileFormat'] . "<br/>";
|
|
||||||
echo "MS Signature: " . $msq->versionInfo['signature'] . "<br/>";
|
|
||||||
echo "Tuning SW: " . $msq->bibliography['author'] . "<br/>";
|
|
||||||
echo "Date: " . $msq->bibliography['writeDate'] . "<br/>";
|
|
||||||
|
|
||||||
foreach ($msq->page as $page)
|
|
||||||
foreach ($page->constant as $constant)
|
|
||||||
{
|
|
||||||
switch ((string)$constant['name'])
|
|
||||||
{
|
|
||||||
case 'veTable1':
|
|
||||||
$ve_rows = $constant['rows'];
|
|
||||||
$ve_cols = $constant['cols'];
|
|
||||||
$ve = preg_split("/\s+/", $constant); //, $limit);
|
|
||||||
break;
|
|
||||||
|
|
||||||
case 'frpm_table1':
|
|
||||||
$rpm_rows = $constant['rows'];
|
|
||||||
$rpm_cols = $constant['cols']; //1
|
|
||||||
$rpm = preg_split("/\s+/", $constant); //, $limit);
|
|
||||||
break;
|
|
||||||
|
|
||||||
case 'fmap_table1':
|
|
||||||
$map_rows = $constant['rows'];
|
|
||||||
$map_cols = $constant['cols']; //1
|
|
||||||
$map = preg_split("/\s+/", $constant); //, $limit);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
echo "<br/>VE TABLE:<br/>";
|
|
||||||
echo "<table>";
|
|
||||||
|
|
||||||
for ($r = 1; $r <= $ve_rows; $r++)
|
|
||||||
{
|
|
||||||
echo "<tr><th>" . $map[$r] . "</th>";
|
|
||||||
for ($c = 1; $c <= $ve_cols; $c++)
|
|
||||||
{
|
|
||||||
echo "<td>" . $ve[$r + $c] . "</td>";
|
|
||||||
}
|
|
||||||
echo "</tr>";
|
|
||||||
}
|
|
||||||
echo "<tr><th></th>";
|
|
||||||
for ($r = 1; $r <= $rpm_rows; $r++)
|
|
||||||
{
|
|
||||||
echo "<th>" . $rpm[$r] . "</th>";
|
|
||||||
}
|
|
||||||
echo "</tr>";
|
|
||||||
echo "</table>";
|
|
||||||
|
|
||||||
//foreach ($movies->xpath('//settings/setting') as $setting) {
|
|
||||||
// echo $setting->name, 'value: ', $setting->value, PHP_EOL;
|
|
||||||
//}
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
echo "Unable to open: $filename";
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
37
old/view.css
|
@ -1,37 +0,0 @@
|
||||||
|
|
||||||
table{
|
|
||||||
border-collapse: collapse;
|
|
||||||
border: 1px solid #CCC;
|
|
||||||
}
|
|
||||||
|
|
||||||
table caption {
|
|
||||||
caption-side: top;
|
|
||||||
font-size: 2em;
|
|
||||||
font-style: bold;
|
|
||||||
text-align: left;
|
|
||||||
padding: 0.2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
table td:hover {
|
|
||||||
background-color: yellow;
|
|
||||||
}
|
|
||||||
|
|
||||||
table th, table td {
|
|
||||||
padding: 0.5em;
|
|
||||||
border: 1px dotted #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* eh, need to switch top/bottom border dep. on where the header is */
|
|
||||||
table th[scope=col] {
|
|
||||||
border-top: 2px solid #333;
|
|
||||||
border-right: 2px solid #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* inbetween headers but not ends */
|
|
||||||
table th+th[scope=col] {
|
|
||||||
border-right: 1px dotted #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
table th[scope=row] {
|
|
||||||
border-right: 2px solid #333;
|
|
||||||
}
|
|
|
@ -1,24 +0,0 @@
|
||||||
<html ng-app="msqApp">
|
|
||||||
<head>
|
|
||||||
<title>MSQ Viewer</title>
|
|
||||||
<link rel="stylesheet" href="view.css">
|
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular.min.js"></script>
|
|
||||||
<script src="msqParse.js"></script>
|
|
||||||
</head>
|
|
||||||
<body ng-controller="msqParse">
|
|
||||||
<div><input ng-model="file" type="text" value="38.msq"/><button ng-click="loadMsq(file)">Load MSQ</button></div>
|
|
||||||
<button ng-click="loadMsq('38.msq')">Load 38.msq</button>
|
|
||||||
<div>
|
|
||||||
{{msq.author}} {{msq.date}}<br/>
|
|
||||||
{{msq.format}} {{msq.sig}}<br/>
|
|
||||||
</div>
|
|
||||||
<div ng-repeat="table in msq.tables">
|
|
||||||
<table>
|
|
||||||
<caption>{{table.name}}</caption>
|
|
||||||
<tr ng-repeat="row in table.dataRows track by $index"><th scope="row">{{table.yAxis[$index]}}</th><td ng-repeat="cell in row track by $index">{{cell}}</td></tr>
|
|
||||||
<tr><th></th><th scope="col" ng-repeat="x in table.xAxis track by $index">{{x}}</th></tr>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
65
old/view.js
|
@ -1,65 +0,0 @@
|
||||||
/**
|
|
||||||
* Tables (data, x axis, y axis)
|
|
||||||
* single constants with labels
|
|
||||||
*
|
|
||||||
*
|
|
||||||
*
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
function view(file, targetElement)
|
|
||||||
{
|
|
||||||
var xhr = new XMLHttpRequest();
|
|
||||||
xhr.open('GET', file);
|
|
||||||
xhr.onreadystatechange = function() {
|
|
||||||
switch (xhr.readyState)
|
|
||||||
{
|
|
||||||
case 4:
|
|
||||||
//xhr.responseXML
|
|
||||||
var xml = $($.parseXML(xhr.responseText));
|
|
||||||
parseMSQ(xml, targetElement);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
xhr.send();
|
|
||||||
}
|
|
||||||
|
|
||||||
function parseMSQ(xml, el)
|
|
||||||
{
|
|
||||||
el = $(el);
|
|
||||||
console.debug("Loading MSQ...");
|
|
||||||
|
|
||||||
var fileVersion = parseFloat(xml.find('versionInfo').attr('fileFormat'));
|
|
||||||
console.debug("File format: " + fileVersion);
|
|
||||||
if (fileVersion == 4.0)
|
|
||||||
{
|
|
||||||
//load 4.0 json relationships
|
|
||||||
}
|
|
||||||
|
|
||||||
var author = xml.find("bibliography").attr('author');
|
|
||||||
//el.text(author);
|
|
||||||
|
|
||||||
var tables = msqFormat4.tables;
|
|
||||||
for (var i = 0; i < tables.length; i++)
|
|
||||||
{
|
|
||||||
var t = tables[i];
|
|
||||||
var tbl = createTable(xml, t.data, t.x, t.y);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* create table el and <tr>s and shit
|
|
||||||
*/
|
|
||||||
function createTable(xml, data, xaxis, yaxis)
|
|
||||||
{
|
|
||||||
var tbl = document.createElement('table');
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return tbl;
|
|
||||||
}
|
|
||||||
|
|
||||||
msqFormat4 = {constants: [{name: "O2 Sensor Type", id: 'egoType'}],
|
|
||||||
tables: [{name: "VE Table", data: 'veTable1', x: 'frpm_table1', y: 'fmap_table1'}]
|
|
||||||
};
|
|