├── .gitignore
├── .htaccess
├── Gruntfile.js
├── LICENSE.md
├── MANIFEST.in
├── README.md
├── Screenshots
    ├── desktop-artist.jpg
    ├── desktop-artists.jpg
    ├── desktop-dragging.jpg
    ├── desktop-featured.jpg
    ├── desktop-genre.jpg
    ├── desktop-playlist.jpg
    ├── desktop-queue.jpg
    ├── desktop-search.jpg
    └── overview.jpg
├── mopidy_spotmop
    ├── __init__.py
    ├── ext.conf
    ├── frontend.py
    ├── mem.py
    ├── pusher.py
    └── static
    │   ├── app-annotated.js
    │   ├── app.css
    │   ├── app.css.map
    │   ├── app.js
    │   ├── app.min.css
    │   ├── app.min.css.map
    │   ├── app.min.js
    │   ├── app.min.js.map
    │   ├── app
    │       ├── app.js
    │       ├── browse
    │       │   ├── album
    │       │   │   ├── controller.js
    │       │   │   └── template.html
    │       │   ├── artist
    │       │   │   ├── biography.template.html
    │       │   │   ├── controller.js
    │       │   │   ├── overview.template.html
    │       │   │   ├── related.template.html
    │       │   │   └── template.html
    │       │   ├── controller.js
    │       │   ├── featured
    │       │   │   ├── controller.js
    │       │   │   └── template.html
    │       │   ├── genre
    │       │   │   ├── category.template.html
    │       │   │   ├── controller.js
    │       │   │   └── template.html
    │       │   ├── new
    │       │   │   ├── controller.js
    │       │   │   └── template.html
    │       │   ├── playlist
    │       │   │   ├── controller.js
    │       │   │   └── template.html
    │       │   ├── template.html
    │       │   └── user
    │       │   │   ├── controller.js
    │       │   │   └── template.html
    │       ├── common
    │       │   ├── artistlist.template.html
    │       │   ├── contextmenu
    │       │   │   ├── directive.js
    │       │   │   └── template.html
    │       │   ├── directives.js
    │       │   ├── dropdown-field.template.html
    │       │   ├── genrelist.template.html
    │       │   ├── mainmenu.template.html
    │       │   ├── slider.template.html
    │       │   ├── thumbnail.template.html
    │       │   └── tracklist
    │       │   │   ├── localtrack.template.html
    │       │   │   ├── service.js
    │       │   │   ├── template.html
    │       │   │   ├── tltrack.template.html
    │       │   │   ├── track.directive.js
    │       │   │   ├── track.template.html
    │       │   │   └── tracklist.directive.js
    │       ├── discover
    │       │   ├── controller.js
    │       │   ├── recommendations.template.html
    │       │   ├── similar.template.html
    │       │   └── template.html
    │       ├── library
    │       │   ├── albums.template.html
    │       │   ├── artists.template.html
    │       │   ├── controller.js
    │       │   ├── files.template.html
    │       │   ├── local.template.html
    │       │   ├── playlists.template.html
    │       │   ├── template.html
    │       │   └── tracks.template.html
    │       ├── local
    │       │   ├── albums.html
    │       │   ├── artists.html
    │       │   ├── controller.js
    │       │   ├── directory.html
    │       │   ├── index.html
    │       │   └── template.html
    │       ├── player
    │       │   ├── controller.js
    │       │   ├── service.js
    │       │   └── template.html
    │       ├── queue
    │       │   ├── controller.js
    │       │   └── template.html
    │       ├── search
    │       │   ├── controller.js
    │       │   └── template.html
    │       ├── services
    │       │   ├── dialog
    │       │   │   ├── addbyuri.template.html
    │       │   │   ├── addtoplaylist.template.html
    │       │   │   ├── createplaylist.template.html
    │       │   │   ├── editplaylist.template.html
    │       │   │   ├── initialsetup.template.html
    │       │   │   ├── service.js
    │       │   │   ├── template.html
    │       │   │   └── volumecontrols.template.html
    │       │   ├── lastfm
    │       │   │   └── service.js
    │       │   ├── mopidy
    │       │   │   └── service.js
    │       │   ├── notify
    │       │   │   ├── service.js
    │       │   │   └── template.html
    │       │   ├── playlist-manager
    │       │   │   └── service.js
    │       │   ├── pusher
    │       │   │   └── service.js
    │       │   └── spotify
    │       │   │   ├── service.js
    │       │   │   └── spotify.js
    │       └── settings
    │       │   ├── controller.js
    │       │   ├── service.js
    │       │   ├── template.html
    │       │   └── testing.template.html
    │   ├── assets
    │       ├── backgrounds
    │       │   ├── afternoon.jpg
    │       │   ├── category-albums.jpg
    │       │   ├── category-artists.jpg
    │       │   ├── category-directory.jpg
    │       │   ├── commute.jpg
    │       │   ├── dinner.jpg
    │       │   ├── evening.jpg
    │       │   ├── late.jpg
    │       │   ├── midday.jpg
    │       │   └── morning.jpg
    │       ├── css
    │       │   ├── style.css
    │       │   └── style.min.css
    │       ├── favicon.ico
    │       ├── favicon.psd
    │       ├── fonts
    │       │   ├── Archivo-Narrow-700.eot
    │       │   ├── Archivo-Narrow-700.svg
    │       │   ├── Archivo-Narrow-700.ttf
    │       │   ├── Archivo-Narrow-700.woff
    │       │   ├── Archivo-Narrow-700.woff2
    │       │   ├── Archivo-Narrow-regular.eot
    │       │   ├── Archivo-Narrow-regular.svg
    │       │   ├── Archivo-Narrow-regular.ttf
    │       │   ├── Archivo-Narrow-regular.woff
    │       │   ├── Archivo-Narrow-regular.woff2
    │       │   ├── FontAwesome.otf
    │       │   ├── Roboto-regular.eot
    │       │   ├── Roboto-regular.svg
    │       │   ├── Roboto-regular.ttf
    │       │   ├── Roboto-regular.woff
    │       │   ├── Roboto-regular.woff2
    │       │   ├── fontawesome-webfont.eot
    │       │   ├── fontawesome-webfont.svg
    │       │   ├── fontawesome-webfont.ttf
    │       │   ├── fontawesome-webfont.woff
    │       │   └── fontawesome-webfont.woff2
    │       ├── icons
    │       │   ├── cd.svg
    │       │   ├── chevron-left.svg
    │       │   ├── chevron-right.svg
    │       │   ├── close-black.svg
    │       │   ├── close-white.svg
    │       │   ├── cog.svg
    │       │   ├── compass.svg
    │       │   ├── filter.svg
    │       │   ├── folder.svg
    │       │   ├── grid.svg
    │       │   ├── icons-single.ai
    │       │   ├── icons.ai
    │       │   ├── icons.svg
    │       │   ├── leaf.svg
    │       │   ├── list.svg
    │       │   ├── local.svg
    │       │   ├── mic.svg
    │       │   ├── music.svg
    │       │   ├── play.svg
    │       │   ├── playlist.svg
    │       │   ├── search.svg
    │       │   ├── sections.svg
    │       │   ├── soundcloud.svg
    │       │   ├── source-icons.ai
    │       │   ├── source-icons.svg
    │       │   ├── spotify.svg
    │       │   └── star.svg
    │       └── svg
    │       │   ├── blur.svg
    │       │   ├── local.svg
    │       │   ├── no-image.svg
    │       │   ├── soundcloud.svg
    │       │   ├── spinner-black.svg
    │       │   ├── spinner-white.svg
    │       │   ├── spinner.svg
    │       │   ├── spotify.svg
    │       │   └── white-diamond.svg
    │   ├── dev.html
    │   ├── index.html
    │   ├── scss
    │       ├── app.scss
    │       ├── components
    │       │   ├── _context-menu.scss
    │       │   ├── _dialog.scss
    │       │   ├── _loading-bar.scss
    │       │   ├── _player.scss
    │       │   ├── _slider.scss
    │       │   └── _tracklist.scss
    │       ├── global
    │       │   ├── _core.scss
    │       │   ├── _forms.scss
    │       │   ├── _icons.scss
    │       │   ├── _responsive.scss
    │       │   └── _touch-devices.scss
    │       └── vendor
    │       │   ├── _font-awesome.scss
    │       │   └── _fonts.scss
    │   ├── testing.html
    │   └── vendor
    │       ├── angular-google-analytics.min.js
    │       ├── angular-resource.min.js
    │       ├── angular-storage.min.js
    │       ├── angular-touch.js
    │       ├── angular-touch.min.js
    │       ├── angular-ui-router.min.js
    │       ├── angular.js
    │       ├── background-check.min.js
    │       ├── clipboard.min.js
    │       ├── jquery.event.drag.js
    │       ├── jquery.event.drop.js
    │       ├── jquery.min.js
    │       ├── loading-bar.js
    │       ├── mopidy.min.js
    │       └── ngclipboard.js
├── package.json
├── setup.cfg
├── setup.py
├── spotmop.php
└── src
    ├── app
        ├── app.js
        ├── browse
        │   ├── album
        │   │   ├── controller.js
        │   │   └── template.html
        │   ├── artist
        │   │   ├── biography.template.html
        │   │   ├── controller.js
        │   │   ├── overview.template.html
        │   │   ├── related.template.html
        │   │   └── template.html
        │   ├── controller.js
        │   ├── featured
        │   │   ├── controller.js
        │   │   └── template.html
        │   ├── genre
        │   │   ├── category.template.html
        │   │   ├── controller.js
        │   │   └── template.html
        │   ├── new
        │   │   ├── controller.js
        │   │   └── template.html
        │   ├── playlist
        │   │   ├── controller.js
        │   │   └── template.html
        │   ├── template.html
        │   └── user
        │   │   ├── controller.js
        │   │   └── template.html
        ├── common
        │   ├── artistlist.template.html
        │   ├── contextmenu
        │   │   ├── directive.js
        │   │   └── template.html
        │   ├── directives.js
        │   ├── dropdown-field.template.html
        │   ├── genrelist.template.html
        │   ├── mainmenu.template.html
        │   ├── slider.template.html
        │   ├── thumbnail.template.html
        │   └── tracklist
        │   │   ├── template.html
        │   │   ├── track.directive.js
        │   │   ├── track.template.html
        │   │   └── tracklist.directive.js
        ├── discover
        │   ├── controller.js
        │   ├── recommendations.template.html
        │   ├── similar.template.html
        │   └── template.html
        ├── library
        │   ├── albums.template.html
        │   ├── artists.template.html
        │   ├── controller.js
        │   ├── playlists.template.html
        │   ├── template.html
        │   └── tracks.template.html
        ├── local
        │   ├── albums.html
        │   ├── artists.html
        │   ├── controller.js
        │   ├── directory.html
        │   ├── index.html
        │   └── template.html
        ├── player
        │   ├── controller.js
        │   ├── service.js
        │   └── template.html
        ├── queue
        │   ├── controller.js
        │   └── template.html
        ├── search
        │   ├── controller.js
        │   └── template.html
        ├── services
        │   ├── dialog
        │   │   ├── addbyuri.template.html
        │   │   ├── addtoplaylist.template.html
        │   │   ├── createplaylist.template.html
        │   │   ├── editplaylist.template.html
        │   │   ├── service.js
        │   │   ├── template.html
        │   │   └── volumecontrols.template.html
        │   ├── lastfm
        │   │   └── service.js
        │   ├── mopidy
        │   │   └── service.js
        │   ├── notify
        │   │   ├── service.js
        │   │   └── template.html
        │   ├── playlist-manager
        │   │   └── service.js
        │   ├── pusher
        │   │   └── service.js
        │   └── spotify
        │   │   └── service.js
        └── settings
        │   ├── controller.js
        │   ├── service.js
        │   ├── template.html
        │   └── testing.template.html
    ├── assets
        ├── backgrounds
        │   ├── afternoon.jpg
        │   ├── category-albums.jpg
        │   ├── category-artists.jpg
        │   ├── category-directory.jpg
        │   ├── commute.jpg
        │   ├── dinner.jpg
        │   ├── evening.jpg
        │   ├── late.jpg
        │   ├── midday.jpg
        │   └── morning.jpg
        ├── favicon.ico
        ├── favicon.psd
        ├── fonts
        │   ├── Archivo-Narrow-700.eot
        │   ├── Archivo-Narrow-700.svg
        │   ├── Archivo-Narrow-700.ttf
        │   ├── Archivo-Narrow-700.woff
        │   ├── Archivo-Narrow-700.woff2
        │   ├── Archivo-Narrow-regular.eot
        │   ├── Archivo-Narrow-regular.svg
        │   ├── Archivo-Narrow-regular.ttf
        │   ├── Archivo-Narrow-regular.woff
        │   ├── Archivo-Narrow-regular.woff2
        │   ├── FontAwesome.otf
        │   ├── Roboto-regular.eot
        │   ├── Roboto-regular.svg
        │   ├── Roboto-regular.ttf
        │   ├── Roboto-regular.woff
        │   ├── Roboto-regular.woff2
        │   ├── fontawesome-webfont.eot
        │   ├── fontawesome-webfont.svg
        │   ├── fontawesome-webfont.ttf
        │   ├── fontawesome-webfont.woff
        │   └── fontawesome-webfont.woff2
        ├── icons
        │   ├── cd.svg
        │   ├── chevron-left.svg
        │   ├── chevron-right.svg
        │   ├── close-black.svg
        │   ├── close-white.svg
        │   ├── cog.svg
        │   ├── compass.svg
        │   ├── filter.svg
        │   ├── folder.svg
        │   ├── grid.svg
        │   ├── icons-single.ai
        │   ├── icons.ai
        │   ├── leaf.svg
        │   ├── list.svg
        │   ├── local.svg
        │   ├── mic.svg
        │   ├── music.svg
        │   ├── play.svg
        │   ├── playlist.svg
        │   ├── search.svg
        │   ├── sections.svg
        │   ├── soundcloud.svg
        │   ├── spotify.svg
        │   └── star.svg
        └── svg
        │   ├── blur.svg
        │   ├── local.svg
        │   ├── no-image.svg
        │   ├── soundcloud.svg
        │   ├── spinner-black.svg
        │   ├── spinner-white.svg
        │   ├── spinner.svg
        │   ├── spotify.svg
        │   └── white-diamond.svg
    ├── dev.html
    ├── scss
        ├── app.scss
        ├── components
        │   ├── _context-menu.scss
        │   ├── _dialog.scss
        │   ├── _loading-bar.scss
        │   ├── _player.scss
        │   ├── _slider.scss
        │   └── _tracklist.scss
        ├── global
        │   ├── _core.scss
        │   ├── _forms.scss
        │   ├── _icons.scss
        │   ├── _responsive.scss
        │   └── _touch-devices.scss
        └── vendor
        │   ├── _font-awesome.scss
        │   └── _fonts.scss
    └── vendor
        ├── angular-google-analytics.min.js
        ├── angular-resource.min.js
        ├── angular-storage.min.js
        ├── angular-touch.js
        ├── angular-touch.min.js
        ├── angular-ui-router.min.js
        ├── angular.js
        ├── background-check.min.js
        ├── clipboard.min.js
        ├── jquery.event.drag.js
        ├── jquery.event.drop.js
        ├── jquery.min.js
        ├── loading-bar.js
        ├── mopidy.min.js
        └── ngclipboard.js


/.gitignore:
--------------------------------------------------------------------------------
 1 | /Concepts/
 2 | /dist/
 3 | /node_modules/
 4 | /build/
 5 | /.sass-cache/
 6 | *.orig
 7 | @eaDir
 8 | Thumbs.db
 9 | *.egg-info
10 | *.pyc
11 | 


--------------------------------------------------------------------------------
/.htaccess:
--------------------------------------------------------------------------------
 1 | # If you've pulled Spotmop via GitHub, you can run this using any webserver
 2 | # by navigating to localhost/test. Otherwise we'll redirect it to the Mopidy instance as per below
 3 | 
 4 | RewriteEngine On
 5 | 
 6 | # rewrite all image requests to our default mopidy port
 7 | RewriteRule ^images/(.*)$ http://%{HTTP_HOST}:6680/images/$1 [NC,L]
 8 | 
 9 | # rewrite all root-level requests to the static folder
10 | RewriteCond %{REQUEST_URI} !/mopidy_spotmop/ [NC]
11 | RewriteRule (.*) /mopidy_spotmop/static/$1 [NC,L]
12 | 
13 | # redirect our old /src/ dev link to the new dev.html file
14 | RewriteRule /src/ /dev.html? [L,R=301]


--------------------------------------------------------------------------------
/MANIFEST.in:
--------------------------------------------------------------------------------
1 | include mopidy_spotmop/ext.conf
2 | recursive-include mopidy_spotmop/static *


--------------------------------------------------------------------------------
/Screenshots/desktop-artist.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/Screenshots/desktop-artist.jpg


--------------------------------------------------------------------------------
/Screenshots/desktop-artists.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/Screenshots/desktop-artists.jpg


--------------------------------------------------------------------------------
/Screenshots/desktop-dragging.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/Screenshots/desktop-dragging.jpg


--------------------------------------------------------------------------------
/Screenshots/desktop-featured.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/Screenshots/desktop-featured.jpg


--------------------------------------------------------------------------------
/Screenshots/desktop-genre.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/Screenshots/desktop-genre.jpg


--------------------------------------------------------------------------------
/Screenshots/desktop-playlist.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/Screenshots/desktop-playlist.jpg


--------------------------------------------------------------------------------
/Screenshots/desktop-queue.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/Screenshots/desktop-queue.jpg


--------------------------------------------------------------------------------
/Screenshots/desktop-search.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/Screenshots/desktop-search.jpg


--------------------------------------------------------------------------------
/Screenshots/overview.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/Screenshots/overview.jpg


--------------------------------------------------------------------------------
/mopidy_spotmop/__init__.py:
--------------------------------------------------------------------------------
 1 | from __future__ import unicode_literals
 2 | 
 3 | import logging, os, json
 4 | import tornado.web
 5 | import tornado.websocket
 6 | from mopidy import config, ext
 7 | from frontend import SpotmopFrontend
 8 | 
 9 | logger = logging.getLogger(__name__)
10 | __version__ = '2.10.1'
11 | 
12 | ##
13 | # Core extension class
14 | #
15 | # Loads config and gets the party started. Initiates any additional frontends, etc.
16 | ##
17 | class SpotmopExtension( ext.Extension ):
18 | 
19 |     dist_name = 'Mopidy-Spotmop'
20 |     ext_name = 'spotmop'
21 |     version = __version__
22 | 
23 |     def get_default_config(self):
24 |         conf_file = os.path.join(os.path.dirname(__file__), 'ext.conf')
25 |         return config.read(conf_file)
26 | 
27 |     def get_config_schema(self):
28 |         schema = super(SpotmopExtension, self).get_config_schema()
29 |         schema['debug'] = config.Boolean()
30 |         schema['pusherport'] = config.String()
31 |         return schema
32 | 
33 |     def setup(self, registry):
34 |         
35 |         # Add web extension
36 |         registry.add('http:app', {
37 |             'name': self.ext_name,
38 |             'factory': factory
39 |         })
40 |         
41 |         # add our frontend
42 |         registry.add('frontend', SpotmopFrontend)
43 |         
44 | def factory(config, core):
45 | 
46 |     path = os.path.join( os.path.dirname(__file__), 'static')
47 | 	
48 |     return [
49 |         (r"/images/(.*)", tornado.web.StaticFileHandler, {
50 |             "path": config['local-images']['image_dir']
51 |         }),
52 |         (r'/(.*)', tornado.web.StaticFileHandler, {
53 | 				"path": path,
54 | 				"default_filename": "index.html"
55 | 			}),
56 |     ]
57 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/ext.conf:
--------------------------------------------------------------------------------
1 | [spotmop]
2 | enabled = true
3 | debug = false
4 | pusherport = 6681


--------------------------------------------------------------------------------
/mopidy_spotmop/mem.py:
--------------------------------------------------------------------------------
1 | queuemanager = None
2 | localfiles = None


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/browse/artist/biography.template.html:
--------------------------------------------------------------------------------
 1 | <div class="biography">
 2 | 
 3 | 	<h4 class="section-title">Biography</h4>	
 4 | 	<div class="content" ng-bind="artist.biography.content"></div>
 5 | 
 6 | 	<div class="details">
 7 | 		<p>
 8 | 			Origin: <a href="{{ artist.biography.links.link.href }}" target="_blank" ng-bind="artist.biography.links.link.href" class="italic-text"></a>
 9 | 		</p>
10 | 		<p>
11 | 			Published: <span ng-bind="artist.biography.published" class="italic-text"></span>
12 | 		</p>
13 | 	</div>
14 | 	
15 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/browse/artist/overview.template.html:
--------------------------------------------------------------------------------
 1 | <div class="col" ng-class="{'w70': (!mediumScreen() && origin == 'spotify'), 'w100': (mediumScreen() || origin != 'spotify') }">
 2 | 
 3 | 	<h4 class="section-title">Top tracks</h4>
 4 | 	<tracklist ng-if="tracklist.tracks" tracks="tracklist.tracks" type="track" class="tracklist top-tracks"></tracklist>
 5 |     
 6 | </div>
 7 | 
 8 | <div class="col w25 pull-right" ng-if="!mediumScreen() && origin == 'spotify'">
 9 | 
10 | 	<h4 class="section-title">Related Artists</h4>
11 | 	
12 | 	<div class="artist-list related-artists">
13 | 		<a
14 |             ng-repeat="artist in relatedArtists | limitTo:6 track by $index"
15 |             class="artist"
16 |             ui-sref="browse.artist.overview({ uri: artist.uri })"           
17 |             candrag
18 |             dragobj="artist"
19 |             draggable="false">
20 |                 <thumbnail size="small" images="artist.images"></thumbnail>
21 |                 <span class="name" ng-bind="artist.name"></span>
22 | 		</a>
23 | 
24 | 		<div ng-hide="relatedArtists.length" class="no-items">
25 | 			No items
26 | 		</div>
27 | 	</div>
28 | 
29 | </div>
30 | 
31 | <div class="clear-both spacer"></div>
32 | 
33 | <h4 class="section-title">Albums</h4>
34 | 
35 | <div class="album-items square-panels">
36 |     <div class="item-container" ng-repeat="album in albums.items track by $index">
37 |         <a ui-sref="browse.artistalbum({ artisturi: artist.uri, uri: album.uri })" class="square-panel album"
38 |             ng-if="origin == 'spotify'"
39 |             candrag
40 |             dragobj="album"
41 |             draggable="false">
42 |                 <div class="image-container">
43 |                     <thumbnail size="medium" images="album.images"></thumbnail>
44 |                 </div>
45 |                 <div class="info smaller animate">
46 |                     <div class="name" ng-bind="album.name"></div>
47 |                 </div>
48 |         </a>
49 |         <a ui-sref="browse.album({ uri: album.uri })" class="square-panel album"
50 |             ng-if="origin != 'spotify'"
51 |             candrag
52 |             dragobj="album"
53 |             draggable="false">
54 |                 <div class="image-container">
55 |                     <thumbnail size="medium" images="album.images"></thumbnail>
56 |                 </div>
57 |                 <div class="info smaller animate">
58 |                     <div class="name" ng-bind="album.name"></div>
59 |                 </div>
60 |         </a>
61 |     </div>
62 | </div>
63 | 
64 | <div class="clear-both"></div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/browse/artist/related.template.html:
--------------------------------------------------------------------------------
 1 | <h4 class="section-title">Related Artists</h4>
 2 | 
 3 | <div class="album-items square-panels">
 4 | 	<div class="item-container" ng-repeat="artist in relatedArtists">
 5 | 		<a ui-sref="browse.artist.overview({ uri: artist.uri })" class="square-panel album" draggable="false"
 6 |             draggable="false"
 7 |             candrag
 8 |             dragobj="artist">
 9 |                 <div class="image-container">
10 |                     <thumbnail images="artist.images" size="medium"></thumbnail>
11 |                 </div>
12 |                 <div class="info smaller animate">
13 |                     <div class="name" ng-bind="artist.name"></div>
14 |                 </div>
15 | 		</a>
16 | 	</div>
17 |     <div class="clear-both"></div>
18 | </div>
19 | 
20 | <div ng-hide="relatedArtists.length" class="no-items">
21 | 	No items
22 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/browse/controller.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | angular.module('spotmop.browse', [])
 4 | 
 5 | /**
 6 |  * Routing 
 7 |  **/
 8 | .config(function($stateProvider) {
 9 | 	$stateProvider
10 | 		.state('browse', {
11 | 			url: "/browse",
12 | 			templateUrl: "app/browse/template.html"
13 | 		});
14 | });


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/browse/featured/controller.js:
--------------------------------------------------------------------------------
 1 | angular.module('spotmop.browse.featured', [])
 2 | 
 3 | /**
 4 |  * Routing 
 5 |  **/
 6 | .config(function($stateProvider) {
 7 | 	$stateProvider
 8 | 		.state('browse.featured', {
 9 | 			url: "/featured",
10 | 			templateUrl: "app/browse/featured/template.html",
11 | 			controller: 'FeaturedController'
12 | 		})
13 | 		.state('browse.featuredplaylist', {
14 | 			url: "/featured/:uri",
15 | 			templateUrl: "app/browse/playlist/template.html",
16 | 			controller: 'PlaylistController'
17 | 		});
18 | })
19 | 	
20 | /**
21 |  * Main controller
22 |  **/
23 | .controller('FeaturedController', function FeaturedController( $scope, $rootScope, $filter, SpotifyService, NotifyService ){	
24 | 	
25 | 	// set the default items
26 | 	$scope.playlists = [];
27 | 	$scope.featured = function(){
28 | 		return $scope.playlists[0];
29 | 	}
30 | 	
31 | 	// figure out the most appropriate background image to show (based on current local time)
32 | 	$scope.partofday = function(){
33 | 	
34 | 		// convert to decimal (remembering that minutes are base-6)
35 | 		var hour = parseFloat($filter('date')(new Date(),'H.m'));
36 | 		
37 | 		if( hour >= 4 && hour < 9.3 )
38 | 			return 'commute';
39 | 		else if( hour >= 9.3 && hour < 11 )
40 | 			return 'morning';
41 | 		else if( hour >= 11 && hour < 13.5 )
42 | 			return 'midday';
43 | 		else if( hour >= 13.5 && hour < 17 )
44 | 			return 'afternoon';
45 | 		else if( hour >= 17 && hour < 19 )
46 | 			return 'evening';
47 | 		else if( hour >= 19 && hour < 21 )
48 | 			return 'dinner';
49 | 		else if( hour >= 21 && hour < 23 || hour >= 0 && hour < 4  )
50 | 			return 'late';
51 | 	};
52 | 	
53 | 	SpotifyService.featuredPlaylists( 50 )
54 | 		.then(function( response ) {
55 | 			$scope.message = response.message;
56 | 			$scope.playlists = response.playlists.items;
57 | 		});
58 | });


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/browse/featured/template.html:
--------------------------------------------------------------------------------
 1 | <div class="page featured-playlists-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 	
 4 | 		<span class="menu-reveal-trigger" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 5 | 		
 6 | 		<div class="intro featured-playlists-intro">
 7 | 			<div class="inner">
 8 | 				<h1 ng-bind="message"></h1>
 9 | 			</div>
10 | 		
11 | 			<div class="image-container">
12 | 				<backgroundparallax class="image" image='assets/backgrounds/{{ partofday() }}.jpg'  opacity="0.5"></backgroundparallax>
13 | 			</div>
14 |             
15 | 		</div>
16 | 		
17 | 		<div class="playlist-items square-panels">
18 | 			
19 | 			<div class="item-container" ng-repeat="playlist in playlists track by $index">
20 | 				<a ui-sref="browse.featuredplaylist({ uri: playlist.uri })" class="square-panel playlist"
21 |                     candrag
22 |                     dragobj="playlist"
23 |                     draggable="false">
24 |                         <div class="image-container">
25 |                             <thumbnail ng-if="playlist.images" size="medium" images="playlist.images"></thumbnail>
26 |                         </div>
27 |                         <div class="info animate">
28 |                             <div class="name" ng-bind="playlist.name"></div>
29 |                             <div class="secondary tracks"><span ng-bind="playlist.tracks.total"></span> tracks</div>
30 |                         </div>
31 | 				</a>
32 | 			</div>
33 | 		
34 | 			<div ng-hide="playlists.length" class="no-items">
35 | 				No items
36 | 			</div>
37 | 			
38 | 			<div class="clear-both"></div>
39 | 		
40 | 		</div>
41 | 		
42 | 	</div>
43 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/browse/genre/category.template.html:
--------------------------------------------------------------------------------
 1 | <div class="page category-genre-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 		
 4 |         <div class="page-header">
 5 |         
 6 |             <span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 7 |             
 8 |             <h1>
 9 |                 <span class="si grid mobile-hide"></span>
10 |                 <span ng-bind="category.name"></span>
11 |             </h1>
12 |             
13 |         </div>
14 | 		
15 | 		<div class="playlist-items square-panels">
16 | 			
17 | 			<div class="item-container" ng-repeat="playlist in playlists.items track by $index">
18 | 				<a ui-sref="browse.categoryplaylist({ categoryid: category.id, uri: playlist.uri })"
19 |                     class="square-panel playlist"
20 |                     ui-sref="browse.artist.overview({ uri: artist.uri })"           
21 |                     candrag
22 |                     dragobj="playlist"
23 |                     draggable="false">
24 | 					<div class="image-container">
25 |                         <thumbnail ng-if="playlist.images" size="medium" images="playlist.images"></thumbnail>
26 | 					</div>
27 | 					<div class="info animate">
28 | 						<div class="name" ng-bind="playlist.name"></div>
29 | 						<div class="secondary tracks"><span ng-bind="playlist.tracks.total"></span> tracks</div>
30 | 					</div>
31 | 				</a>
32 | 			</div>
33 | 		
34 | 			<div ng-hide="playlists.items.length" class="no-items">
35 | 				No items
36 | 			</div>
37 | 			
38 | 			<div class="clear-both"></div>
39 | 		
40 | 		</div>
41 | 		
42 | 	</div>
43 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/browse/genre/template.html:
--------------------------------------------------------------------------------
 1 | <div class="page category-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 		
 4 |         <div class="page-header">
 5 |         
 6 |             <span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 7 |             
 8 |             <h1>
 9 |                 <span class="si grid mobile-hide"></span>
10 |                 Genre / Mood
11 |             </h1>
12 |             
13 |         </div>
14 | 	
15 | 		<div class="category-items square-panels">
16 | 			
17 | 			<div class="item-container" ng-repeat="category in categories.items track by $index">
18 | 				<a ui-sref="browse.genrecategory({ categoryid: category.id })" class="square-panel category">
19 | 					<div class="image-container">
20 |                         <thumbnail ng-if="category.icons" size="medium" images="category.icons"></thumbnail>
21 | 						<div class="name animate" ng-bind="category.name"></div>
22 | 					</div>
23 | 				</a>
24 | 			</div>
25 | 		
26 | 			<div ng-hide="categories.items.length" class="no-items">
27 | 				No items
28 | 			</div>
29 | 			
30 | 			<div class="clear-both"></div>
31 | 		
32 | 		</div>
33 | 	
34 | 	</div>
35 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/browse/new/controller.js:
--------------------------------------------------------------------------------
 1 | angular.module('spotmop.browse.new', [])
 2 | 
 3 | /**
 4 |  * Routing 
 5 |  **/
 6 | .config(function($stateProvider) {
 7 | 	$stateProvider
 8 | 		.state('browse.new', {
 9 | 			url: "/new",
10 | 			templateUrl: "app/browse/new/template.html",
11 | 			controller: 'NewController'
12 | 		})
13 | 		.state('browse.newalbum', {
14 | 			url: "/new/:uri",
15 | 			templateUrl: "app/browse/album/template.html",
16 | 			controller: 'AlbumController'
17 | 		});
18 | })
19 | 	
20 | /**
21 |  * Main controller
22 |  **/
23 | .controller('NewController', function NewController( $scope, $element, $rootScope, SpotifyService, MopidyService ){
24 | 	
25 | 	// set the default items
26 | 	$scope.albums = [];
27 | 		
28 | 	SpotifyService.newReleases()
29 | 		.then(function( response ) {
30 | 			$scope.albums = response.albums;
31 | 			$scope.checkForLazyLoading();
32 | 		});
33 | 		
34 | 	var nextOffset = 50;
35 | 	
36 | 	
37 |     /**
38 |      * Load more of the category's playlists
39 |      * Triggered by scrolling to the bottom
40 |      **/
41 |     
42 |     var loadingMoreNewReleases = false;
43 |     
44 |     // go off and get more of this playlist's tracks
45 |     function loadMoreNewReleases( offset ){
46 |         
47 |         // update our switch to prevent spamming for every scroll event
48 |         loadingMoreNewReleases = true;
49 | 
50 |         // go get our 'next' URL
51 |         SpotifyService.newReleases( false, offset )
52 |             .then(function( response ){
53 |             
54 |                 // append these new tracks to the main tracklist
55 |                 $scope.albums.items = $scope.albums.items.concat( response.albums.items );
56 |                 
57 |                 // save the next set's url (if it exists)
58 |                 nextOffset = response.albums.offset + response.albums.limit;
59 |                 
60 |                 // update loader and re-open for further pagination objects
61 |                 loadingMoreNewReleases = false;
62 |             });
63 |     }
64 | 	
65 | 	// once we're told we're ready to load more albums
66 |     $scope.$on('spotmop:loadMore', function(){
67 |         if( !loadingMoreNewReleases && nextOffset ){
68 |             loadMoreNewReleases( nextOffset );
69 |         }
70 | 	});
71 | 	
72 | });


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/browse/new/template.html:
--------------------------------------------------------------------------------
 1 | <div class="page new-releases-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 		
 4 |         <div class="page-header">
 5 |         
 6 |             <span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 7 |             
 8 |             <h1>
 9 |                 <span class="si leaf mobile-hide"></span>
10 |                 New releases
11 |             </h1>
12 |             
13 |         </div>
14 | 	
15 | 		<div class="album-items square-panels">
16 | 			
17 | 			<div class="item-container" ng-repeat="album in albums.items track by $index">
18 | 				<a ui-sref="browse.newalbum({ uri: album.uri })"
19 |                     class="square-panel album draggable"
20 |                     data-id="{{ album.id }}"
21 |                     draggable="false"
22 |                     candrag
23 |                     dragobj="album">
24 |                         <div class="image-container">
25 |                             <thumbnail ng-if="album.images" size="medium" images="album.images"></thumbnail>
26 |                         </div>
27 |                         <div class="info animate">
28 |                             <div class="name" ng-bind="album.name"></div>
29 |                             <div class="secondary">
30 |                                 <span ng-repeat="artist in album.artists">
31 |                                     <span ng-bind="artist.name"></span><span ng-if="!$last">, </span>
32 |                                 </span>
33 |                             </div>
34 |                         </div>
35 | 				</a>
36 | 			</div>
37 | 		
38 | 			<div ng-hide="albums.items.length" class="no-items">
39 | 				No items
40 | 			</div>
41 | 			
42 | 			<div class="clear-both"></div>
43 | 		
44 | 		</div>
45 | 		
46 | 	</div>
47 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/browse/template.html:
--------------------------------------------------------------------------------
1 | <div ui-view></div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/browse/user/controller.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | angular.module('spotmop.browse.user', [])
 4 | 
 5 | /**
 6 |  * Routing 
 7 |  **/
 8 | .config(function($stateProvider) {
 9 | 	$stateProvider
10 | 		.state('browse.user', {
11 | 			url: "/user/:uri",
12 | 			templateUrl: "app/browse/user/template.html",
13 | 			controller: 'UserController'
14 | 		});
15 | })
16 | 	
17 | /**
18 |  * Main controller
19 |  **/
20 | .controller('UserController', function UserController( $scope, $rootScope, SpotifyService, $stateParams ){
21 | 	
22 | 	$scope.user = {};
23 | 	$scope.playlists = [];
24 | 	
25 | 	// get the user
26 | 	SpotifyService.getUser( $stateParams.uri )
27 | 		.then(function( response ) {
28 | 			$scope.user = response;
29 |         
30 |             // get their playlists
31 |             SpotifyService.getPlaylists( response.id )
32 |                 .then(function( response ) {
33 |                     $scope.playlists = response.items;
34 |                     $scope.next = response.next;
35 |                     $scope.totalPlaylists = response.total;
36 |                 });
37 | 		});
38 |     
39 |     /**
40 |      * Load more of the user's playlists
41 |      * Triggered by scrolling to the bottom
42 |      **/
43 |     
44 |     var loadingMorePlaylists = false;
45 |     
46 |     // go off and get more of this playlist's tracks
47 |     function loadMorePlaylists( $nextUrl ){
48 |         
49 |         if( typeof( $nextUrl ) === 'undefined' )
50 |             return false;
51 |         
52 |         // update our switch to prevent spamming for every scroll event
53 |         loadingMorePlaylists = true;
54 | 
55 |         // go get our 'next' URL
56 |         SpotifyService.getUrl( $nextUrl )
57 |             .then(function( response ){
58 |             
59 |                 // append these new playlists to our existing array
60 |                 $scope.playlists = $scope.playlists.concat( response.items );
61 |                 
62 |                 // save the next set's url (if it exists)
63 |                 $scope.next = response.next;
64 |                 
65 |                 // update loader and re-open for further pagination objects
66 |                 loadingMorePlaylists = false;
67 |             });
68 |     }
69 | 	
70 | 	// once we're told we're ready to load more albums
71 |     $scope.$on('spotmop:loadMore', function(){
72 |         if( !loadingMorePlaylists && typeof( $scope.next ) !== 'undefined' && $scope.next ){
73 |             loadMorePlaylists( $scope.next );
74 |         }
75 | 	});
76 | });


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/browse/user/template.html:
--------------------------------------------------------------------------------
 1 | <div class="page user-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 		
 4 | 		<div class="page-header mobile-show">
 5 | 			<span class="menu-reveal-trigger" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 6 | 			<h1>User</h1>
 7 | 		</div>
 8 | 	
 9 | 		<div class="user-intro">
10 | 			<div class="image-container">
11 | 				<thumbnail size="medium" images="user.images" circle></thumbnail>	
12 | 			</div>
13 | 			<div class="info">
14 | 				<h1>
15 | 					<span ng-if="user.display_name" ng-bind="user.display_name"></span>
16 | 					<span ng-if="!user.display_name" ng-bind="user.id"></span>
17 | 					<span class="flag blue" ng-show="user.id == settings.state().spotify.user.id"><i class="fa fa-star"></i> You</span>
18 | 				</h1>
19 | 				<div class="info-text">
20 | 					<span ng-bind="user.id"></span>
21 | 					 &nbsp;|&nbsp; <span ng-bind="totalPlaylists"></span> Playlists
22 | 					 &nbsp;|&nbsp; {{ user.followers.total | number:0 }} Followers
23 | 				</div>
24 | 			</div>
25 | 			<div class="clear-both"></div>
26 | 		</div>
27 | 		
28 | 		
29 | 		<h4 class="section-title">Playlists</h4>
30 | 		
31 | 		<div class="playlist-items square-panels">
32 | 			
33 | 			<div class="item-container" ng-repeat="playlist in playlists track by $index">
34 | 				<a ui-sref="browse.playlist({ uri: playlist.uri })" class="square-panel playlist">
35 | 					<div class="image-container">
36 |                         <thumbnail ng-if="playlist.images" size="medium" images="playlist.images"></thumbnail>
37 | 					</div>
38 | 					<div class="info animate">
39 | 						<div class="name" ng-bind="playlist.name"></div>
40 | 						<div class="secondary tracks"><span ng-bind="playlist.tracks.total"></span> tracks</div>
41 | 					</div>
42 | 				</a>
43 | 			</div>
44 | 		
45 | 			<div ng-hide="playlists.length" class="no-items">
46 | 				No items
47 | 			</div>
48 | 			
49 | 			<div class="clear-both"></div>
50 | 		
51 | 		</div>
52 | 		
53 | 	</div>
54 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/common/artistlist.template.html:
--------------------------------------------------------------------------------
1 | <span class="artist-list">
2 |     <span ng-repeat="artist in artists" ng-if="!nolinks"><a ui-sref="browse.artist.overview({ uri: artist.uri })" ng-bind="artist.name" ng-if="artist.uri && !nolinks" ng-click="$event.stopPropagation()"></a><span ng-bind="artist.name" ng-if="!artist.uri"></span><span ng-if="!$last"><span ng-if="sentence"> and </span><span ng-if="!sentence">, </span></span></span>
3 |     <span ng-repeat="artist in artists" ng-if="nolinks"><span ng-bind="artist.name"></span><span ng-if="!$last"><span ng-if="sentence">and </span><span ng-if="!sentence">, </span></span></span>
4 | </span>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/common/dropdown-field.template.html:
--------------------------------------------------------------------------------
 1 | <div class="field dropdown" ng-class="{ expanded: visible }">
 2 | 	<div class="current-option option" ng-click="toggleVisibility()">
 3 | 		<i class="fa fa-fw" ng-class="{ 'fa-chevron-down': !visible, 'fa-chevron-up': visible }" ng-show="!iconclass"></i>
 4 | 		<i class="fa fa-fw" ng-class="{ '{{iconclass}}': !visible, 'fa-chevron-up': visible }" ng-show="iconclass"></i>
 5 | 		<span class="label" ng-bind="currentOption().label"></span>
 6 | 	</div>
 7 | 	<div class="options" ng-show="visible">
 8 | 		<div
 9 | 			class="option"
10 | 			ng-repeat="option in options track by $index"
11 | 			ng-bind="option.label"
12 | 			ng-click="selectOption(option)"
13 | 			ng-class="{ selected: ( option.value == currentOption.value ) }"
14 | 			></div>
15 | 	</div>
16 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/common/genrelist.template.html:
--------------------------------------------------------------------------------
1 | <span class="genre-list">
2 |     <span ng-repeat="genre in genres"><span ng-bind="genre"></span><span ng-if="!$last"><span ng-if="sentence">and </span><span ng-if="!sentence">, </span></span></span>
3 | </span>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/common/thumbnail.template.html:
--------------------------------------------------------------------------------
1 | <div>
2 | 	<div class="image animate" style="background-image: url({{ image.url }});" ng-show="image"></div>
3 | 	<div class="image animate placeholder" ng-show="!image"></div>
4 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/common/tracklist/localtrack.template.html:
--------------------------------------------------------------------------------
 1 | <div class="track"
 2 |     ng-class="{ 'selected': track.selected }"
 3 |     candrag
 4 |     dragobj="track"
 5 |     draggable="false"
 6 |     data-uri="{{ track.uri }}">
 7 | 
 8 |         <div class="selected-state">
 9 |             <i class="fa fa-check-square-o" ng-show="track.selected"></i>
10 |             <i class="fa fa-square-o" ng-show="!track.selected"></i>
11 |         </div>
12 | 
13 |         <div class="title"><span ng-bind="track.name"></span></div>
14 |         
15 |         <div class="artist">
16 |             <span class="artist-list">
17 |                 <span ng-repeat="artist in track.artists">
18 |                     <a ui-sref="browse.artist.overview({ uri: artist.uri })" ng-bind="artist.name" ng-if="artist.uri"></a>
19 |                     <span ng-bind="artist.name" ng-if="!artist.uri"></span>
20 |                     <span ng-if="!$last">, </span>
21 |                 </span>
22 |             </span>
23 |         </div>
24 |         
25 |         <div class="album">
26 |             <a ui-sref="browse.album({ uri: track.album.uri })" ng-bind="track.album.name" ng-if="track.album.uri"></a>
27 |             <span ng-bind="track.album.name" ng-if="!track.album.uri"></span>
28 |         </div>
29 |         
30 |         <div class="info">	
31 |             <span class="duration" ng-show="track.length">{{ track.length | formatMilliseconds }}</span>
32 |         </div>
33 |         
34 |         <div class="clear-both"></div>
35 | 
36 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/common/tracklist/service.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | angular.module('spotmop.common.tracklist.service', [])
 4 | 
 5 | .factory("TracklistService", function( $rootScope ){
 6 | 	
 7 | 	return {
 8 | 		getSelectedTracks: function(){
 9 | 			console.log('triggered getSelectedTracks');
10 | 		}
11 | 	}	
12 | });
13 | 
14 | 
15 | 
16 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/common/tracklist/template.html:
--------------------------------------------------------------------------------
1 | <track
2 |     ng-repeat="track in tracksWrapper() track by $index" 
3 |     data-index="{{ $index }}">
4 | </track>
5 | 
6 | <div ng-hide="tracksWrapper().length" class="no-items">
7 |     No items
8 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/common/tracklist/tltrack.template.html:
--------------------------------------------------------------------------------
 1 | <div class="track"
 2 |     ng-class="{ 'playing': isCurrentlyPlaying(), 'selected': track.selected }"
 3 |     candrag
 4 |     dragobj="track"
 5 |     draggable="false"
 6 |     data-uri="{{ track.uri }}"
 7 |     data-local="{{ local }}">
 8 | 
 9 |         <div class="selected-state">
10 |             <i class="fa fa-check-square-o" ng-show="track.selected"></i>
11 |             <i class="fa fa-square-o" ng-show="!track.selected"></i>
12 |         </div>
13 | 
14 |         <div class="col w30 title"><span ng-bind="track.name"></span><span class="flag grey" ng-if="local">Local</span></div>
15 |         
16 |         <div class="col w30 artist" ng-if="!local">
17 |             <artistlist artists="track.artists"></artistlist>
18 |         </div>
19 |         
20 |         <div class="col w35 album" ng-if="source != 'local'"><a ui-sref="browse.album({ uri: track.album.uri })" ng-bind="track.album.name" ng-if="track.album.uri"></a><span ng-bind="track.album.name" ng-if="!track.album.uri"></span></div>
21 |         
22 |         <div class="col w35 album" ng-if="source == 'local'"><a ui-sref="library.localalbum({ uri: track.album.uri })" ng-bind="track.album.name" ng-if="track.album.uri"></a><span ng-bind="track.album.name" ng-if="!track.album.uri"></span></div>
23 | 
24 |         <div class="info">
25 |             
26 |             <span class="duration">
27 |                 <span>{{ track.length | formatMilliseconds }}</span>
28 |             </span>
29 |         
30 |             <div class="source">
31 |                 <span class="si {{ sourceIconClasses() }}"></span>
32 |             </div>
33 |             
34 |         </div>
35 |         
36 |         <div class="clear-both"></div>
37 | 
38 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/common/tracklist/track.template.html:
--------------------------------------------------------------------------------
 1 | <div class="track"
 2 |     ng-class="{ 'playing': isCurrentlyPlaying(), 'selected': track.selected, 'transitioning': track.transitioning }"
 3 |     candrag
 4 |     dragobj="track"
 5 |     draggable="false"
 6 |     data-id="{{ track.id }}"
 7 |     data-uri="{{ track.uri }}">
 8 | 	
 9 |         <div class="selected-state">
10 |             <i class="fa fa-check-square-o" ng-show="track.selected"></i>
11 |             <i class="fa fa-square-o" ng-show="!track.selected"></i>
12 |         </div>
13 |         
14 |         <div
15 | 			class="title"
16 | 			ng-if="track.name && track.artists"
17 | 			ng-bind="track.name"
18 | 			ng-class="{ empty: !track.name }"></div>
19 |         <div
20 | 			class="title"
21 | 			ng-if="!track.name && !track.artists"
22 | 			ng-bind="track.uri"></div>
23 |         <div
24 | 			class="title"
25 | 			ng-if="source() == 'youtube'"
26 | 			ng-bind="track.name"></div>
27 | 
28 |         <div class="artist" ng-class="{ empty: track.artists.length < 1 }">
29 |             <artistlist artists="track.artists"></artistlist>
30 |         </div>
31 | 
32 |         <div class="album" ng-class="{ empty: !track.album.name }">
33 |             <a ui-sref="browse.album({ uri: track.album.uri })" ng-bind="track.album.name" ng-if="track.album.uri"></a>
34 |             <span ng-bind="track.album.name" ng-if="!track.album.uri"></span>
35 |         </div>
36 | 
37 |         <div class="info">
38 |             
39 |             <span class="duration">
40 |                 <span ng-show="track.duration_ms">{{ track.duration_ms | formatMilliseconds }}</span>
41 |                 <span ng-show="track.length">{{ track.length | formatMilliseconds }}</span>
42 |             </span>
43 |             
44 |             <div class="popularity tooltip-wrapper" ng-if="track.popularity >= 0">
45 |                 <span class="bar-track">
46 |                     <span class="bar" style="height: {{ track.popularity }}%;"></span>
47 |                 </span>
48 |                 <span class="tooltip"><span ng-bind="track.popularity"></span>%</span>
49 |             </div>
50 |         
51 |             <div class="source">
52 |                 <span class="fa fa-{{ source() }}"></span>
53 |             </div>
54 |             
55 |         </div>
56 | 
57 |         <div class="clear-both"></div>
58 | 
59 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/discover/recommendations.template.html:
--------------------------------------------------------------------------------
 1 | <div class="page discover-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 
 4 | 		<div class="discover">
 5 | 		
 6 |             <div class="page-header">
 7 |             
 8 |                 <span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 9 |                 
10 |                 <h1>
11 |                     <span class="si compass mobile-hide"></span>
12 |                     Discover
13 |                 </h1>
14 | 		
15 |                 <div class="flag bad" ng-show="!spotify.isAuthorized()">
16 |                     <i class="fa fa-exclamation-triangle white-text"></i>
17 |                     &nbsp;
18 |                     Please authorize Spotify
19 |                 </div>
20 |                 
21 |             </div>
22 | 			
23 | 			<div class="discover-section" ng-if="current.items.length > 0">
24 | 				<h4 class="section-title">
25 | 					Because you're listening to
26 |                     <artistlist artists="current.artists" sentence></artistlist>
27 | 				</h4>
28 | 				<slider class="square-panels panel-slider" items="current.items"></slider>				
29 | 			</div>
30 | 			
31 | 			<div class="discover-section" ng-repeat="section in sections track by $index">
32 | 				<h4 class="section-title">
33 | 					{{ section.title }}
34 |                     <artistlist ng-if="section.artists" artists="section.artists" sentence></artistlist>
35 | 				</h4>
36 | 				<slider class="square-panels panel-slider" items="section.items"></slider>				
37 | 			</div>
38 | 			
39 | 			<div class="discover-section" ng-if="favorites.items.length > 0">
40 | 				<h4 class="section-title">
41 | 					Some old favorites
42 | 				</h4>
43 | 				<slider class="square-panels panel-slider" items="favorites.items"></slider>				
44 | 			</div>
45 | 			
46 | 		</div>
47 | 		
48 | 	</div>
49 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/discover/similar.template.html:
--------------------------------------------------------------------------------
 1 | <div class="page discover-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 
 4 | 		<div class="discover">
 5 | 		
 6 |             <div class="page-header">
 7 |             
 8 |                 <span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 9 |                 
10 |                 <h1>
11 |                     <span class="si compass mobile-hide"></span>
12 |                     Similar
13 |                 </h1>
14 |                 
15 |             </div>
16 |             
17 |             <h2 class="seed-items">
18 |                 <span class="title">Tracks similar to: </span>
19 |                 <span ng-repeat="seed in seedObjects track by seed.uri"><span ng-if="$last"> and </span><span ng-if="!$first && !$last">, </span><a ui-sref="browse.album({ uri: seed.album.uri })" class="seed-item" ng-bind="seed.name" ng-if="seed.type == 'track'"></a><a ui-sref="browse.album({ uri: seed.uri })" class="seed-item" ng-bind="seed.name" ng-if="seed.type == 'album'"></a><a ui-sref="browse.artist.overview({ uri: seed.uri })" class="seed-item" ng-bind="seed.name" ng-if="seed.type == 'artist'"></a></span>
20 |             </h2>
21 | 			
22 | 			<tracklist ng-if="tracks" tracks="tracks" type="track" class="tracklist playlist-items"></tracklist>
23 | 			
24 | 		</div>
25 | 		
26 | 	</div>
27 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/discover/template.html:
--------------------------------------------------------------------------------
1 | <div ui-view></div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/library/files.template.html:
--------------------------------------------------------------------------------
 1 | <div class="page library-tracks-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 		
 4 |         <div class="page-header">
 5 |         
 6 | 			<span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 7 |             
 8 |             <h1>
 9 |                 <span class="si folder mobile-hide"></span>
10 |                 Files
11 |             </h1>
12 |             
13 |         </div>
14 | 		
15 | 		<div class="library-folders tracklist">
16 | 			<a class="track folder" ng-repeat="folder in folders" ui-sref="library.files({ folder: folder.uri })">
17 | 				<i class="fa fa-folder icon" ng-hide="folder.isParentFolder"></i>
18 | 				<i class="fa fa-reply icon" ng-show="folder.isParentFolder"></i>
19 | 				<div class="title" ng-bind="folder.name" ng-class="{ empty: !folder.name }"></div>
20 | 				<div class="clear-both"></div>
21 | 			</a>
22 | 		</div>
23 |         
24 | 		<tracklist ng-if="tracklist.tracks.length > 0" tracks="tracklist.tracks" type="localtrack" class="tracklist library-tracks"></tracklist>
25 | 		
26 | 	</div>
27 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/library/local.template.html:
--------------------------------------------------------------------------------
 1 | <div class="page library-tracks-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 		
 4 |         <div class="page-header">
 5 |         
 6 | 			<span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 7 |             
 8 |             <h1>
 9 |                 <span class="si folder mobile-hide"></span>
10 |                 <span class="path-item" ng-repeat="item in path">
11 |                     <a ui-sref="library.local({ uri: item.uri })" ng-bind="item.title" ng-if="item.uri"></a>
12 |                     <span ng-bind="item.title" ng-if="!item.uri"></span>
13 |                     <span ng-if="!$last && path.length > 0" class="grey-text"> &nbsp;/&nbsp; </span>
14 |                 </span>
15 |             </h1>
16 |             
17 |             <div class="utilities">
18 |                 <input class="list-filter" type="text" ng-model="filterTerm" placeholder="Start typing to filter..." />
19 |             </div>
20 |             
21 |         </div>
22 |         
23 | 		<div class="library-folders tracklist">
24 | 			<a class="track folder" ng-repeat="folder in folders" ui-sref="library.local({ uri: folder.uri })">
25 | 				<i class="fa fa-folder icon" ng-hide="folder.isParentFolder"></i>
26 | 				<i class="fa fa-reply icon" ng-show="folder.isParentFolder"></i>
27 | 				<div class="title" ng-bind="folder.name" ng-class="{ empty: !folder.name }"></div>
28 | 				<div class="clear-both"></div>
29 | 			</a>
30 | 		</div>
31 |         
32 | 		<tracklist ng-if="tracks.length > 0" tracks="tracks" type="localtrack" class="tracklist library-tracks"></tracklist>
33 | 		
34 | 	</div>
35 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/library/template.html:
--------------------------------------------------------------------------------
1 | <div ui-view></div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/library/tracks.template.html:
--------------------------------------------------------------------------------
 1 | <div class="page library-tracks-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 		
 4 |         <div class="page-header">
 5 |         
 6 | 			<span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 7 |             
 8 |             <h1>
 9 |                 <span class="si music mobile-hide"></span>
10 |                 Tracks
11 |             </h1>
12 | 		
13 |             <div class="flag bad" ng-show="!spotify.isAuthorized()">
14 |                 <i class="fa fa-exclamation-triangle white-text"></i>
15 |                 &nbsp;
16 |                 Please authorize Spotify
17 |             </div>
18 |             
19 |         </div>
20 |         
21 | 		<tracklist ng-if="tracklist.tracks" tracks="tracklist.tracks" type="track" class="tracklist library-tracks"></tracklist>
22 | 		
23 | 	</div>
24 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/local/directory.html:
--------------------------------------------------------------------------------
 1 | <div class="page">
 2 | 	<div class="inner">
 3 | 		
 4 |         <div class="page-header">
 5 |         
 6 | 			<span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 7 |             
 8 |             <h1>
 9 |                 <span class="si folder mobile-hide"></span>
10 |                 <span class="path-item" ng-repeat="item in path">
11 |                     <a ui-sref="local.directory({ uri: item.uri })" ng-bind="item.title" ng-if="item.uri"></a>
12 |                     <span ng-bind="item.title" ng-if="!item.uri"></span>
13 |                     <span ng-if="!$last && path.length > 0" class="grey-text"> &nbsp;/&nbsp; </span>
14 |                 </span>
15 |             </h1>
16 |             
17 |             <div class="utilities">
18 |                 <input class="list-filter" type="text" ng-model="filterTerm" placeholder="Start typing to filter..." />
19 |             </div>
20 |             
21 |         </div>
22 |                 
23 |         <div class="list">
24 |             <div class="item-container" ng-repeat="folder in folders">
25 |                 <a class="list-item folder" ui-sref="local.directory({ uri: folder.uri })">
26 |                     <div class="title col w50">
27 |                         <i class="fa fa-folder icon"></i>
28 |                         <span ng-bind="folder.name" ng-class="{ empty: !folder.name }"></span>
29 |                     </div>
30 |                     <div class="clear-both"></div>
31 |                 </a>
32 |             </div>
33 |         </div>
34 | 
35 |         <tracklist ng-if="tracks.length > 0" tracks="tracks" type="localtrack" class="tracklist library-tracks"></tracklist>
36 | 
37 | 	</div>
38 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/local/index.html:
--------------------------------------------------------------------------------
 1 | <div class="page">
 2 | 	<div class="inner">
 3 | 		
 4 |         <div class="page-header">
 5 |         
 6 | 			<span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 7 |             
 8 |             <h1>
 9 |                 <span class="si folder mobile-hide"></span>
10 |                 <span class="path-item">
11 |                     Local
12 |                 </span>
13 |             </h1>
14 |             
15 |         </div>
16 |         
17 | 		<div class="category-items square-panels">
18 |         
19 | 			<div class="item-container">
20 |                 <a ui-sref="local.artists" class="square-panel category">
21 | 					<div class="image-container">
22 | 						<div class="image animate" style="background-image: url('assets/backgrounds/category-artists.jpg');"></div>
23 | 						<div class="name animate">Artists</div>
24 | 					</div>
25 |                 </a>
26 |             </div>
27 |         
28 | 			<div class="item-container">
29 |                 <a ui-sref="local.albums" class="square-panel category">
30 | 					<div class="image-container">
31 | 						<div class="image animate" style="background-image: url('assets/backgrounds/category-albums.jpg');"></div>
32 | 						<div class="name animate">Albums</div>
33 | 					</div>
34 |                 </a>
35 |             </div>
36 |         
37 | 			<div class="item-container">
38 |                 <a ui-sref="local.directory({ uri: 'local:directory' })" class="square-panel category">
39 | 					<div class="image-container">
40 | 						<div class="image animate" style="background-image: url('assets/backgrounds/category-directory.jpg');"></div>
41 | 						<div class="name animate">Folders</div>
42 | 					</div>
43 |                 </a>
44 |             </div>
45 | 			
46 | 			<div class="clear-both"></div>
47 | 		
48 | 		</div>
49 | 		
50 | 	</div>
51 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/local/template.html:
--------------------------------------------------------------------------------
1 | <div ui-view></div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/player/template.html:
--------------------------------------------------------------------------------
 1 | <div id="player" class="player">
 2 | 
 3 | 	<div class="track-info">
 4 | 		<div class="track" ng-bind="state().currentTlTrack.track.name"></div>
 5 | 		<div class="artist">
 6 | 			<span ng-repeat="artist in state().currentTlTrack.track.artists">
 7 | 				<a ui-sref="browse.artist.overview({ uri: artist.uri })" ng-bind="artist.name"></a><span ng-show="!$last">, </span>
 8 | 			</span>
 9 | 		</div>
10 | 	</div>
11 | 	
12 | 	<div class="volume">
13 | 		<div class="controls">
14 | 			<span class="button mute" ng-click="toggleMute()" ng-class="{active: state().isMute}">
15 | 				<i class="fa fa-volume-off fa-fw" ng-show="state().isMute"></i>
16 | 				<i class="fa fa-volume-down fa-fw" ng-show="!state().isMute"></i>
17 | 			</span>
18 | 			<div class="slider" ng-click="setVolume($event)">
19 | 				<div class="track">
20 | 					<div class="fill" style="width: {{ state().volume }}%"></div>
21 | 				</div>
22 | 			</div>
23 | 		</div>
24 | 	</div>
25 | 	
26 | 	<div class="volume touch-friendly">
27 | 		<div class="controls">
28 | 			<span class="button" ng-click="popupVolumeControls()">
29 | 				<i class="fa fa-volume-down fa-fw"></i>
30 | 			</span>
31 | 		</div>
32 | 	</div>
33 | 
34 | 	<div class="playback">
35 | 		<div class="controls">
36 | 			<span class="button previous mobile-hide" ng-click="previous()"><i class="fa fa-step-backward"></i></span>
37 | 			<span class="button play-pause" ng-click="playPause()">
38 | 				<i class="fa fa-play fa-fw" ng-show="!state().isPlaying()"></i>
39 | 				<i class="fa fa-pause fa-fw" ng-show="state().isPlaying()"></i>
40 | 			</span>
41 | 			<span class="button next" ng-click="next()"><i class="fa fa-step-forward"></i></span>
42 | 		</div>
43 | 	</div>
44 | 	
45 | 	<div class="clear-both"></div>
46 | 	
47 | 	<div class="progress slider" ng-click="seek($event)">
48 | 		<div class="track animate">
49 | 			<div class="fill" ng-class="{playing: state().isPlaying()}" style="width: {{ state().playPositionPercent() }}%"></div>
50 | 		</div>
51 | 	</div>
52 | 	
53 | 	<div class="background-image" ng-repeat="image in state().currentTlTrack.track.album.images | limitTo:1">
54 | 		<preloadedimage class="image blur" url="{{ image.url }}"></preloadedimage>
55 | 	</div>
56 | 
57 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/services/dialog/addbyuri.template.html:
--------------------------------------------------------------------------------
 1 | <div class="add-by-uri-dialog">
 2 | 	
 3 | 	<h4 class="section-title dialog-title">Add by URI</h4>
 4 |     <div class="form-note note">Add an album, artist, playlist or track as a URI (ie <em>spotify:track:123</em>)</div>
 5 |     
 6 | 	<form>
 7 | 		
 8 | 		<div class="field text large">
 9 | 			<input name="uri" placeholder="provider:type:id" ng-model="uri" />
10 | 			<span class="note red-text" ng-if="error">Unable to add this URI</span>
11 | 		</div>
12 | 
13 | 		<div class="actions">
14 | 			<span class="button save primary" ng-click="add()" ng-hide="saving">
15 | 				<i class="fa fa-check"></i>&nbsp; Add
16 | 			</span>
17 | 			<span ng-show="saving" class="saving">
18 | 				<img src="assets/svg/spinner.svg" class="working" />
19 | 			</span>
20 | 		</div>
21 | 		
22 | 	</form>
23 | 	
24 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/services/dialog/addtoplaylist.template.html:
--------------------------------------------------------------------------------
 1 | <div class="add-to-playlist-dialog">
 2 | 	
 3 | 	<h4 class="section-title dialog-title">Select playlist</h4>
 4 | 
 5 | 	<div class="select-playlist">
 6 | 		<div class="playlist-item" singleclick="playlistSelected( playlist )" ng-repeat="playlist in playlists">
 7 | 			<div class="name" ng-bind="playlist.name"></div>
 8 | 		</div>
 9 | 	</div>
10 | 	
11 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/services/dialog/createplaylist.template.html:
--------------------------------------------------------------------------------
 1 | <div class="create-playlist-dialog">
 2 | 	
 3 | 	<h4 class="section-title dialog-title">Create playlist</h4>
 4 | 
 5 | 	<form ng-submit="savePlaylist()">
 6 |         
 7 | 		<div class="field text large">
 8 | 			<input name="name" placeholder="Playlist title" ng-model="playlistName" />
 9 | 			<span class="note red-text" ng-if="error">Please enter a title</span>
10 | 		</div>
11 | 		
12 | 		<div class="field radio">
13 | 			<label ng-class="{ disabled: !spotify.isAuthorized() }">
14 | 				<input type="radio" name="public" value="true" ng-model="playlistPublic" />
15 | 				<span class="label">Public</span>
16 | 			</label>
17 | 			<label ng-class="{ disabled: !spotify.isAuthorized() }">
18 | 				<input type="radio" name="public" value="false" ng-model="playlistPublic" />
19 | 				<span class="label">Private</span>
20 | 			</label>
21 | 			<div class="clear"></div>
22 | 		</div>
23 | 		
24 | 		<div class="field radio">
25 | 			<label>
26 | 				<input type="radio" name="scheme" value="m3u" ng-model="scheme" />
27 | 				<span class="label">Local (Mopidy)</span>
28 | 			</label>
29 | 			<label ng-show="spotify.isAuthorized()">
30 | 				<input type="radio" name="scheme" value="spotify" ng-model="scheme" />
31 | 				<span class="label">Remote (Spotify)</span>
32 | 			</label>
33 | 			<label ng-show="!spotify.isAuthorized()" class="disabled">
34 | 				<input type="radio" name="scheme" value="spotify" ng-model="scheme" disabled="disabled" />
35 | 				<span class="label">Remote (Spotify)</span>
36 | 			</label>
37 | 			<div class="clear"></div>
38 | 		</div>
39 | 
40 | 		<div class="actions">
41 | 			<button type="submit" class="button save primary" ng-hide="saving">
42 | 				<i class="fa fa-check"></i>&nbsp; Save
43 | 			</button>			
44 | 			<span ng-show="saving" class="saving">
45 | 				<img src="assets/svg/spinner.svg" class="working" />
46 | 			</span>
47 | 		</div>
48 | 		
49 | 	</form>
50 | 	
51 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/services/dialog/editplaylist.template.html:
--------------------------------------------------------------------------------
 1 | <div class="edit-playlist-dialog">
 2 | 	
 3 | 	<h4 class="section-title dialog-title">Edit playlist</h4>
 4 | 
 5 | 	<form ng-submit="savePlaylist()">
 6 | 		
 7 | 		<div class="field text large">
 8 | 			<input name="name" placeholder="Playlist name" ng-model="playlistNewName" />
 9 | 			<span class="note red-text" ng-if="error">Please enter a title</span>
10 | 		</div>
11 | 		
12 | 		<div class="field radio">
13 | 			<label>
14 | 				<input type="radio" name="public" value="true" ng-model="playlistNewPublic" />
15 | 				<span class="label">Public</span>
16 | 			</label>
17 | 			<label>
18 | 				<input type="radio" name="public" value="false" ng-model="playlistNewPublic" />
19 | 				<span class="label">Private</span>
20 | 			</label>
21 | 			<div class="clear"></div>
22 | 		</div>
23 | 
24 | 		<div class="actions">
25 | 			<button type="submit" class="button save primary" ng-hide="saving">
26 | 				<i class="fa fa-check"></i>&nbsp; Save
27 | 			</button>			
28 | 			<span ng-show="saving" class="saving">
29 | 				<img src="assets/svg/spinner.svg" class="working" />
30 | 			</span>
31 | 		</div>
32 | 		
33 | 	</form>
34 | 	
35 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/services/dialog/initialsetup.template.html:
--------------------------------------------------------------------------------
 1 | <div class="initial-setup-dialog">
 2 | 	
 3 | 	<h4 class="section-title dialog-title">Initial Setup</h4>
 4 |     <div class="form-note note">These options can be changed later in Settings</div>
 5 |     
 6 | 	<form ng-submit="save()">
 7 | 		
 8 | 		<div class="field text large">
 9 | 			<input name="username" placeholder="Your name" ng-model="name" />
10 | 			<span class="note red-text" ng-if="error">Please enter your name</span>
11 | 		</div>
12 | 
13 | 		<div class="field switch">
14 | 			<div class="input">
15 | 				<switch class="switch-button" name="pusher.disabled" value="settings.pusher.disabled"></switch>
16 | 			</div>
17 | 			<div class="label">Disable browser notifications</div>
18 | 		</div>
19 | 
20 | 		<div class="field switch shortcut-keys">
21 | 			<div class="input">
22 | 				<switch class="switch-button" name="keyboardShortcutsEnabled" value="settings.keyboardShortcutsEnabled"></switch>
23 | 			</div>
24 | 			<div class="label">Keyboard shortcuts</div>
25 | 		</div>
26 | 
27 | 		<div class="field switch start-spotify-authorization">
28 | 			<div class="input">
29 | 				<switch class="switch-button" name="spotify.authorizationenabled" value="settings.spotify.authorizationenabled"></switch>
30 | 			</div>
31 | 			<div class="label">Connect with Spotify</div>
32 | 		</div>
33 | 
34 | 		<div class="actions">
35 | 			<button type="submit" class="button save primary" ng-hide="saving">
36 | 				<i class="fa fa-check"></i>&nbsp; Save
37 | 			</button>
38 | 			<span ng-show="saving" class="saving">
39 | 				<img src="assets/svg/spinner.svg" class="working" />
40 | 			</span>
41 | 		</div>
42 | 		
43 | 	</form>
44 | 	
45 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/services/dialog/template.html:
--------------------------------------------------------------------------------
1 | <div class="dialog">
2 | 	<div class="background"></div>
3 |     <span class="button close-dialog destructive" singleclick="closeDialog()" ng-hide="closeDisabled">
4 |         <img src="assets/icons/close-white.svg" class="opacity-hover" />
5 |     </span>
6 | 	<div class="content">
7 |         <!-- dynamic template content injected here -->
8 |     </div>
9 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/services/dialog/volumecontrols.template.html:
--------------------------------------------------------------------------------
 1 | <div class="volume-controls-dialog">
 2 | 	
 3 | 	<h4 class="section-title dialog-title">Adjust volume</h4>
 4 | 	
 5 | 	<div class="volume">
 6 | 		<div class="controls">
 7 | 			<div class="slider" ng-click="setVolume($event)">
 8 | 				<div class="track">
 9 | 					<div class="fill" style="width: {{ state().volume }}%"></div>
10 | 				</div>
11 | 			</div>
12 | 		</div>
13 | 	</div>
14 | 	
15 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/services/notify/template.html:
--------------------------------------------------------------------------------
1 | <div class="dialog">
2 | 	<div class="background"></div>
3 |     <span class="button close-dialog destructive" ng-click="closeDialog()">
4 |         <i class="fa fa-close"></i>
5 |     </span>
6 | 	<div class="content">
7 |         <!-- dynamic template content injected here -->
8 |     </div>
9 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/app/settings/testing.template.html:
--------------------------------------------------------------------------------
 1 | <div ng-controller="TestingController" class="page settings-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 		
 4 |         <div class="page-header">
 5 |         
 6 |             <span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 7 |             
 8 |             <h1>
 9 |                 <i class="fa fa-flask mobile-hide"></i>
10 |                 Testing lab
11 |             </h1>
12 |             
13 |         </div>
14 |         
15 |         <h4 class="section-title underline">Server requests</h4>       
16 |         <form ng-submit="mopidyTest.run()">
17 | 
18 |             <div class="field">
19 |                 <div class="label">Method</div>
20 |                 <div class="input">
21 |                     <input type="text" name="method" ng-model="mopidyTest.method" />
22 |                 </div>
23 |             </div>
24 | 
25 |             <div class="field">
26 |                 <div class="label">Payload (JSON string)</div>
27 |                 <div class="input">
28 |                     <input type="text" name="method" ng-model="mopidyTest.payload" />
29 |                 </div>
30 |             </div>
31 | 
32 |             <div class="field">
33 |                 <div class="label"></div>
34 |                 <div class="input">
35 |                     <button class="button primary" type="submit">Run</button>
36 |                 </div>
37 |             </div>
38 |             
39 |         </form>
40 |         
41 |         <h4 class="section-title underline">Pusher connection</h4>       
42 |         <form ng-submit="pusherTest.run()">
43 | 
44 |             <div class="field">
45 |                 <div class="label">Payload (JSON string)</div>
46 |                 <div class="input">
47 |                     <input type="text" name="method" ng-model="pusherTest.payload" />
48 |                 </div>
49 |             </div>
50 | 
51 |             <div class="field">
52 |                 <div class="label"></div>
53 |                 <div class="input">
54 |                     <button class="button primary" type="submit">Send</button>
55 |                 </div>
56 |             </div>
57 |             
58 |         </form>
59 |         
60 |         <h4 class="section-title underline">Response</h4>        
61 |         <pre ng-bind="response | json"></pre>
62 |         
63 | 	</div>
64 | </div>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/backgrounds/afternoon.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/backgrounds/afternoon.jpg


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/backgrounds/category-albums.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/backgrounds/category-albums.jpg


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/backgrounds/category-artists.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/backgrounds/category-artists.jpg


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/backgrounds/category-directory.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/backgrounds/category-directory.jpg


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/backgrounds/commute.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/backgrounds/commute.jpg


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/backgrounds/dinner.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/backgrounds/dinner.jpg


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/backgrounds/evening.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/backgrounds/evening.jpg


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/backgrounds/late.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/backgrounds/late.jpg


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/backgrounds/midday.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/backgrounds/midday.jpg


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/backgrounds/morning.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/backgrounds/morning.jpg


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/favicon.ico


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/favicon.psd:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/favicon.psd


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/fonts/Archivo-Narrow-700.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/fonts/Archivo-Narrow-700.eot


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/fonts/Archivo-Narrow-700.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/fonts/Archivo-Narrow-700.ttf


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/fonts/Archivo-Narrow-700.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/fonts/Archivo-Narrow-700.woff


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/fonts/Archivo-Narrow-700.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/fonts/Archivo-Narrow-700.woff2


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/fonts/Archivo-Narrow-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/fonts/Archivo-Narrow-regular.eot


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/fonts/Archivo-Narrow-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/fonts/Archivo-Narrow-regular.ttf


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/fonts/Archivo-Narrow-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/fonts/Archivo-Narrow-regular.woff


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/fonts/Archivo-Narrow-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/fonts/Archivo-Narrow-regular.woff2


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/fonts/FontAwesome.otf


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/fonts/Roboto-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/fonts/Roboto-regular.eot


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/fonts/Roboto-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/fonts/Roboto-regular.ttf


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/fonts/Roboto-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/fonts/Roboto-regular.woff


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/fonts/Roboto-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/fonts/Roboto-regular.woff2


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/fonts/fontawesome-webfont.eot


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/fonts/fontawesome-webfont.ttf


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/fonts/fontawesome-webfont.woff


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/fonts/fontawesome-webfont.woff2


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/cd.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<path d="M8.026,2.105c3.216,0,5.833,2.617,5.833,5.833s-2.617,5.833-5.833,5.833c-3.217,0-5.832-2.617-5.832-5.833
 8 | 		S4.81,2.105,8.026,2.105 M8.026,0.688c-4.004,0-7.25,3.246-7.25,7.25s3.245,7.249,7.25,7.249c4.005,0,7.25-3.245,7.25-7.249
 9 | 		S12.031,0.688,8.026,0.688L8.026,0.688z"/>
10 | </g>
11 | <g>
12 | 	<path d="M8.026,6.5c0.794,0,1.438,0.646,1.438,1.438S8.818,9.375,8.026,9.375c-0.793,0-1.438-0.646-1.438-1.438
13 | 		S7.233,6.5,8.026,6.5 M8.026,5.083c-1.577,0-2.855,1.278-2.855,2.855c0,1.577,1.278,2.854,2.855,2.854s2.855-1.277,2.855-2.854
14 | 		C10.882,6.361,9.604,5.083,8.026,5.083L8.026,5.083z"/>
15 | </g>
16 | <path fill="none" stroke="#000000" stroke-width="0.7087" stroke-miterlimit="10" d="M4.74,5.081
17 | 	c0.798-0.918,1.974-1.498,3.286-1.498"/>
18 | <path fill="none" stroke="#000000" stroke-width="0.7087" stroke-miterlimit="10" d="M11.313,10.796
19 | 	c-0.797,0.918-1.974,1.498-3.286,1.498"/>
20 | </svg>
21 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/chevron-left.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
6 | <polyline fill="none" stroke="#010101" stroke-width="1.8546" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
7 | 	11.207,14.299 4.845,7.936 11.207,1.576 "/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/chevron-right.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
6 | <polyline fill="none" stroke="#010101" stroke-width="1.8546" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
7 | 	4.845,1.576 11.207,7.938 4.845,14.299 "/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/close-black.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 | 	 width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
6 | <line fill="none" stroke="#000000" stroke-width="2.8346" stroke-miterlimit="10" x1="6" y1="6" x2="44" y2="44"/>
7 | <line fill="none" stroke="#000000" stroke-width="2.8346" stroke-miterlimit="10" x1="6" y1="44" x2="44" y2="6"/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/close-white.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 | 	 width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
6 | <line fill="none" stroke="#FFFFFF" stroke-width="2.8346" stroke-miterlimit="10" x1="6" y1="6" x2="44" y2="44"/>
7 | <line fill="none" stroke="#FFFFFF" stroke-width="2.8346" stroke-miterlimit="10" x1="6" y1="44" x2="44" y2="6"/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/cog.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<g>
 8 | 		<path d="M7.938,6.948c0.532,0,0.966,0.435,0.966,0.968c0,0.532-0.434,0.967-0.966,0.967c-0.533,0-0.967-0.435-0.967-0.967
 9 | 			C6.972,7.383,7.405,6.948,7.938,6.948 M7.938,5.815c-1.16,0-2.102,0.941-2.102,2.102c0,1.16,0.94,2.102,2.102,2.102
10 | 			c1.159,0,2.101-0.941,2.101-2.102C10.039,6.756,9.098,5.815,7.938,5.815L7.938,5.815z"/>
11 | 	</g>
12 | 	<g>
13 | 		<path d="M7.938,4.235c2.029,0,3.681,1.652,3.681,3.682c0,2.029-1.65,3.682-3.681,3.682c-2.029,0-3.68-1.652-3.68-3.682
14 | 			C4.259,5.887,5.908,4.235,7.938,4.235 M7.938,2.818c-2.815,0-5.098,2.283-5.098,5.099s2.282,5.099,5.098,5.099
15 | 			s5.099-2.282,5.099-5.099S10.754,2.818,7.938,2.818L7.938,2.818z"/>
16 | 	</g>
17 | 	<g>
18 | 		<g>
19 | 			<polygon points="9.318,12.788 6.548,12.788 6.548,14.916 9.318,14.916 			"/>
20 | 		</g>
21 | 		<g>
22 | 			<polygon points="9.318,0.959 6.548,0.959 6.548,3.086 9.318,3.086 			"/>
23 | 		</g>
24 | 		<g>
25 | 			<polygon points="3.08,6.552 0.953,6.552 0.954,9.323 3.081,9.323 			"/>
26 | 		</g>
27 | 		<g>
28 | 			<polygon points="15.098,6.552 12.781,6.552 12.783,9.323 15.099,9.323 			"/>
29 | 		</g>
30 | 		<g>
31 | 			<polygon points="3.523,10.39 2.019,11.894 3.978,13.853 5.482,12.349 			"/>
32 | 		</g>
33 | 		<g>
34 | 			<polygon points="11.887,2.025 10.383,3.529 12.342,5.488 13.847,3.984 			"/>
35 | 		</g>
36 | 		<g>
37 | 			<polygon points="3.978,2.024 2.019,3.983 3.523,5.487 5.481,3.528 			"/>
38 | 		</g>
39 | 		<g>
40 | 			<polygon points="12.342,10.389 10.383,12.348 11.887,13.852 13.846,11.893 			"/>
41 | 		</g>
42 | 	</g>
43 | </g>
44 | </svg>
45 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/compass.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<g>
 8 | 		<path d="M8.026,2.104c3.215,0,5.832,2.617,5.832,5.833c0,3.216-2.617,5.831-5.832,5.831c-3.216,0-5.832-2.615-5.832-5.831
 9 | 			C2.194,4.721,4.811,2.104,8.026,2.104 M8.026,0.688c-4.004,0-7.25,3.246-7.25,7.25c0,4.004,3.245,7.25,7.25,7.25
10 | 			c4.003,0,7.249-3.246,7.249-7.25C15.275,3.932,12.029,0.688,8.026,0.688L8.026,0.688z"/>
11 | 	</g>
12 | 	<path d="M6.517,6.428l-2.07,5.089l5.09-2.069l2.069-5.091L6.517,6.428z M8.026,8.775c-0.462,0-0.837-0.375-0.837-0.836
13 | 		c0-0.463,0.375-0.838,0.837-0.838c0.461,0,0.836,0.375,0.836,0.838C8.862,8.4,8.487,8.775,8.026,8.775z"/>
14 | </g>
15 | </svg>
16 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/filter.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <path d="M13.954,2.139c-0.085-0.163-0.253-0.264-0.437-0.264H2.48c-0.183,0-0.352,0.102-0.437,0.264s-0.074,0.359,0.03,0.51
 7 | 	L6.86,9.604c0,1.3,0,4.013,0,4.32c1.021-0.254,1.258,1.165,2.278,0.429c0-0.426,0-3.384,0-4.748l4.785-6.957
 8 | 	C14.028,2.498,14.04,2.302,13.954,2.139z M8,8.604L5.351,4.754h5.297L8,8.604z"/>
 9 | </svg>
10 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/folder.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<g>
 8 | 		<path fill="none" stroke="#000000" stroke-width="1.4173" stroke-miterlimit="10" d="M13.94,13.125c0,0.274-0.225,0.5-0.5,0.5
 9 | 			H2.612c-0.275,0-0.5-0.226-0.5-0.5v-7.75c0-0.275,0.225-0.5,0.5-0.5H13.44c0.275,0,0.5,0.225,0.5,0.5V13.125z"/>
10 | 	</g>
11 | 	
12 | 		<rect x="2.706" y="2.25" fill="none" stroke="#000000" stroke-width="1.4173" stroke-miterlimit="10" width="4.854" height="2.625"/>
13 | </g>
14 | </svg>
15 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/grid.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<rect x="1.995" y="1.908" width="4.969" height="4.971"/>
 8 | 	<rect x="9.086" y="8.999" width="4.971" height="4.969"/>
 9 | 	<rect x="1.995" y="8.999" width="4.969" height="4.969"/>
10 | 	<rect x="9.086" y="1.907" width="4.969" height="4.972"/>
11 | </g>
12 | </svg>
13 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/icons-single.ai:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/icons/icons-single.ai


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/icons.ai:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/icons/icons.ai


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/leaf.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <path d="M1.78,4.06c0,0,4.205-3.785,8.232-1.403c4.026,2.381,5.229,5.486,3.476,7.74c-2.023-3.173-3.096-4.701-7.327-6.003
 7 | 	c0,0,6.63,4.153,7.778,9.058c-0.175,1.047-1.152,0.289-1.152,0.289l-1.067-1.77c0,0-2.05,1.583-4.471-0.508
 8 | 	C3.144,7.916,6.444,3.951,1.78,4.06z"/>
 9 | </svg>
10 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/list.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<line fill="none" stroke="#010101" stroke-width="1.8546" stroke-miterlimit="10" x1="1.729" y1="3.359" x2="14.323" y2="3.359"/>
 8 | 	<line fill="none" stroke="#010101" stroke-width="1.8546" stroke-miterlimit="10" x1="1.729" y1="7.938" x2="14.323" y2="7.938"/>
 9 | 	
10 | 		<line fill="none" stroke="#010101" stroke-width="1.8546" stroke-miterlimit="10" x1="1.729" y1="12.516" x2="14.323" y2="12.516"/>
11 | </g>
12 | </svg>
13 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/local.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
6 | <path id="local" d="M14.268,4.293H9.65L8.11,2.754H3.494v1.539H1.955v9.234h10.773v-1.538h1.539V4.293L14.268,4.293z M13.499,11.219
7 | 	h-0.771V5.832H8.11l-1.538-1.54H4.264V3.523h3.529l1.539,1.539h4.167V11.219z"/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/mic.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<polyline fill="none" stroke="#000000" stroke-width="1.4173" stroke-linecap="round" stroke-miterlimit="10" points="
 8 | 		11.813,7.648 5.428,12.582 3.452,10.605 8.619,4.454 	"/>
 9 | 	<path fill="none" stroke="#000000" stroke-width="0.8504" stroke-linecap="round" stroke-miterlimit="10" d="M4.46,11.611
10 | 		c-1.803,0.971-0.776,2.625-2.844,2.625"/>
11 | 	<circle fill="none" stroke="#000000" stroke-width="1.4173" stroke-miterlimit="10" cx="11.535" cy="4.539" r="2.9"/>
12 | 	<line fill="none" stroke="#000000" stroke-width="1.4173" stroke-miterlimit="10" x1="9.484" y1="2.487" x2="13.585" y2="6.588"/>
13 | </g>
14 | </svg>
15 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/music.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <circle fill="none" stroke="#000000" stroke-width="1.4173" stroke-miterlimit="10" cx="12.286" cy="10.32" r="2.41"/>
 7 | <circle fill="none" stroke="#000000" stroke-width="1.4173" stroke-miterlimit="10" cx="3.767" cy="12.32" r="2.41"/>
 8 | <polyline fill="none" stroke="#000000" stroke-width="1.4173" stroke-linejoin="round" stroke-miterlimit="10" points="6.177,12.32 
 9 | 	6.177,3.144 14.696,1.144 14.696,10.32 "/>
10 | </svg>
11 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/play.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<g>
 8 | 		<path d="M4.181,3.19l7.152,4.749l-7.152,4.748V3.19 M2.764,0.548v14.779l11.132-7.389L2.764,0.548L2.764,0.548z"/>
 9 | 	</g>
10 | </g>
11 | </svg>
12 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/playlist.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <circle fill="none" stroke="#000000" stroke-width="1.4173" stroke-miterlimit="10" cx="8.068" cy="11.82" r="2.41"/>
 7 | <polyline fill="none" stroke="#000000" stroke-width="1.4173" stroke-linejoin="round" stroke-miterlimit="10" points="
 8 | 	10.479,11.82 10.479,1.644 14.495,5.661 "/>
 9 | <line fill="none" stroke="#000000" stroke-width="1.4173" stroke-linejoin="round" stroke-miterlimit="10" x1="1.558" y1="1.912" x2="7.692" y2="1.912"/>
10 | <line fill="none" stroke="#000000" stroke-width="1.4173" stroke-linejoin="round" stroke-miterlimit="10" x1="1.558" y1="4.322" x2="7.692" y2="4.322"/>
11 | <line fill="none" stroke="#000000" stroke-width="1.4173" stroke-linejoin="round" stroke-miterlimit="10" x1="1.558" y1="6.732" x2="7.692" y2="6.732"/>
12 | </svg>
13 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/search.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<circle fill="none" stroke="#000000" stroke-width="1.4173" stroke-miterlimit="10" cx="6.63" cy="6.758" r="5.061"/>
 8 | 	<line fill="none" stroke="#000000" stroke-width="1.4173" stroke-miterlimit="10" x1="10.086" y1="9.78" x2="14.483" y2="14.178"/>
 9 | </g>
10 | </svg>
11 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/sections.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <rect x="2.018" y="2.128" fill="#010101" width="4.289" height="4.289"/>
 7 | <g>
 8 | 	<rect x="7.305" y="2.128" fill="#010101" width="6.678" height="0.851"/>
 9 | </g>
10 | <g>
11 | 	<rect x="7.305" y="4.128" fill="#010101" width="6.678" height="0.851"/>
12 | </g>
13 | <g>
14 | 	<rect x="7.305" y="6.128" fill="#010101" width="6.678" height="0.851"/>
15 | </g>
16 | <rect x="2.018" y="9.211" fill="#010101" width="4.289" height="4.289"/>
17 | <g>
18 | 	<rect x="7.305" y="9.211" fill="#010101" width="6.678" height="0.851"/>
19 | </g>
20 | <g>
21 | 	<rect x="7.305" y="11.211" fill="#010101" width="6.678" height="0.851"/>
22 | </g>
23 | <g>
24 | 	<rect x="7.305" y="13.211" fill="#010101" width="6.678" height="0.851"/>
25 | </g>
26 | </svg>
27 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/soundcloud.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <path id="soundcloud" d="M0.027,10.945c0,0.197,0.072,0.347,0.215,0.447c0.145,0.104,0.298,0.139,0.462,0.108
 7 | 	c0.153-0.028,0.261-0.084,0.323-0.164c0.063-0.079,0.093-0.211,0.093-0.394V8.789c0-0.154-0.053-0.283-0.159-0.391
 8 | 	c-0.107-0.107-0.237-0.16-0.391-0.16c-0.147,0-0.275,0.053-0.382,0.16C0.081,8.506,0.027,8.635,0.027,8.789V10.945L0.027,10.945z
 9 | 	 M1.736,11.865c0,0.145,0.053,0.252,0.154,0.322c0.101,0.071,0.23,0.108,0.389,0.108c0.165,0,0.297-0.037,0.397-0.108
10 | 	c0.103-0.07,0.153-0.179,0.153-0.322V6.842c0-0.148-0.055-0.276-0.159-0.383C2.563,6.352,2.434,6.298,2.279,6.298
11 | 	c-0.148,0-0.275,0.054-0.383,0.161c-0.105,0.106-0.16,0.234-0.16,0.383V11.865z M3.438,12.104c0,0.145,0.054,0.252,0.156,0.324
12 | 	c0.105,0.071,0.238,0.107,0.402,0.107c0.157,0,0.288-0.036,0.391-0.107c0.101-0.072,0.151-0.181,0.151-0.324V7.518
13 | 	c0-0.153-0.054-0.285-0.16-0.394C4.271,7.016,4.145,6.96,3.997,6.96c-0.154,0-0.285,0.056-0.395,0.164
14 | 	c-0.108,0.108-0.164,0.24-0.164,0.394V12.104z M5.148,12.125c0,0.273,0.185,0.41,0.551,0.41c0.367,0,0.55-0.137,0.55-0.41V4.694
15 | 	c0-0.418-0.128-0.653-0.38-0.707C5.707,3.948,5.545,3.994,5.387,4.129C5.228,4.262,5.148,4.45,5.148,4.694V12.125z M6.888,12.342
16 | 	V4.256c0-0.259,0.077-0.412,0.23-0.461c0.333-0.08,0.663-0.12,0.989-0.12c0.758,0,1.463,0.179,2.118,0.535
17 | 	c0.654,0.357,1.185,0.845,1.588,1.462c0.401,0.615,0.638,1.295,0.701,2.039c0.303-0.129,0.625-0.193,0.969-0.193
18 | 	c0.69,0,1.285,0.246,1.777,0.735C15.754,8.744,16,9.334,16,10.021c0,0.693-0.246,1.287-0.739,1.776
19 | 	c-0.493,0.49-1.085,0.736-1.771,0.736l-6.468-0.009c-0.043-0.016-0.077-0.041-0.102-0.082C6.898,12.406,6.888,12.371,6.888,12.342
20 | 	L6.888,12.342z"/>
21 | </svg>
22 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/source-icons.ai:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/assets/icons/source-icons.ai


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/spotify.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <path id="spotify" d="M7.94,1.887c-3.389,0-6.16,2.772-6.16,6.162c0,3.391,2.771,6.161,6.16,6.161c3.388,0,6.16-2.771,6.16-6.161
 7 | 	C14.1,4.659,11.357,1.887,7.94,1.887z M10.773,10.789c-0.123,0.186-0.34,0.246-0.522,0.123c-1.449-0.893-3.267-1.078-5.422-0.584
 8 | 	c-0.215,0.061-0.399-0.094-0.461-0.279C4.306,9.834,4.458,9.65,4.645,9.588c2.34-0.523,4.375-0.309,5.975,0.678
 9 | 	C10.836,10.359,10.866,10.605,10.773,10.789z M11.514,9.094c-0.154,0.219-0.433,0.309-0.646,0.156
10 | 	c-1.664-1.018-4.19-1.327-6.13-0.709C4.49,8.604,4.213,8.48,4.151,8.232C4.089,7.986,4.213,7.708,4.458,7.648
11 | 	c2.25-0.678,5.021-0.34,6.933,0.832C11.574,8.572,11.667,8.878,11.514,9.094z M11.574,7.371C9.604,6.198,6.308,6.075,4.43,6.661
12 | 	C4.121,6.754,3.812,6.569,3.72,6.292C3.628,5.983,3.812,5.676,4.089,5.583C6.276,4.937,9.88,5.06,12.16,6.415
13 | 	c0.277,0.154,0.369,0.523,0.215,0.801C12.223,7.431,11.852,7.523,11.574,7.371z"/>
14 | </svg>
15 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/icons/star.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<path d="M8.024,3.464l1.198,2.422l0.33,0.668l0.736,0.106l2.672,0.389l-1.936,1.888l-0.533,0.521l0.127,0.734l0.457,2.661
 8 | 		l-2.393-1.257l-0.659-0.348l-0.658,0.348l-2.394,1.258l0.458-2.662l0.126-0.736L5.021,8.935L3.081,7.05L5.76,6.66l0.735-0.106
 9 | 		l0.33-0.668L8.024,3.464 M8.025,0.79c-0.18,0-0.327,0.122-0.44,0.369L5.558,5.258L1.036,5.915C0.7,5.97,0.532,6.106,0.532,6.329
10 | 		c0,0.127,0.074,0.271,0.225,0.434L4.036,9.95l-0.774,4.504c-0.013,0.084-0.019,0.144-0.019,0.182c0,0.125,0.032,0.23,0.096,0.318
11 | 		c0.063,0.088,0.158,0.131,0.283,0.131c0.107,0,0.229-0.037,0.36-0.108l4.044-2.125l4.044,2.125
12 | 		c0.127,0.071,0.246,0.108,0.359,0.108c0.12,0,0.213-0.043,0.275-0.131s0.096-0.193,0.096-0.318c0-0.079-0.006-0.141-0.012-0.182
13 | 		L12.017,9.95l3.271-3.188c0.154-0.158,0.232-0.3,0.232-0.434c0-0.222-0.167-0.359-0.503-0.414l-4.522-0.657L8.469,1.159
14 | 		C8.352,0.912,8.206,0.79,8.025,0.79L8.025,0.79z"/>
15 | </g>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/svg/blur.svg:
--------------------------------------------------------------------------------
1 | <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <filter id="blur"> <feGaussianBlur stdDeviation="10" /> </filter> </svg>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/svg/local.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 | 	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
6 | <path fill="#020202" d="M31,6.554H19.777l-3.742-3.741H4.816v3.741H1.074v22.447H27.26v-3.742H31V6.554z M29.131,23.389H27.26
7 | 	V10.295H16.035l-3.739-3.742h-5.61v-1.87h8.576l3.742,3.741h10.127V23.389z"/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/svg/no-image.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 | 	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
6 | <line fill="none" stroke="#CCCCCC" stroke-width="0.1417" stroke-miterlimit="10" x1="4.167" y1="4.167" x2="27.833" y2="27.833"/>
7 | <line fill="none" stroke="#CCCCCC" stroke-width="0.1417" stroke-miterlimit="10" x1="4.167" y1="27.833" x2="27.833" y2="4.167"/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/svg/soundcloud.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
 6 | <path fill="#DF4526" d="M1.073,22.375c0,0.371,0.135,0.651,0.404,0.842c0.271,0.191,0.558,0.258,0.864,0.203
 7 | 	c0.288-0.056,0.49-0.158,0.606-0.308c0.116-0.149,0.173-0.395,0.173-0.737v-4.041c0-0.288-0.099-0.531-0.299-0.731
 8 | 	s-0.443-0.3-0.731-0.3c-0.278,0-0.519,0.1-0.718,0.3c-0.2,0.2-0.3,0.443-0.3,0.731V22.375L1.073,22.375z M4.278,24.102
 9 | 	c0,0.27,0.095,0.471,0.286,0.605s0.434,0.202,0.731,0.202c0.307,0,0.555-0.067,0.746-0.202s0.286-0.336,0.286-0.605v-9.417
10 | 	c0-0.279-0.1-0.518-0.3-0.718s-0.443-0.3-0.731-0.3c-0.278,0-0.518,0.1-0.718,0.3c-0.2,0.2-0.299,0.439-0.299,0.718V24.102z
11 | 	 M7.468,24.548c0,0.27,0.098,0.472,0.292,0.606c0.195,0.135,0.446,0.202,0.753,0.202c0.297,0,0.541-0.067,0.731-0.202
12 | 	c0.19-0.135,0.286-0.337,0.286-0.606v-8.596c0-0.288-0.1-0.534-0.3-0.738c-0.2-0.205-0.438-0.307-0.717-0.307
13 | 	c-0.288,0-0.535,0.102-0.739,0.307c-0.204,0.205-0.306,0.45-0.306,0.738V24.548z M10.672,24.589c0,0.511,0.344,0.768,1.031,0.768
14 | 	c0.688,0,1.031-0.257,1.031-0.768V10.658c0-0.781-0.236-1.222-0.71-1.324c-0.306-0.074-0.608,0.014-0.906,0.265
15 | 	c-0.297,0.251-0.446,0.604-0.446,1.059V24.589z M13.933,24.993V9.835c0-0.483,0.144-0.771,0.432-0.864
16 | 	c0.622-0.148,1.24-0.223,1.853-0.223c1.421,0,2.744,0.334,3.971,1.003s2.218,1.582,2.975,2.738c0.756,1.156,1.195,2.431,1.316,3.824
17 | 	c0.566-0.241,1.17-0.362,1.812-0.362c1.3,0,2.412,0.459,3.336,1.378c0.925,0.92,1.386,2.026,1.386,3.316
18 | 	c0,1.3-0.461,2.41-1.386,3.33c-0.924,0.92-2.031,1.38-3.322,1.38l-12.121-0.015c-0.083-0.028-0.146-0.079-0.188-0.153
19 | 	S13.933,25.049,13.933,24.993L13.933,24.993z"/>
20 | </svg>
21 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/svg/spinner-black.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve">
 6 | <path d="M15,1.307V1.292C7.429,1.292,1.292,7.429,1.292,15c0,1.568,1.271,2.84,2.839,2.84c1.568,0,2.839-1.271,2.839-2.84
 7 | 	c0-0.021-0.006-0.041-0.006-0.062c0.033-4.35,3.538-7.882,7.875-7.969C14.893,6.973,14.945,6.986,15,6.986
 8 | 	c1.568,0,2.84-1.271,2.84-2.84C17.84,2.578,16.568,1.307,15,1.307z">
 9 | 		</path>
10 | </svg>
11 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/svg/spinner-white.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve">
 6 | <path fill="#FFFFFF" d="M15,1.307V1.292C7.429,1.292,1.292,7.429,1.292,15c0,1.568,1.271,2.84,2.839,2.84
 7 | 	c1.568,0,2.839-1.271,2.839-2.84c0-0.021-0.006-0.041-0.006-0.062c0.033-4.35,3.538-7.882,7.875-7.969
 8 | 	C14.893,6.973,14.945,6.986,15,6.986c1.568,0,2.84-1.271,2.84-2.84C17.84,2.578,16.568,1.307,15,1.307z"/>
 9 | </svg>
10 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/svg/spinner.svg:
--------------------------------------------------------------------------------
 1 | <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
 2 |     <path fill="#FFFFFF" d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z">
 3 |         <animateTransform attributeType="xml"
 4 |             attributeName="transform"
 5 |             type="rotate"
 6 |             from="0 25 25"
 7 |             to="360 25 25"
 8 |             dur="0.6s"
 9 |             repeatCount="indefinite" />
10 |     </path>
11 | </svg>


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/svg/spotify.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
 6 | <path fill="#84BE41" d="M16,1C7.865,1,1.208,7.656,1.208,15.791c0,8.136,6.656,14.791,14.792,14.791
 7 | 	c8.136,0,14.791-6.655,14.791-14.791C30.791,7.656,24.208,1,16,1z M22.804,22.374c-0.297,0.442-0.813,0.591-1.257,0.296
 8 | 	c-3.478-2.145-7.839-2.589-13.018-1.406c-0.517,0.148-0.961-0.222-1.109-0.666c-0.148-0.517,0.222-0.961,0.667-1.109
 9 | 	c5.621-1.256,10.502-0.74,14.348,1.627C22.951,21.338,23.023,21.93,22.804,22.374z M24.58,18.305
10 | 	c-0.372,0.52-1.036,0.74-1.557,0.371c-3.99-2.44-10.056-3.181-14.715-1.7c-0.592,0.147-1.257-0.148-1.405-0.74
11 | 	c-0.148-0.592,0.148-1.258,0.739-1.406c5.398-1.627,12.055-0.813,16.642,1.998C24.728,17.048,24.948,17.788,24.58,18.305z
12 | 	 M24.728,14.164c-4.733-2.81-12.649-3.106-17.159-1.701c-0.739,0.221-1.479-0.222-1.701-0.887c-0.222-0.74,0.222-1.48,0.888-1.702
13 | 	c5.251-1.553,13.903-1.256,19.377,1.997c0.664,0.37,0.885,1.258,0.517,1.923C26.28,14.313,25.393,14.534,24.728,14.164z"/>
14 | </svg>
15 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/assets/svg/white-diamond.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 | 	 width="7.377px" height="20px" viewBox="0 0 7.377 20" enable-background="new 0 0 7.377 20" xml:space="preserve">
6 | <polyline fill="#F5F5F5" points="7.377,16.306 1.069,10 7.377,3.693 "/>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/scss/app.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | @import 'global/core';
 3 | @import 'global/forms';
 4 | @import 'global/icons';
 5 | @import 'global/touch-devices';
 6 | 
 7 | @import 'components/tracklist';
 8 | @import 'components/context-menu';
 9 | @import 'components/loading-bar';
10 | @import 'components/dialog';
11 | @import 'components/player';
12 | @import 'components/slider';
13 | 
14 | @import 'global/responsive';
15 | 
16 | @import 'vendor/font-awesome';
17 | @import 'vendor/fonts';
18 | 
19 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/scss/components/_loading-bar.scss:
--------------------------------------------------------------------------------
 1 | /*! 
 2 |  * angular-loading-bar v0.8.0
 3 |  * https://chieffancypants.github.io/angular-loading-bar
 4 |  * Copyright (c) 2015 Wes Cruver
 5 |  * License: MIT
 6 |  */
 7 | 
 8 | /* Make clicks pass-through */
 9 | #loading-bar,
10 | #loading-bar-spinner {
11 | 	pointer-events: none;
12 | 	-webkit-pointer-events: none;
13 | 	-webkit-transition: 350ms linear all;
14 | 	-moz-transition: 350ms linear all;
15 | 	-o-transition: 350ms linear all;
16 | 	transition: 350ms linear all;
17 | }
18 | 
19 | #loading-bar-spinner.ng-enter,
20 | #loading-bar-spinner.ng-leave.ng-leave-active {
21 | 	opacity: 0;
22 | }
23 | 
24 | #loading-bar-spinner.ng-enter.ng-enter-active,
25 | #loading-bar-spinner.ng-leave {
26 | 	opacity: 1;
27 | }
28 | 
29 | #loading-bar-spinner {
30 | 	display: block;
31 | 	position: fixed;
32 | 	z-index: 10002;
33 | 	top: 10px;
34 | 	left: 10px;
35 | }
36 | 
37 | #loading-bar-spinner .spinner-icon {
38 | 	width: 14px;
39 | 	height: 14px;
40 | 
41 | 	border:  solid 2px transparent;
42 | 	border-top-color:  #29d;
43 | 	border-left-color: #29d;
44 | 	border-radius: 50%;
45 | 
46 | 	-webkit-animation: loading-bar-spinner 400ms linear infinite;
47 | 	-moz-animation:    loading-bar-spinner 400ms linear infinite;
48 | 	-ms-animation:     loading-bar-spinner 400ms linear infinite;
49 | 	-o-animation:      loading-bar-spinner 400ms linear infinite;
50 | 	animation:         loading-bar-spinner 400ms linear infinite;
51 | }
52 | 
53 | @-webkit-keyframes loading-bar-spinner {
54 | 	0%   { -webkit-transform: rotate(0deg);   transform: rotate(0deg); }
55 | 	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
56 | }
57 | @-moz-keyframes loading-bar-spinner {
58 | 	0%   { -moz-transform: rotate(0deg);   transform: rotate(0deg); }
59 | 	100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
60 | }
61 | @-o-keyframes loading-bar-spinner {
62 | 	0%   { -o-transform: rotate(0deg);   transform: rotate(0deg); }
63 | 	100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
64 | }
65 | @-ms-keyframes loading-bar-spinner {
66 | 	0%   { -ms-transform: rotate(0deg);   transform: rotate(0deg); }
67 | 	100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
68 | }
69 | @keyframes loading-bar-spinner {
70 | 	0%   { transform: rotate(0deg);   transform: rotate(0deg); }
71 | 	100% { transform: rotate(360deg); transform: rotate(360deg); }
72 | }
73 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/scss/components/_slider.scss:
--------------------------------------------------------------------------------
 1 | /** 
 2 |  * Sliders
 3 |  * Side-scrolling content (ie discover sections)
 4 |  **/
 5 | 
 6 | slider {
 7 | 	height: 250px;
 8 | 	display: block;
 9 | 	position: relative;
10 | 	margin-bottom: 40px;
11 | 
12 |     &.square-panels {
13 |         margin-left: 0;
14 |         margin-right: -40px;
15 |     }
16 | 
17 |     .controls {
18 |         position: absolute;
19 |         top: -40px;
20 |         right: 20px;
21 |         z-index: 5;
22 |         
23 |         .si {
24 |             margin: 5px;
25 |             opacity: 0.2;
26 |             
27 |             &.can-slide {
28 |                 cursor: pointer;
29 |                 opacity: 0.7;
30 |             }
31 |             
32 |             &.can-slide:hover {
33 |                 opacity: 1;
34 |             }
35 |         }
36 |     }
37 | 
38 |     .slides {
39 |         overflow: hidden;
40 |         position: relative;
41 |         height: 100%;
42 |     }
43 | 
44 |     .slides-content {
45 |         position: absolute;
46 |         top: 0;
47 |         left: 0;
48 |         width: 400%;
49 |     }
50 | 
51 |     .item-container {
52 |         float: left;
53 |         width: 5%;
54 | 
55 |         & > .square-panel {
56 |             width: 80%;
57 |             margin: 0;
58 |         }
59 |     }
60 | }
61 | 
62 | 
63 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/scss/global/_icons.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Spotmop
 3 |  * Icons
 4 |  **/
 5 |  
 6 | .si {
 7 | 	display: inline-block;
 8 | 	width: 16px;
 9 | 	height: 16px;
10 | 	background-position: 50% 50%;
11 | 	background-repeat: no-repeat;
12 | 	vertical-align: top;
13 | 	margin-top: 2px;
14 | 	margin-right: 5px;
15 | 	padding: 0;
16 | 	background-size: contain;
17 | }
18 |  
19 | .si.doublesize {
20 | 	width: 32px;
21 | 	height: 32px;
22 | }
23 |  
24 | .si.play {				background-image: url('assets/icons/play.svg'); }
25 | .si.compass {			background-image: url('assets/icons/compass.svg'); }
26 | .si.playlist {			background-image: url('assets/icons/playlist.svg'); }
27 | .si.music {				background-image: url('assets/icons/music.svg'); }
28 | .si.cog {				background-image: url('assets/icons/cog.svg'); }
29 | .si.folder {			background-image: url('assets/icons/folder.svg'); }
30 | .si.leaf {				background-image: url('assets/icons/leaf.svg'); }
31 | .si.star {				background-image: url('assets/icons/star.svg'); }
32 | .si.mic {				background-image: url('assets/icons/mic.svg'); }
33 | .si.cd {				background-image: url('assets/icons/cd.svg'); }
34 | .si.grid {				background-image: url('assets/icons/grid.svg'); }
35 | .si.search {			background-image: url('assets/icons/search.svg'); }
36 | .si.chevron-right {		background-image: url('assets/icons/chevron-right.svg'); }
37 | .si.chevron-left {		background-image: url('assets/icons/chevron-left.svg'); }
38 | .si.sections {			background-image: url('assets/icons/sections.svg'); }
39 | .si.list {				background-image: url('assets/icons/list.svg'); }
40 | .si.spotify {			background-image: url('assets/icons/spotify.svg'); }
41 | .si.soundcloud {		background-image: url('assets/icons/soundcloud.svg'); }
42 | .si.local {				background-image: url('assets/icons/local.svg'); }
43 | .si.filter {			background-image: url('assets/icons/filter.svg'); }
44 | 
45 | .si.white {
46 | 	-webkit-filter: invert(1);
47 | 	-moz-filter: invert(1);
48 | 	filter: invert(1);
49 | }
50 | 
51 | @media ( max-width: 800px ){
52 |     .si.mobile-white {
53 |         -webkit-filter: invert(1);
54 |         -moz-filter: invert(1);
55 |         filter: invert(1);
56 |     }
57 | }
58 | 
59 | 
60 | 
61 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/scss/global/_touch-devices.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * touchDevice specific elements
 3 |  * This is how we show touch-friendly track selection and context menus, etc
 4 |  * 
 5 |  * Spotmop
 6 |  **/
 7 | 
 8 |  
 9 |  
10 | /**
11 |  * Player
12 |  **/
13 | 
14 | .touchDevice #full-player .volume,
15 | .touchDevice #player .volume.touch-friendly {
16 | 	display: inline-block;
17 | }
18 | 
19 | #app:not(.touchDevice) #player .volume.touch-friendly,
20 | .touchDevice #player .volume:not(.touch-friendly) {
21 | 	display: none;
22 | }
23 | 
24 |  
25 |  
26 | /**
27 |  * Tracklist context menu
28 |  **/
29 | 
30 | .touchDevice .tracklist .track {
31 | 	padding-left: 30px;
32 | }
33 | 
34 | .tracklist .track .selected-state {
35 | 	display: none;
36 | }
37 | 
38 | .touchDevice .tracklist .track .selected-state {
39 | 	display: block;
40 | 	width: 10px;
41 | 	position: absolute;
42 | 	top: 2px;
43 | 	left: 0;
44 | 	padding: 10px;
45 | 	font-size: 14px;
46 | }
47 | 
48 | .tracklist-context-menu {
49 | 	background: rgba(50,50,50,0.95);
50 | 	color: #FFFFFF;
51 | 	z-index: 9;
52 | 	position: fixed;
53 | 	top: 0;
54 | 	right: 0;
55 | 	left: 0;
56 | 	box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
57 | }
58 | 
59 | .tracklist-context-menu .menu-item:first-child {
60 | 	margin-left: 6px;
61 | }
62 | 
63 | .tracklist-context-menu .menu-item {
64 | 	display: block;
65 | 	float: left;
66 | 	text-align: center;
67 | 	padding: 20px 16px;
68 | 	margin-right: 5px;
69 | 	font-weight: bold;
70 | 	text-transform: uppercase;
71 | 	cursor: pointer;
72 | }
73 | 
74 | .tracklist-context-menu .menu-item .fa {
75 | 	display: block;
76 | 	font-size: 16px;
77 | }
78 | 
79 | .tracklist-context-menu .menu-item .text {
80 | 	padding-top: 5px;
81 | 	display: block;
82 | 	font-size: 10px;
83 | }
84 | 
85 | .tracklist-context-menu .menu-item.cancel {
86 | 	float: right;
87 | 	opacity: 0.5;
88 | }
89 | 
90 | 
91 | 
92 | 
93 | 
94 | 
95 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/scss/vendor/_fonts.scss:
--------------------------------------------------------------------------------
 1 | @font-face {
 2 |   font-family: 'Archivo Narrow';
 3 |   font-weight: 400;
 4 |   font-style: normal;
 5 |   src: url('assets/fonts/Archivo-Narrow-regular.eot');
 6 |   src: url('assets/fonts/Archivo-Narrow-regular.eot?#iefix') format('embedded-opentype'),
 7 |        local('Archivo Narrow Regular'),
 8 |        local('Archivo-Narrow-regular'),
 9 |        url('assets/fonts/Archivo-Narrow-regular.woff2') format('woff2'),
10 |        url('assets/fonts/Archivo-Narrow-regular.woff') format('woff'),
11 |        url('assets/fonts/Archivo-Narrow-regular.ttf') format('truetype'),
12 |        url('assets/fonts/Archivo-Narrow-regular.svg#ArchivoNarrow') format('svg');
13 | }
14 | 
15 | @font-face {
16 |   font-family: 'Archivo Narrow';
17 |   font-weight: 700;
18 |   font-style: normal;
19 |   src: url('assets/fonts/Archivo-Narrow-700.eot');
20 |   src: url('assets/fonts/Archivo-Narrow-700.eot?#iefix') format('embedded-opentype'),
21 |        local('Archivo Narrow Bold'),
22 |        local('Archivo-Narrow-700'),
23 |        url('assets/fonts/Archivo-Narrow-700.woff2') format('woff2'),
24 |        url('assets/fonts/Archivo-Narrow-700.woff') format('woff'),
25 |        url('assets/fonts/Archivo-Narrow-700.ttf') format('truetype'),
26 |        url('assets/fonts/Archivo-Narrow-700.svg#ArchivoNarrow') format('svg');
27 | }
28 | 
29 | @font-face {
30 |   font-family: 'Roboto';
31 |   font-weight: 400;
32 |   font-style: normal;
33 |   src: url('assets/fonts/Roboto-regular.eot');
34 |   src: url('assets/fonts/Roboto-regular.eot?#iefix') format('embedded-opentype'),
35 |        local('Roboto'),
36 |        local('Roboto-regular'),
37 |        url('assets/fonts/Roboto-regular.woff2') format('woff2'),
38 |        url('assets/fonts/Roboto-regular.woff') format('woff'),
39 |        url('assets/fonts/Roboto-regular.ttf') format('truetype'),
40 |        url('assets/fonts/Roboto-regular.svg#Roboto') format('svg');
41 | }
42 | 


--------------------------------------------------------------------------------
/mopidy_spotmop/static/vendor/angular-storage.min.js:
--------------------------------------------------------------------------------
1 | /*! ngStorage 0.3.0 | Copyright (c) 2013 Gias Kay Lee | MIT License */"use strict";!function(){function a(a){return["$rootScope","$window",function(b,c){for(var d,e,f,g=c[a]||(console.warn("This browser does not support Web Storage!"),{}),h={$default:function(a){for(var b in a)angular.isDefined(h[b])||(h[b]=a[b]);return h},$reset:function(a){for(var b in h)"$"===b[0]||delete h[b];return h.$default(a)}},i=0;i<g.length;i++)(f=g.key(i))&&"ngStorage-"===f.slice(0,10)&&(h[f.slice(10)]=angular.fromJson(g.getItem(f)));return d=angular.copy(h),b.$watch(function(){e||(e=setTimeout(function(){if(e=null,!angular.equals(h,d)){angular.forEach(h,function(a,b){angular.isDefined(a)&&"$"!==b[0]&&g.setItem("ngStorage-"+b,angular.toJson(a)),delete d[b]});for(var a in d)g.removeItem("ngStorage-"+a);d=angular.copy(h)}},100))}),"localStorage"===a&&c.addEventListener&&c.addEventListener("storage",function(a){"ngStorage-"===a.key.slice(0,10)&&(a.newValue?h[a.key.slice(10)]=angular.fromJson(a.newValue):delete h[a.key.slice(10)],d=angular.copy(h),b.$apply())}),h}]}angular.module("ngStorage",[]).factory("$localStorage",a("localStorage")).factory("$sessionStorage",a("sessionStorage"))}();


--------------------------------------------------------------------------------
/mopidy_spotmop/static/vendor/jquery.event.drag.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/mopidy_spotmop/static/vendor/jquery.event.drag.js


--------------------------------------------------------------------------------
/mopidy_spotmop/static/vendor/ngclipboard.js:
--------------------------------------------------------------------------------
 1 | (function() {
 2 | 
 3 |     'use strict';
 4 |     var MODULE_NAME = 'ngclipboard';
 5 |     var angular, Clipboard;
 6 |     
 7 |     // Check for CommonJS support
 8 |     if (typeof module === 'object' && module.exports) {
 9 | 		angular = require('angular');
10 | 		Clipboard = require('clipboard');
11 | 		module.exports = MODULE_NAME;
12 |     } else {
13 | 		angular = window.angular;
14 | 		Clipboard = window.Clipboard;
15 |     }
16 | 
17 |     angular.module(MODULE_NAME, []).directive('ngclipboard', function($rootScope) {
18 |         return {
19 |             restrict: 'A',
20 |             scope: {
21 |                 ngclipboardSuccess: '&',
22 |                 ngclipboardError: '&'
23 |             },
24 |             link: function(scope, element) {
25 |                 var clipboard = new Clipboard(
26 | 						element[0],
27 | 						{
28 | 							text: function(trigger){
29 | 								return $rootScope.selectedTrackURIs;
30 | 							}
31 | 						}
32 | 					);
33 | 
34 |                 clipboard.on('success', function(e) {
35 |                   scope.$apply(function () {
36 |                     scope.ngclipboardSuccess({
37 |                       e: e
38 |                     });
39 |                   });
40 |                 });
41 | 
42 |                 clipboard.on('error', function(e) {
43 |                   scope.$apply(function () {
44 |                     scope.ngclipboardError({
45 |                       e: e
46 |                     });
47 |                   });
48 |                 });
49 | 
50 |             }
51 |         };
52 |     });
53 | })();


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "Mopidy-Spotmop",
 3 |   "version": "2.5.9",
 4 |   "author": "James Barnsley",
 5 |   "description": "HTTP client for Mopidy",
 6 |   "repository": "https://github.com/jaedb/spotmop",
 7 |   "licenses": {
 8 |     "type": "Apache License",
 9 |     "url": "http://www.apache.org/licenses/LICENSE-2.0.txt"
10 |   },
11 |   "devDependencies": {
12 |     "grunt": "^1.0.0",
13 |     "grunt-contrib-copy": "^1.0.0",
14 |     "grunt-contrib-concat": "^1.0.1",
15 |     "grunt-contrib-cssmin": "^1.0.1",
16 |     "grunt-contrib-uglify": "~1.0.1",
17 |     "grunt-contrib-sass": "0.8.0",
18 |     "grunt-contrib-watch": "~1.0.0",
19 |     "grunt-ng-annotate": "2.0.2",
20 |     "grunt-processhtml": "0.4.0"
21 |   }
22 | }
23 | 


--------------------------------------------------------------------------------
/setup.cfg:
--------------------------------------------------------------------------------
1 | [wheel]
2 | universal = 1
3 | 
4 | [metadata]
5 | description-file = README.md


--------------------------------------------------------------------------------
/setup.py:
--------------------------------------------------------------------------------
 1 | from __future__ import unicode_literals
 2 | 
 3 | import re
 4 | from setuptools import setup, find_packages
 5 | 
 6 | def get_version(filename):
 7 |     content = open(filename).read()
 8 |     metadata = dict(re.findall("__([a-z]+)__ = '([^']+)'", content))
 9 |     return metadata['version']
10 | 
11 | setup(
12 |     name='Mopidy-Spotmop',
13 |     version=get_version('mopidy_spotmop/__init__.py'),
14 |     url='https://github.com/jaedb/spotmop',
15 |     license='Apache License, Version 2.0',
16 |     author='James Barnsley',
17 |     author_email='james@barnsley.nz',
18 |     description='A Mopidy Web client that utilizes the Spotify and EchoNest frameworks',
19 |     packages=find_packages(),
20 |     zip_safe=False,
21 |     include_package_data=True,
22 |     install_requires=[
23 |         'setuptools >= 3.3',
24 |         'pylast',
25 |         'spotipy',
26 |         'Mopidy >= 2.0',
27 |         'Mopidy-Local-Images >= 1.0',
28 |         'ConfigObj'
29 |     ],
30 |     classifiers=[
31 |         'Environment :: No Input/Output (Daemon)',
32 |         'Intended Audience :: End Users/Desktop',
33 |         'License :: OSI Approved :: Apache Software License',
34 |         'Operating System :: OS Independent',
35 |         'Programming Language :: Python :: 2',
36 |         'Topic :: Multimedia :: Sound/Audio :: Players',
37 |     ],
38 |     entry_points={
39 |         'mopidy.ext': [
40 |             'spotmop = mopidy_spotmop:SpotmopExtension',
41 |         ],
42 |     },
43 | )
44 | 


--------------------------------------------------------------------------------
/src/app/browse/artist/biography.template.html:
--------------------------------------------------------------------------------
 1 | <div class="biography">
 2 | 
 3 | 	<h4 class="section-title">Biography</h4>	
 4 | 	<div class="content" ng-bind="artist.biography.content"></div>
 5 | 
 6 | 	<div class="details">
 7 | 		<p>
 8 | 			Origin: <a href="{{ artist.biography.links.link.href }}" target="_blank" ng-bind="artist.biography.links.link.href" class="italic-text"></a>
 9 | 		</p>
10 | 		<p>
11 | 			Published: <span ng-bind="artist.biography.published" class="italic-text"></span>
12 | 		</p>
13 | 	</div>
14 | 	
15 | </div>


--------------------------------------------------------------------------------
/src/app/browse/artist/overview.template.html:
--------------------------------------------------------------------------------
 1 | <div class="col" ng-class="{'w70': (!mediumScreen() && origin == 'spotify'), 'w100': (mediumScreen() || origin != 'spotify') }">
 2 | 
 3 | 	<h4 class="section-title">Top tracks</h4>
 4 | 	<tracklist ng-if="tracklist.tracks" tracks="tracklist.tracks" type="track" class="tracklist top-tracks"></tracklist>
 5 |     
 6 | </div>
 7 | 
 8 | <div class="col w25 pull-right" ng-if="!mediumScreen() && origin == 'spotify'">
 9 | 
10 | 	<h4 class="section-title">Related Artists</h4>
11 | 	
12 | 	<div class="artist-list related-artists">
13 | 		<a
14 |             ng-repeat="artist in relatedArtists | limitTo:6 track by $index"
15 |             class="artist"
16 |             ui-sref="browse.artist.overview({ uri: artist.uri })"           
17 |             candrag
18 |             dragobj="artist"
19 |             draggable="false">
20 |                 <thumbnail size="small" images="artist.images"></thumbnail>
21 |                 <span class="name" ng-bind="artist.name"></span>
22 | 		</a>
23 | 
24 | 		<div ng-hide="relatedArtists.length" class="no-items">
25 | 			No items
26 | 		</div>
27 | 	</div>
28 | 
29 | </div>
30 | 
31 | <div class="clear-both spacer"></div>
32 | 
33 | <h4 class="section-title">Albums</h4>
34 | 
35 | <div class="album-items square-panels">
36 |     <div class="item-container" ng-repeat="album in albums.items track by $index">
37 |         <a ui-sref="browse.artistalbum({ artisturi: artist.uri, uri: album.uri })" class="square-panel album"
38 |             ng-if="origin == 'spotify'"
39 |             candrag
40 |             dragobj="album"
41 |             draggable="false">
42 |                 <div class="image-container">
43 |                     <thumbnail size="medium" images="album.images"></thumbnail>
44 |                 </div>
45 |                 <div class="info smaller animate">
46 |                     <div class="name" ng-bind="album.name"></div>
47 |                 </div>
48 |         </a>
49 |         <a ui-sref="browse.album({ uri: album.uri })" class="square-panel album"
50 |             ng-if="origin != 'spotify'"
51 |             candrag
52 |             dragobj="album"
53 |             draggable="false">
54 |                 <div class="image-container">
55 |                     <thumbnail size="medium" images="album.images"></thumbnail>
56 |                 </div>
57 |                 <div class="info smaller animate">
58 |                     <div class="name" ng-bind="album.name"></div>
59 |                 </div>
60 |         </a>
61 |     </div>
62 | </div>
63 | 
64 | <div class="clear-both"></div>


--------------------------------------------------------------------------------
/src/app/browse/artist/related.template.html:
--------------------------------------------------------------------------------
 1 | <h4 class="section-title">Related Artists</h4>
 2 | 
 3 | <div class="album-items square-panels">
 4 | 	<div class="item-container" ng-repeat="artist in relatedArtists">
 5 | 		<a ui-sref="browse.artist.overview({ uri: artist.uri })" class="square-panel album" draggable="false"
 6 |             draggable="false"
 7 |             candrag
 8 |             dragobj="artist">
 9 |                 <div class="image-container">
10 |                     <thumbnail images="artist.images" size="medium"></thumbnail>
11 |                 </div>
12 |                 <div class="info smaller animate">
13 |                     <div class="name" ng-bind="artist.name"></div>
14 |                 </div>
15 | 		</a>
16 | 	</div>
17 |     <div class="clear-both"></div>
18 | </div>
19 | 
20 | <div ng-hide="relatedArtists.length" class="no-items">
21 | 	No items
22 | </div>


--------------------------------------------------------------------------------
/src/app/browse/controller.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | angular.module('spotmop.browse', [])
 4 | 
 5 | /**
 6 |  * Routing 
 7 |  **/
 8 | .config(function($stateProvider) {
 9 | 	$stateProvider
10 | 		.state('browse', {
11 | 			url: "/browse",
12 | 			templateUrl: "app/browse/template.html"
13 | 		});
14 | });


--------------------------------------------------------------------------------
/src/app/browse/featured/controller.js:
--------------------------------------------------------------------------------
 1 | angular.module('spotmop.browse.featured', [])
 2 | 
 3 | /**
 4 |  * Routing 
 5 |  **/
 6 | .config(function($stateProvider) {
 7 | 	$stateProvider
 8 | 		.state('browse.featured', {
 9 | 			url: "/featured",
10 | 			templateUrl: "app/browse/featured/template.html",
11 | 			controller: 'FeaturedController'
12 | 		})
13 | 		.state('browse.featuredplaylist', {
14 | 			url: "/featured/:uri",
15 | 			templateUrl: "app/browse/playlist/template.html",
16 | 			controller: 'PlaylistController'
17 | 		});
18 | })
19 | 	
20 | /**
21 |  * Main controller
22 |  **/
23 | .controller('FeaturedController', function FeaturedController( $scope, $rootScope, $filter, SpotifyService, NotifyService ){	
24 | 	
25 | 	// set the default items
26 | 	$scope.playlists = [];
27 | 	$scope.featured = function(){
28 | 		return $scope.playlists[0];
29 | 	}
30 | 	
31 | 	// figure out the most appropriate background image to show (based on current local time)
32 | 	$scope.partofday = function(){
33 | 	
34 | 		// convert to decimal (remembering that minutes are base-6)
35 | 		var hour = parseFloat($filter('date')(new Date(),'H.m'));
36 | 		
37 | 		if( hour >= 4 && hour < 9.3 )
38 | 			return 'commute';
39 | 		else if( hour >= 9.3 && hour < 11 )
40 | 			return 'morning';
41 | 		else if( hour >= 11 && hour < 13.5 )
42 | 			return 'midday';
43 | 		else if( hour >= 13.5 && hour < 17 )
44 | 			return 'afternoon';
45 | 		else if( hour >= 17 && hour < 19 )
46 | 			return 'evening';
47 | 		else if( hour >= 19 && hour < 21 )
48 | 			return 'dinner';
49 | 		else if( hour >= 21 && hour < 23 || hour >= 0 && hour < 4  )
50 | 			return 'late';
51 | 	};
52 | 	
53 | 	SpotifyService.featuredPlaylists( 50 )
54 | 		.then(function( response ) {
55 | 			$scope.message = response.message;
56 | 			$scope.playlists = response.playlists.items;
57 | 		});
58 | });


--------------------------------------------------------------------------------
/src/app/browse/featured/template.html:
--------------------------------------------------------------------------------
 1 | <div class="page featured-playlists-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 	
 4 | 		<span class="menu-reveal-trigger" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 5 | 		
 6 | 		<div class="intro featured-playlists-intro">
 7 | 			<div class="inner">
 8 | 				<h1 ng-bind="message"></h1>
 9 | 			</div>
10 | 		
11 | 			<div class="image-container">
12 | 				<backgroundparallax class="image" image='assets/backgrounds/{{ partofday() }}.jpg'  opacity="0.5"></backgroundparallax>
13 | 			</div>
14 |             
15 | 		</div>
16 | 		
17 | 		<div class="playlist-items square-panels">
18 | 			
19 | 			<div class="item-container" ng-repeat="playlist in playlists track by $index">
20 | 				<a ui-sref="browse.featuredplaylist({ uri: playlist.uri })" class="square-panel playlist"
21 |                     candrag
22 |                     dragobj="playlist"
23 |                     draggable="false">
24 |                         <div class="image-container">
25 |                             <thumbnail ng-if="playlist.images" size="medium" images="playlist.images"></thumbnail>
26 |                         </div>
27 |                         <div class="info animate">
28 |                             <div class="name" ng-bind="playlist.name"></div>
29 |                             <div class="secondary tracks"><span ng-bind="playlist.tracks.total"></span> tracks</div>
30 |                         </div>
31 | 				</a>
32 | 			</div>
33 | 		
34 | 			<div ng-hide="playlists.length" class="no-items">
35 | 				No items
36 | 			</div>
37 | 			
38 | 			<div class="clear-both"></div>
39 | 		
40 | 		</div>
41 | 		
42 | 	</div>
43 | </div>


--------------------------------------------------------------------------------
/src/app/browse/genre/category.template.html:
--------------------------------------------------------------------------------
 1 | <div class="page category-genre-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 		
 4 |         <div class="page-header">
 5 |         
 6 |             <span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 7 |             
 8 |             <h1>
 9 |                 <span class="si grid mobile-hide"></span>
10 |                 <span ng-bind="category.name"></span>
11 |             </h1>
12 |             
13 |         </div>
14 | 		
15 | 		<div class="playlist-items square-panels">
16 | 			
17 | 			<div class="item-container" ng-repeat="playlist in playlists.items track by $index">
18 | 				<a ui-sref="browse.categoryplaylist({ categoryid: category.id, uri: playlist.uri })"
19 |                     class="square-panel playlist"
20 |                     ui-sref="browse.artist.overview({ uri: artist.uri })"           
21 |                     candrag
22 |                     dragobj="playlist"
23 |                     draggable="false">
24 | 					<div class="image-container">
25 |                         <thumbnail ng-if="playlist.images" size="medium" images="playlist.images"></thumbnail>
26 | 					</div>
27 | 					<div class="info animate">
28 | 						<div class="name" ng-bind="playlist.name"></div>
29 | 						<div class="secondary tracks"><span ng-bind="playlist.tracks.total"></span> tracks</div>
30 | 					</div>
31 | 				</a>
32 | 			</div>
33 | 		
34 | 			<div ng-hide="playlists.items.length" class="no-items">
35 | 				No items
36 | 			</div>
37 | 			
38 | 			<div class="clear-both"></div>
39 | 		
40 | 		</div>
41 | 		
42 | 	</div>
43 | </div>


--------------------------------------------------------------------------------
/src/app/browse/genre/template.html:
--------------------------------------------------------------------------------
 1 | <div class="page category-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 		
 4 |         <div class="page-header">
 5 |         
 6 |             <span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 7 |             
 8 |             <h1>
 9 |                 <span class="si grid mobile-hide"></span>
10 |                 Genre / Mood
11 |             </h1>
12 |             
13 |         </div>
14 | 	
15 | 		<div class="category-items square-panels">
16 | 			
17 | 			<div class="item-container" ng-repeat="category in categories.items track by $index">
18 | 				<a ui-sref="browse.genrecategory({ categoryid: category.id })" class="square-panel category">
19 | 					<div class="image-container">
20 |                         <thumbnail ng-if="category.icons" size="medium" images="category.icons"></thumbnail>
21 | 						<div class="name animate" ng-bind="category.name"></div>
22 | 					</div>
23 | 				</a>
24 | 			</div>
25 | 		
26 | 			<div ng-hide="categories.items.length" class="no-items">
27 | 				No items
28 | 			</div>
29 | 			
30 | 			<div class="clear-both"></div>
31 | 		
32 | 		</div>
33 | 	
34 | 	</div>
35 | </div>


--------------------------------------------------------------------------------
/src/app/browse/new/controller.js:
--------------------------------------------------------------------------------
 1 | angular.module('spotmop.browse.new', [])
 2 | 
 3 | /**
 4 |  * Routing 
 5 |  **/
 6 | .config(function($stateProvider) {
 7 | 	$stateProvider
 8 | 		.state('browse.new', {
 9 | 			url: "/new",
10 | 			templateUrl: "app/browse/new/template.html",
11 | 			controller: 'NewController'
12 | 		})
13 | 		.state('browse.newalbum', {
14 | 			url: "/new/:uri",
15 | 			templateUrl: "app/browse/album/template.html",
16 | 			controller: 'AlbumController'
17 | 		});
18 | })
19 | 	
20 | /**
21 |  * Main controller
22 |  **/
23 | .controller('NewController', function NewController( $scope, $element, $rootScope, SpotifyService, MopidyService ){
24 | 	
25 | 	// set the default items
26 | 	$scope.albums = [];
27 | 		
28 | 	SpotifyService.newReleases()
29 | 		.then(function( response ) {
30 | 			$scope.albums = response.albums;
31 | 			$scope.checkForLazyLoading();
32 | 		});
33 | 		
34 | 	var nextOffset = 50;
35 | 	
36 | 	
37 |     /**
38 |      * Load more of the category's playlists
39 |      * Triggered by scrolling to the bottom
40 |      **/
41 |     
42 |     var loadingMoreNewReleases = false;
43 |     
44 |     // go off and get more of this playlist's tracks
45 |     function loadMoreNewReleases( offset ){
46 |         
47 |         // update our switch to prevent spamming for every scroll event
48 |         loadingMoreNewReleases = true;
49 | 
50 |         // go get our 'next' URL
51 |         SpotifyService.newReleases( false, offset )
52 |             .then(function( response ){
53 |             
54 |                 // append these new tracks to the main tracklist
55 |                 $scope.albums.items = $scope.albums.items.concat( response.albums.items );
56 |                 
57 |                 // save the next set's url (if it exists)
58 |                 nextOffset = response.albums.offset + response.albums.limit;
59 |                 
60 |                 // update loader and re-open for further pagination objects
61 |                 loadingMoreNewReleases = false;
62 |             });
63 |     }
64 | 	
65 | 	// once we're told we're ready to load more albums
66 |     $scope.$on('spotmop:loadMore', function(){
67 |         if( !loadingMoreNewReleases && nextOffset ){
68 |             loadMoreNewReleases( nextOffset );
69 |         }
70 | 	});
71 | 	
72 | });


--------------------------------------------------------------------------------
/src/app/browse/new/template.html:
--------------------------------------------------------------------------------
 1 | <div class="page new-releases-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 		
 4 |         <div class="page-header">
 5 |         
 6 |             <span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 7 |             
 8 |             <h1>
 9 |                 <span class="si leaf mobile-hide"></span>
10 |                 New releases
11 |             </h1>
12 |             
13 |         </div>
14 | 	
15 | 		<div class="album-items square-panels">
16 | 			
17 | 			<div class="item-container" ng-repeat="album in albums.items track by $index">
18 | 				<a ui-sref="browse.newalbum({ uri: album.uri })"
19 |                     class="square-panel album draggable"
20 |                     data-id="{{ album.id }}"
21 |                     draggable="false"
22 |                     candrag
23 |                     dragobj="album">
24 |                         <div class="image-container">
25 |                             <thumbnail ng-if="album.images" size="medium" images="album.images"></thumbnail>
26 |                         </div>
27 |                         <div class="info animate">
28 |                             <div class="name" ng-bind="album.name"></div>
29 |                             <div class="secondary">
30 |                                 <span ng-repeat="artist in album.artists">
31 |                                     <span ng-bind="artist.name"></span><span ng-if="!$last">, </span>
32 |                                 </span>
33 |                             </div>
34 |                         </div>
35 | 				</a>
36 | 			</div>
37 | 		
38 | 			<div ng-hide="albums.items.length" class="no-items">
39 | 				No items
40 | 			</div>
41 | 			
42 | 			<div class="clear-both"></div>
43 | 		
44 | 		</div>
45 | 		
46 | 	</div>
47 | </div>


--------------------------------------------------------------------------------
/src/app/browse/template.html:
--------------------------------------------------------------------------------
1 | <div ui-view></div>


--------------------------------------------------------------------------------
/src/app/browse/user/controller.js:
--------------------------------------------------------------------------------
 1 | 'use strict';
 2 | 
 3 | angular.module('spotmop.browse.user', [])
 4 | 
 5 | /**
 6 |  * Routing 
 7 |  **/
 8 | .config(function($stateProvider) {
 9 | 	$stateProvider
10 | 		.state('browse.user', {
11 | 			url: "/user/:uri",
12 | 			templateUrl: "app/browse/user/template.html",
13 | 			controller: 'UserController'
14 | 		});
15 | })
16 | 	
17 | /**
18 |  * Main controller
19 |  **/
20 | .controller('UserController', function UserController( $scope, $rootScope, SpotifyService, $stateParams ){
21 | 	
22 | 	$scope.user = {};
23 | 	$scope.playlists = [];
24 | 	
25 | 	// get the user
26 | 	SpotifyService.getUser( $stateParams.uri )
27 | 		.then(function( response ) {
28 | 			$scope.user = response;
29 |         
30 |             // get their playlists
31 |             SpotifyService.getPlaylists( response.id )
32 |                 .then(function( response ) {
33 |                     $scope.playlists = response.items;
34 |                     $scope.next = response.next;
35 |                     $scope.totalPlaylists = response.total;
36 |                 });
37 | 		});
38 |     
39 |     /**
40 |      * Load more of the user's playlists
41 |      * Triggered by scrolling to the bottom
42 |      **/
43 |     
44 |     var loadingMorePlaylists = false;
45 |     
46 |     // go off and get more of this playlist's tracks
47 |     function loadMorePlaylists( $nextUrl ){
48 |         
49 |         if( typeof( $nextUrl ) === 'undefined' )
50 |             return false;
51 |         
52 |         // update our switch to prevent spamming for every scroll event
53 |         loadingMorePlaylists = true;
54 | 
55 |         // go get our 'next' URL
56 |         SpotifyService.getUrl( $nextUrl )
57 |             .then(function( response ){
58 |             
59 |                 // append these new playlists to our existing array
60 |                 $scope.playlists = $scope.playlists.concat( response.items );
61 |                 
62 |                 // save the next set's url (if it exists)
63 |                 $scope.next = response.next;
64 |                 
65 |                 // update loader and re-open for further pagination objects
66 |                 loadingMorePlaylists = false;
67 |             });
68 |     }
69 | 	
70 | 	// once we're told we're ready to load more albums
71 |     $scope.$on('spotmop:loadMore', function(){
72 |         if( !loadingMorePlaylists && typeof( $scope.next ) !== 'undefined' && $scope.next ){
73 |             loadMorePlaylists( $scope.next );
74 |         }
75 | 	});
76 | });


--------------------------------------------------------------------------------
/src/app/browse/user/template.html:
--------------------------------------------------------------------------------
 1 | <div class="page user-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 		
 4 | 		<div class="page-header mobile-show">
 5 | 			<span class="menu-reveal-trigger" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 6 | 			<h1>User</h1>
 7 | 		</div>
 8 | 	
 9 | 		<div class="user-intro">
10 | 			<div class="image-container">
11 | 				<thumbnail size="medium" images="user.images" circle></thumbnail>	
12 | 			</div>
13 | 			<div class="info">
14 | 				<h1>
15 | 					<span ng-if="user.display_name" ng-bind="user.display_name"></span>
16 | 					<span ng-if="!user.display_name" ng-bind="user.id"></span>
17 | 					<span class="flag blue" ng-show="user.id == settings.state().spotify.user.id"><i class="fa fa-star"></i> You</span>
18 | 				</h1>
19 | 				<div class="info-text">
20 | 					<span ng-bind="user.id"></span>
21 | 					 &nbsp;|&nbsp; <span ng-bind="totalPlaylists"></span> Playlists
22 | 					 &nbsp;|&nbsp; {{ user.followers.total | number:0 }} Followers
23 | 				</div>
24 | 			</div>
25 | 			<div class="clear-both"></div>
26 | 		</div>
27 | 		
28 | 		
29 | 		<h4 class="section-title">Playlists</h4>
30 | 		
31 | 		<div class="playlist-items square-panels">
32 | 			
33 | 			<div class="item-container" ng-repeat="playlist in playlists track by $index">
34 | 				<a ui-sref="browse.playlist({ uri: playlist.uri })" class="square-panel playlist">
35 | 					<div class="image-container">
36 |                         <thumbnail ng-if="playlist.images" size="medium" images="playlist.images"></thumbnail>
37 | 					</div>
38 | 					<div class="info animate">
39 | 						<div class="name" ng-bind="playlist.name"></div>
40 | 						<div class="secondary tracks"><span ng-bind="playlist.tracks.total"></span> tracks</div>
41 | 					</div>
42 | 				</a>
43 | 			</div>
44 | 		
45 | 			<div ng-hide="playlists.length" class="no-items">
46 | 				No items
47 | 			</div>
48 | 			
49 | 			<div class="clear-both"></div>
50 | 		
51 | 		</div>
52 | 		
53 | 	</div>
54 | </div>


--------------------------------------------------------------------------------
/src/app/common/artistlist.template.html:
--------------------------------------------------------------------------------
1 | <span class="artist-list">
2 |     <span ng-repeat="artist in artists" ng-if="!nolinks"><a ui-sref="browse.artist.overview({ uri: artist.uri })" ng-bind="artist.name" ng-if="artist.uri && !nolinks" ng-click="$event.stopPropagation()"></a><span ng-bind="artist.name" ng-if="!artist.uri"></span><span ng-if="!$last"><span ng-if="sentence"> and </span><span ng-if="!sentence">, </span></span></span>
3 |     <span ng-repeat="artist in artists" ng-if="nolinks"><span ng-bind="artist.name"></span><span ng-if="!$last"><span ng-if="sentence">and </span><span ng-if="!sentence">, </span></span></span>
4 | </span>


--------------------------------------------------------------------------------
/src/app/common/dropdown-field.template.html:
--------------------------------------------------------------------------------
 1 | <div class="field dropdown" ng-class="{ expanded: visible }">
 2 | 	<div class="current-option option" ng-click="toggleVisibility()">
 3 | 		<i class="fa fa-fw" ng-class="{ 'fa-chevron-down': !visible, 'fa-chevron-up': visible }" ng-show="!iconclass"></i>
 4 | 		<i class="fa fa-fw" ng-class="{ '{{iconclass}}': !visible, 'fa-chevron-up': visible }" ng-show="iconclass"></i>
 5 | 		<span class="label" ng-bind="currentOption().label"></span>
 6 | 	</div>
 7 | 	<div class="options" ng-show="visible">
 8 | 		<div
 9 | 			class="option"
10 | 			ng-repeat="option in options track by $index"
11 | 			ng-bind="option.label"
12 | 			ng-click="selectOption(option)"
13 | 			ng-class="{ selected: ( option.value == currentOption.value ) }"
14 | 			></div>
15 | 	</div>
16 | </div>


--------------------------------------------------------------------------------
/src/app/common/genrelist.template.html:
--------------------------------------------------------------------------------
1 | <span class="genre-list">
2 |     <span ng-repeat="genre in genres"><span ng-bind="genre"></span><span ng-if="!$last"><span ng-if="sentence">and </span><span ng-if="!sentence">, </span></span></span>
3 | </span>


--------------------------------------------------------------------------------
/src/app/common/thumbnail.template.html:
--------------------------------------------------------------------------------
1 | <div>
2 | 	<div class="image animate" style="background-image: url({{ image.url }});" ng-show="image"></div>
3 | 	<div class="image animate placeholder" ng-show="!image"></div>
4 | </div>


--------------------------------------------------------------------------------
/src/app/common/tracklist/template.html:
--------------------------------------------------------------------------------
1 | <track
2 |     ng-repeat="track in tracksWrapper() track by $index" 
3 |     data-index="{{ $index }}">
4 | </track>
5 | 
6 | <div ng-hide="tracksWrapper().length" class="no-items">
7 |     No items
8 | </div>


--------------------------------------------------------------------------------
/src/app/common/tracklist/track.template.html:
--------------------------------------------------------------------------------
 1 | <div class="track"
 2 |     ng-class="{ 'playing': isCurrentlyPlaying(), 'selected': track.selected, 'transitioning': track.transitioning }"
 3 |     candrag
 4 |     dragobj="track"
 5 |     draggable="false"
 6 |     data-id="{{ track.id }}"
 7 |     data-uri="{{ track.uri }}">
 8 | 	
 9 |         <div class="selected-state">
10 |             <i class="fa fa-check-square-o" ng-show="track.selected"></i>
11 |             <i class="fa fa-square-o" ng-show="!track.selected"></i>
12 |         </div>
13 |         
14 |         <div
15 | 			class="title"
16 | 			ng-if="track.name && track.artists"
17 | 			ng-bind="track.name"
18 | 			ng-class="{ empty: !track.name }"></div>
19 |         <div
20 | 			class="title"
21 | 			ng-if="!track.name && !track.artists"
22 | 			ng-bind="track.uri"></div>
23 |         <div
24 | 			class="title"
25 | 			ng-if="source() == 'youtube'"
26 | 			ng-bind="track.name"></div>
27 | 
28 |         <div class="artist" ng-class="{ empty: track.artists.length < 1 }">
29 |             <artistlist artists="track.artists"></artistlist>
30 |         </div>
31 | 
32 |         <div class="album" ng-class="{ empty: !track.album.name }">
33 |             <a ui-sref="browse.album({ uri: track.album.uri })" ng-bind="track.album.name" ng-if="track.album.uri"></a>
34 |             <span ng-bind="track.album.name" ng-if="!track.album.uri"></span>
35 |         </div>
36 | 
37 |         <div class="info">
38 |             
39 |             <span class="duration">
40 |                 <span ng-show="track.duration_ms">{{ track.duration_ms | formatMilliseconds }}</span>
41 |                 <span ng-show="track.length">{{ track.length | formatMilliseconds }}</span>
42 |             </span>
43 |             
44 |             <div class="popularity tooltip-wrapper" ng-if="track.popularity >= 0">
45 |                 <span class="bar-track">
46 |                     <span class="bar" style="height: {{ track.popularity }}%;"></span>
47 |                 </span>
48 |                 <span class="tooltip"><span ng-bind="track.popularity"></span>%</span>
49 |             </div>
50 |         
51 |             <div class="source">
52 |                 <span class="fa fa-{{ source() }}"></span>
53 |             </div>
54 |             
55 |         </div>
56 | 
57 |         <div class="clear-both"></div>
58 | 
59 | </div>


--------------------------------------------------------------------------------
/src/app/discover/recommendations.template.html:
--------------------------------------------------------------------------------
 1 | <div class="page discover-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 
 4 | 		<div class="discover">
 5 | 		
 6 |             <div class="page-header">
 7 |             
 8 |                 <span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 9 |                 
10 |                 <h1>
11 |                     <span class="si compass mobile-hide"></span>
12 |                     Discover
13 |                 </h1>
14 | 		
15 |                 <div class="flag bad" ng-show="!spotify.isAuthorized()">
16 |                     <i class="fa fa-exclamation-triangle white-text"></i>
17 |                     &nbsp;
18 |                     Please authorize Spotify
19 |                 </div>
20 |                 
21 |             </div>
22 | 			
23 | 			<div class="discover-section" ng-if="current.items.length > 0">
24 | 				<h4 class="section-title">
25 | 					Because you're listening to
26 |                     <artistlist artists="current.artists" sentence></artistlist>
27 | 				</h4>
28 | 				<slider class="square-panels panel-slider" items="current.items"></slider>				
29 | 			</div>
30 | 			
31 | 			<div class="discover-section" ng-repeat="section in sections track by $index">
32 | 				<h4 class="section-title">
33 | 					{{ section.title }}
34 |                     <artistlist ng-if="section.artists" artists="section.artists" sentence></artistlist>
35 | 				</h4>
36 | 				<slider class="square-panels panel-slider" items="section.items"></slider>				
37 | 			</div>
38 | 			
39 | 			<div class="discover-section" ng-if="favorites.items.length > 0">
40 | 				<h4 class="section-title">
41 | 					Some old favorites
42 | 				</h4>
43 | 				<slider class="square-panels panel-slider" items="favorites.items"></slider>				
44 | 			</div>
45 | 			
46 | 		</div>
47 | 		
48 | 	</div>
49 | </div>


--------------------------------------------------------------------------------
/src/app/discover/similar.template.html:
--------------------------------------------------------------------------------
 1 | <div class="page discover-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 
 4 | 		<div class="discover">
 5 | 		
 6 |             <div class="page-header">
 7 |             
 8 |                 <span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 9 |                 
10 |                 <h1>
11 |                     <span class="si compass mobile-hide"></span>
12 |                     Similar
13 |                 </h1>
14 |                 
15 |             </div>
16 |             
17 |             <h2 class="seed-items">
18 |                 <span class="title">Tracks similar to: </span>
19 |                 <span ng-repeat="seed in seedObjects track by seed.uri"><span ng-if="$last"> and </span><span ng-if="!$first && !$last">, </span><a ui-sref="browse.album({ uri: seed.album.uri })" class="seed-item" ng-bind="seed.name" ng-if="seed.type == 'track'"></a><a ui-sref="browse.album({ uri: seed.uri })" class="seed-item" ng-bind="seed.name" ng-if="seed.type == 'album'"></a><a ui-sref="browse.artist.overview({ uri: seed.uri })" class="seed-item" ng-bind="seed.name" ng-if="seed.type == 'artist'"></a></span>
20 |             </h2>
21 | 			
22 | 			<tracklist ng-if="tracks" tracks="tracks" type="track" class="tracklist playlist-items"></tracklist>
23 | 			
24 | 		</div>
25 | 		
26 | 	</div>
27 | </div>


--------------------------------------------------------------------------------
/src/app/discover/template.html:
--------------------------------------------------------------------------------
1 | <div ui-view></div>


--------------------------------------------------------------------------------
/src/app/library/template.html:
--------------------------------------------------------------------------------
1 | <div ui-view></div>


--------------------------------------------------------------------------------
/src/app/library/tracks.template.html:
--------------------------------------------------------------------------------
 1 | <div class="page library-tracks-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 		
 4 |         <div class="page-header">
 5 |         
 6 | 			<span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 7 |             
 8 |             <h1>
 9 |                 <span class="si music mobile-hide"></span>
10 |                 Tracks
11 |             </h1>
12 | 		
13 |             <div class="flag bad" ng-show="!spotify.isAuthorized()">
14 |                 <i class="fa fa-exclamation-triangle white-text"></i>
15 |                 &nbsp;
16 |                 Please authorize Spotify
17 |             </div>
18 |             
19 |         </div>
20 |         
21 | 		<tracklist ng-if="tracklist.tracks" tracks="tracklist.tracks" type="track" class="tracklist library-tracks"></tracklist>
22 | 		
23 | 	</div>
24 | </div>


--------------------------------------------------------------------------------
/src/app/local/directory.html:
--------------------------------------------------------------------------------
 1 | <div class="page">
 2 | 	<div class="inner">
 3 | 		
 4 |         <div class="page-header">
 5 |         
 6 | 			<span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 7 |             
 8 |             <h1>
 9 |                 <span class="si folder mobile-hide"></span>
10 |                 <span class="path-item" ng-repeat="item in path">
11 |                     <a ui-sref="local.directory({ uri: item.uri })" ng-bind="item.title" ng-if="item.uri"></a>
12 |                     <span ng-bind="item.title" ng-if="!item.uri"></span>
13 |                     <span ng-if="!$last && path.length > 0" class="grey-text"> &nbsp;/&nbsp; </span>
14 |                 </span>
15 |             </h1>
16 |             
17 |             <div class="utilities">
18 |                 <input class="list-filter" type="text" ng-model="filterTerm" placeholder="Start typing to filter..." />
19 |             </div>
20 |             
21 |         </div>
22 |                 
23 |         <div class="list">
24 |             <div class="item-container" ng-repeat="folder in folders">
25 |                 <a class="list-item folder" ui-sref="local.directory({ uri: folder.uri })">
26 |                     <div class="title col w50">
27 |                         <i class="fa fa-folder icon"></i>
28 |                         <span ng-bind="folder.name" ng-class="{ empty: !folder.name }"></span>
29 |                     </div>
30 |                     <div class="clear-both"></div>
31 |                 </a>
32 |             </div>
33 |         </div>
34 | 
35 |         <tracklist ng-if="tracks.length > 0" tracks="tracks" type="localtrack" class="tracklist library-tracks"></tracklist>
36 | 
37 | 	</div>
38 | </div>


--------------------------------------------------------------------------------
/src/app/local/index.html:
--------------------------------------------------------------------------------
 1 | <div class="page">
 2 | 	<div class="inner">
 3 | 		
 4 |         <div class="page-header">
 5 |         
 6 | 			<span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 7 |             
 8 |             <h1>
 9 |                 <span class="si folder mobile-hide"></span>
10 |                 <span class="path-item">
11 |                     Local
12 |                 </span>
13 |             </h1>
14 |             
15 |         </div>
16 |         
17 | 		<div class="category-items square-panels">
18 |         
19 | 			<div class="item-container">
20 |                 <a ui-sref="local.artists" class="square-panel category">
21 | 					<div class="image-container">
22 | 						<div class="image animate" style="background-image: url('assets/backgrounds/category-artists.jpg');"></div>
23 | 						<div class="name animate">Artists</div>
24 | 					</div>
25 |                 </a>
26 |             </div>
27 |         
28 | 			<div class="item-container">
29 |                 <a ui-sref="local.albums" class="square-panel category">
30 | 					<div class="image-container">
31 | 						<div class="image animate" style="background-image: url('assets/backgrounds/category-albums.jpg');"></div>
32 | 						<div class="name animate">Albums</div>
33 | 					</div>
34 |                 </a>
35 |             </div>
36 |         
37 | 			<div class="item-container">
38 |                 <a ui-sref="local.directory({ uri: 'local:directory' })" class="square-panel category">
39 | 					<div class="image-container">
40 | 						<div class="image animate" style="background-image: url('assets/backgrounds/category-directory.jpg');"></div>
41 | 						<div class="name animate">Folders</div>
42 | 					</div>
43 |                 </a>
44 |             </div>
45 | 			
46 | 			<div class="clear-both"></div>
47 | 		
48 | 		</div>
49 | 		
50 | 	</div>
51 | </div>


--------------------------------------------------------------------------------
/src/app/local/template.html:
--------------------------------------------------------------------------------
1 | <div ui-view></div>


--------------------------------------------------------------------------------
/src/app/player/template.html:
--------------------------------------------------------------------------------
 1 | <div id="player" class="player">
 2 | 
 3 | 	<div class="track-info">
 4 | 		<div class="track" ng-bind="state().currentTlTrack.track.name"></div>
 5 | 		<div class="artist">
 6 | 			<span ng-repeat="artist in state().currentTlTrack.track.artists">
 7 | 				<a ui-sref="browse.artist.overview({ uri: artist.uri })" ng-bind="artist.name"></a><span ng-show="!$last">, </span>
 8 | 			</span>
 9 | 		</div>
10 | 	</div>
11 | 	
12 | 	<div class="volume">
13 | 		<div class="controls">
14 | 			<span class="button mute" ng-click="toggleMute()" ng-class="{active: state().isMute}">
15 | 				<i class="fa fa-volume-off fa-fw" ng-show="state().isMute"></i>
16 | 				<i class="fa fa-volume-down fa-fw" ng-show="!state().isMute"></i>
17 | 			</span>
18 | 			<div class="slider" ng-click="setVolume($event)">
19 | 				<div class="track">
20 | 					<div class="fill" style="width: {{ state().volume }}%"></div>
21 | 				</div>
22 | 			</div>
23 | 		</div>
24 | 	</div>
25 | 	
26 | 	<div class="volume touch-friendly">
27 | 		<div class="controls">
28 | 			<span class="button" ng-click="popupVolumeControls()">
29 | 				<i class="fa fa-volume-down fa-fw"></i>
30 | 			</span>
31 | 		</div>
32 | 	</div>
33 | 
34 | 	<div class="playback">
35 | 		<div class="controls">
36 | 			<span class="button previous mobile-hide" ng-click="previous()"><i class="fa fa-step-backward"></i></span>
37 | 			<span class="button play-pause" ng-click="playPause()">
38 | 				<i class="fa fa-play fa-fw" ng-show="!state().isPlaying()"></i>
39 | 				<i class="fa fa-pause fa-fw" ng-show="state().isPlaying()"></i>
40 | 			</span>
41 | 			<span class="button next" ng-click="next()"><i class="fa fa-step-forward"></i></span>
42 | 		</div>
43 | 	</div>
44 | 	
45 | 	<div class="clear-both"></div>
46 | 	
47 | 	<div class="progress slider" ng-click="seek($event)">
48 | 		<div class="track animate">
49 | 			<div class="fill" ng-class="{playing: state().isPlaying()}" style="width: {{ state().playPositionPercent() }}%"></div>
50 | 		</div>
51 | 	</div>
52 | 	
53 | 	<div class="background-image" ng-repeat="image in state().currentTlTrack.track.album.images | limitTo:1">
54 | 		<preloadedimage class="image blur" url="{{ image.url }}"></preloadedimage>
55 | 	</div>
56 | 
57 | </div>


--------------------------------------------------------------------------------
/src/app/services/dialog/addbyuri.template.html:
--------------------------------------------------------------------------------
 1 | <div class="add-by-uri-dialog">
 2 | 	
 3 | 	<h4 class="section-title dialog-title">Add by URI</h4>
 4 |     <div class="form-note note">Add an album, artist, playlist or track as a URI (ie <em>spotify:track:123</em>)</div>
 5 |     
 6 | 	<form>
 7 | 		
 8 | 		<div class="field text large">
 9 | 			<input name="uri" placeholder="provider:type:id" ng-model="uri" />
10 | 			<span class="note red-text" ng-if="error">Unable to add this URI</span>
11 | 		</div>
12 | 
13 | 		<div class="actions">
14 | 			<span class="button save primary" ng-click="add()" ng-hide="saving">
15 | 				<i class="fa fa-check"></i>&nbsp; Add
16 | 			</span>
17 | 			<span ng-show="saving" class="saving">
18 | 				<img src="assets/svg/spinner.svg" class="working" />
19 | 			</span>
20 | 		</div>
21 | 		
22 | 	</form>
23 | 	
24 | </div>


--------------------------------------------------------------------------------
/src/app/services/dialog/addtoplaylist.template.html:
--------------------------------------------------------------------------------
 1 | <div class="add-to-playlist-dialog">
 2 | 	
 3 | 	<h4 class="section-title dialog-title">Select playlist</h4>
 4 | 
 5 | 	<div class="select-playlist">
 6 | 		<div class="playlist-item" singleclick="playlistSelected( playlist )" ng-repeat="playlist in playlists">
 7 | 			<div class="name" ng-bind="playlist.name"></div>
 8 | 		</div>
 9 | 	</div>
10 | 	
11 | </div>


--------------------------------------------------------------------------------
/src/app/services/dialog/createplaylist.template.html:
--------------------------------------------------------------------------------
 1 | <div class="create-playlist-dialog">
 2 | 	
 3 | 	<h4 class="section-title dialog-title">Create playlist</h4>
 4 | 
 5 | 	<form ng-submit="savePlaylist()">
 6 |         
 7 | 		<div class="field text large">
 8 | 			<input name="name" placeholder="Playlist title" ng-model="playlistName" />
 9 | 			<span class="note red-text" ng-if="error">Please enter a title</span>
10 | 		</div>
11 | 		
12 | 		<div class="field radio">
13 | 			<label ng-class="{ disabled: !spotify.isAuthorized() }">
14 | 				<input type="radio" name="public" value="true" ng-model="playlistPublic" />
15 | 				<span class="label">Public</span>
16 | 			</label>
17 | 			<label ng-class="{ disabled: !spotify.isAuthorized() }">
18 | 				<input type="radio" name="public" value="false" ng-model="playlistPublic" />
19 | 				<span class="label">Private</span>
20 | 			</label>
21 | 			<div class="clear"></div>
22 | 		</div>
23 | 		
24 | 		<div class="field radio">
25 | 			<label>
26 | 				<input type="radio" name="scheme" value="m3u" ng-model="scheme" />
27 | 				<span class="label">Local (Mopidy)</span>
28 | 			</label>
29 | 			<label ng-show="spotify.isAuthorized()">
30 | 				<input type="radio" name="scheme" value="spotify" ng-model="scheme" />
31 | 				<span class="label">Remote (Spotify)</span>
32 | 			</label>
33 | 			<label ng-show="!spotify.isAuthorized()" class="disabled">
34 | 				<input type="radio" name="scheme" value="spotify" ng-model="scheme" disabled="disabled" />
35 | 				<span class="label">Remote (Spotify)</span>
36 | 			</label>
37 | 			<div class="clear"></div>
38 | 		</div>
39 | 
40 | 		<div class="actions">
41 | 			<button type="submit" class="button save primary" ng-hide="saving">
42 | 				<i class="fa fa-check"></i>&nbsp; Save
43 | 			</button>			
44 | 			<span ng-show="saving" class="saving">
45 | 				<img src="assets/svg/spinner.svg" class="working" />
46 | 			</span>
47 | 		</div>
48 | 		
49 | 	</form>
50 | 	
51 | </div>


--------------------------------------------------------------------------------
/src/app/services/dialog/editplaylist.template.html:
--------------------------------------------------------------------------------
 1 | <div class="edit-playlist-dialog">
 2 | 	
 3 | 	<h4 class="section-title dialog-title">Edit playlist</h4>
 4 | 
 5 | 	<form ng-submit="savePlaylist()">
 6 | 		
 7 | 		<div class="field text large">
 8 | 			<input name="name" placeholder="Playlist name" ng-model="playlistNewName" />
 9 | 			<span class="note red-text" ng-if="error">Please enter a title</span>
10 | 		</div>
11 | 		
12 | 		<div class="field radio">
13 | 			<label>
14 | 				<input type="radio" name="public" value="true" ng-model="playlistNewPublic" />
15 | 				<span class="label">Public</span>
16 | 			</label>
17 | 			<label>
18 | 				<input type="radio" name="public" value="false" ng-model="playlistNewPublic" />
19 | 				<span class="label">Private</span>
20 | 			</label>
21 | 			<div class="clear"></div>
22 | 		</div>
23 | 
24 | 		<div class="actions">
25 | 			<button type="submit" class="button save primary" ng-hide="saving">
26 | 				<i class="fa fa-check"></i>&nbsp; Save
27 | 			</button>			
28 | 			<span ng-show="saving" class="saving">
29 | 				<img src="assets/svg/spinner.svg" class="working" />
30 | 			</span>
31 | 		</div>
32 | 		
33 | 	</form>
34 | 	
35 | </div>


--------------------------------------------------------------------------------
/src/app/services/dialog/template.html:
--------------------------------------------------------------------------------
1 | <div class="dialog">
2 | 	<div class="background"></div>
3 |     <span class="button close-dialog destructive" singleclick="closeDialog()" ng-hide="closeDisabled">
4 |         <img src="assets/icons/close-white.svg" class="opacity-hover" />
5 |     </span>
6 | 	<div class="content">
7 |         <!-- dynamic template content injected here -->
8 |     </div>
9 | </div>


--------------------------------------------------------------------------------
/src/app/services/dialog/volumecontrols.template.html:
--------------------------------------------------------------------------------
 1 | <div class="volume-controls-dialog">
 2 | 	
 3 | 	<h4 class="section-title dialog-title">Adjust volume</h4>
 4 | 	
 5 | 	<div class="volume">
 6 | 		<div class="controls">
 7 | 			<div class="slider" ng-click="setVolume($event)">
 8 | 				<div class="track">
 9 | 					<div class="fill" style="width: {{ state().volume }}%"></div>
10 | 				</div>
11 | 			</div>
12 | 		</div>
13 | 	</div>
14 | 	
15 | </div>


--------------------------------------------------------------------------------
/src/app/services/notify/template.html:
--------------------------------------------------------------------------------
1 | <div class="dialog">
2 | 	<div class="background"></div>
3 |     <span class="button close-dialog destructive" ng-click="closeDialog()">
4 |         <i class="fa fa-close"></i>
5 |     </span>
6 | 	<div class="content">
7 |         <!-- dynamic template content injected here -->
8 |     </div>
9 | </div>


--------------------------------------------------------------------------------
/src/app/settings/testing.template.html:
--------------------------------------------------------------------------------
 1 | <div ng-controller="TestingController" class="page settings-page scrolling-panel">
 2 | 	<div class="inner">
 3 | 		
 4 |         <div class="page-header">
 5 |         
 6 |             <span class="menu-reveal-trigger mobile-show" ng-click="showMenu()"><i class="fa fa-bars"></i></span>
 7 |             
 8 |             <h1>
 9 |                 <i class="fa fa-flask mobile-hide"></i>
10 |                 Testing lab
11 |             </h1>
12 |             
13 |         </div>
14 |         
15 |         <h4 class="section-title underline">Server requests</h4>       
16 |         <form ng-submit="mopidyTest.run()">
17 | 
18 |             <div class="field">
19 |                 <div class="label">Method</div>
20 |                 <div class="input">
21 |                     <input type="text" name="method" ng-model="mopidyTest.method" />
22 |                 </div>
23 |             </div>
24 | 
25 |             <div class="field">
26 |                 <div class="label">Payload (JSON string)</div>
27 |                 <div class="input">
28 |                     <input type="text" name="method" ng-model="mopidyTest.payload" />
29 |                 </div>
30 |             </div>
31 | 
32 |             <div class="field">
33 |                 <div class="label"></div>
34 |                 <div class="input">
35 |                     <button class="button primary" type="submit">Run</button>
36 |                 </div>
37 |             </div>
38 |             
39 |         </form>
40 |         
41 |         <h4 class="section-title underline">Pusher connection</h4>       
42 |         <form ng-submit="pusherTest.run()">
43 | 
44 |             <div class="field">
45 |                 <div class="label">Payload (JSON string)</div>
46 |                 <div class="input">
47 |                     <input type="text" name="method" ng-model="pusherTest.payload" />
48 |                 </div>
49 |             </div>
50 | 
51 |             <div class="field">
52 |                 <div class="label"></div>
53 |                 <div class="input">
54 |                     <button class="button primary" type="submit">Send</button>
55 |                 </div>
56 |             </div>
57 |             
58 |         </form>
59 |         
60 |         <h4 class="section-title underline">Response</h4>        
61 |         <pre ng-bind="response | json"></pre>
62 |         
63 | 	</div>
64 | </div>


--------------------------------------------------------------------------------
/src/assets/backgrounds/afternoon.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/backgrounds/afternoon.jpg


--------------------------------------------------------------------------------
/src/assets/backgrounds/category-albums.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/backgrounds/category-albums.jpg


--------------------------------------------------------------------------------
/src/assets/backgrounds/category-artists.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/backgrounds/category-artists.jpg


--------------------------------------------------------------------------------
/src/assets/backgrounds/category-directory.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/backgrounds/category-directory.jpg


--------------------------------------------------------------------------------
/src/assets/backgrounds/commute.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/backgrounds/commute.jpg


--------------------------------------------------------------------------------
/src/assets/backgrounds/dinner.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/backgrounds/dinner.jpg


--------------------------------------------------------------------------------
/src/assets/backgrounds/evening.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/backgrounds/evening.jpg


--------------------------------------------------------------------------------
/src/assets/backgrounds/late.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/backgrounds/late.jpg


--------------------------------------------------------------------------------
/src/assets/backgrounds/midday.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/backgrounds/midday.jpg


--------------------------------------------------------------------------------
/src/assets/backgrounds/morning.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/backgrounds/morning.jpg


--------------------------------------------------------------------------------
/src/assets/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/favicon.ico


--------------------------------------------------------------------------------
/src/assets/favicon.psd:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/favicon.psd


--------------------------------------------------------------------------------
/src/assets/fonts/Archivo-Narrow-700.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/fonts/Archivo-Narrow-700.eot


--------------------------------------------------------------------------------
/src/assets/fonts/Archivo-Narrow-700.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/fonts/Archivo-Narrow-700.ttf


--------------------------------------------------------------------------------
/src/assets/fonts/Archivo-Narrow-700.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/fonts/Archivo-Narrow-700.woff


--------------------------------------------------------------------------------
/src/assets/fonts/Archivo-Narrow-700.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/fonts/Archivo-Narrow-700.woff2


--------------------------------------------------------------------------------
/src/assets/fonts/Archivo-Narrow-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/fonts/Archivo-Narrow-regular.eot


--------------------------------------------------------------------------------
/src/assets/fonts/Archivo-Narrow-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/fonts/Archivo-Narrow-regular.ttf


--------------------------------------------------------------------------------
/src/assets/fonts/Archivo-Narrow-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/fonts/Archivo-Narrow-regular.woff


--------------------------------------------------------------------------------
/src/assets/fonts/Archivo-Narrow-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/fonts/Archivo-Narrow-regular.woff2


--------------------------------------------------------------------------------
/src/assets/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/fonts/FontAwesome.otf


--------------------------------------------------------------------------------
/src/assets/fonts/Roboto-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/fonts/Roboto-regular.eot


--------------------------------------------------------------------------------
/src/assets/fonts/Roboto-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/fonts/Roboto-regular.ttf


--------------------------------------------------------------------------------
/src/assets/fonts/Roboto-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/fonts/Roboto-regular.woff


--------------------------------------------------------------------------------
/src/assets/fonts/Roboto-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/fonts/Roboto-regular.woff2


--------------------------------------------------------------------------------
/src/assets/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/fonts/fontawesome-webfont.eot


--------------------------------------------------------------------------------
/src/assets/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/fonts/fontawesome-webfont.ttf


--------------------------------------------------------------------------------
/src/assets/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/fonts/fontawesome-webfont.woff


--------------------------------------------------------------------------------
/src/assets/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/fonts/fontawesome-webfont.woff2


--------------------------------------------------------------------------------
/src/assets/icons/cd.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<path d="M8.026,2.105c3.216,0,5.833,2.617,5.833,5.833s-2.617,5.833-5.833,5.833c-3.217,0-5.832-2.617-5.832-5.833
 8 | 		S4.81,2.105,8.026,2.105 M8.026,0.688c-4.004,0-7.25,3.246-7.25,7.25s3.245,7.249,7.25,7.249c4.005,0,7.25-3.245,7.25-7.249
 9 | 		S12.031,0.688,8.026,0.688L8.026,0.688z"/>
10 | </g>
11 | <g>
12 | 	<path d="M8.026,6.5c0.794,0,1.438,0.646,1.438,1.438S8.818,9.375,8.026,9.375c-0.793,0-1.438-0.646-1.438-1.438
13 | 		S7.233,6.5,8.026,6.5 M8.026,5.083c-1.577,0-2.855,1.278-2.855,2.855c0,1.577,1.278,2.854,2.855,2.854s2.855-1.277,2.855-2.854
14 | 		C10.882,6.361,9.604,5.083,8.026,5.083L8.026,5.083z"/>
15 | </g>
16 | <path fill="none" stroke="#000000" stroke-width="0.7087" stroke-miterlimit="10" d="M4.74,5.081
17 | 	c0.798-0.918,1.974-1.498,3.286-1.498"/>
18 | <path fill="none" stroke="#000000" stroke-width="0.7087" stroke-miterlimit="10" d="M11.313,10.796
19 | 	c-0.797,0.918-1.974,1.498-3.286,1.498"/>
20 | </svg>
21 | 


--------------------------------------------------------------------------------
/src/assets/icons/chevron-left.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
6 | <polyline fill="none" stroke="#010101" stroke-width="1.8546" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
7 | 	11.207,14.299 4.845,7.936 11.207,1.576 "/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/src/assets/icons/chevron-right.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
6 | <polyline fill="none" stroke="#010101" stroke-width="1.8546" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
7 | 	4.845,1.576 11.207,7.938 4.845,14.299 "/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/src/assets/icons/close-black.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 | 	 width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
6 | <line fill="none" stroke="#000000" stroke-width="2.8346" stroke-miterlimit="10" x1="6" y1="6" x2="44" y2="44"/>
7 | <line fill="none" stroke="#000000" stroke-width="2.8346" stroke-miterlimit="10" x1="6" y1="44" x2="44" y2="6"/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/src/assets/icons/close-white.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 | 	 width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
6 | <line fill="none" stroke="#FFFFFF" stroke-width="2.8346" stroke-miterlimit="10" x1="6" y1="6" x2="44" y2="44"/>
7 | <line fill="none" stroke="#FFFFFF" stroke-width="2.8346" stroke-miterlimit="10" x1="6" y1="44" x2="44" y2="6"/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/src/assets/icons/cog.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<g>
 8 | 		<path d="M7.938,6.948c0.532,0,0.966,0.435,0.966,0.968c0,0.532-0.434,0.967-0.966,0.967c-0.533,0-0.967-0.435-0.967-0.967
 9 | 			C6.972,7.383,7.405,6.948,7.938,6.948 M7.938,5.815c-1.16,0-2.102,0.941-2.102,2.102c0,1.16,0.94,2.102,2.102,2.102
10 | 			c1.159,0,2.101-0.941,2.101-2.102C10.039,6.756,9.098,5.815,7.938,5.815L7.938,5.815z"/>
11 | 	</g>
12 | 	<g>
13 | 		<path d="M7.938,4.235c2.029,0,3.681,1.652,3.681,3.682c0,2.029-1.65,3.682-3.681,3.682c-2.029,0-3.68-1.652-3.68-3.682
14 | 			C4.259,5.887,5.908,4.235,7.938,4.235 M7.938,2.818c-2.815,0-5.098,2.283-5.098,5.099s2.282,5.099,5.098,5.099
15 | 			s5.099-2.282,5.099-5.099S10.754,2.818,7.938,2.818L7.938,2.818z"/>
16 | 	</g>
17 | 	<g>
18 | 		<g>
19 | 			<polygon points="9.318,12.788 6.548,12.788 6.548,14.916 9.318,14.916 			"/>
20 | 		</g>
21 | 		<g>
22 | 			<polygon points="9.318,0.959 6.548,0.959 6.548,3.086 9.318,3.086 			"/>
23 | 		</g>
24 | 		<g>
25 | 			<polygon points="3.08,6.552 0.953,6.552 0.954,9.323 3.081,9.323 			"/>
26 | 		</g>
27 | 		<g>
28 | 			<polygon points="15.098,6.552 12.781,6.552 12.783,9.323 15.099,9.323 			"/>
29 | 		</g>
30 | 		<g>
31 | 			<polygon points="3.523,10.39 2.019,11.894 3.978,13.853 5.482,12.349 			"/>
32 | 		</g>
33 | 		<g>
34 | 			<polygon points="11.887,2.025 10.383,3.529 12.342,5.488 13.847,3.984 			"/>
35 | 		</g>
36 | 		<g>
37 | 			<polygon points="3.978,2.024 2.019,3.983 3.523,5.487 5.481,3.528 			"/>
38 | 		</g>
39 | 		<g>
40 | 			<polygon points="12.342,10.389 10.383,12.348 11.887,13.852 13.846,11.893 			"/>
41 | 		</g>
42 | 	</g>
43 | </g>
44 | </svg>
45 | 


--------------------------------------------------------------------------------
/src/assets/icons/compass.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<g>
 8 | 		<path d="M8.026,2.104c3.215,0,5.832,2.617,5.832,5.833c0,3.216-2.617,5.831-5.832,5.831c-3.216,0-5.832-2.615-5.832-5.831
 9 | 			C2.194,4.721,4.811,2.104,8.026,2.104 M8.026,0.688c-4.004,0-7.25,3.246-7.25,7.25c0,4.004,3.245,7.25,7.25,7.25
10 | 			c4.003,0,7.249-3.246,7.249-7.25C15.275,3.932,12.029,0.688,8.026,0.688L8.026,0.688z"/>
11 | 	</g>
12 | 	<path d="M6.517,6.428l-2.07,5.089l5.09-2.069l2.069-5.091L6.517,6.428z M8.026,8.775c-0.462,0-0.837-0.375-0.837-0.836
13 | 		c0-0.463,0.375-0.838,0.837-0.838c0.461,0,0.836,0.375,0.836,0.838C8.862,8.4,8.487,8.775,8.026,8.775z"/>
14 | </g>
15 | </svg>
16 | 


--------------------------------------------------------------------------------
/src/assets/icons/filter.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <path d="M13.954,2.139c-0.085-0.163-0.253-0.264-0.437-0.264H2.48c-0.183,0-0.352,0.102-0.437,0.264s-0.074,0.359,0.03,0.51
 7 | 	L6.86,9.604c0,1.3,0,4.013,0,4.32c1.021-0.254,1.258,1.165,2.278,0.429c0-0.426,0-3.384,0-4.748l4.785-6.957
 8 | 	C14.028,2.498,14.04,2.302,13.954,2.139z M8,8.604L5.351,4.754h5.297L8,8.604z"/>
 9 | </svg>
10 | 


--------------------------------------------------------------------------------
/src/assets/icons/folder.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<g>
 8 | 		<path fill="none" stroke="#000000" stroke-width="1.4173" stroke-miterlimit="10" d="M13.94,13.125c0,0.274-0.225,0.5-0.5,0.5
 9 | 			H2.612c-0.275,0-0.5-0.226-0.5-0.5v-7.75c0-0.275,0.225-0.5,0.5-0.5H13.44c0.275,0,0.5,0.225,0.5,0.5V13.125z"/>
10 | 	</g>
11 | 	
12 | 		<rect x="2.706" y="2.25" fill="none" stroke="#000000" stroke-width="1.4173" stroke-miterlimit="10" width="4.854" height="2.625"/>
13 | </g>
14 | </svg>
15 | 


--------------------------------------------------------------------------------
/src/assets/icons/grid.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<rect x="1.995" y="1.908" width="4.969" height="4.971"/>
 8 | 	<rect x="9.086" y="8.999" width="4.971" height="4.969"/>
 9 | 	<rect x="1.995" y="8.999" width="4.969" height="4.969"/>
10 | 	<rect x="9.086" y="1.907" width="4.969" height="4.972"/>
11 | </g>
12 | </svg>
13 | 


--------------------------------------------------------------------------------
/src/assets/icons/icons-single.ai:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/icons/icons-single.ai


--------------------------------------------------------------------------------
/src/assets/icons/icons.ai:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/assets/icons/icons.ai


--------------------------------------------------------------------------------
/src/assets/icons/leaf.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <path d="M1.78,4.06c0,0,4.205-3.785,8.232-1.403c4.026,2.381,5.229,5.486,3.476,7.74c-2.023-3.173-3.096-4.701-7.327-6.003
 7 | 	c0,0,6.63,4.153,7.778,9.058c-0.175,1.047-1.152,0.289-1.152,0.289l-1.067-1.77c0,0-2.05,1.583-4.471-0.508
 8 | 	C3.144,7.916,6.444,3.951,1.78,4.06z"/>
 9 | </svg>
10 | 


--------------------------------------------------------------------------------
/src/assets/icons/list.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<line fill="none" stroke="#010101" stroke-width="1.8546" stroke-miterlimit="10" x1="1.729" y1="3.359" x2="14.323" y2="3.359"/>
 8 | 	<line fill="none" stroke="#010101" stroke-width="1.8546" stroke-miterlimit="10" x1="1.729" y1="7.938" x2="14.323" y2="7.938"/>
 9 | 	
10 | 		<line fill="none" stroke="#010101" stroke-width="1.8546" stroke-miterlimit="10" x1="1.729" y1="12.516" x2="14.323" y2="12.516"/>
11 | </g>
12 | </svg>
13 | 


--------------------------------------------------------------------------------
/src/assets/icons/local.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
6 | <path id="local" d="M14.268,4.293H9.65L8.11,2.754H3.494v1.539H1.955v9.234h10.773v-1.538h1.539V4.293L14.268,4.293z M13.499,11.219
7 | 	h-0.771V5.832H8.11l-1.538-1.54H4.264V3.523h3.529l1.539,1.539h4.167V11.219z"/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/src/assets/icons/mic.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<polyline fill="none" stroke="#000000" stroke-width="1.4173" stroke-linecap="round" stroke-miterlimit="10" points="
 8 | 		11.813,7.648 5.428,12.582 3.452,10.605 8.619,4.454 	"/>
 9 | 	<path fill="none" stroke="#000000" stroke-width="0.8504" stroke-linecap="round" stroke-miterlimit="10" d="M4.46,11.611
10 | 		c-1.803,0.971-0.776,2.625-2.844,2.625"/>
11 | 	<circle fill="none" stroke="#000000" stroke-width="1.4173" stroke-miterlimit="10" cx="11.535" cy="4.539" r="2.9"/>
12 | 	<line fill="none" stroke="#000000" stroke-width="1.4173" stroke-miterlimit="10" x1="9.484" y1="2.487" x2="13.585" y2="6.588"/>
13 | </g>
14 | </svg>
15 | 


--------------------------------------------------------------------------------
/src/assets/icons/music.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <circle fill="none" stroke="#000000" stroke-width="1.4173" stroke-miterlimit="10" cx="12.286" cy="10.32" r="2.41"/>
 7 | <circle fill="none" stroke="#000000" stroke-width="1.4173" stroke-miterlimit="10" cx="3.767" cy="12.32" r="2.41"/>
 8 | <polyline fill="none" stroke="#000000" stroke-width="1.4173" stroke-linejoin="round" stroke-miterlimit="10" points="6.177,12.32 
 9 | 	6.177,3.144 14.696,1.144 14.696,10.32 "/>
10 | </svg>
11 | 


--------------------------------------------------------------------------------
/src/assets/icons/play.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<g>
 8 | 		<path d="M4.181,3.19l7.152,4.749l-7.152,4.748V3.19 M2.764,0.548v14.779l11.132-7.389L2.764,0.548L2.764,0.548z"/>
 9 | 	</g>
10 | </g>
11 | </svg>
12 | 


--------------------------------------------------------------------------------
/src/assets/icons/playlist.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <circle fill="none" stroke="#000000" stroke-width="1.4173" stroke-miterlimit="10" cx="8.068" cy="11.82" r="2.41"/>
 7 | <polyline fill="none" stroke="#000000" stroke-width="1.4173" stroke-linejoin="round" stroke-miterlimit="10" points="
 8 | 	10.479,11.82 10.479,1.644 14.495,5.661 "/>
 9 | <line fill="none" stroke="#000000" stroke-width="1.4173" stroke-linejoin="round" stroke-miterlimit="10" x1="1.558" y1="1.912" x2="7.692" y2="1.912"/>
10 | <line fill="none" stroke="#000000" stroke-width="1.4173" stroke-linejoin="round" stroke-miterlimit="10" x1="1.558" y1="4.322" x2="7.692" y2="4.322"/>
11 | <line fill="none" stroke="#000000" stroke-width="1.4173" stroke-linejoin="round" stroke-miterlimit="10" x1="1.558" y1="6.732" x2="7.692" y2="6.732"/>
12 | </svg>
13 | 


--------------------------------------------------------------------------------
/src/assets/icons/search.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<circle fill="none" stroke="#000000" stroke-width="1.4173" stroke-miterlimit="10" cx="6.63" cy="6.758" r="5.061"/>
 8 | 	<line fill="none" stroke="#000000" stroke-width="1.4173" stroke-miterlimit="10" x1="10.086" y1="9.78" x2="14.483" y2="14.178"/>
 9 | </g>
10 | </svg>
11 | 


--------------------------------------------------------------------------------
/src/assets/icons/sections.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <rect x="2.018" y="2.128" fill="#010101" width="4.289" height="4.289"/>
 7 | <g>
 8 | 	<rect x="7.305" y="2.128" fill="#010101" width="6.678" height="0.851"/>
 9 | </g>
10 | <g>
11 | 	<rect x="7.305" y="4.128" fill="#010101" width="6.678" height="0.851"/>
12 | </g>
13 | <g>
14 | 	<rect x="7.305" y="6.128" fill="#010101" width="6.678" height="0.851"/>
15 | </g>
16 | <rect x="2.018" y="9.211" fill="#010101" width="4.289" height="4.289"/>
17 | <g>
18 | 	<rect x="7.305" y="9.211" fill="#010101" width="6.678" height="0.851"/>
19 | </g>
20 | <g>
21 | 	<rect x="7.305" y="11.211" fill="#010101" width="6.678" height="0.851"/>
22 | </g>
23 | <g>
24 | 	<rect x="7.305" y="13.211" fill="#010101" width="6.678" height="0.851"/>
25 | </g>
26 | </svg>
27 | 


--------------------------------------------------------------------------------
/src/assets/icons/soundcloud.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <path id="soundcloud" d="M0.027,10.945c0,0.197,0.072,0.347,0.215,0.447c0.145,0.104,0.298,0.139,0.462,0.108
 7 | 	c0.153-0.028,0.261-0.084,0.323-0.164c0.063-0.079,0.093-0.211,0.093-0.394V8.789c0-0.154-0.053-0.283-0.159-0.391
 8 | 	c-0.107-0.107-0.237-0.16-0.391-0.16c-0.147,0-0.275,0.053-0.382,0.16C0.081,8.506,0.027,8.635,0.027,8.789V10.945L0.027,10.945z
 9 | 	 M1.736,11.865c0,0.145,0.053,0.252,0.154,0.322c0.101,0.071,0.23,0.108,0.389,0.108c0.165,0,0.297-0.037,0.397-0.108
10 | 	c0.103-0.07,0.153-0.179,0.153-0.322V6.842c0-0.148-0.055-0.276-0.159-0.383C2.563,6.352,2.434,6.298,2.279,6.298
11 | 	c-0.148,0-0.275,0.054-0.383,0.161c-0.105,0.106-0.16,0.234-0.16,0.383V11.865z M3.438,12.104c0,0.145,0.054,0.252,0.156,0.324
12 | 	c0.105,0.071,0.238,0.107,0.402,0.107c0.157,0,0.288-0.036,0.391-0.107c0.101-0.072,0.151-0.181,0.151-0.324V7.518
13 | 	c0-0.153-0.054-0.285-0.16-0.394C4.271,7.016,4.145,6.96,3.997,6.96c-0.154,0-0.285,0.056-0.395,0.164
14 | 	c-0.108,0.108-0.164,0.24-0.164,0.394V12.104z M5.148,12.125c0,0.273,0.185,0.41,0.551,0.41c0.367,0,0.55-0.137,0.55-0.41V4.694
15 | 	c0-0.418-0.128-0.653-0.38-0.707C5.707,3.948,5.545,3.994,5.387,4.129C5.228,4.262,5.148,4.45,5.148,4.694V12.125z M6.888,12.342
16 | 	V4.256c0-0.259,0.077-0.412,0.23-0.461c0.333-0.08,0.663-0.12,0.989-0.12c0.758,0,1.463,0.179,2.118,0.535
17 | 	c0.654,0.357,1.185,0.845,1.588,1.462c0.401,0.615,0.638,1.295,0.701,2.039c0.303-0.129,0.625-0.193,0.969-0.193
18 | 	c0.69,0,1.285,0.246,1.777,0.735C15.754,8.744,16,9.334,16,10.021c0,0.693-0.246,1.287-0.739,1.776
19 | 	c-0.493,0.49-1.085,0.736-1.771,0.736l-6.468-0.009c-0.043-0.016-0.077-0.041-0.102-0.082C6.898,12.406,6.888,12.371,6.888,12.342
20 | 	L6.888,12.342z"/>
21 | </svg>
22 | 


--------------------------------------------------------------------------------
/src/assets/icons/spotify.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <path id="spotify" d="M7.94,1.887c-3.389,0-6.16,2.772-6.16,6.162c0,3.391,2.771,6.161,6.16,6.161c3.388,0,6.16-2.771,6.16-6.161
 7 | 	C14.1,4.659,11.357,1.887,7.94,1.887z M10.773,10.789c-0.123,0.186-0.34,0.246-0.522,0.123c-1.449-0.893-3.267-1.078-5.422-0.584
 8 | 	c-0.215,0.061-0.399-0.094-0.461-0.279C4.306,9.834,4.458,9.65,4.645,9.588c2.34-0.523,4.375-0.309,5.975,0.678
 9 | 	C10.836,10.359,10.866,10.605,10.773,10.789z M11.514,9.094c-0.154,0.219-0.433,0.309-0.646,0.156
10 | 	c-1.664-1.018-4.19-1.327-6.13-0.709C4.49,8.604,4.213,8.48,4.151,8.232C4.089,7.986,4.213,7.708,4.458,7.648
11 | 	c2.25-0.678,5.021-0.34,6.933,0.832C11.574,8.572,11.667,8.878,11.514,9.094z M11.574,7.371C9.604,6.198,6.308,6.075,4.43,6.661
12 | 	C4.121,6.754,3.812,6.569,3.72,6.292C3.628,5.983,3.812,5.676,4.089,5.583C6.276,4.937,9.88,5.06,12.16,6.415
13 | 	c0.277,0.154,0.369,0.523,0.215,0.801C12.223,7.431,11.852,7.523,11.574,7.371z"/>
14 | </svg>
15 | 


--------------------------------------------------------------------------------
/src/assets/icons/star.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
 6 | <g>
 7 | 	<path d="M8.024,3.464l1.198,2.422l0.33,0.668l0.736,0.106l2.672,0.389l-1.936,1.888l-0.533,0.521l0.127,0.734l0.457,2.661
 8 | 		l-2.393-1.257l-0.659-0.348l-0.658,0.348l-2.394,1.258l0.458-2.662l0.126-0.736L5.021,8.935L3.081,7.05L5.76,6.66l0.735-0.106
 9 | 		l0.33-0.668L8.024,3.464 M8.025,0.79c-0.18,0-0.327,0.122-0.44,0.369L5.558,5.258L1.036,5.915C0.7,5.97,0.532,6.106,0.532,6.329
10 | 		c0,0.127,0.074,0.271,0.225,0.434L4.036,9.95l-0.774,4.504c-0.013,0.084-0.019,0.144-0.019,0.182c0,0.125,0.032,0.23,0.096,0.318
11 | 		c0.063,0.088,0.158,0.131,0.283,0.131c0.107,0,0.229-0.037,0.36-0.108l4.044-2.125l4.044,2.125
12 | 		c0.127,0.071,0.246,0.108,0.359,0.108c0.12,0,0.213-0.043,0.275-0.131s0.096-0.193,0.096-0.318c0-0.079-0.006-0.141-0.012-0.182
13 | 		L12.017,9.95l3.271-3.188c0.154-0.158,0.232-0.3,0.232-0.434c0-0.222-0.167-0.359-0.503-0.414l-4.522-0.657L8.469,1.159
14 | 		C8.352,0.912,8.206,0.79,8.025,0.79L8.025,0.79z"/>
15 | </g>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/src/assets/svg/blur.svg:
--------------------------------------------------------------------------------
1 | <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <filter id="blur"> <feGaussianBlur stdDeviation="10" /> </filter> </svg>


--------------------------------------------------------------------------------
/src/assets/svg/local.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 | 	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
6 | <path fill="#020202" d="M31,6.554H19.777l-3.742-3.741H4.816v3.741H1.074v22.447H27.26v-3.742H31V6.554z M29.131,23.389H27.26
7 | 	V10.295H16.035l-3.739-3.742h-5.61v-1.87h8.576l3.742,3.741h10.127V23.389z"/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/src/assets/svg/no-image.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 | 	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
6 | <line fill="none" stroke="#CCCCCC" stroke-width="0.1417" stroke-miterlimit="10" x1="4.167" y1="4.167" x2="27.833" y2="27.833"/>
7 | <line fill="none" stroke="#CCCCCC" stroke-width="0.1417" stroke-miterlimit="10" x1="4.167" y1="27.833" x2="27.833" y2="4.167"/>
8 | </svg>
9 | 


--------------------------------------------------------------------------------
/src/assets/svg/soundcloud.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
 6 | <path fill="#DF4526" d="M1.073,22.375c0,0.371,0.135,0.651,0.404,0.842c0.271,0.191,0.558,0.258,0.864,0.203
 7 | 	c0.288-0.056,0.49-0.158,0.606-0.308c0.116-0.149,0.173-0.395,0.173-0.737v-4.041c0-0.288-0.099-0.531-0.299-0.731
 8 | 	s-0.443-0.3-0.731-0.3c-0.278,0-0.519,0.1-0.718,0.3c-0.2,0.2-0.3,0.443-0.3,0.731V22.375L1.073,22.375z M4.278,24.102
 9 | 	c0,0.27,0.095,0.471,0.286,0.605s0.434,0.202,0.731,0.202c0.307,0,0.555-0.067,0.746-0.202s0.286-0.336,0.286-0.605v-9.417
10 | 	c0-0.279-0.1-0.518-0.3-0.718s-0.443-0.3-0.731-0.3c-0.278,0-0.518,0.1-0.718,0.3c-0.2,0.2-0.299,0.439-0.299,0.718V24.102z
11 | 	 M7.468,24.548c0,0.27,0.098,0.472,0.292,0.606c0.195,0.135,0.446,0.202,0.753,0.202c0.297,0,0.541-0.067,0.731-0.202
12 | 	c0.19-0.135,0.286-0.337,0.286-0.606v-8.596c0-0.288-0.1-0.534-0.3-0.738c-0.2-0.205-0.438-0.307-0.717-0.307
13 | 	c-0.288,0-0.535,0.102-0.739,0.307c-0.204,0.205-0.306,0.45-0.306,0.738V24.548z M10.672,24.589c0,0.511,0.344,0.768,1.031,0.768
14 | 	c0.688,0,1.031-0.257,1.031-0.768V10.658c0-0.781-0.236-1.222-0.71-1.324c-0.306-0.074-0.608,0.014-0.906,0.265
15 | 	c-0.297,0.251-0.446,0.604-0.446,1.059V24.589z M13.933,24.993V9.835c0-0.483,0.144-0.771,0.432-0.864
16 | 	c0.622-0.148,1.24-0.223,1.853-0.223c1.421,0,2.744,0.334,3.971,1.003s2.218,1.582,2.975,2.738c0.756,1.156,1.195,2.431,1.316,3.824
17 | 	c0.566-0.241,1.17-0.362,1.812-0.362c1.3,0,2.412,0.459,3.336,1.378c0.925,0.92,1.386,2.026,1.386,3.316
18 | 	c0,1.3-0.461,2.41-1.386,3.33c-0.924,0.92-2.031,1.38-3.322,1.38l-12.121-0.015c-0.083-0.028-0.146-0.079-0.188-0.153
19 | 	S13.933,25.049,13.933,24.993L13.933,24.993z"/>
20 | </svg>
21 | 


--------------------------------------------------------------------------------
/src/assets/svg/spinner-black.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve">
 6 | <path d="M15,1.307V1.292C7.429,1.292,1.292,7.429,1.292,15c0,1.568,1.271,2.84,2.839,2.84c1.568,0,2.839-1.271,2.839-2.84
 7 | 	c0-0.021-0.006-0.041-0.006-0.062c0.033-4.35,3.538-7.882,7.875-7.969C14.893,6.973,14.945,6.986,15,6.986
 8 | 	c1.568,0,2.84-1.271,2.84-2.84C17.84,2.578,16.568,1.307,15,1.307z">
 9 | 		</path>
10 | </svg>
11 | 


--------------------------------------------------------------------------------
/src/assets/svg/spinner-white.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve">
 6 | <path fill="#FFFFFF" d="M15,1.307V1.292C7.429,1.292,1.292,7.429,1.292,15c0,1.568,1.271,2.84,2.839,2.84
 7 | 	c1.568,0,2.839-1.271,2.839-2.84c0-0.021-0.006-0.041-0.006-0.062c0.033-4.35,3.538-7.882,7.875-7.969
 8 | 	C14.893,6.973,14.945,6.986,15,6.986c1.568,0,2.84-1.271,2.84-2.84C17.84,2.578,16.568,1.307,15,1.307z"/>
 9 | </svg>
10 | 


--------------------------------------------------------------------------------
/src/assets/svg/spinner.svg:
--------------------------------------------------------------------------------
 1 | <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
 2 |     <path fill="#FFFFFF" d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z">
 3 |         <animateTransform attributeType="xml"
 4 |             attributeName="transform"
 5 |             type="rotate"
 6 |             from="0 25 25"
 7 |             to="360 25 25"
 8 |             dur="0.6s"
 9 |             repeatCount="indefinite" />
10 |     </path>
11 | </svg>


--------------------------------------------------------------------------------
/src/assets/svg/spotify.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 5 | 	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
 6 | <path fill="#84BE41" d="M16,1C7.865,1,1.208,7.656,1.208,15.791c0,8.136,6.656,14.791,14.792,14.791
 7 | 	c8.136,0,14.791-6.655,14.791-14.791C30.791,7.656,24.208,1,16,1z M22.804,22.374c-0.297,0.442-0.813,0.591-1.257,0.296
 8 | 	c-3.478-2.145-7.839-2.589-13.018-1.406c-0.517,0.148-0.961-0.222-1.109-0.666c-0.148-0.517,0.222-0.961,0.667-1.109
 9 | 	c5.621-1.256,10.502-0.74,14.348,1.627C22.951,21.338,23.023,21.93,22.804,22.374z M24.58,18.305
10 | 	c-0.372,0.52-1.036,0.74-1.557,0.371c-3.99-2.44-10.056-3.181-14.715-1.7c-0.592,0.147-1.257-0.148-1.405-0.74
11 | 	c-0.148-0.592,0.148-1.258,0.739-1.406c5.398-1.627,12.055-0.813,16.642,1.998C24.728,17.048,24.948,17.788,24.58,18.305z
12 | 	 M24.728,14.164c-4.733-2.81-12.649-3.106-17.159-1.701c-0.739,0.221-1.479-0.222-1.701-0.887c-0.222-0.74,0.222-1.48,0.888-1.702
13 | 	c5.251-1.553,13.903-1.256,19.377,1.997c0.664,0.37,0.885,1.258,0.517,1.923C26.28,14.313,25.393,14.534,24.728,14.164z"/>
14 | </svg>
15 | 


--------------------------------------------------------------------------------
/src/assets/svg/white-diamond.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
3 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 | <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5 | 	 width="7.377px" height="20px" viewBox="0 0 7.377 20" enable-background="new 0 0 7.377 20" xml:space="preserve">
6 | <polyline fill="#F5F5F5" points="7.377,16.306 1.069,10 7.377,3.693 "/>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/src/scss/app.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | @import 'global/core';
 3 | @import 'global/forms';
 4 | @import 'global/icons';
 5 | @import 'global/touch-devices';
 6 | 
 7 | @import 'components/tracklist';
 8 | @import 'components/context-menu';
 9 | @import 'components/loading-bar';
10 | @import 'components/dialog';
11 | @import 'components/player';
12 | @import 'components/slider';
13 | 
14 | @import 'global/responsive';
15 | 
16 | @import 'vendor/font-awesome';
17 | @import 'vendor/fonts';
18 | 
19 | 


--------------------------------------------------------------------------------
/src/scss/components/_loading-bar.scss:
--------------------------------------------------------------------------------
 1 | /*! 
 2 |  * angular-loading-bar v0.8.0
 3 |  * https://chieffancypants.github.io/angular-loading-bar
 4 |  * Copyright (c) 2015 Wes Cruver
 5 |  * License: MIT
 6 |  */
 7 | 
 8 | /* Make clicks pass-through */
 9 | #loading-bar,
10 | #loading-bar-spinner {
11 | 	pointer-events: none;
12 | 	-webkit-pointer-events: none;
13 | 	-webkit-transition: 350ms linear all;
14 | 	-moz-transition: 350ms linear all;
15 | 	-o-transition: 350ms linear all;
16 | 	transition: 350ms linear all;
17 | }
18 | 
19 | #loading-bar-spinner.ng-enter,
20 | #loading-bar-spinner.ng-leave.ng-leave-active {
21 | 	opacity: 0;
22 | }
23 | 
24 | #loading-bar-spinner.ng-enter.ng-enter-active,
25 | #loading-bar-spinner.ng-leave {
26 | 	opacity: 1;
27 | }
28 | 
29 | #loading-bar-spinner {
30 | 	display: block;
31 | 	position: fixed;
32 | 	z-index: 10002;
33 | 	top: 10px;
34 | 	left: 10px;
35 | }
36 | 
37 | #loading-bar-spinner .spinner-icon {
38 | 	width: 14px;
39 | 	height: 14px;
40 | 
41 | 	border:  solid 2px transparent;
42 | 	border-top-color:  #29d;
43 | 	border-left-color: #29d;
44 | 	border-radius: 50%;
45 | 
46 | 	-webkit-animation: loading-bar-spinner 400ms linear infinite;
47 | 	-moz-animation:    loading-bar-spinner 400ms linear infinite;
48 | 	-ms-animation:     loading-bar-spinner 400ms linear infinite;
49 | 	-o-animation:      loading-bar-spinner 400ms linear infinite;
50 | 	animation:         loading-bar-spinner 400ms linear infinite;
51 | }
52 | 
53 | @-webkit-keyframes loading-bar-spinner {
54 | 	0%   { -webkit-transform: rotate(0deg);   transform: rotate(0deg); }
55 | 	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
56 | }
57 | @-moz-keyframes loading-bar-spinner {
58 | 	0%   { -moz-transform: rotate(0deg);   transform: rotate(0deg); }
59 | 	100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
60 | }
61 | @-o-keyframes loading-bar-spinner {
62 | 	0%   { -o-transform: rotate(0deg);   transform: rotate(0deg); }
63 | 	100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
64 | }
65 | @-ms-keyframes loading-bar-spinner {
66 | 	0%   { -ms-transform: rotate(0deg);   transform: rotate(0deg); }
67 | 	100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
68 | }
69 | @keyframes loading-bar-spinner {
70 | 	0%   { transform: rotate(0deg);   transform: rotate(0deg); }
71 | 	100% { transform: rotate(360deg); transform: rotate(360deg); }
72 | }
73 | 


--------------------------------------------------------------------------------
/src/scss/components/_slider.scss:
--------------------------------------------------------------------------------
 1 | /** 
 2 |  * Sliders
 3 |  * Side-scrolling content (ie discover sections)
 4 |  **/
 5 | 
 6 | slider {
 7 | 	height: 250px;
 8 | 	display: block;
 9 | 	position: relative;
10 | 	margin-bottom: 40px;
11 | 
12 |     &.square-panels {
13 |         margin-left: 0;
14 |         margin-right: -40px;
15 |     }
16 | 
17 |     .controls {
18 |         position: absolute;
19 |         top: -40px;
20 |         right: 20px;
21 |         z-index: 5;
22 |         
23 |         .si {
24 |             margin: 5px;
25 |             opacity: 0.2;
26 |             
27 |             &.can-slide {
28 |                 cursor: pointer;
29 |                 opacity: 0.7;
30 |             }
31 |             
32 |             &.can-slide:hover {
33 |                 opacity: 1;
34 |             }
35 |         }
36 |     }
37 | 
38 |     .slides {
39 |         overflow: hidden;
40 |         position: relative;
41 |         height: 100%;
42 |     }
43 | 
44 |     .slides-content {
45 |         position: absolute;
46 |         top: 0;
47 |         left: 0;
48 |         width: 400%;
49 |     }
50 | 
51 |     .item-container {
52 |         float: left;
53 |         width: 5%;
54 | 
55 |         & > .square-panel {
56 |             width: 80%;
57 |             margin: 0;
58 |         }
59 |     }
60 | }
61 | 
62 | 
63 | 


--------------------------------------------------------------------------------
/src/scss/global/_icons.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Spotmop
 3 |  * Icons
 4 |  **/
 5 |  
 6 | .si {
 7 | 	display: inline-block;
 8 | 	width: 16px;
 9 | 	height: 16px;
10 | 	background-position: 50% 50%;
11 | 	background-repeat: no-repeat;
12 | 	vertical-align: top;
13 | 	margin-top: 2px;
14 | 	margin-right: 5px;
15 | 	padding: 0;
16 | 	background-size: contain;
17 | }
18 |  
19 | .si.doublesize {
20 | 	width: 32px;
21 | 	height: 32px;
22 | }
23 |  
24 | .si.play {				background-image: url('assets/icons/play.svg'); }
25 | .si.compass {			background-image: url('assets/icons/compass.svg'); }
26 | .si.playlist {			background-image: url('assets/icons/playlist.svg'); }
27 | .si.music {				background-image: url('assets/icons/music.svg'); }
28 | .si.cog {				background-image: url('assets/icons/cog.svg'); }
29 | .si.folder {			background-image: url('assets/icons/folder.svg'); }
30 | .si.leaf {				background-image: url('assets/icons/leaf.svg'); }
31 | .si.star {				background-image: url('assets/icons/star.svg'); }
32 | .si.mic {				background-image: url('assets/icons/mic.svg'); }
33 | .si.cd {				background-image: url('assets/icons/cd.svg'); }
34 | .si.grid {				background-image: url('assets/icons/grid.svg'); }
35 | .si.search {			background-image: url('assets/icons/search.svg'); }
36 | .si.chevron-right {		background-image: url('assets/icons/chevron-right.svg'); }
37 | .si.chevron-left {		background-image: url('assets/icons/chevron-left.svg'); }
38 | .si.sections {			background-image: url('assets/icons/sections.svg'); }
39 | .si.list {				background-image: url('assets/icons/list.svg'); }
40 | .si.spotify {			background-image: url('assets/icons/spotify.svg'); }
41 | .si.soundcloud {		background-image: url('assets/icons/soundcloud.svg'); }
42 | .si.local {				background-image: url('assets/icons/local.svg'); }
43 | .si.filter {			background-image: url('assets/icons/filter.svg'); }
44 | 
45 | .si.white {
46 | 	-webkit-filter: invert(1);
47 | 	-moz-filter: invert(1);
48 | 	filter: invert(1);
49 | }
50 | 
51 | @media ( max-width: 800px ){
52 |     .si.mobile-white {
53 |         -webkit-filter: invert(1);
54 |         -moz-filter: invert(1);
55 |         filter: invert(1);
56 |     }
57 | }
58 | 
59 | 
60 | 
61 | 


--------------------------------------------------------------------------------
/src/scss/global/_touch-devices.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * touchDevice specific elements
 3 |  * This is how we show touch-friendly track selection and context menus, etc
 4 |  * 
 5 |  * Spotmop
 6 |  **/
 7 | 
 8 |  
 9 |  
10 | /**
11 |  * Player
12 |  **/
13 | 
14 | .touchDevice #full-player .volume,
15 | .touchDevice #player .volume.touch-friendly {
16 | 	display: inline-block;
17 | }
18 | 
19 | #app:not(.touchDevice) #player .volume.touch-friendly,
20 | .touchDevice #player .volume:not(.touch-friendly) {
21 | 	display: none;
22 | }
23 | 
24 |  
25 |  
26 | /**
27 |  * Tracklist context menu
28 |  **/
29 | 
30 | .touchDevice .tracklist .track {
31 | 	padding-left: 30px;
32 | }
33 | 
34 | .tracklist .track .selected-state {
35 | 	display: none;
36 | }
37 | 
38 | .touchDevice .tracklist .track .selected-state {
39 | 	display: block;
40 | 	width: 10px;
41 | 	position: absolute;
42 | 	top: 2px;
43 | 	left: 0;
44 | 	padding: 10px;
45 | 	font-size: 14px;
46 | }
47 | 
48 | .tracklist-context-menu {
49 | 	background: rgba(50,50,50,0.95);
50 | 	color: #FFFFFF;
51 | 	z-index: 9;
52 | 	position: fixed;
53 | 	top: 0;
54 | 	right: 0;
55 | 	left: 0;
56 | 	box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
57 | }
58 | 
59 | .tracklist-context-menu .menu-item:first-child {
60 | 	margin-left: 6px;
61 | }
62 | 
63 | .tracklist-context-menu .menu-item {
64 | 	display: block;
65 | 	float: left;
66 | 	text-align: center;
67 | 	padding: 20px 16px;
68 | 	margin-right: 5px;
69 | 	font-weight: bold;
70 | 	text-transform: uppercase;
71 | 	cursor: pointer;
72 | }
73 | 
74 | .tracklist-context-menu .menu-item .fa {
75 | 	display: block;
76 | 	font-size: 16px;
77 | }
78 | 
79 | .tracklist-context-menu .menu-item .text {
80 | 	padding-top: 5px;
81 | 	display: block;
82 | 	font-size: 10px;
83 | }
84 | 
85 | .tracklist-context-menu .menu-item.cancel {
86 | 	float: right;
87 | 	opacity: 0.5;
88 | }
89 | 
90 | 
91 | 
92 | 
93 | 
94 | 
95 | 


--------------------------------------------------------------------------------
/src/scss/vendor/_fonts.scss:
--------------------------------------------------------------------------------
 1 | @font-face {
 2 |   font-family: 'Archivo Narrow';
 3 |   font-weight: 400;
 4 |   font-style: normal;
 5 |   src: url('assets/fonts/Archivo-Narrow-regular.eot');
 6 |   src: url('assets/fonts/Archivo-Narrow-regular.eot?#iefix') format('embedded-opentype'),
 7 |        local('Archivo Narrow Regular'),
 8 |        local('Archivo-Narrow-regular'),
 9 |        url('assets/fonts/Archivo-Narrow-regular.woff2') format('woff2'),
10 |        url('assets/fonts/Archivo-Narrow-regular.woff') format('woff'),
11 |        url('assets/fonts/Archivo-Narrow-regular.ttf') format('truetype'),
12 |        url('assets/fonts/Archivo-Narrow-regular.svg#ArchivoNarrow') format('svg');
13 | }
14 | 
15 | @font-face {
16 |   font-family: 'Archivo Narrow';
17 |   font-weight: 700;
18 |   font-style: normal;
19 |   src: url('assets/fonts/Archivo-Narrow-700.eot');
20 |   src: url('assets/fonts/Archivo-Narrow-700.eot?#iefix') format('embedded-opentype'),
21 |        local('Archivo Narrow Bold'),
22 |        local('Archivo-Narrow-700'),
23 |        url('assets/fonts/Archivo-Narrow-700.woff2') format('woff2'),
24 |        url('assets/fonts/Archivo-Narrow-700.woff') format('woff'),
25 |        url('assets/fonts/Archivo-Narrow-700.ttf') format('truetype'),
26 |        url('assets/fonts/Archivo-Narrow-700.svg#ArchivoNarrow') format('svg');
27 | }
28 | 
29 | @font-face {
30 |   font-family: 'Roboto';
31 |   font-weight: 400;
32 |   font-style: normal;
33 |   src: url('assets/fonts/Roboto-regular.eot');
34 |   src: url('assets/fonts/Roboto-regular.eot?#iefix') format('embedded-opentype'),
35 |        local('Roboto'),
36 |        local('Roboto-regular'),
37 |        url('assets/fonts/Roboto-regular.woff2') format('woff2'),
38 |        url('assets/fonts/Roboto-regular.woff') format('woff'),
39 |        url('assets/fonts/Roboto-regular.ttf') format('truetype'),
40 |        url('assets/fonts/Roboto-regular.svg#Roboto') format('svg');
41 | }
42 | 


--------------------------------------------------------------------------------
/src/vendor/angular-storage.min.js:
--------------------------------------------------------------------------------
1 | /*! ngStorage 0.3.0 | Copyright (c) 2013 Gias Kay Lee | MIT License */"use strict";!function(){function a(a){return["$rootScope","$window",function(b,c){for(var d,e,f,g=c[a]||(console.warn("This browser does not support Web Storage!"),{}),h={$default:function(a){for(var b in a)angular.isDefined(h[b])||(h[b]=a[b]);return h},$reset:function(a){for(var b in h)"$"===b[0]||delete h[b];return h.$default(a)}},i=0;i<g.length;i++)(f=g.key(i))&&"ngStorage-"===f.slice(0,10)&&(h[f.slice(10)]=angular.fromJson(g.getItem(f)));return d=angular.copy(h),b.$watch(function(){e||(e=setTimeout(function(){if(e=null,!angular.equals(h,d)){angular.forEach(h,function(a,b){angular.isDefined(a)&&"$"!==b[0]&&g.setItem("ngStorage-"+b,angular.toJson(a)),delete d[b]});for(var a in d)g.removeItem("ngStorage-"+a);d=angular.copy(h)}},100))}),"localStorage"===a&&c.addEventListener&&c.addEventListener("storage",function(a){"ngStorage-"===a.key.slice(0,10)&&(a.newValue?h[a.key.slice(10)]=angular.fromJson(a.newValue):delete h[a.key.slice(10)],d=angular.copy(h),b.$apply())}),h}]}angular.module("ngStorage",[]).factory("$localStorage",a("localStorage")).factory("$sessionStorage",a("sessionStorage"))}();


--------------------------------------------------------------------------------
/src/vendor/jquery.event.drag.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaedb/spotmop/7f8c20117773c883cff11a2ececdd7f8409c0b96/src/vendor/jquery.event.drag.js


--------------------------------------------------------------------------------
/src/vendor/ngclipboard.js:
--------------------------------------------------------------------------------
 1 | (function() {
 2 | 
 3 |     'use strict';
 4 |     var MODULE_NAME = 'ngclipboard';
 5 |     var angular, Clipboard;
 6 |     
 7 |     // Check for CommonJS support
 8 |     if (typeof module === 'object' && module.exports) {
 9 | 		angular = require('angular');
10 | 		Clipboard = require('clipboard');
11 | 		module.exports = MODULE_NAME;
12 |     } else {
13 | 		angular = window.angular;
14 | 		Clipboard = window.Clipboard;
15 |     }
16 | 
17 |     angular.module(MODULE_NAME, []).directive('ngclipboard', function($rootScope) {
18 |         return {
19 |             restrict: 'A',
20 |             scope: {
21 |                 ngclipboardSuccess: '&',
22 |                 ngclipboardError: '&'
23 |             },
24 |             link: function(scope, element) {
25 |                 var clipboard = new Clipboard(
26 | 						element[0],
27 | 						{
28 | 							text: function(trigger){
29 | 								return $rootScope.selectedTrackURIs;
30 | 							}
31 | 						}
32 | 					);
33 | 
34 |                 clipboard.on('success', function(e) {
35 |                   scope.$apply(function () {
36 |                     scope.ngclipboardSuccess({
37 |                       e: e
38 |                     });
39 |                   });
40 |                 });
41 | 
42 |                 clipboard.on('error', function(e) {
43 |                   scope.$apply(function () {
44 |                     scope.ngclipboardError({
45 |                       e: e
46 |                     });
47 |                   });
48 |                 });
49 | 
50 |             }
51 |         };
52 |     });
53 | })();


--------------------------------------------------------------------------------