mirror of
https://github.com/Poniverse/Pony.fm.git
synced 2024-11-26 23:07:59 +01:00
110 lines
No EOL
3.1 KiB
PHP
110 lines
No EOL
3.1 KiB
PHP
@extends('shared._layout')
|
|
|
|
@section('content')
|
|
|
|
<div id="fb-root"></div>
|
|
|
|
<script>
|
|
window.fbAsyncInit = function() {
|
|
FB.init({
|
|
appId : '186765381447538',
|
|
status: true,
|
|
cookie: true,
|
|
xfbml: true
|
|
});
|
|
};
|
|
|
|
(function(d, s, id){
|
|
var js, fjs = d.getElementsByTagName(s)[0];
|
|
if (d.getElementById(id)) {return;}
|
|
js = d.createElement(s); js.id = id;
|
|
js.src = "//connect.facebook.net/en_US/all.js";
|
|
fjs.parentNode.insertBefore(js, fjs);
|
|
}(document, 'script', 'facebook-jssdk'));
|
|
</script>
|
|
|
|
<header>
|
|
<a href="/">Pony.fm</a>
|
|
<div class="now-playing">
|
|
@if (Auth::check())
|
|
<div class="user-details dropdown">
|
|
<a class="avatar dropdown-toggle" href="#">
|
|
<img src="{{Auth::user()->getAvatarUrl(\Entities\Image::THUMBNAIL)}}" />
|
|
<span><i class="icon-chevron-down"></i></span>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="{{Auth::user()->url}}">Your Profile</a></li>
|
|
<li><a href="#" pfm-eat-click ng-click="logout()">Logout</a></li>
|
|
</ul>
|
|
</div>
|
|
@endif
|
|
<pfm-player></pfm-player>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="site-body">
|
|
<ul class="sidebar" ng-controller="sidebar">
|
|
@if (Auth::check())
|
|
<li ng-class="{selected: stateIncludes('home')}"><a href="/">Dashboard <i class="icon-home"></i></a></li>
|
|
@else
|
|
<li ng-class="{selected: stateIncludes('home')}"><a href="/">Home <i class="icon-home"></i></a></li>
|
|
@endif
|
|
<li ng-class="{selected: (stateIncludes('content') && !isPinnedPlaylistSelected)}">
|
|
<a href="/tracks">Discover <i class="icon-music"></i></a>
|
|
</li>
|
|
|
|
@if (Auth::check())
|
|
<li ng-class="{selected: stateIncludes('account')}"><a href="/account/tracks">Account <i class="icon-user"></i></a></li>
|
|
<li ng-class="{selected: stateIncludes('favourites')}"><a href="/account/favourites/tracks">Favourites <i class="icon-star"></i></a></li>
|
|
@endif
|
|
|
|
<li ng-class="{selected: isActive('/about')}"><a href="/about">About <i class="icon-info"></i></a></li>
|
|
|
|
@if (Auth::check())
|
|
<li class="uploader" ng-class="{selected: stateIncludes('uploader')}">
|
|
<a href="/account/uploader">Upload Music <i class="icon-upload-alt"></i></a>
|
|
</li>
|
|
<li>
|
|
<h3>
|
|
<a href="#" ng-click="createPlaylist()" pfm-eat-click title="Create Playlist"><i class="icon-plus"></i></a>
|
|
Playlists
|
|
</h3>
|
|
</li>
|
|
<li class="none" ng-show="!playlists.length"><span>no pinned playlists</span></li>
|
|
<li class="dropdown" ng-repeat="playlist in playlists" ng-cloak ng-class="{selected: stateIncludes('content.playlist') && $state.params.id == playlist.id}">
|
|
<a href="{{Helpers::angular('playlist.url')}}" ng-bind="playlist.title"></a>
|
|
</li>
|
|
@endif
|
|
</ul>
|
|
<ui-view class="site-content">
|
|
@yield('app_content')
|
|
</ui-view>
|
|
</div>
|
|
|
|
@endsection
|
|
|
|
@section('styles')
|
|
{{ Assets::styleIncludes() }}
|
|
@endsection
|
|
|
|
@section('scripts')
|
|
|
|
<script>
|
|
window.pfm = {
|
|
token: "{{Session::token()}}",
|
|
auth: {
|
|
@if (Auth::check())
|
|
isLogged: true,
|
|
user: {{Auth::user()->toJson()}}
|
|
@else
|
|
isLogged: false
|
|
@endif
|
|
}
|
|
};
|
|
</script>
|
|
|
|
{{ Assets::scriptIncludes() }}
|
|
|
|
<script src="http://platform.tumblr.com/v1/share.js"></script>
|
|
|
|
@endsection |