51 lines
No EOL
2.1 KiB
Text
51 lines
No EOL
2.1 KiB
Text
<div id="app-content" @scroll.passive="setContentScrollPos" :scrollpos="chrome.contentScrollPosY" scrollaxis="y" :style="{'overflow': (chrome.contentAreaScrolling ? '' : 'hidden')}">
|
|
<div id="navigation-bar" v-if="getThemeDirective('appNavigation') == 'seperate'">
|
|
<button class="nav-item" @click="navigateBack()">
|
|
<%- include('../svg/chevron-left.svg') %>
|
|
</button>
|
|
<button class="nav-item" @click="navigateForward()">
|
|
<%- include('../svg/chevron-right.svg') %>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Include App Routes -->
|
|
<% for(var i=0; i < Object.keys(env.appRoutes).length ; i++) {%>
|
|
<transition
|
|
<% if(env.appRoutes[i].onEnter) {
|
|
%>
|
|
v-on:enter="<%- env.appRoutes[i].onEnter %>"
|
|
<%
|
|
}
|
|
%>
|
|
:name="chrome.desiredPageTransition">
|
|
<template
|
|
v-if="<%- env.appRoutes[i].condition %>">
|
|
<%- env.appRoutes[i].component %>
|
|
</template>
|
|
</transition>
|
|
<% } %>
|
|
|
|
<transition v-on:enter="getRadioStations()" :name="chrome.desiredPageTransition">
|
|
<template v-if="page == 'radio'" @created="console.log('radio')">
|
|
<div class="content-inner">
|
|
<h1 class="header-text">{{$root.getLz('term.radio')}}</h1>
|
|
<h3>{{$root.getLz('term.recentStations')}}</h3>
|
|
<mediaitem-square :item="item" v-for="item in radio.personal"></mediaitem-square>
|
|
</div>
|
|
</template>
|
|
</transition>
|
|
<!-- Library - Recently Added -->
|
|
<transition :name="chrome.desiredPageTransition" v-on:enter="getLibraryAlbumsFull(null, 0); searchLibraryAlbums(0);">
|
|
<%- include('../pages/library-recentlyadded') %>');
|
|
</transition>
|
|
<!-- Library - Made For You -->
|
|
<transition :name="chrome.desiredPageTransition" v-on:enter="getMadeForYou()">
|
|
<template v-if="page == 'library-madeforyou'">
|
|
<%- include('../pages/madeforyou') %>');
|
|
%>
|
|
</template>
|
|
</transition>
|
|
<!-- Library - Artists-->
|
|
|
|
|
|
</div> |