mirror of
https://github.com/Poniverse/Pony.fm.git
synced 2024-11-26 14:58:00 +01:00
175 lines
7.3 KiB
PHP
175 lines
7.3 KiB
PHP
{{--
|
|
Pony.fm - A community for pony fan music.
|
|
Copyright (C) 2015 Peter Deltchev
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU Affero General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU Affero General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Affero General Public License
|
|
along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
--}}
|
|
|
|
@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>
|
|
<div class="mobile-header">
|
|
<div class="burger-wrapper" ng-click="menuToggle()">
|
|
<div class="burger">
|
|
<div class="bun-top"></div>
|
|
<div class="meat"></div>
|
|
<div class="bun-bottom"></div>
|
|
</div>
|
|
</div>
|
|
<a href="/" class="logo"><img src="/images/ponyfm-logo-white.svg"></a>
|
|
</div>
|
|
<div class="now-playing">
|
|
@if (Auth::check())
|
|
<div class="user-details dropdown">
|
|
<a class="avatar dropdown-toggle" href="#">
|
|
<img src="{{Auth::user()->getAvatarUrl(\Poniverse\Ponyfm\Models\Image::THUMBNAIL)}}" />
|
|
<span><i class="fa fa-chevron-down"></i></span>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li ui-sref-active="active"><a ui-sref="content.artist.profile({slug: auth.user.slug})">Your Profile</a></li>
|
|
<li ui-sref-active="active"><a ui-sref="content.artist.favourites({slug: auth.user.slug})">Favourites</a></li>
|
|
<li ui-sref-active="active"><a ui-sref="content.artist.account.settings({slug: auth.user.slug})">Account</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" ng-class="{'active': menuActive}">
|
|
<a href="/">
|
|
<img src="/images/ponyfm-logo-white.svg" class="logo">
|
|
</a>
|
|
<li><pfm-search class="hidden-xs"></pfm-search></li>
|
|
<li ng-class="{selected: stateIncludes('content.tracks') || stateIncludes('content.track')}"><a href="/tracks">Tracks</a></li>
|
|
<li ng-class="{selected: stateIncludes('content.albums') || stateIncludes('content.album')}"><a href="/albums">Albums</a></li>
|
|
<li ng-class="{selected: stateIncludes('content.playlists') || stateIncludes('content.playlist')}"><a href="/playlists">Playlists</a></li>
|
|
<li ng-class="{selected: stateIncludes('content.artists') || stateIncludes('content.artist')}"><a href="/artists">Artists</a></li>
|
|
|
|
|
|
<li ng-class="{selected: stateIncludes('pages')}"><a href="/about">About / FAQ</a></li>
|
|
<li><a href="https://mlpforums.com/forum/62-ponyfm/" title="Pony.fm Forum" target="_blank">Forum</a></li>
|
|
|
|
@if (Auth::check())
|
|
<li class="uploader" ui-sref-active="selected">
|
|
<a ui-sref="content.artist.account.uploader({slug: auth.user.slug})">Upload Music</a>
|
|
</li>
|
|
|
|
@can('access-admin-area')
|
|
<li ng-class="{selected: stateIncludes('admin')}">
|
|
<a href="/admin/genres">Admin Area</a>
|
|
</li>
|
|
@endcan
|
|
|
|
<li>
|
|
<h3>
|
|
<a href="#" ng-click="createPlaylist()" pfm-eat-click title="Create Playlist"><i class="fa fa-plus"></i></a>
|
|
My Playlists
|
|
</h3>
|
|
</li>
|
|
<li class="none" ng-show="!playlists.length"><span>no pinned playlists</span></li>
|
|
<li class="dropdown" ng-repeat="playlist in playlists track by playlist.id" 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>
|
|
@else
|
|
<li><a href="/login" target="_self">Login</a></li>
|
|
<li><a href="/register" target="_self">Register</a></li>
|
|
@endif
|
|
<li class="x-attribution">
|
|
<a href="#" ng-click="showCredits()" pfm-eat-click title="Pony.fm project credits">
|
|
@if(config('ponyfm.use_powered_by_footer'))
|
|
<span>Powered by</span>
|
|
<img src="/images/ponyfm-logo-white.svg" alt="Pony.fm logo" title="Pony.fm"/>
|
|
<span>We're open-source!</span>
|
|
@else
|
|
<span>A community by</span>
|
|
<img src="/images/poniverse.svg" alt="Poniverse logo" title="Poniverse"/>
|
|
<span>We're open-source!</span>
|
|
@endif
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<ui-view class="site-content">
|
|
@yield('app_content')
|
|
</ui-view>
|
|
</div>
|
|
|
|
@endsection
|
|
|
|
@section('styles')
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Josefin+Sans" />
|
|
<link rel="stylesheet" href="/styles/loader.css" />
|
|
{!! Assets::styleIncludes() !!}
|
|
@endsection
|
|
|
|
@section('scripts')
|
|
<script>
|
|
window.pfm = {
|
|
auth: {
|
|
@if (Auth::check())
|
|
isLogged: true,
|
|
user: {!! Auth::user()->toJson() !!}
|
|
@else
|
|
isLogged: false
|
|
@endif
|
|
},
|
|
environment: "{{ App::environment() }}"
|
|
};
|
|
</script>
|
|
|
|
@if(config('ponyfm.google_analytics_id'))
|
|
<script>
|
|
{{-- Google Analytics --}}
|
|
var _gaq = _gaq || [];
|
|
_gaq.push(['_setAccount', '{{ config('ponyfm.google_analytics_id') }}']);
|
|
_gaq.push(['_setDomainName', 'pony.fm']);
|
|
|
|
(function() {
|
|
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
|
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
|
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
|
})();
|
|
</script>
|
|
@endif
|
|
|
|
{!! Assets::scriptIncludes('app') !!}
|
|
|
|
@yield('app_scripts')
|
|
|
|
@endsection
|