%PDF-
%PDF-
Mini Shell
Mini Shell
<!-- Start: Library Tab --> <div id="tab1" class="tabcontent"> <div id="tabLibrary"> <div class="actions floatleft"> <a href="" class="button" id="action_RefreshArtists" title="Refresh List" ng-click="refreshArtists()"><img class="pad" src="images/reload_9x11.2010a184.png"></a> <a href="" class="button" id="action_RescanLibrary" title="Rescan Library" ng-click="rescanLibrary()"><img class="pad" src="images/loop_alt1_gd_12x9.a0ba1029.png"></a> <a href="" class="button" id="action_ToggleArtists" ng-click="toggleArtists()" title="Toggle Artists"><img src="images/arrow_right_gl_8x8.643e89ae.png"></a> </div> <div id="search"> <input type="text" id="Search" name="Search" class="medium" title="Wildcards (*) supported" placeholder="Search..." ng-model="searching.query" ng-enter="search(searching.query, searching.typeId)"> <select id="SearchType" name="SearchType" ng-model="searching.typeId" ng-options="o.id as o.name for o in searching.types"></select> <a href="" class="button" id="action_Search" title="Search" ng-click="search(searching.query, searching.typeId)"><img class="pad" src="images/magnifying_glass_alt_12x12.92e750a9.png"></a> </div> <div class="subactions"> <div class="floatleft" ng-show="selectedPlaylist !== null"> <label>Playlist Actions</label> <a href="" class="button" id="action_DeletePlaylist" title="Delete Selected Playlist" ng-click="deletePlaylist()">Delete</a> <a href="" class="button" id="action_SavePlaylist" title="Save Playlist" ng-click="savePlaylist()">Save</a> <a href="" class="button" id="action_RemoveSongs" title="Remove selected song(s) from playlist" ng-click="songsRemoveSelected()">Remove Song(s)</a> | </div> <a href="" class="button" id="action_PlayAlbum" title="Play Album" ng-click="playAll()"><img src="images/play_gl_6x8.63df6e88.png"></a> <a href="" class="button" id="action_SelectAll" title="Select All" ng-click="selectAll()">All</a> <a href="" class="button" id="action_SelectNone" title="Select None" ng-click="selectNone()">None</a> <a href="" class="button" id="action_AddToQueue" title="Add To Queue" ng-click="addSelectedSongsToQueue()">+ Queue</a> <a href="" class="button" id="action_AddToPlaylist" title="Add Selected To Playlist" ng-click="loadPlaylistsForMenu()">+ Playlist</a> <div id="submenu_AddToPlaylist" class="submenu shadow" style="display: none"> <a href="" ng-repeat="o in playlistMenu" ng-click="addToPlaylist(o.id)">{{o.name}}</a> </div> <a href="" class="button" id="action_NewPlaylist" title="New Playlist" ng-click="newPlaylist()">+</a> </div> <div id="SubsonicAlbums" class="lgsection" split> <!-- Album --> <div id="right-component" class="lgcolumn" ng-class="{'lgcolumn_expanded' : !$rootScope.settings.ShowQueue}"> <ul class="actionlist"> <li> <form class="form"> <select id="SelectedAlbumSort" ng-model="SelectedAlbumSort.id" ng-show="AlbumSort.length" ng-options="o.id as o.name for o in AlbumSort"></select> </form> <jamstash-breadcrumbs> </jamstash-breadcrumbs></li> </ul> <div class="clear"></div> <ul class="simplelist songlist noselect"> <div class="" ng-repeat="o in album" ng-switch on="o.type"> <li class="album" ng-switch-when="byfolder" id="{{o.id}}" ng-class="{'selected': selectedAlbum == o.id, 'albumgrid': settings.DefaultLibraryLayout.id == 'grid'}" ng-click="getDirectory('display', o.id, o.name, 'forward')" parentid="{{o.parentid}}"> <div class="itemactions"> <a class="add hover" href="" title="Add To Play Queue" ng-click="getDirectory('add', o.id, o.name, 'forward')" stop-event="click"></a> <a class="play hover" href="" title="Play" ng-click="getDirectory('play', o.id, o.name, 'forward')" stop-event="click"></a> <a class="download hover" href="" ng-click="download(o.id)" title="Download" stop-event="click"></a> <a class="hover" href="" title="Star" ng-class="{'favorite': o.starred, 'rate': !o.starred}" ng-click="toggleStar(o)" stop-event="click"></a> <a class="info hover" href="" title="{{'Created: ' + o.date}}"></a> </div> <div class="albumart"><img ng-src="{{o.coverartthumb}}" src="images/albumdefault_160.973dd405.jpg"></div> <div class="albuminfo"> <div class="title" title="{{o.name}}" ng-bind-html="o.name"></div> <div class="artist" title="{{o.artist}}"><a href="" id="{{o.parentid}}" ng-click="getDirectory('display', o.parentid, o.artist, 'forward')" stop-event="click" ng-bind-html="o.artist"></a></div> </div> <div class="clear"></div> </li> <li class="album" ng-switch-when="bytag" id="{{o.id}}" ng-class="{'selected': selectedAlbum == o.id, 'albumgrid': settings.DefaultLibraryLayout.id == 'grid'}" ng-click="getAlbumByTag(o.id)"> <div class="albumart"><img ng-src="{{o.coverartthumb}}" src="images/albumdefault_160.973dd405.jpg"></div> <div class="albuminfo"> <div class="title" title="{{o.name}}" ng-bind-html="o.name"></div> <div class="artist" title="{{o.artist}}"><a href="" ng-click="getArtistByTag(o.artistId)" stop-event="click" ng-bind-html="o.artist"></a></div> </div> <div class="clear"></div> </li> </div> <div ng-if="song.length > 0" ng-include src="'common/songs.html'" sortable></div> </ul> <div class="colspacer"></div> </div> </div> <div id="left-component" class="smcolumn noselect" tabindex="0"> <ul class="tablist"> <li class="" ng-click="toggleIndex()"><a href="">Artists</a></li> <li class="" ng-click="togglePlaylist()"><a href="">Playlists</a></li> <li class="" ng-click="togglePodcast()"><a href="">Podcasts</a></li> </ul> <div class="clear"></div> <div id="IndexContainer" class="leftsubsection" ng-show="showIndex"> <select id="MusicFolders" class="folders" ng-model="SelectedMusicFolder" ng-options="o.name for o in MusicFolders track by o.id"> <option value="">All Folders </select> <div id="AZIndex" ng-show="!settings.HideAZ" class="subactionsfixed"> <a href="" ng-click="toggleAZ()" stop-event="click">A-Z</a> </div> <div class="clear"></div> <ul id="AutoAlbumContainer" class="simplelist mainlist noselect"> <li class="index" id="auto">Auto Albums</li> <li class="item" ng-repeat="(id, album) in autoAlbums" ng-click="getAlbumListBy(id)" ng-class="{'selected': selectedAutoAlbum == id }"> <span>{{album.name}}</span> <div class="floatright"> <a href="" class="nextprev hover" title="Previous" ng-click="getAlbumListBy(id, 'prev')" stop-event="click">‹</a> <a href="" class="nextprev hover" title="Next" ng-click="getAlbumListBy(id, 'next')" stop-event="click">›</a> </div> </li> </ul> <!-- Shortcut --> <ul class="simplelist mainlist noselect" ng-show="shortcut.length"> <li class="index" title="Scroll to Top" data-bind="click: $root.scrollToTop"><a>Shortcuts</a></li> <ul class="simplelist mainlist noselect" ng-repeat="o in shortcut"> <li class="item" id="{{o.id}}" ng-click="getDirectory('display', o.id, o.name, 'root')" ng-class="{'selected': selectedArtist == o.id}"><span ng-bind-html="o.name"></span></li> </ul> </ul> <!-- Artist --> <ul class="simplelist mainlist noselect" ng-repeat="o in index"> <li class="index" title="Scroll to Top" id="{{o.name}}" ng-click="scrollToTop()"><a>{{o.name}}</a></li> <ul class="simplelist mainlist noselect"> <li class="item" id="{{a.id}}" ng-repeat="a in o.artist" ng-class="{'selected': selectedArtist == a.id}" ng-click="getDirectory('display', a.id, a.name, 'root')"><a ng-href="" ng-bind-html="a.name"></a></li> </ul> </ul> </div> <!-- Playlist --> <div id="PlaylistContainer" class="leftsubsection" ng-show="showPlaylist"> <ul class="simplelist mainlist noselect"> <li class="index" id="auto">Auto Playlists</li> <li class="item" ng-click="getRandomStarredSongs('display')" ng-class="{'selected': selectedAutoPlaylist == 'starred'}"> <div class="itemactions"> <a class="add" href="" ng-click="getRandomStarredSongs('add')" title="Add To Play Queue" stop-event="click"></a> <a class="play" href="" ng-click="getRandomStarredSongs('play')" title="Play" stop-event="click"></a> </div> <div class="title">Starred</div> </li> <li class="item" ng-click="getRandomSongs('display')" ng-class="{'selected': selectedAutoPlaylist == 'random'}"> <div class="itemactions"> <a class="add" href="" title="Add To Play Queue" ng-click="getRandomSongs('add')" stop-event="click"></a> <a class="play" href="" title="Play" ng-click="getRandomSongs('play')" stop-event="click"></a> </div> <div class="title">Random</div> </li> <li class="index" id="auto">Genre Playlists</li> <select id="Genres" name="Genres" class="large" ng-model="selectedGenre" ng-options="o for o in Genres"> <option value="">[Select Genre] </select> <li class="item" ng-repeat="genrePlaylist in genrePlaylists track by $index" ng-click="getRandomSongs('display', genrePlaylist)" ng-class="{'selected': selectedAutoPlaylist === genrePlaylist}"> <div class="itemactions"> <a class="add" href="" title="Add To Play Queue" ng-click="getRandomSongs('add', genrePlaylist)" stop-event="click"></a> <a class="play" href="" title="Play" ng-click="getRandomSongs('play', genrePlaylist)" stop-event="click"></a> </div> <span class="title"> {{ genrePlaylist }} </span> <div title="Remove this auto-playlist" class="list-item-remove" ng-click="deleteGenrePlaylist(genrePlaylist)" stop-event="click"> <svg class="icon"> <title>Remove this auto-playlist</title> <use xlink:href="images/sprite/iconic.44fed91f.svg#x" class="icon-remove"></use> </svg> </div> </li> </ul> <ul class="simplelist mainlist noselect"> <li class="index" id="folder">Folder Playlists</li> <li class="item" ng-repeat="o in MusicFolders | musicfolder" ng-click=" getRandomSongs('display', '' , o.id)" ng-class="{'selected': o.id == selectedAutoPlaylist}"> <div class="itemactions"> <a class="add" href="" title="Add To Play Queue" ng-click="getRandomSongs('add', '', o.id)" stop-event="click"></a> <a class="play" href="" title="Play" ng-click="getRandomSongs('play', '', o.id)" stop-event="click"></a> </div> <div class="title">{{o.name}}</div> </li> </ul> <ul class="simplelist mainlist noselect"> <li class="index" id="auto">My Playlists</li> <li class="item" ng-repeat="o in playlists" ng-click="getPlaylist('display', o.id)" ng-class="{'selected': o.id == selectedPlaylist}"> <div class="itemactions"> <a class="add" href="" title="Add To Play Queue" ng-click="getPlaylist('add', o.id)" stop-event="click"></a> <a class="play" href="" title="Play" ng-click="getPlaylist('play', o.id)" stop-event="click"></a> </div> <div class="title" title="{{'Songs: ' + o.songCount + ', Public: ' + o.public}}">{{o.name}}</div> </li> </ul> <ul class="simplelist mainlist noselect"> <li class="index" id="auto">Shared Playlists</li> <li class="item" ng-repeat="o in playlistsPublic" ng-click="getPlaylist('display', o.id)" ng-class="{'selected': o.id == selectedPlaylist}"> <div class="itemactions"> <a class="add" href="" title="Add To Play Queue" ng-click="getPlaylist('add', o.id)" stop-event="click"></a> <a class="play" href="" title="Play" ng-click="getPlaylist('play', o.id)" stop-event="click"></a> </div> <div class="title" title="{{'Owner: ' + o.owner + ' Songs: ' + o.songCount}}">{{o.name}}</div> </li> </ul> </div> <!-- Podcasts --> <div id="PodcastContainer" class="leftsubsection" ng-show="showPodcast"> <ul class="simplelist mainlist noselect"> <li class="index" id="auto">Podcasts</li> <li class="item" ng-repeat="o in podcasts" ng-click="getPodcast('display', o.id)" ng-class="{ 'selected': o.id == selectedPodcast }"> <div class="itemactions"> <a class="add" href="" title="Add To Play Queue" ng-click="getPodcast('add', o.id)" stop-event="click"></a> <a class="play" href="" title="Play" ng-click="getPodcast('play', o.id)" stop-event="click"></a> </div> <div class="title" title="{{o.description}}">{{o.title}}</div> </li> </ul> </div> <div class="colspacer"></div> </div> <div id="submenu_AZIndex" class="submenu shadow" style="display: none"> <ul> <li ng-repeat="o in index"><a href="" ng-click="scrollToIndexName(o.name)">{{o.name}}</a></li> <li><a href="" class="close" ng-click="scrollToIndexName('AZIndex')">[Top]</a></li> <li><a href="" class="close" ng-click="toggleAZ()">[Close]</a></li> </ul> </div> </div> <div class="clear"></div> </div> <!-- End: Library Tab -->
Zerion Mini Shell 1.0