Revision 2f807846 src/gr/grnet/pithos/web/public/index.html
b/src/gr/grnet/pithos/web/public/index.html | ||
---|---|---|
32 | 32 |
~ interpreted as representing official policies, either expressed |
33 | 33 |
~ or implied, of GRNET S.A. |
34 | 34 |
--> |
35 |
|
|
36 | 35 |
<html> |
37 | 36 |
<head> |
38 | 37 |
<title>Pithos+</title> |
... | ... | |
45 | 44 |
</script> |
46 | 45 |
<script type="text/javascript" language="javascript" src="lytebox.js"></script> |
47 | 46 |
<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" /> |
48 |
<script type="text/javascript" src="jquery-1.7.1.min.js"></script> |
|
49 |
<script type="text/javascript" src="jquery.ui.widget.js"></script> |
|
50 |
<script type="text/javascript" src="jquery.iframe-transport.js"></script> |
|
51 |
<script type="text/javascript" src="jquery.fileupload.js"></script> |
|
47 |
<link rel="stylesheet" href="http://blueimp.github.com/Bootstrap-Image-Gallery/bootstrap-image-gallery.min.css"> |
|
48 |
<!--[if lt IE 7]><link rel="stylesheet" href="http://blueimp.github.com/Bootstrap-Image-Gallery/bootstrap-ie6.min.css"><![endif]--> |
|
49 |
<link rel="stylesheet" href="jquery.fileupload-ui.css"> |
|
52 | 50 |
</head> |
53 | 51 |
<body> |
54 | 52 |
<iframe src="javascript:''" id="__gwt_historyFrame" style="position:absolute;width:0;height:0;border:0"></iframe> |
53 |
<script> |
|
54 |
var fileUploadErrors = { |
|
55 |
maxFileSize: 'File is too big', |
|
56 |
minFileSize: 'File is too small', |
|
57 |
acceptFileTypes: 'Filetype not allowed', |
|
58 |
maxNumberOfFiles: 'Max number of files exceeded', |
|
59 |
uploadedBytes: 'Uploaded bytes exceed file size', |
|
60 |
emptyResult: 'Empty file upload result' |
|
61 |
}; |
|
62 |
</script> |
|
63 |
<script id="template-upload" type="text/html"> |
|
64 |
{% for (var i=0, files=o.files, l=files.length, file=files[0]; i<l; file=files[++i]) { %} |
|
65 |
<tr class="template-upload fade"> |
|
66 |
<td class="preview"><span class="fade"></span></td> |
|
67 |
<td class="name">{%=file.name%}</td> |
|
68 |
<td class="size">{%=o.formatFileSize(file.size)%}</td> |
|
69 |
{% if (file.error) { %} |
|
70 |
<td class="error" colspan="2"><span class="label important">Error</span> {%=fileUploadErrors[file.error] || file.error%}</td> |
|
71 |
{% } else if (o.files.valid && !i) { %} |
|
72 |
<td class="progress"><div class="progressbar"><div style="width:0%;"></div></div></td> |
|
73 |
<td class="start">{% if (!o.options.autoUpload) { %}<button class="btn primary">Start</button>{% } %}</td> |
|
74 |
{% } else { %} |
|
75 |
<td colspan="2"></td> |
|
76 |
{% } %} |
|
77 |
<td class="cancel">{% if (!i) { %}<button class="btn info">Cancel</button>{% } %}</td> |
|
78 |
</tr> |
|
79 |
{% } %} |
|
80 |
</script> |
|
81 |
<script id="template-download" type="text/html"> |
|
82 |
{% for (var i=0, files=o.files, l=files.length, file=files[0]; i<l; file=files[++i]) { %} |
|
83 |
<tr class="template-download fade"> |
|
84 |
{% if (file.error) { %} |
|
85 |
<td></td> |
|
86 |
<td class="name">{%=file.name%}</td> |
|
87 |
<td class="size">{%=o.formatFileSize(file.size)%}</td> |
|
88 |
<td class="error" colspan="2"><span class="label important">Error</span> {%=fileUploadErrors[file.error] || file.error%}</td> |
|
89 |
{% } else { %} |
|
90 |
<td class="preview">{% if (file.thumbnail_url) { %} |
|
91 |
<a href="{%=file.url%}" title="{%=file.name%}" rel="gallery"><img src="{%=file.thumbnail_url%}"></a> |
|
92 |
{% } %}</td> |
|
93 |
<td class="name"> |
|
94 |
<a href="{%=file.url%}" title="{%=file.name%}" rel="{%=file.thumbnail_url&&'gallery'%}">{%=file.name%}</a> |
|
95 |
</td> |
|
96 |
<td class="size">{%=o.formatFileSize(file.size)%}</td> |
|
97 |
<td colspan="2"></td> |
|
98 |
{% } %} |
|
99 |
<td class="delete"> |
|
100 |
<button class="btn danger" data-type="{%=file.delete_type%}" data-url="{%=file.delete_url%}">Delete</button> |
|
101 |
<input type="checkbox" name="delete" value="1"> |
|
102 |
</td> |
|
103 |
</tr> |
|
104 |
{% } %} |
|
105 |
</script> |
|
106 |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> |
|
107 |
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included --> |
|
108 |
<script src="jquery.ui.widget.js"></script> |
|
109 |
<!-- The Templates and Load Image plugins are included for the FileUpload user interface --> |
|
110 |
<script src="http://blueimp.github.com/JavaScript-Templates/tmpl.min.js"></script> |
|
111 |
<script src="http://blueimp.github.com/JavaScript-Load-Image/load-image.min.js"></script> |
|
112 |
<!-- Bootstrap Modal and Image Gallery are not required, but included for the demo --> |
|
113 |
<script src="http://twitter.github.com/bootstrap/1.4.0/bootstrap-modal.min.js"></script> |
|
114 |
<script src="http://blueimp.github.com/Bootstrap-Image-Gallery/bootstrap-image-gallery.min.js"></script> |
|
115 |
<!-- The Iframe Transport is required for browsers without support for XHR file uploads --> |
|
116 |
<script src="jquery.iframe-transport.js"></script> |
|
117 |
<script src="jquery.fileupload.js"></script> |
|
118 |
<script src="jquery.fileupload-ui.js"></script> |
|
119 |
<!-- <script src="application.js"></script> --> |
|
120 |
<!-- The XDomainRequest Transport is included for cross-domain file deletion for IE8+ --> |
|
121 |
<!--[if gte IE 8]><script src="cors/jquery.xdr-transport.js"></script><![endif]--> |
|
55 | 122 |
</body> |
56 | 123 |
</html> |
Also available in: Unified diff