andpp/mopidy-musicbox-webclient
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

readme updated, small changes

Browse Source
This commit is contained in:
Wouter van Wijk 2013-03-10 22:04:02 +01:00
parent 55ba58f1e7
commit fb7cbe2a71
13 changed files with 17844 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
README.rst
View File

@ -2,15 +2,15 @@
Mopidy Browser Client
*********************
This is a responsive html/js/css client for Mopidy. Responsive, so it works on desktop and mobile browsers. You can browse, search and play albums, artists, playlists, and it has cover art from Last.fm.
With Mopidy Browser Client, you can play your music on your computer (or Rapsberry Pi) and remotely control it from a computer, phone, tablet, laptop. From your couch.
`Mopidy <http://www.mopidy.com/>`_ is a music server which can play music from `Spotify <http://www.spotify.com/>`_ or from your local hard drive.
This is a responsive html/js/css client especially written for Mopidy, a music server. Responsive, so it works on desktop and mobile browsers. You can browse, search and play albums, artists, playlists, and it has cover art from Last.fm.
`Mopidy <http://www.mopidy.com/>`_ is a music server which can play music from `Spotify <http://www.spotify.com/>`_ or from your hard drive.
Development
===========
I could use some help with the javascript/html programming. Feel free to contact me!
Note: this Git-version is under heavy development! As Mopidy changes, this client changes as well. It tries to follow the development-branch of Mopidy for now, so update Mopidy as you update the client.
@ -20,8 +20,10 @@ Installation
If you use an older version of Mopidy, you should use this version:
`0.11.x <https://github.com/woutervanwijk/Mopidy-Webclient/archive/9d69aa7d751e5e429ec4a81edc5592d456757d96.zip>`_
There is another option if you want to use 0.11 with the recent version of the webclient. For this you have to change a file in Mopidy. It's the playlists.py file of core (in linux located in /usr/share/pyshared/mopidy/core or in OSX /Library/Python/2.7/site-packages/mopidy/core ). You have to change the function get_playlists to this:
There is another option if you want to use 0.11 with the recent version of the webclient. You can patch the playlists.py file of core (in linux located in /usr/share/pyshared/mopidy/core or in OSX /Library/Python/2.7/site-packages/mopidy/core ). You can use `this patch <https://github.com/mopidy/mopidy/commit/2eb9ad710a2acf23fc037ecf992b58e9c12584d6.patch>'_ or you can manually change the function get_playlists to this:
```python
def get_playlists(self, include_tracks=True):
futures = [
b.playlists.playlists for b in self.backends.with_playlists]
@ -30,7 +32,7 @@ There is another option if you want to use 0.11 with the recent version of the w
if not include_tracks:
playlists = [p.copy(tracks=[]) for p in playlists]
return playlists
```
To install Mopidy, check out `the installation docs <http://docs.mopidy.com/en/latest/installation/>`_, `the settings docs <http://docs.mopidy.com/en/latest/settings/>`_ and `even more detailed information <http://docs.mopidy.com/en/latest/modules/frontends/http/#http-frontend>`_.

3357
webclient/css/jquery.mobile-1.3.0.css Normal file
View File

File diff suppressed because it is too large Load Diff

2
webclient/css/jquery.mobile-1.3.0.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

2197
webclient/css/jquery.mobile.structure-1.3.0.css Normal file
View File

File diff suppressed because it is too large Load Diff

2
webclient/css/jquery.mobile.structure-1.3.0.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1167
webclient/css/jquery.mobile.theme-1.3.0.css Normal file
View File

File diff suppressed because it is too large Load Diff

2
webclient/css/jquery.mobile.theme-1.3.0.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
webclient/css/ws.css
View File

@ -378,7 +378,7 @@
text-decoration: none;
}
#popupTrackName, #popupAlbumName, .popupArtistName {
#popupArtistName, #popupTrackName, #popupAlbumName, .popupArtistName {
font-style: oblique;
}

9
webclient/index.html
View File

@ -2,7 +2,7 @@
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" href="css/jquery.mobile-1.3.0-rc.1.css" />
<link rel="stylesheet" href="css/jquery.mobile-1.3.0.css" />
<script src="js/jquery-1.8.3.js"></script>
<script type='application/javascript' src='js/fastclick.js'></script>
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
@ -20,7 +20,7 @@
new FastClick(document.body);
}, false);
</script>
<script src="js/jquery.mobile-1.3.0-rc.1.js"></script>
<script src="js/jquery.mobile-1.3.0.js"></script>
<meta http-equiv="imagetoolbar" content="no" />
<meta content="true" name="MSSmartTagsPreventParsing" />
<link rel="apple-touch-icon" href="/mopidy/favicon.png" />
@ -85,11 +85,14 @@
<li>
<a href="#" onclick="showAlbumPopup()">Show Album <span id="popupAlbumName"></span></a>
</li>
<li id="popupArtistsLi">
<a href="#" onclick="showArtist()" id="popupArtistHref">Show Artist <span id="popupArtistName"></span>
</a>
</li>
<div data-role="collapsible" data-icon="false" data-inset="false" id="popupArtistsDiv">
<h2>Artists</h2>
<ul data-icon="false" data-inset="false" data-role="listview" id="popupArtistsLv"></ul>
</div>
</ul>
</div>
</div>

2
webclient/js/functionsvars.js
View File

@ -78,7 +78,7 @@ function scrollToTop() {
}
function scrollToTracklist() {
var divtop = $("#playlisttracksdiv").offset().top - 25;
var divtop = $("#playlisttracksdiv").offset().top - 50;
$('body,html').animate({
scrollTop : divtop
}, 250);

15
webclient/js/gui.js
View File

@ -162,12 +162,12 @@ function popupTracks(e, listuri, trackuri) {
$('#popupTrackName').html(popupData[trackuri].name);
$('#popupAlbumName').html(popupData[trackuri].album.name);
var child = "";
$('#popupArtistsLi').remove();
// $('#popupArtistsLi').remove();
if (popupData[trackuri].artists.length == 1) {
//this doesnt work
// child += '<a href="#" onclick="showArtist(\'' +popupData[trackuri].artists[0].uri + '\');">Show Artist <span class="popupArtistName">' + popupData[trackuri].artists[0].name + '</span></a>';
$('#popupTracksLv').append($('<li/>', {
/* $('#popupTracksLv').append($('<li/>', {
'id' : "popupArtistsLi"
}).append($('<a/>', {
'href' : '#',
@ -177,9 +177,11 @@ function popupTracks(e, listuri, trackuri) {
'class' : 'popupArtistName',
'text' : popupData[trackuri].artists[0].name
}))));
*/ child = '<a href="#" onclick="showArtist(\'' + popupData[trackuri].artists[0].uri + '\');">Show Artist</a>';
$('#popupArtistName').html(popupData[trackuri].artists[0].name);
$('#popupArtistHref').attr('onclick', 'showArtist("' + popupData[trackuri].artists[0].uri + '");' );
$('#popupArtistsDiv').hide();
// $('#popupArtistsLi').html(child).show();
$('#popupArtistsLi').show();
} else {
for (var j = 0; j < popupData[trackuri].artists.length; j++) {
child += '<li><a href="#" onclick="showArtist(\'' + popupData[trackuri].artists[j].uri + '\');"><span class="popupArtistName">' + popupData[trackuri].artists[j].name + '</span></a></li>';
@ -187,6 +189,7 @@ function popupTracks(e, listuri, trackuri) {
$('#popupArtistsLi').hide();
$('#popupArtistsLv').html(child).show();
$('#popupArtistsDiv').show();
// this makes the viewport of the window resize somehow
$('#popupArtistsLv').listview("refresh");
}
var hash = document.location.hash.split('?');
@ -197,10 +200,6 @@ function popupTracks(e, listuri, trackuri) {
$("#liaddtobottom").show();
}
$('#popupTracksLv').listview().trigger("create");
$('#popupTracksLv').listview('refresh');
$('#popupTracks').data("list", listuri).data("track", trackuri).popup("open", {
x : e.pageX,
y : e.pageY

11092
webclient/js/jquery.mobile-1.3.0.js Normal file
View File

File diff suppressed because it is too large Load Diff

2
webclient/js/jquery.mobile-1.3.0.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long