From 80d3f66c436eb8aec4762b46989d42bf2cdb7aa1 Mon Sep 17 00:00:00 2001 From: RandomByte Date: Sun, 8 Sep 2013 19:58:23 +0200 Subject: [PATCH 1/3] =?UTF-8?q?Removed=20"width=3Ddevice-width=E2=80=9D=20?= =?UTF-8?q?from=20viewport=20meta-tag=20as=20it=20prevented=20iPhone=205's?= =?UTF-8?q?=20to=20go=20into=20fullscreen=20from=20an=20add=20to=20home=20?= =?UTF-8?q?screen=20link?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Updated add2home sources (minor change for iOS 7) --- webclient/css/add2home.css | 19 ++++++------------- webclient/index.html | 2 +- webclient/js/add2home.js | 8 ++++---- 3 files changed, 11 insertions(+), 18 deletions(-) diff --git a/webclient/css/add2home.css b/webclient/css/add2home.css index af38764..ecff0b1 100755 --- a/webclient/css/add2home.css +++ b/webclient/css/add2home.css @@ -123,12 +123,17 @@ width:18px; height:15px; background-repeat:no-repeat; - background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAQAAABDj1eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUKFNtkLtLw1AYxS/qJLhXVKr2ZRulUNtiqgSb3CziICI6ucTFVYcOnaQOFRwUnNTRwUWXgpP/QdHNUEQUHGxofYBTlRs83iZNjKTncOGe7/vx3QchXUWn6FL3jhfKUdCCr5zuifV5oDiHQM+c+CIhiiCSWNu08iq9oHXKLAiqrgR4UXqlOEYZt++ExEL0wW7+OW0G10muLv9gmqfe5FAWKmTMYQYiFL7PYwyLOD8lSjNh2gdnPzMII4QUBxc4OothbAF7GCBKQ0YbSWyPQsIhqvetS+y0ygGMo/KFZfviDvR4AhwgZU9dGYnA0J/6ndc15i3ouYIMcVVUcEXIoOxCeRCfwP8sXBSdjtpUv/1QW+K16kCCIUC4id9Fa0JtkluwVkSfqPL6RwfSDA0aNlx7k/bWgViB7bMS2/1vk5sdsZLN/ALSuL3tylO4RAAAAABJRU5ErkJggg==); + background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC); background-size:18px 15px; text-indent:-9999em; overflow:hidden; } +#addToHomeScreen .addToHomeShare.addToHomeShareOS7 { + width:11px; + background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAA8CAYAAAAQTCjdAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAASCQAAEgkB80sG3AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKjSURBVGiB7dpPiFVVHMDxz7m9NCtMyI2bEJEC25WrEkzHUXCRraIwdNE8ZxfYIlcis1ZEbGEzT1QCF4XgH1CyWhUoJKIWNRGEiCNKmkSiYTzfcfGuOokx77x3ZlS8382959zfn+/invvn3RdijHIRBrwkOINCYXEcdjpb7VyiYdBsLScwt5y6IloYdzqXo36Ro0gY9IKWo+5JwmzBt2HQnBw9ehYNazyn5TBee8Dh+Vq+CWu92GufnkTDR6ab7gDeBNHouMM/l9tXTXM0fGBmL726Fg1Dam74EsvKqR8VNowL2Yzj5f7rnnE4DHq2235diYYhhTGfC94up35T0y+6di/ITU0rKVd+sEi0P7xr2pSJOu8zvF+OzqEv7vDH/WFxt7/cshy/ticsN8sXYUht0kXDOlsF9XJ4UaEvNoz9X3zc5bKaZThbyr5jzJ4wlNY7KTgM+ES0vhz+KeiPw36fKC/ucAF9uFBOrTZm26SJCtaV27+xIo7cXdkTEhvOoh+XyxprU1qnim7CQdGK2HAyKRexYVShT3RItDElN+mkjiP2Ym+S3f01hv2EVal5WW6hU0ElmptaqJuBpXg6MbeFH2LDpU6CQ93zWIKnEvs0cayGU3glMfkOo1jQYewZzOuyz7FC95Jwo5OgUFfgeg993hh/eTqCTxOSm/iuk8DY0Ap1b2GhtHXxsfZN4j/X0fOx4auEIknEhqv4OiUn1L13Z/+xWfWVaG4q0dxUormpRHNTieamEs1NJZqbJ1Q0jHvdiJo5S2cVjSNOCHZhn3/SnuYnIvl3yomIIz7MXZMn9hydRCrR3FSiualEc1OJ5qYSzU0lmptKNDePjWgwcPePT7/g+4cp8wCW4GXaryK3tL+mLdD5x62ppllgu7bso8q/2HIbzGWdNmWnSJwAAAAASUVORK5CYII=); + background-size:11px 15px; +} /** * @@ -153,15 +158,3 @@ -webkit-background-clip:padding-box; background-clip:padding-box; } - - -/** - * - * The 'share' icon for retina display - * - */ -@media all and (-webkit-min-device-pixel-ratio: 2) { - #addToHomeScreen .addToHomeShare { - background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC); - } -} diff --git a/webclient/index.html b/webclient/index.html index 1ea745b..43dcdac 100755 --- a/webclient/index.html +++ b/webclient/index.html @@ -9,7 +9,7 @@ - + diff --git a/webclient/js/add2home.js b/webclient/js/add2home.js index 3c39ff0..a00a1a9 100755 --- a/webclient/js/add2home.js +++ b/webclient/js/add2home.js @@ -1,5 +1,5 @@ /*! - * Add to Homescreen v2.0.7 ~ Copyright (c) 2013 Matteo Spinelli, http://cubiq.org + * Add to Homescreen v2.0.8 ~ Copyright (c) 2013 Matteo Spinelli, http://cubiq.org * Released under MIT license, http://cubiq.org/license */ var addToHome = (function (w) { @@ -24,7 +24,7 @@ var addToHome = (function (w) { options = { autostart: true, // Automatically open the balloon - returningVisitor: false, // Show the balloon to returning visitors only (setting this to true is HIGHLY RECCOMENDED) + returningVisitor: false, // Show the balloon to returning visitors only (setting this to true is highly recommended) animationIn: 'drop', // drop || bubble || fade animationOut: 'fade', // drop || bubble || fade startDelay: 2000, // 2 seconds from page load before the balloon appears @@ -60,7 +60,7 @@ var addToHome = (function (w) { nl_nl: 'Installeer deze webapp op uw %device: tik %icon en dan Voeg toe aan beginscherm.', pl_pl: 'Aby zainstalować tę aplikacje na %device: naciśnij %icon a następnie Dodaj jako ikonę.', pt_br: 'Instale este aplicativo em seu %device: aperte %icon e selecione Adicionar à Tela Inicio.', - pt_pt: 'Para instalar esta aplicação no seu %device, prima o %icon e depois o Adicionar ao ecrã principal.', + pt_pt: 'Para instalar esta aplicação no seu %device, prima o %icon e depois em Adicionar ao ecrã principal.', ru_ru: 'Установите это веб-приложение на ваш %device: нажмите %icon, затем Добавить в «Домой».', sv_se: 'Lägg till denna webbapplikation på din %device: tryck på %icon och därefter Lägg till på hemskärmen.', th_th: 'ติดตั้งเว็บแอพฯ นี้บน %device ของคุณ: แตะ %icon และ เพิ่มที่หน้าจอโฮม', @@ -143,7 +143,7 @@ var addToHome = (function (w) { balloon.className = (isIPad ? 'addToHomeIpad' : 'addToHomeIphone') + (touchIcon ? ' addToHomeWide' : ''); balloon.innerHTML = touchIcon + - options.message.replace('%device', platform).replace('%icon', OSVersion >= 4.2 ? '' : '+') + + options.message.replace('%device', platform).replace('%icon', OSVersion >= 4.2 ? '' : '+') + (options.arrow ? '' : '') + (options.closeButton ? '\u00D7' : ''); From 58313a17212ab3322313654d4909687502c77d9c Mon Sep 17 00:00:00 2001 From: RandomByte Date: Sun, 8 Sep 2013 21:09:48 +0200 Subject: [PATCH 2/3] Added random number (0-100) to lastfm api jsonp callback-name to prevent undefined callbacks because they have been created at the exact same time. Now all covers are loading correctly --- webclient/js/lastfm.api.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/webclient/js/lastfm.api.js b/webclient/js/lastfm.api.js index e831b69..5336968 100755 --- a/webclient/js/lastfm.api.js +++ b/webclient/js/lastfm.api.js @@ -90,7 +90,7 @@ function LastFM(options){ /* Cross-domain GET request (JSONP). */ else{ /* Get JSONP callback name. */ - var jsonp = 'jsonp' + new Date().getTime(); + var jsonp = 'jsonp' + new Date().getTime() + Math.floor(Math.random()*101); /* Calculate cache hash. */ var hash = auth.getApiSignature(params); From 4e384a6eb7b3b01dcbeb85b1fdde4118b2988eb7 Mon Sep 17 00:00:00 2001 From: RandomByte Date: Sun, 8 Sep 2013 21:42:43 +0200 Subject: [PATCH 3/3] Moved Spotify's "Starred" playlist to the top of the playlist list as this is how Spotify does it in it's own clients and what users are used to. --- webclient/js/process_ws.js | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/webclient/js/process_ws.js b/webclient/js/process_ws.js index 4bf3578..88a13f8 100755 --- a/webclient/js/process_ws.js +++ b/webclient/js/process_ws.js @@ -65,11 +65,23 @@ function processGetPlaylists(resultArr) { if ((!resultArr) || (resultArr == '')) { return; } - var tmp = ''; + var tmp = '', + starredRegex = /spotify:user:.*:starred/g, + starred; + for (var i = 0; i < resultArr.length; i++) { var child = '
  • ' + resultArr[i].name + '
    • '; - tmp += child; + // Check if this is Spotify's "Starred" playlist + if(starredRegex.test(resultArr[i].uri)) + starred = child; + else + tmp += child; }; + + // Move Spotify "Starred" playlist to top as this is the way Spotify does it + if(starred) + tmp = starred + tmp; + $('#playlistslist').empty(); $('#playlistslist').html(tmp); scrollToTracklist();