1
0
mirror of https://github.com/balkian/go5ears.git synced 2025-09-02 09:02:20 +00:00

User friendly downloads for files and Playlist

The name is still missing in Firefox because it doesn't use the
"download" attribute. However it won't open a new window for playlist or
file downloads.
This commit is contained in:
J.Fernando Sánchez
2013-01-25 11:36:38 +01:00
parent ec5d8ebe7c
commit 208a398d3b
6 changed files with 200 additions and 7 deletions

View File

@@ -6,6 +6,7 @@
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.0.custom.min.js"></script>
<script type='text/javascript' src='js/knockout-2.1.0.js'></script>
<script type='text/javascript' src='js/FileSaver.min.js'></script>
<script type='text/javascript' src='https://github.com/downloads/rniemeyer/knockout-sortable/knockout-sortable.js'></script>
<script type='text/javascript' src='js/app.js'></script>
<title>Go5Ears, listen in html5!</title>
@@ -48,7 +49,8 @@
<span class="ui-icon ui-icon-play" data-bind="click: $root.playSong, visible: ! isPlaying()">Play</span>
<span class="ui-icon ui-icon-pause" data-bind="click: $root.pauseSong, visible: isPlaying()">Play</span>
<span class="ui-icon ui-icon-circle-plus" data-bind="click: $root.addSong">Add</span>
<span class="ui-icon ui-icon-arrowthickstop-1-s" data-bind="click: downloadSong"></span>
<!-- <span class="ui-icon ui-icon-arrowthickstop-1-s" data-bind="click: downloadSong"></span> -->
<a class="ui-icon ui-icon-arrowthickstop-1-s" data-bind="attr: {href:downloadURL, download:downloadName}"></a>
</div>
<span class="list-name" data-bind="text: formattedName()">
Name - Title
@@ -69,7 +71,8 @@
<span class="ui-icon ui-icon-play" data-bind="click: $root.playSong, visible: ! isPlaying()">Play</span>
<span class="ui-icon ui-icon-pause" data-bind="click: $root.pauseSong, visible: isPlaying()">Play</span>
<span class="ui-icon ui-icon-circle-plus" data-bind="click: $root.addSong">Add</span>
<span class="ui-icon ui-icon-arrowthickstop-1-s" data-bind="click: downloadSong"></span>
<!-- <span class="ui-icon ui-icon-arrowthickstop-1-s" data-bind="click: downloadSong"></span> -->
<a class="ui-icon ui-icon-arrowthickstop-1-s" data-bind="attr: {href:downloadURL, download:downloadName}"></a>
</div>
<div class="list-name" data-bind="text: formattedName()">
Name - Title