okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

moved app.js

Browse source
This commit is contained in:
booploops 2022-03-03 02:06:38 -08:00
parent ffc1a1194b
commit 009ad55b4c
1 changed files with 52 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

106
src/renderer/views/main.ejs
View file

@ -2,23 +2,23 @@
<html lang="en"> <html lang="en">
<head> <head>
<link rel="preconnect" href="https://amp-api.music.apple.com/" crossorigin/> <link rel="preconnect" href="https://amp-api.music.apple.com/" crossorigin />
<link rel="preconnect" href="https://api.music.apple.com/" crossorigin/> <link rel="preconnect" href="https://api.music.apple.com/" crossorigin />
<link rel="preconnect" href="https://is1-ssl.mzstatic.com/" crossorigin/> <link rel="preconnect" href="https://is1-ssl.mzstatic.com/" crossorigin />
<link rel="preconnect" href="https://is2-ssl.mzstatic.com/" crossorigin/> <link rel="preconnect" href="https://is2-ssl.mzstatic.com/" crossorigin />
<link rel="preconnect" href="https://is3-ssl.mzstatic.com/" crossorigin/> <link rel="preconnect" href="https://is3-ssl.mzstatic.com/" crossorigin />
<link rel="preconnect" href="https://is4-ssl.mzstatic.com/" crossorigin/> <link rel="preconnect" href="https://is4-ssl.mzstatic.com/" crossorigin />
<link rel="preconnect" href="https://is5-ssl.mzstatic.com/" crossorigin/> <link rel="preconnect" href="https://is5-ssl.mzstatic.com/" crossorigin />
<link rel="preconnect" href="https://play.itunes.apple.com/" crossorigin/> <link rel="preconnect" href="https://play.itunes.apple.com/" crossorigin />
<link rel="preconnect" href="https://aod-ssl.itunes.apple.com/" crossorigin/> <link rel="preconnect" href="https://aod-ssl.itunes.apple.com/" crossorigin />
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">
<title>Cider</title> <title>Cider</title>
<link rel="stylesheet/less" type="text/css" href="style.less"/> <link rel="stylesheet/less" type="text/css" href="style.less" />
<link rel="stylesheet/less" type="text/css" id="userTheme" href="themes/default.less"/> <link rel="stylesheet/less" type="text/css" id="userTheme" href="themes/default.less" />
<script src="./lib/less.js"></script> <script src="./lib/less.js"></script>
<script src="<%- (env.dev ? "./lib/vue.js" : "./lib/vue.dev.js") %>"></script> <script src="<%- (env.dev ? " ./lib/vue.js" : "./lib/vue.dev.js" ) %>"></script>
<script src="./lib/vue-horizontal.js"></script> <script src="./lib/vue-horizontal.js"></script>
<script src="./lib/smoothscroll.js"></script> <script src="./lib/smoothscroll.js"></script>
<script src="./lib/vuex.min.js"></script> <script src="./lib/vuex.min.js"></script>
@ -37,8 +37,9 @@
<script src="./lib/showdown.min.js"></script> <script src="./lib/showdown.min.js"></script>
<script src="./lib/velocity.min.js"></script> <script src="./lib/velocity.min.js"></script>
<script src="./lib/fast-plural-rules.js"></script> <script src="./lib/fast-plural-rules.js"></script>
<script <script src="./lib/resonance-audio.min.js"></script>
src="./lib/resonance-audio.min.js"></script> <script type="module" src="./main/app.js"></script>
<style> <style>
#LOADER { #LOADER {
position: fixed; position: fixed;
@ -52,58 +53,55 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
#LOADER > svg { #LOADER>svg {
width: 128px; width: 128px;
} }
</style> </style>
</head> </head>
<body oncontextmenu="return false;" loading="1" platform="<%= env.platform %>"> <body oncontextmenu="return false;" loading="1" platform="<%= env.platform %>">
<div id="LOADER"> <div id="LOADER">
<%- include("../assets/cider-round.svg") %> <%- include("../assets/cider-round.svg") %>
</div> </div>
<div id="app" :class="getAppClasses()"> <div id="app" :class="getAppClasses()">
<transition name="fsModeSwitch"> <transition name="fsModeSwitch">
<div id="app-main" v-show="appMode == 'player'"> <div id="app-main" v-show="appMode == 'player'">
<%- include('app/chrome-top'); %> <%- include('app/chrome-top'); %>
<%- include('app/app-navigation'); %> <%- include('app/app-navigation'); %>
<%- include('app/chrome-bottom'); %> <%- include('app/chrome-bottom'); %>
</div> </div>
</transition> </transition>
<transition name="fsModeSwitch"> <transition name="fsModeSwitch">
<div class="fullscreen-view-container" v-if="appMode == 'fullscreen'"> <div class="fullscreen-view-container" v-if="appMode == 'fullscreen'">
<fullscreen-view :image="currentArtUrlRaw" :time="lyriccurrenttime" <fullscreen-view :image="currentArtUrlRaw" :time="lyriccurrenttime" :lyrics="lyrics"
:lyrics="lyrics" :richlyrics="richlyrics"></fullscreen-view> :richlyrics="richlyrics"></fullscreen-view>
</div> </div>
</transition> </transition>
<transition name="fsModeSwitch"> <transition name="fsModeSwitch">
<div class="fullscreen-view-container" v-if="appMode == 'mini'"> <div class="fullscreen-view-container" v-if="appMode == 'mini'">
<mini-view :image="currentArtUrlRaw" :time="lyriccurrenttime" <mini-view :image="currentArtUrlRaw" :time="lyriccurrenttime" :lyrics="lyrics" :richlyrics="richlyrics">
:lyrics="lyrics" :richlyrics="richlyrics"></mini-view> </mini-view>
</div> </div>
</transition> </transition>
<%- include('app/panels'); %> <%- include('app/panels'); %>
<div class="cursor" v-if="chrome.showCursor"></div> <div class="cursor" v-if="chrome.showCursor"></div>
</div> </div>
<% for(var i=0; i < Object.keys(env.components).length ; i++) {%> <% for(var i=0; i < Object.keys(env.components).length ; i++) {%>
<%- include(env.components[i]); %> <%- include(env.components[i]); %>
<% } %> <% } %>
<script type="module" src="./main/app.js"></script> <script async src="https://js-cdn.music.apple.com/musickit/v2/amp/musickit.js"></script>
<script async src="https://js-cdn.music.apple.com/musickit/v2/amp/musickit.js"></script> <script src="index.js?v=1"></script>
<script src="index.js?v=1"></script>
<script type="text/x-template" <script type="text/x-template" id="am-musiccovershelf">
id="am-musiccovershelf">
<h1>{{ component.attributes.title.stringForDisplay }}</h1> <h1>{{ component.attributes.title.stringForDisplay }}</h1>
</script> </script>
<!-- Sidebar Item --> <!-- Sidebar Item -->
<script type="text/x-template" <script type="text/x-template" id="sidebar-library-item">
id="sidebar-library-item">
<button class="app-sidebar-item" <button class="app-sidebar-item"
:class="$parent.getSidebarItemClass(page)" @click="$root.appRoute(page)"> :class="$parent.getSidebarItemClass(page)" @click="$root.appRoute(page)">
<div class="sidebar-icon" v-html="svgIconData" v-if="svgIconData != ''"></div> <div class="sidebar-icon" v-html="svgIconData" v-if="svgIconData != ''"></div>
@ -113,4 +111,4 @@
</body> </body>
</html> </html>