%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /data/www_bck/varak.cloud_bck/jamstash.varak.cloud/app/subsonic/
Upload File :
Create Path :
Current File : //data/www_bck/varak.cloud_bck/jamstash.varak.cloud/app/subsonic/subsonic.html

<!-- 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.png" /></a>
            <a href="" class="button" id="action_RescanLibrary" title="Rescan Library" ng-click="rescanLibrary()"><img class="pad" src="images/loop_alt1_gd_12x9.png" /></a>
            <a href="" class="button" id="action_ToggleArtists" ng-click="toggleArtists()" title="Toggle Artists"><img src="images/arrow_right_gl_8x8.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.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>
                |&nbsp;
            </div>
            <a href="" class="button" id="action_PlayAlbum" title="Play Album" ng-click="playAll()"><img src="images/play_gl_6x8.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>
                    </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.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.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</option>
                </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"
                            >&lsaquo;</a>
                            <a
                                href=""
                                class="nextprev hover"
                                title="Next"
                                ng-click="getAlbumListBy(id, 'next')"
                                stop-event="click"
                            >&rsaquo;</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]</option>
                    </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.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