diff options
Diffstat (limited to 'vendor/blueimp/jquery-file-upload/index.html')
| -rw-r--r-- | vendor/blueimp/jquery-file-upload/index.html | 137 |
1 files changed, 63 insertions, 74 deletions
diff --git a/vendor/blueimp/jquery-file-upload/index.html b/vendor/blueimp/jquery-file-upload/index.html index aa908e745..b30efcdff 100644 --- a/vendor/blueimp/jquery-file-upload/index.html +++ b/vendor/blueimp/jquery-file-upload/index.html @@ -33,11 +33,12 @@ /> <!-- Generic page styles --> <style> - body { - padding-top: 60px; + #navigation { + margin: 10px 0; } @media (max-width: 767px) { - .description { + #title, + #description { display: none; } } @@ -59,50 +60,23 @@ /></noscript> </head> <body> - <div class="navbar navbar-default navbar-fixed-top"> - <div class="container"> - <div class="navbar-header"> - <button - type="button" - class="navbar-toggle" - data-toggle="collapse" - data-target=".navbar-fixed-top .navbar-collapse" - > - <span class="icon-bar"></span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - </button> - <a - class="navbar-brand" - href="https://github.com/blueimp/jQuery-File-Upload" - >jQuery File Upload</a - > - </div> - <div class="navbar-collapse collapse"> - <ul class="nav navbar-nav"> - <li> - <a href="https://github.com/blueimp/jQuery-File-Upload/tags" - >Download</a - > - </li> - <li> - <a href="https://github.com/blueimp/jQuery-File-Upload" - >Source Code</a - > - </li> - <li> - <a href="https://github.com/blueimp/jQuery-File-Upload/wiki" - >Documentation</a - > - </li> - <li><a href="https://blueimp.net">© Sebastian Tschan</a></li> - </ul> - </div> - </div> - </div> <div class="container"> - <h1>jQuery File Upload Demo</h1> - <blockquote class="description"> + <ul class="nav nav-tabs" id="navigation"> + <li> + <a href="https://github.com/blueimp/jQuery-File-Upload">Project</a> + </li> + <li class="active"> + <a href="#">Demo</a> + </li> + <li> + <a href="https://github.com/blueimp/jQuery-File-Upload/wiki">Wiki</a> + </li> + <li> + <a href="https://blueimp.net">Author</a> + </li> + </ul> + <h1 id="title">jQuery File Upload Demo</h1> + <blockquote id="description"> <p> File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video @@ -163,7 +137,7 @@ > <div class="progress-bar progress-bar-success" - style="width:0%;" + style="width: 0%;" ></div> </div> <!-- The extended global progress state --> @@ -226,27 +200,50 @@ <div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" + aria-label="image gallery" + aria-modal="true" + role="dialog" data-filter=":even" > - <div class="slides"></div> + <div class="slides" aria-live="polite"></div> <h3 class="title"></h3> - <a class="prev">‹</a> - <a class="next">›</a> - <a class="close">×</a> - <a class="play-pause"></a> + <a + class="prev" + aria-controls="blueimp-gallery" + aria-label="previous slide" + aria-keyshortcuts="ArrowLeft" + ></a> + <a + class="next" + aria-controls="blueimp-gallery" + aria-label="next slide" + aria-keyshortcuts="ArrowRight" + ></a> + <a + class="close" + aria-controls="blueimp-gallery" + aria-label="close" + aria-keyshortcuts="Escape" + ></a> + <a + class="play-pause" + aria-controls="blueimp-gallery" + aria-label="play slideshow" + aria-keyshortcuts="Space" + aria-pressed="false" + role="button" + ></a> <ol class="indicator"></ol> </div> <!-- The template to display files available for upload --> <script id="template-upload" type="text/x-tmpl"> {% for (var i=0, file; file=o.files[i]; i++) { %} - <tr class="template-upload fade"> + <tr class="template-upload fade{%=o.options.loadImageFileTypes.test(file.type)?' image':''%}"> <td> <span class="preview"></span> </td> <td> - {% if (window.innerWidth > 480 || !o.options.loadImageFileTypes.test(file.type)) { %} - <p class="name">{%=file.name%}</p> - {% } %} + <p class="name">{%=file.name%}</p> <strong class="error text-danger"></strong> </td> <td> @@ -279,7 +276,7 @@ <!-- The template to display files available for download --> <script id="template-download" type="text/x-tmpl"> {% for (var i=0, file; file=o.files[i]; i++) { %} - <tr class="template-download fade"> + <tr class="template-download fade{%=file.thumbnailUrl?' image':''%}"> <td> <span class="preview"> {% if (file.thumbnailUrl) { %} @@ -288,15 +285,13 @@ </span> </td> <td> - {% if (window.innerWidth > 480 || !file.thumbnailUrl) { %} - <p class="name"> - {% if (file.url) { %} - <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a> - {% } else { %} - <span>{%=file.name%}</span> - {% } %} - </p> - {% } %} + <p class="name"> + {% if (file.url) { %} + <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a> + {% } else { %} + <span>{%=file.name%}</span> + {% } %} + </p> {% if (file.error) { %} <div><span class="label label-danger">Error</span> {%=file.error%}</div> {% } %} @@ -322,8 +317,8 @@ {% } %} </script> <script - src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" - integrity="sha384-xBuQ/xzmlsLoJpyjoggmTEz8OWUFM0/RC5BsqQBDX2v5cMvDHcMakNTNrHIW2I5f" + src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" + integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous" ></script> <!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included --> @@ -334,12 +329,6 @@ <script src="https://blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script> <!-- The Canvas to Blob plugin is included for image resizing functionality --> <script src="https://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="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" - integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" - crossorigin="anonymous" - ></script> <!-- blueimp Gallery script --> <script src="https://blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script> <!-- The Iframe Transport is required for browsers without support for XHR file uploads --> |