diff --git a/webclient/README.md b/webclient/README.md old mode 100755 new mode 100644 diff --git a/webclient/css/webclient.css b/webclient/css/webclient.css index 83f2b44..ca47b15 100644 --- a/webclient/css/webclient.css +++ b/webclient/css/webclient.css @@ -13,7 +13,7 @@ * portr 48 ****************************/ -@media all and (min-width: 40.1em) { +@media all and (min-width: 961px) { /*header*/ .header-breakpoint.ui-grid-b .ui-block-a { width: 30%; @@ -40,6 +40,15 @@ #playlisttracksdiv { margin-left: 10px; } + #playlisttracksback { + display:none; + } + #playlisttracksdiv { + display:block; + } + #playlistslistdiv { + display:block; + } /*search*/ .srch-breakpoint.ui-grid-a .ui-block-b { margin-left: .5em; @@ -47,41 +56,16 @@ .srch-breakpoint.ui-grid-a .ui-block-a, .srch-breakpoint.ui-grid-a .ui-block-b { width: 49%; } - .scroll { +/* .scroll { overflow-y: auto; overflow-x: hidden; } +*/ } -/* tablet etc */ -@media all and (min-width: 30.1em) and (max-width: 40em) { - /*header*/ - .header-breakpoint.ui-grid-b .ui-block-a { - width: 45.95%; - clear: left; - } - .header-breakpoint.ui-grid-b .ui-block-b { - display: none; - width: 0; - } - .header-breakpoint.ui-grid-b .ui-block-c { - width: 40%; - } - /*search*/ - .srch-breakpoint.ui-grid-a .ui-block-b { - margin-left: .2em; - } - .srch-breakpoint.ui-grid-a .ui-block-a, .srch-breakpoint.ui-grid-a .ui-block-b { - width: 49.5%; - } - .scroll { - overflow-y: scroll; - overflow-x: hidden; - } -} /* phone landscape */ -@media all and (max-width: 30em) { +@media all and (max-width: 960px) { /*header*/ .header-breakpoint.ui-grid-b .ui-block-a { width: 35%; @@ -101,24 +85,19 @@ .srch-breakpoint.ui-grid-a .ui-block-a, .srch-breakpoint.ui-grid-a .ui-block-b { width: 100%; } - #playlistspane, .scroll { -/* overflow-y: auto; - overflow-x: hidden; -*/ +/* .scroll { width: 100%; - heigth: 90%; + heigth: 99%; } -} - -/* phone portrait */ -@media all and (max-width: 25em) { - - #playlistspane, .scroll { - overflow-y: auto; - overflow-x: hidden; - width: auto; - max-width: 100%; - heigth: 100%; +*/ + #playlisttracksback { + display:block; + } + #playlisttracksdiv { + display:none; + } + #playlistslistdiv { + display:block; } } diff --git a/webclient/fonts/FontAwesome.otf b/webclient/fonts/FontAwesome.otf old mode 100755 new mode 100644 diff --git a/webclient/fonts/fontawesome-webfont.eot b/webclient/fonts/fontawesome-webfont.eot old mode 100755 new mode 100644 diff --git a/webclient/fonts/fontawesome-webfont.svg b/webclient/fonts/fontawesome-webfont.svg old mode 100755 new mode 100644 diff --git a/webclient/fonts/fontawesome-webfont.ttf b/webclient/fonts/fontawesome-webfont.ttf old mode 100755 new mode 100644 diff --git a/webclient/fonts/fontawesome-webfont.woff b/webclient/fonts/fontawesome-webfont.woff old mode 100755 new mode 100644 diff --git a/webclient/images/ajax-loader.gif b/webclient/images/ajax-loader.gif old mode 100755 new mode 100644 diff --git a/webclient/images/default_cover.png b/webclient/images/default_cover.png old mode 100755 new mode 100644 diff --git a/webclient/images/empty.png b/webclient/images/empty.png old mode 100755 new mode 100644 diff --git a/webclient/images/icons-18-black.png b/webclient/images/icons-18-black.png old mode 100755 new mode 100644 diff --git a/webclient/images/icons-18-white.png b/webclient/images/icons-18-white.png old mode 100755 new mode 100644 diff --git a/webclient/images/icons-36-black.png b/webclient/images/icons-36-black.png old mode 100755 new mode 100644 diff --git a/webclient/images/icons-36-white.png b/webclient/images/icons-36-white.png old mode 100755 new mode 100644 diff --git a/webclient/images/icons/AUTHORS b/webclient/images/icons/AUTHORS old mode 100755 new mode 100644 diff --git a/webclient/images/icons/LICENSE b/webclient/images/icons/LICENSE old mode 100755 new mode 100644 diff --git a/webclient/images/icons/cd_32x32.png b/webclient/images/icons/cd_32x32.png old mode 100755 new mode 100644 diff --git a/webclient/images/icons/pause_32x32.png b/webclient/images/icons/pause_32x32.png old mode 100755 new mode 100644 diff --git a/webclient/images/icons/play_alt_12x12.png b/webclient/images/icons/play_alt_12x12.png old mode 100755 new mode 100644 diff --git a/webclient/images/icons/play_alt_16x16.png b/webclient/images/icons/play_alt_16x16.png old mode 100755 new mode 100644 diff --git a/webclient/images/icons/play_alt_32x32.png b/webclient/images/icons/play_alt_32x32.png old mode 100755 new mode 100644 diff --git a/webclient/images/loader.gif b/webclient/images/loader.gif old mode 100755 new mode 100644 diff --git a/webclient/images/start.jpg b/webclient/images/start.jpg old mode 100755 new mode 100644 diff --git a/webclient/images/startup.png b/webclient/images/startup.png new file mode 100644 index 0000000..54684a4 Binary files /dev/null and b/webclient/images/startup.png differ diff --git a/webclient/images/user_24x32.png b/webclient/images/user_24x32.png new file mode 100644 index 0000000..929f40e Binary files /dev/null and b/webclient/images/user_24x32.png differ diff --git a/webclient/index.html b/webclient/index.html index e70912c..a0ab82c 100644 --- a/webclient/index.html +++ b/webclient/index.html @@ -24,7 +24,10 @@ new FastClick(document.body); }, false); - + + + + @@ -96,7 +99,7 @@ Settings
  • @@ -210,11 +213,12 @@
    -
    -
      +
      +
        -
        -
          +
          + +
            @@ -316,7 +320,7 @@

            Radio

            -
            +

              Add an url of a radio station stream that you want to listen to in the boxes below. The last 25 stations are saved locally (not on the server yet). To find stations, use the Browse function with extensions like Dirble or TuneIn, the right values will appear in these boxes automatically. Or use websites like Listenlive or '; + child = '

            • '; child += '

              ' + name + '

            • '; tmp += child; } diff --git a/webclient/js/functionsvars.js b/webclient/js/functionsvars.js index f428854..377971c 100644 --- a/webclient/js/functionsvars.js +++ b/webclient/js/functionsvars.js @@ -171,7 +171,7 @@ function renderSongLi(song, liID, uri, playlistType){ } function resultsToTables(results, target, uri) { -console.log(results, target, uri); +//console.log(results, target, uri); if (!results) { return } if (target == '#currenttable') { playlistType = 'playTrackQueueByUri'; @@ -278,7 +278,7 @@ console.log(results, target, uri); } //albums name } } - console.log(html); +// console.log(html); tableid = "#" + tableid; $(target).html(html); $(target).attr('data', uri); diff --git a/webclient/js/gui.js b/webclient/js/gui.js index 25a12d8..1b056e4 100644 --- a/webclient/js/gui.js +++ b/webclient/js/gui.js @@ -19,23 +19,38 @@ function resetSong() { setSongInfo(data); } } -//console.log('test'); function resizeMb() { $("#infoname").html(songdata.name); $("#infoartist").html(artiststext); // //set height of playlist scrollers +// togglePlaylists(); - if ($(window).width() > 480) { + if ($(window).width() > 960) { + $('#playlisttracksdiv').show(); + $('#playlistslistdiv').show(); + } else { + if ( $('#playlisttracksdiv').is(':visible') == $('#playlistslistdiv').is(':visible')) { + $('#playlisttracksdiv').hide(); + $('#playlistslistdiv').show(); + } + } + +/* if ($('#playlisttracksdiv').is(':visible') && !$('#playlisttracksback').is(':visible') ) { $('.scroll').height($(window).height() - 96); //jqm added something which it shouldnt (at least in this case) I guess // $('#playlistspane').removeClass('height').height($(window).height() - 110); $('.scroll').removeClass('height').removeClass('width'); $('#playlistspane').removeClass('height').removeClass('width'); +// $('#playlisttracksdiv').show(); +// $('#playlistslistdiv').show(); } else { $('.scroll').addClass('height', '99%').addClass('width', '99%'); $('#playlistspane').addClass('height', '99%').addClass('width', '99%'); +// $('#playlisttracksdiv').show(); +// $('#playlistslistdiv').show(); } +*/ /* if (isMobileWebkit && ($(window).width() > 480)) { playlistslistScroll.refresh(); diff --git a/webclient/js/lastfm.js b/webclient/js/lastfm.js index 44daed1..f3a5ed3 100644 --- a/webclient/js/lastfm.js +++ b/webclient/js/lastfm.js @@ -35,7 +35,7 @@ function getCover(nwartist, nwalbum, image, size) { }}); } function getArtistImage(nwartist, image, size) { - $(image).attr('src', '../images/icons/user_24x32.png'); + $(image).attr('src', '../images/user_24x32.png'); lastfm.artist.getInfo({artist: nwartist}, {success: function(data){ for (var i = 0; i < data.artist.image.length; i++) { if ( data.artist.image[i]['size'] == size) { diff --git a/webclient/js/library.js b/webclient/js/library.js index 1302ef0..59ce059 100644 --- a/webclient/js/library.js +++ b/webclient/js/library.js @@ -27,10 +27,12 @@ function initSearch() { delete customTracklists['albumresultscache']; delete customTracklists['trackresultscache']; $("#searchresults").hide(); - +// var limit = new Object; + mopidy.library.search({ - any : value + any: [value] }).then(processSearchResults, console.error); + console.log('search sent', value); } } @@ -38,6 +40,7 @@ function initSearch() { * process results of a search *********************************************************/ function processSearchResults(resultArr) { + console.log('srch', resultArr); $(SEARCH_TRACK_TABLE).empty(); $(SEARCH_ARTIST_TABLE).empty(); $(SEARCH_ALBUM_TABLE).empty(); @@ -46,7 +49,6 @@ function processSearchResults(resultArr) { var results = {'tracks': [], 'artists': [], 'albums': []}; var emptyResult = true; -// console.log(resultArr, 'resultArr'); for (var i = 0; i < resultArr.length; ++i) { for (var prop in results) { @@ -174,10 +176,17 @@ function getCurrentPlaylist() { /******************************************************** * Show tracks of playlist ********************************************************/ +function togglePlaylists() { + if ($(window).width() <= 960) { + $('#playlisttracksdiv').toggle(); + $('#playlistslistdiv').toggle(); + } + return true; +} + function showTracklist(uri) { $(PLAYLIST_TABLE).empty(); - $('#playlisttracksdiv').show(); - + togglePlaylists(); var pl = getPlaylistFromUri(uri); //load from cache if (pl) { @@ -192,7 +201,7 @@ function showTracklist(uri) { $(this).addClass('playlistactive'); } }); - scrollToTracklist(); +// scrollToTracklist(); //lookup recent tracklist mopidy.playlists.lookup(uri).then(processGetTracklist, console.error); return false; diff --git a/webclient/js/process_ws.js b/webclient/js/process_ws.js index 7fa9ef4..06e9d14 100644 --- a/webclient/js/process_ws.js +++ b/webclient/js/process_ws.js @@ -97,7 +97,8 @@ function processBrowseDir(resultArr) { rooturi = rooturi.slice(0, lastindex); if (browseStack.length > 0) { - child += '
            • ..

            • '; +// child += '
            • ..

            • '; + child += '
            • Back

            • '; } for (var i = 0; i < resultArr.length; i++) { @@ -160,10 +161,10 @@ function processGetTracklist(resultArr) { setSongInfo(); resultsToTables(playlists[newplaylisturi].tracks, PLAYLIST_TABLE, newplaylisturi); showLoading(false); - scrollToTracklist(); - if (isMobileWebkit) { - playlisttracksScroll.refresh(); - } +// scrollToTracklist(); +// if (isMobileWebkit) { +// playlisttracksScroll.refresh(); +// } } /******************************************************** diff --git a/webclient/js/radiostations.js b/webclient/js/radiostations.js old mode 100755 new mode 100644 diff --git a/webclient/mopidy b/webclient/mopidy index 3ab2164..f756a05 120000 --- a/webclient/mopidy +++ b/webclient/mopidy @@ -1 +1 @@ -/usr/share/mopidy/mopidy/http/data \ No newline at end of file +/usr/local/lib/python2.7/dist-packages/mopidy/http/data \ No newline at end of file diff --git a/webclient/settings/index.html b/webclient/settings/index.html index 5bfe16d..a15b6c2 100644 --- a/webclient/settings/index.html +++ b/webclient/settings/index.html @@ -26,7 +26,6 @@ -