added apple account settings

src/renderer/views/components/mediaitem-square.ejs

@@ -85,8 +85,6 @@
 
                 var luma = 0.2126 * r + 0.7152 * g + 0.0722 * b; // per ITU-R BT.709
 
-                console.log(color)
-                console.log(luma)
                 if (luma > 140) {
                     return "#aaaaaa"
                 }else{

src/renderer/views/main.ejs

@@ -235,6 +235,9 @@
                                         @click="modals.spatialProperties = true">
                                     Spatialized Audio Settings
                                 </button>
+                                <button class="usermenu-item" @click="appRoute('apple-account-settings')">
+                                    Account Settings
+                                </button>
                                 <button class="usermenu-item" @click="appRoute('about')">
                                     About
                                 </button>
@@ -329,6 +332,12 @@
                         <button class="nav-item"
                                 @click="navigateForward()"><%- include('svg/chevron-right.svg') %></button>
                     </div>
+                    <!-- Apple Setings Page -->
+                    <transition name="wpfade">
+                        <template v-if="page == 'apple-account-settings'">
+                            <apple-account-settings></apple-account-settings>
+                        </template>
+                    </transition>
                     <!-- About -->
                     <transition name="wpfade">
                         <template v-if="page == 'about'">
@@ -584,6 +593,8 @@
     </div>
 </div>
 
+<!-- Apple Settings Page -->
+<%- include('pages/apple-account-settings') %>
 <!-- Library - Songs -->
 <%- include('pages/library-songs') %>
 

src/renderer/views/pages/apple-account-settings.ejs

@@ -0,0 +1,16 @@
+<script type="text/x-template" id="apple-account-settings">
+    <div style="display:flex;width:100%;height:100%;padding-top: var(--navigationBarHeight);position:absolute;top:0;left:0;">
+        <webview id="foo" src="https://music.apple.com/includes/commerce/account/settings?product=music&isFullscreen=true&isModal=false" style="display:inline-flex; width:100%;"></webview>
+    </div>
+</script>
+<script>
+    Vue.component('apple-account-settings', {
+        template: '#apple-account-settings',
+        mounted() {
+
+        },
+        methods: {
+
+        }
+    });
+</script>