diff --git a/AUTHORS b/AUTHORS index b4ebc54..ebd3de3 100644 --- a/AUTHORS +++ b/AUTHORS @@ -7,13 +7,3 @@ Webclient - André Gaul - Dāvis Mošenkovs - Bruce Tsai - -Mopidy: -https://github.com/mopidy/mopidy/blob/develop/AUTHORS - -Icons: -https://github.com/hybridgroup/betterfrontend/blob/master/iconic/AUTHORS - -Background: -Openclipart / Chrisdesign - diff --git a/README.rst b/README.rst index 94c8072..1dc0007 100644 --- a/README.rst +++ b/README.rst @@ -58,10 +58,35 @@ Project resources Changelog ========= +v2.2.0 (2016-03-01) +------------------- + +- Split vendor-provided JavaScript and CSS libraries into separate folders to make them easier to identify and maintain. + (Addresses: `#143 `_). +- Upgrade Font-Awesome libraries to version 4.5.0. +- Upgrade jQuery libraries to version 1.12.0. +- Upgrade last.fm JavaScript libraries to the latest version available on the GitHub master branch of the repository. +- Mopidy-Musicbox-Webclient is now distributed with a vendor copy of Mopidy.js. (Addresses: `#175 `_). + +**Fixes** + +- Remove unused iScroll libraries and references. +- Remove unused jQuery.Mobile.iScrollView libraries and references. +- Remove unused jQuery.Truncate libraries and references. +- Avoid polling for current track and time changes. (Fixes: `#40 `_). +- Prevent mobile devices from scaling when used in landscape mode. (Fixes: `#157 `_). +- Scrolling now works in full screen mode for Chrome and Safari as well. (Fixes: `#53 `_). +- No longer interferes with changes to Mopidy's volume levels that are triggered externally. (Fixes: `#162 `_). +- Volume slider now works with Mopidy-ALSAMixer again. (Fixes: `#168 `_). +- Now falls back to track artist if album artist is not available for rendering cover art. (Fixes: `#128 `_). +- Replace Javascript prompt with jQuery Mobile equivalent. (Fixes: `#113 `_). +- Fix playlist refresh button. (Fixes: `#173 `_). +- Update save queue functionality to use 'm3u' format. (Fixes: `#177 `_). + v2.1.1 (2016-02-04) ------------------- -- Replace Javascript for truncating text with more reliable CSS equivalent. +- Replace Javascript for truncating text with more reliable CSS equivalent. (Fixes: `#155 `_). v2.1.0 (2016-02-04) ------------------- @@ -82,7 +107,7 @@ v2.1.0 (2016-02-04) - Add application cache manifest file for quicker loads and to allow client devices to detect when local caches should be invalidated. - Use standard Mopidy mixer methods to mute / un-mute playback. -- Streams are now saved to the '[Radio Streams].m3u' playlist and are accessible from all clients. +- Streams are now saved to the '[Radio Streams].m3u' playlist and are accessible from all clients. Users with existing streamUris stored as browser cookies will be prompted to convert them to the new m3u backed scheme. - Mopidy-Musicbox-Webclient now requires at least Mopidy v1.1.0 or greater to be installed. diff --git a/mopidy_musicbox_webclient/__init__.py b/mopidy_musicbox_webclient/__init__.py index c672f93..1884794 100644 --- a/mopidy_musicbox_webclient/__init__.py +++ b/mopidy_musicbox_webclient/__init__.py @@ -4,7 +4,7 @@ import os from mopidy import config, ext -__version__ = '2.1.1' +__version__ = '2.2.0' class MusicBoxExtension(ext.Extension): diff --git a/mopidy_musicbox_webclient/static/css/font-awesome.min.css b/mopidy_musicbox_webclient/static/css/font-awesome.min.css deleted file mode 100644 index c18f8a9..0000000 --- a/mopidy_musicbox_webclient/static/css/font-awesome.min.css +++ /dev/null @@ -1,4 +0,0 @@ -/*! - * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome - * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) - */@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.1.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-square:before,.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"} \ No newline at end of file diff --git a/mopidy_musicbox_webclient/static/css/fonts/FontAwesome.otf b/mopidy_musicbox_webclient/static/css/fonts/FontAwesome.otf deleted file mode 100644 index 3461e3f..0000000 Binary files a/mopidy_musicbox_webclient/static/css/fonts/FontAwesome.otf and /dev/null differ diff --git a/mopidy_musicbox_webclient/static/css/fonts/fontawesome-webfont.eot b/mopidy_musicbox_webclient/static/css/fonts/fontawesome-webfont.eot deleted file mode 100644 index 6cfd566..0000000 Binary files a/mopidy_musicbox_webclient/static/css/fonts/fontawesome-webfont.eot and /dev/null differ diff --git a/mopidy_musicbox_webclient/static/css/fonts/fontawesome-webfont.svg b/mopidy_musicbox_webclient/static/css/fonts/fontawesome-webfont.svg deleted file mode 100644 index a9f8469..0000000 --- a/mopidy_musicbox_webclient/static/css/fonts/fontawesome-webfont.svg +++ /dev/null @@ -1,504 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/mopidy_musicbox_webclient/static/css/fonts/fontawesome-webfont.ttf b/mopidy_musicbox_webclient/static/css/fonts/fontawesome-webfont.ttf deleted file mode 100644 index 5cd6cff..0000000 Binary files a/mopidy_musicbox_webclient/static/css/fonts/fontawesome-webfont.ttf and /dev/null differ diff --git a/mopidy_musicbox_webclient/static/css/fonts/fontawesome-webfont.woff b/mopidy_musicbox_webclient/static/css/fonts/fontawesome-webfont.woff deleted file mode 100644 index 9eaecb3..0000000 Binary files a/mopidy_musicbox_webclient/static/css/fonts/fontawesome-webfont.woff and /dev/null differ diff --git a/mopidy_musicbox_webclient/static/css/iscroll-pull-icon@2x.png b/mopidy_musicbox_webclient/static/css/iscroll-pull-icon@2x.png deleted file mode 100644 index 97c8bda..0000000 Binary files a/mopidy_musicbox_webclient/static/css/iscroll-pull-icon@2x.png and /dev/null differ diff --git a/mopidy_musicbox_webclient/static/css/jquery.mobile.iscrollview-pull.css b/mopidy_musicbox_webclient/static/css/jquery.mobile.iscrollview-pull.css deleted file mode 100644 index 7db5f95..0000000 --- a/mopidy_musicbox_webclient/static/css/jquery.mobile.iscrollview-pull.css +++ /dev/null @@ -1,112 +0,0 @@ -/******************************************* - Default Pull-up and Pull-down styling - Replace/modify/override to your preferences -*******************************************/ -.iscroll-pullup { - /* The wrapper is position:relative or position:absolute, so the pullUp is positioned here - relative to the scroller, not the page. If we don't do this, the pullUp will initially - appear briefly at the bottom of content if content is shorter than the wrapper. - */ - position: absolute; /* relative to the scroller */ - bottom: 0; /* at the bottom of the scroller */ - width: 100%; -} - -.iscroll-pulldown, -.iscroll-pullup { - background: #fff; - height: 40px; - line-height: 40px; /* Center text vertically */ - font-weight: bold; - font-size: 14px; - color: #888; -} - - -/* MSIE not supported by iScroll, so not MSIE transitions or animation */ -.iscroll-pulldown .iscroll-pull-icon, -.iscroll-pullup .iscroll-pull-icon { - margin-left: 0.5em; - display: block; - float: left; - width: 40px; - height: 40px; - background: url(iscroll-pull-icon@2x.png) 0 0 no-repeat; - -webkit-background-size: 40px 80px; - -moz-background-size: 40px 80px; - -o-background-size: 40px 80px; - background-size: 40px 80px; - -webkit-transition: -webkit-transform 250ms linear; - -moz-transition: -moz-transform 250ms linear; - -o-transition: -o-transform 250ms linear; - transition: transform 250ms linear; -} - -/* Note that translateZ(0) triggers hardware acceleration on WebKit browsers - Acceleration is automatic on Mozilla */ - -.iscroll-pulldown .iscroll-pull-icon { - -webkit-transform: rotate(0deg) translateZ(0); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg) translateZ(0); -} - -.iscroll-pullup .iscroll-pull-icon { - -webkit-transform: rotate(-180deg) translateZ(0); - -moz-transform: rotate(-180deg); - -o-transform: rotate(-180deg); - transform: rotate(-180deg) translateZ(0); -} - -.iscroll-pulldown.iscroll-pull-pulled .iscroll-pull-icon { - -webkit-transform: rotate(-180deg) translateZ(0); - -moz-transform: rotate(-180deg); - -o-transform: rotate(-180deg); - transform: rotate(-180deg) translateZ(0); -} - -.iscroll-pullup.iscroll-pull-pulled .iscroll-pull-icon { - -webkit-transform: rotate(0deg) translateZ(0); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg) translateZ(0); -} - -.iscroll-pulldown.iscroll-pull-loading .iscroll-pull-icon, -.iscroll-pullup.iscroll-pull-loading .iscroll-pull-icon { - background-position: 0 100%; - -webkit-transform: rotate(0deg) translateZ(0); - -webkit-transition-duration: 0ms; - -webkit-animation: iscroll-pull-loading 2s infinite linear; - -moz-transform: rotate(0deg); - -moz-transition-duration: 0ms; - -moz-animation: iscroll-pull-loading 2s infinite linear; - -o-transform: rotate(0deg); - -o-transition-duration: 0ms; - -o-animation: iscroll-pull-loading 2s infinite linear; /* Opera 12+ only */ - transform: rotate(0deg) translateZ(0); - transition: transform 0ms linear; - animation: iscroll-pull-loading 2s infinite linear; - } - -@-webkit-keyframes iscroll-pull-loading { - from { -webkit-transform: rotate(0deg); } - to { -webkit-transform: rotate(360deg); } -} - -@-moz-keyframes iscroll-pull-loading { - from { -moz-transform: rotate(0deg); } - to { -moz-transform: rotate(360deg); } -} - -@-o-keyframes iscroll-pull-loading { - from { -o-transform: rotate(0deg); } - to { -o-transform: rotate(360deg); } -} - -@-keyframes iscroll-pull-loading { - from { transform: rotate(0deg); } - to { transform: rotate(360deg); } -} - diff --git a/mopidy_musicbox_webclient/static/css/jquery.mobile.iscrollview.css b/mopidy_musicbox_webclient/static/css/jquery.mobile.iscrollview.css deleted file mode 100644 index 025a9fa..0000000 --- a/mopidy_musicbox_webclient/static/css/jquery.mobile.iscrollview.css +++ /dev/null @@ -1,72 +0,0 @@ -/* The widget adds some styling that needs to be computed at run-time (min-height of scroller - * content so that pull-up will be hidden, and scroller margin transferred from wrapper padding.) - * All styles that are added staticly are added through this stylesheet, for maximum flexibility - * - * The widget adds these styles to page elements when it is constructed, and removes them when - * it is destroyed. The styling itself is added by this style sheet. So, any styles added here - * will be removed when the widget is destroyed. (For example, if you call "destroy" on the widget.) - */ - -/* The iscroll-page style is added to the page when the first iscrollview widget is created - * on the page, and removed when the last iscrollview widget on the page is destroyed. - */ -.iscroll-page { - /* Add any styles that you want on pages that use iScroll */ -} - -/* The wrapper is the element that contains the scroller. In the most typical usage, this - * is .ui-content, but could be any element. */ -.iscroll-wrapper { - min-height: 0; /* Override any min-height, for example, in case a background image is - used on ui-content div used as wrapper. */ - - /* The wrapper needs to be positioned relative or absolute for proper positioning of the - scrollbar with iscroll4 default styling of the scrollbar. Either relative or absolute on the - wrapper will cause the absolute positioning of the scrollbar in iScroll to be relative to - the wrapper. */ - position: relative; - - /* iScroll examples all show the z-index of the wrapper raised to 1 (default is 0). There may - be an issue related to touch/click that this solves on specific platforms or depending on - the ordering of elements in the HTML source if elements are fixed positioned. - This would make sure that the wrapper sees click before underlying content. ' - - Howver, raising the wrapper Z-index creates a serious problem on page transitions on - iPhone, so I don't use it here. */ - -} - -/* The scroller is the element that contains the elements that are scrolled. The height of this - * element is typically longer than the wrapper. (It's the stuff that we scroll.) The widget - * creates this element for you. It wraps all of the children of the wrapper. - */ -.iscroll-scroller { - /* Add any styles that you want to add to scrollers */ -} - -/* The "fixed" elements are the elements that are outside of the wrapper. The widget will - * set headers and footers to this style, as well as any element that has a data-iscroll-fixed - * attribute. The widget adds-up the height of these elements when it sizes the wrapper. - */ -.iscroll-fixed { - /* One often sees headers/footers/etc. raised to a z-index of 1000 in iScroll examples. This - is probably because the scroll bar has been mis-placed, and raising the z-index of the - header/footer masks the problem. I don't do it here. */ - - /* Add any styles that you want to add to fixed elements */ -} - -/* iscroll-content is the content that is scrolled - NOT including any pull-down and pull-up - * element, and also not including a special placeholder element used when there is a pull-up. - */ -.iscroll-content { - /* Add any styles that you want to add to iscroll content */ -} - - -/* Note on scrollbar styles: iscroll4 adds inline CSS to the scrollbar when it creates it. - It sets the z-index to 100 and positions it relative to the wrapper, at the right edge of - the wrapper. If you want to override this behaviour, set the scrollBarClass option, and then - style that class as you please */ - -/* See jquery.mobile.iscroll-pulldown.css for styling of pull-down and pull-up elements */ \ No newline at end of file diff --git a/mopidy_musicbox_webclient/static/css/webclient.css b/mopidy_musicbox_webclient/static/css/webclient.css index fb85e39..68ece16 100644 --- a/mopidy_musicbox_webclient/static/css/webclient.css +++ b/mopidy_musicbox_webclient/static/css/webclient.css @@ -14,18 +14,6 @@ ****************************/ @media all and (min-width: 961px) { - /*header*/ - .header-breakpoint.ui-grid-b .ui-block-a { - width: 30%; - } - - .header-breakpoint.ui-grid-b .ui-block-b { - width: 30%; - } - - .header-breakpoint.ui-grid-b .ui-block-c { - width: 30.1%; - } /*playlists*/ .pl-breakpoint.ui-grid-a .ui-block-a { @@ -49,15 +37,15 @@ } #playlisttracksback { - display:none; + display: none; } #playlisttracksdiv { - display:block; + display: block; } #playlistslistdiv { - display:block; + display: block; } /*search*/ @@ -65,81 +53,60 @@ margin-left: .5em; } - .srch-breakpoint.ui-grid-a .ui-block-a, .srch-breakpoint.ui-grid-a .ui-block-b { + .srch-breakpoint.ui-grid-a .ui-block-a, + .srch-breakpoint.ui-grid-a .ui-block-b { width: 49%; } } /* phone landscape */ @media all and (max-width: 960px) { - /*header*/ - .header-breakpoint.ui-grid-b .ui-block-a { - width: 35%; - clear: left; - } - - .header-breakpoint.ui-grid-b .ui-block-b { - display: none; - } - - .header-breakpoint.ui-grid-b .ui-block-c { - width: 33%; - } /*playlists*/ - .pl-breakpoint .ui-block-a, .pl-breakpoint .ui-block-b { + .pl-breakpoint .ui-block-a, + .pl-breakpoint .ui-block-b { width: 100%; - } + } /*search*/ - .srch-breakpoint.ui-grid-a .ui-block-a, .srch-breakpoint.ui-grid-a .ui-block-b { + .srch-breakpoint.ui-grid-a .ui-block-a, + .srch-breakpoint.ui-grid-a .ui-block-b { width: 100%; } #playlisttracksback { - display:block; + display: block; } #playlisttracksdiv { - display:none; + display: none; } #playlistslistdiv { - display:block; + display: block; } - } /***************************** * Side Panel and Navigation * *****************************/ -.mainNav .fa{ +.mainNav .fa { float: right; } -.mainNav .navtxt{ +.mainNav .navtxt { float: left; } -.mainNav .navtxt:after{ +.mainNav .navtxt:after { clear: left; } -.bottom{ - width: 100%; - margin: -15px; - margin-top: 30px; -} - -/**headers and controls**/ -#nextimg, #previmg, #backimg, #controlsimg { - margin-top: 6px; -} - #contentHeadline a { color:white; } +/**headers and controls**/ #headermenubtn { padding-top: 2px; } @@ -170,20 +137,15 @@ /* Increase slider handle by 30%. */ .ui-slider-track.ui-mini .ui-slider-handle { - height: 22px; - width: 22px; - margin: -12px 0 0 -12px; + height: 22px; + width: 22px; + margin: -12px 0 0 -12px; } .ui-slider-input { display: none !important; } -#songelapsed, #songlength { - font-size: 10px; - margin-top: 12px; -} - /************************ * Volume Slider ***********************/ @@ -201,7 +163,7 @@ /******************** * Pages, content * ********************/ -#page{ +#page { background-color: #fff; } @@ -217,11 +179,16 @@ display: none; } -#currentpane, #searchpane, #albumspane, #artistspane, #streampane { - display: none; +#currentpane, +#searchpane, +#albumspane, +#artistspane, +#streampane { + display: none; } -#artistviewimage, #albumviewcover { +#artistviewimage, +#albumviewcover { float: right; height: 90px; max-width: 90%; @@ -229,7 +196,7 @@ /*** home ***/ #homerows div { - text-align:center; + text-align: center; background-color: #2C3E50; padding: 2px; padding-top: 20px; @@ -261,7 +228,7 @@ .table { padding: 0; - list-style-type:none; + list-style-type: none; } .table li:last-child { @@ -313,7 +280,7 @@ background-position: 4px 51%; } .currenttrack { - background-image: url('../images/icons/play_alt_16x16.png'); + background-image: url('../images/icons/play_alt_16x16.png'); background-repeat: no-repeat; background-color: #eee; background-position: 4px 50%; @@ -338,7 +305,7 @@ * Now Playing area * **********************/ -#nowPlayingFooter{ +#nowPlayingFooter { height: 50px; line-height: 48px; text-align: center; @@ -353,8 +320,8 @@ .footerControls div span { padding-left: 3px; padding-right: 3px; - height: 100%; - vertical-align: middle; + height: 100%; + vertical-align: middle; } .footerControls #btplayNowPlaying { @@ -371,11 +338,15 @@ text-decoration: none; } -.popupArtistName, .popupTrackName, .popupAlbumName, .popupArtistName { +.popupArtistName, +.popupTrackName, +.popupAlbumName, +.popupArtistName { font-style: oblique; } -#controlspopup, #artistpopup, #coverpopup { +#artistpopup, +#coverpopup { max-width: 90%; background: white; padding: 5px; @@ -386,79 +357,68 @@ margin-top: 10px; } -#buttons, #controlspopupimage, #coverpopupimage, #artistpopupimage { +#controlspopupimage, +#coverpopupimage, +#artistpopupimage { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; - max-width:90%; - max-height:90%; + max-width: 90%; + max-height: 90%; } -#buttons { - font-size: 24px; - padding-right: 15px; - margin-bottom: 15px; -} - -#popupTracksLv li, #popupQueueLv li { +#popupTracksLv li, +#popupQueueLv li { border-bottom: 1px solid #aaa; } -#popupTracksLv, #popupQueueLv { +#popupTracksLv, +#popupQueueLv { border: 1px solid #aaa; } +.popupDialog { + padding: 10px; +} + /*dont hide clear buttons in text input */ .ui-input-clear-hidden { - display:block !important; -} + display: block !important; +} /**************** * Common use * ****************/ #playlistspane { - margin: 0px !important; + margin: 0 !important; } a { text-decoration: none !important; } -.nobreak, .btsquare { - display: inline !important; -} - .pull-right { float: right; + font-size: 10px; + margin-top: 12px; } .pull-left { float: left; + font-size: 10px; + margin-top: 12px; } -.hidden, #allresultloader, .loader { - display: none; -} - -.breakafter { - margin-right: 15px; -} - -.pright { - display: inline; - margin-top: 4px; - float: right; -} /********************** * Song information * **********************/ -.ui-footer{ +.ui-footer { border: 0px; } -#normalFooter{ +#normalFooter { height: 50px; line-height: 48px; text-align: center; @@ -509,22 +469,14 @@ a { padding: 3px; } -#nowPlayingpane{ +#nowPlayingpane { text-align: center; } /*helper*/ -.hidden{ - display: none; -} -.ui-loader h1{ - color: #efefef; -} -.settingscoll label { - font-size: 120%; - font-weight: bold; - padding-top: 30px; +.ui-loader h1 { + color: #efefef; } /* panel workaround to make it responsive wrap push on wide viewports once open */ @@ -548,35 +500,26 @@ a { } } /*smartphones*/ -@media (max-width: 35em){ - #nowPlayingpane{ - padding: 15px 25px 0px 25px; - } - - #nowPlayingpane #controlspopupimage{ - max-width:90%; - max-height:90%; +@media (max-width: 35em) { + #nowPlayingpane { + padding: 15px 25px 0 25px; + max-width: 90%; + max-height: 90%; } .nowPlaying-artistInfo { font-size: 12px; } - .nowPlaying-artistInfo h4{ - margin: 0px; - font-weight: normal; - font-size: 12px; - } - - .nowPlaying-artistInfo h3{ - margin: 0px 0px 3px 00px; + .nowPlaying-artistInfo h3 { + margin: 0 0 3px 0; white-space: nowrap; overflow: hidden; } - #controlspopupimage{ - max-width:90%; - max-height:90%; + #controlspopupimage { + max-width: 90%; + max-height: 90%; margin-bottom: 3px; } @@ -609,7 +552,3 @@ input[type=text] { -o-user-select: text; user-select: text; } - -.mediaicon { - float: right; -} \ No newline at end of file diff --git a/mopidy_musicbox_webclient/static/dialog-success.html b/mopidy_musicbox_webclient/static/dialog-success.html index becda13..642c995 100644 --- a/mopidy_musicbox_webclient/static/dialog-success.html +++ b/mopidy_musicbox_webclient/static/dialog-success.html @@ -1,11 +1,12 @@ + Success dialog - - - + + + diff --git a/mopidy_musicbox_webclient/static/images/icons/AUTHORS b/mopidy_musicbox_webclient/static/images/icons/AUTHORS deleted file mode 100644 index aff50f0..0000000 --- a/mopidy_musicbox_webclient/static/images/icons/AUTHORS +++ /dev/null @@ -1,10 +0,0 @@ -Iconic was created and is maintained primarily by P.J. Onori (www.github.com/somerandomdude) - - -Many thanks to all the contributors of Iconic. Their help has added immeasurable worth to the project. - -Philip Shaw (www.codestyle.org): Provided guidance for Unicode assignment method in Iconic's fonts. - -Yann Hourdel (www.github.com/yhourdel): Developed the font creation Python scripts. - -Ian Storm Taylor (www.github.com/ianstormtaylor): Created JSON files containing Unicode character assignments in Iconic's font files for better browser compatibility and easier management for font creation. \ No newline at end of file diff --git a/mopidy_musicbox_webclient/static/images/icons/LICENSE b/mopidy_musicbox_webclient/static/images/icons/LICENSE deleted file mode 100644 index f718f1d..0000000 --- a/mopidy_musicbox_webclient/static/images/icons/LICENSE +++ /dev/null @@ -1,82 +0,0 @@ -This work is licensed under Creative Commons' Attribution-ShareAlike 3.0 United States (CC BY-SA 3.0) - http://creativecommons.org/licenses/by-sa/3.0/us/ - -If you use these icons, please add a link to Iconic (http://somerandomdude.com/work/iconic/) somewhere on your site or in your app. - - - -LEGAL MUMBO-JUMBO - -You are free: - -to Share — to copy, distribute and transmit the work -to Remix — to adapt the work -to make commercial use of the work - -Under the following conditions: - -Attribution — You must attribute the work in the manner specified by the author or licensor (but not in any way that suggests that they endorse you or your use of the work). -Share Alike — If you alter, transform, or build upon this work, you may distribute the resulting work only under the same or similar license to this one. -With the understanding that: - -Waiver — Any of the above conditions can be waived if you get permission from the copyright holder. -Public Domain — Where the work or any of its elements is in the public domain under applicable law, that status is in no way affected by the license. -Other Rights — In no way are any of the following rights affected by the license: -Your fair dealing or fair use rights, or other applicable copyright exceptions and limitations; -Apart from the remix rights granted under this license, the author's moral rights; -Rights other persons may have either in the work itself or in how the work is used, such as publicity or privacy rights. -Notice — For any reuse or distribution, you must make clear to others the license terms of this work. The best way to do this is with a link to this web page. - - -Full License - -THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED. - -BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND CONDITIONS. - -1. Definitions - -"Collective Work" means a work, such as a periodical issue, anthology or encyclopedia, in which the Work in its entirety in unmodified form, along with one or more other contributions, constituting separate and independent works in themselves, are assembled into a collective whole. A work that constitutes a Collective Work will not be considered a Derivative Work (as defined below) for the purposes of this License. -"Creative Commons Compatible License" means a license that is listed at http://creativecommons.org/compatiblelicenses that has been approved by Creative Commons as being essentially equivalent to this License, including, at a minimum, because that license: (i) contains terms that have the same purpose, meaning and effect as the License Elements of this License; and, (ii) explicitly permits the relicensing of derivatives of works made available under that license under this License or either a Creative Commons unported license or a Creative Commons jurisdiction license with the same License Elements as this License. -"Derivative Work" means a work based upon the Work or upon the Work and other pre-existing works, such as a translation, musical arrangement, dramatization, fictionalization, motion picture version, sound recording, art reproduction, abridgment, condensation, or any other form in which the Work may be recast, transformed, or adapted, except that a work that constitutes a Collective Work will not be considered a Derivative Work for the purpose of this License. For the avoidance of doubt, where the Work is a musical composition or sound recording, the synchronization of the Work in timed-relation with a moving image ("synching") will be considered a Derivative Work for the purpose of this License. -"License Elements" means the following high-level license attributes as selected by Licensor and indicated in the title of this License: Attribution, ShareAlike. -"Licensor" means the individual, individuals, entity or entities that offers the Work under the terms of this License. -"Original Author" means the individual, individuals, entity or entities who created the Work. -"Work" means the copyrightable work of authorship offered under the terms of this License. -"You" means an individual or entity exercising rights under this License who has not previously violated the terms of this License with respect to the Work, or who has received express permission from the Licensor to exercise rights under this License despite a previous violation. -2. Fair Use Rights. Nothing in this license is intended to reduce, limit, or restrict any rights arising from fair use, first sale or other limitations on the exclusive rights of the copyright owner under copyright law or other applicable laws. - -3. License Grant. Subject to the terms and conditions of this License, Licensor hereby grants You a worldwide, royalty-free, non-exclusive, perpetual (for the duration of the applicable copyright) license to exercise the rights in the Work as stated below: - -to reproduce the Work, to incorporate the Work into one or more Collective Works, and to reproduce the Work as incorporated in the Collective Works; -to create and reproduce Derivative Works provided that any such Derivative Work, including any translation in any medium, takes reasonable steps to clearly label, demarcate or otherwise identify that changes were made to the original Work. For example, a translation could be marked "The original work was translated from English to Spanish," or a modification could indicate "The original work has been modified."; -to distribute copies or phonorecords of, display publicly, perform publicly, and perform publicly by means of a digital audio transmission the Work including as incorporated in Collective Works; -to distribute copies or phonorecords of, display publicly, perform publicly, and perform publicly by means of a digital audio transmission Derivative Works. -For the avoidance of doubt, where the Work is a musical composition: - -Performance Royalties Under Blanket Licenses. Licensor waives the exclusive right to collect, whether individually or, in the event that Licensor is a member of a performance rights society (e.g. ASCAP, BMI, SESAC), via that society, royalties for the public performance or public digital performance (e.g. webcast) of the Work. -Mechanical Rights and Statutory Royalties. Licensor waives the exclusive right to collect, whether individually or via a music rights agency or designated agent (e.g. Harry Fox Agency), royalties for any phonorecord You create from the Work ("cover version") and distribute, subject to the compulsory license created by 17 USC Section 115 of the US Copyright Act (or the equivalent in other jurisdictions). -Webcasting Rights and Statutory Royalties. For the avoidance of doubt, where the Work is a sound recording, Licensor waives the exclusive right to collect, whether individually or via a performance-rights society (e.g. SoundExchange), royalties for the public digital performance (e.g. webcast) of the Work, subject to the compulsory license created by 17 USC Section 114 of the US Copyright Act (or the equivalent in other jurisdictions). -The above rights may be exercised in all media and formats whether now known or hereafter devised. The above rights include the right to make such modifications as are technically necessary to exercise the rights in other media and formats. All rights not expressly granted by Licensor are hereby reserved. - -4. Restrictions. The license granted in Section 3 above is expressly made subject to and limited by the following restrictions: - -You may distribute, publicly display, publicly perform, or publicly digitally perform the Work only under the terms of this License, and You must include a copy of, or the Uniform Resource Identifier for, this License with every copy or phonorecord of the Work You distribute, publicly display, publicly perform, or publicly digitally perform. You may not offer or impose any terms on the Work that restrict the terms of this License or the ability of a recipient of the Work to exercise of the rights granted to that recipient under the terms of the License. You may not sublicense the Work. You must keep intact all notices that refer to this License and to the disclaimer of warranties. When You distribute, publicly display, publicly perform, or publicly digitally perform the Work, You may not impose any technological measures on the Work that restrict the ability of a recipient of the Work from You to exercise of the rights granted to that recipient under the terms of the License. This Section 4(a) applies to the Work as incorporated in a Collective Work, but this does not require the Collective Work apart from the Work itself to be made subject to the terms of this License. If You create a Collective Work, upon notice from any Licensor You must, to the extent practicable, remove from the Collective Work any credit as required by Section 4(c), as requested. If You create a Derivative Work, upon notice from any Licensor You must, to the extent practicable, remove from the Derivative Work any credit as required by Section 4(c), as requested. -You may distribute, publicly display, publicly perform, or publicly digitally perform a Derivative Work only under: (i) the terms of this License; (ii) a later version of this License with the same License Elements as this License; (iii) either the Creative Commons (Unported) license or a Creative Commons jurisdiction license (either this or a later license version) that contains the same License Elements as this License (e.g. Attribution-ShareAlike 3.0 (Unported)); (iv) a Creative Commons Compatible License. If you license the Derivative Work under one of the licenses mentioned in (iv), you must comply with the terms of that license. If you license the Derivative Work under the terms of any of the licenses mentioned in (i), (ii) or (iii) (the "Applicable License"), you must comply with the terms of the Applicable License generally and with the following provisions: (I) You must include a copy of, or the Uniform Resource Identifier for, the Applicable License with every copy or phonorecord of each Derivative Work You distribute, publicly display, publicly perform, or publicly digitally perform; (II) You may not offer or impose any terms on the Derivative Works that restrict the terms of the Applicable License or the ability of a recipient of the Work to exercise the rights granted to that recipient under the terms of the Applicable License; (III) You must keep intact all notices that refer to the Applicable License and to the disclaimer of warranties; and, (IV) when You distribute, publicly display, publicly perform, or publicly digitally perform the Work, You may not impose any technological measures on the Derivative Work that restrict the ability of a recipient of the Derivative Work from You to exercise the rights granted to that recipient under the terms of the Applicable License. This Section 4(b) applies to the Derivative Work as incorporated in a Collective Work, but this does not require the Collective Work apart from the Derivative Work itself to be made subject to the terms of the Applicable License. -If You distribute, publicly display, publicly perform, or publicly digitally perform the Work (as defined in Section 1 above) or any Derivative Works (as defined in Section 1 above) or Collective Works (as defined in Section 1 above), You must, unless a request has been made pursuant to Section 4(a), keep intact all copyright notices for the Work and provide, reasonable to the medium or means You are utilizing: (i) the name of the Original Author (or pseudonym, if applicable) if supplied, and/or (ii) if the Original Author and/or Licensor designate another party or parties (e.g. a sponsor institute, publishing entity, journal) for attribution ("Attribution Parties") in Licensor's copyright notice, terms of service or by other reasonable means, the name of such party or parties; the title of the Work if supplied; to the extent reasonably practicable, the Uniform Resource Identifier, if any, that Licensor specifies to be associated with the Work, unless such URI does not refer to the copyright notice or licensing information for the Work; and, consistent with Section 3(b) in the case of a Derivative Work, a credit identifying the use of the Work in the Derivative Work (e.g., "French translation of the Work by Original Author," or "Screenplay based on original Work by Original Author"). The credit required by this Section 4(c) may be implemented in any reasonable manner; provided, however, that in the case of a Derivative Work or Collective Work, at a minimum such credit will appear, if a credit for all contributing authors of the Derivative Work or Collective Work appears, then as part of these credits and in a manner at least as prominent as the credits for the other contributing authors. For the avoidance of doubt, You may only use the credit required by this Section for the purpose of attribution in the manner set out above and, by exercising Your rights under this License, You may not implicitly or explicitly assert or imply any connection with, sponsorship or endorsement by the Original Author, Licensor and/or Attribution Parties, as appropriate, of You or Your use of the Work, without the separate, express prior written permission of the Original Author, Licensor and/or Attribution Parties. -5. Representations, Warranties and Disclaimer - -UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR OFFERS THE WORK AS-IS AND ONLY TO THE EXTENT OF ANY RIGHTS HELD IN THE LICENSED WORK BY THE LICENSOR. THE LICENSOR MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE, INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MARKETABILITY, MERCHANTIBILITY, FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS, WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU. - -6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. - -7. Termination - -This License and the rights granted hereunder will terminate automatically upon any breach by You of the terms of this License. Individuals or entities who have received Derivative Works or Collective Works from You under this License, however, will not have their licenses terminated provided such individuals or entities remain in full compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8 will survive any termination of this License. -Subject to the above terms and conditions, the license granted here is perpetual (for the duration of the applicable copyright in the Work). Notwithstanding the above, Licensor reserves the right to release the Work under different license terms or to stop distributing the Work at any time; provided, however that any such election will not serve to withdraw this License (or any other license that has been, or is required to be, granted under the terms of this License), and this License will continue in full force and effect unless terminated as stated above. -8. Miscellaneous - -Each time You distribute or publicly digitally perform the Work (as defined in Section 1 above) or a Collective Work (as defined in Section 1 above), the Licensor offers to the recipient a license to the Work on the same terms and conditions as the license granted to You under this License. -Each time You distribute or publicly digitally perform a Derivative Work, Licensor offers to the recipient a license to the original Work on the same terms and conditions as the license granted to You under this License. -If any provision of this License is invalid or unenforceable under applicable law, it shall not affect the validity or enforceability of the remainder of the terms of this License, and without further action by the parties to this agreement, such provision shall be reformed to the minimum extent necessary to make such provision valid and enforceable. -No term or provision of this License shall be deemed waived and no breach consented to unless such waiver or consent shall be in writing and signed by the party to be charged with such waiver or consent. -This License constitutes the entire agreement between the parties with respect to the Work licensed here. There are no understandings, agreements or representations with respect to the Work not specified here. Licensor shall not be bound by any additional provisions that may appear in any communication from You. This License may not be modified without the mutual written agreement of the Licensor and You. \ No newline at end of file diff --git a/mopidy_musicbox_webclient/static/images/startup.png b/mopidy_musicbox_webclient/static/images/startup.png deleted file mode 100644 index 54684a4..0000000 Binary files a/mopidy_musicbox_webclient/static/images/startup.png and /dev/null differ diff --git a/mopidy_musicbox_webclient/static/index.html b/mopidy_musicbox_webclient/static/index.html index f333c06..22a9158 100644 --- a/mopidy_musicbox_webclient/static/index.html +++ b/mopidy_musicbox_webclient/static/index.html @@ -1,9 +1,10 @@ - + + Musicbox - - + + + - - - - + + + @@ -98,13 +90,9 @@ Alarm Clock - - -
  • +
  • + value="0" max="100"/>
    • @@ -131,14 +119,14 @@

    - + Album cover
    Close

     

    - + Album artist
    @@ -183,8 +171,7 @@ Show Album
  • - Show Artist + Show Artist
    • @@ -208,8 +195,7 @@ Show Album
  • - Show Artist + Show Artist
    • @@ -221,6 +207,37 @@
    +
    +
    +

    Save current queue to a playlist. + +

    + + +
    +
    +
    + + + +
    +
    +

    Overwrite existing playlist with same name? +

    + + +
    +
    +