From ebc30f9cbf775f492db24070f4c55c680a29cf6d Mon Sep 17 00:00:00 2001
From: Noisyboy-9 <sina.shariati@yahoo.com>
Date: Fri, 16 Aug 2019 23:24:54 +0430
Subject: [PATCH 1/4] fixed problem in duplicated keys in the hard coded
 examples for the carousels

---
 src/renderer/components/Carousel.vue |   2 +-
 src/renderer/layouts/HomePage.vue    | 145 +++++++++++++++++++++++----
 2 files changed, 124 insertions(+), 23 deletions(-)

diff --git a/src/renderer/components/Carousel.vue b/src/renderer/components/Carousel.vue
index 20e7139..750beaa 100644
--- a/src/renderer/components/Carousel.vue
+++ b/src/renderer/components/Carousel.vue
@@ -6,7 +6,7 @@
     </div>
 
     <div class="navigation__container">
-      <span class="navigation__left" @click="carouselBackward">
+      <span class="navigation__left" @scroll="carouselBackward" @click="carouselBackward">
         <svg class="navigation__icon" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129">
             <g>
                 <path d="m88.6,121.3c0.8,0.8 1.8,1.2 2.9,1.2s2.1-0.4 2.9-1.2c1.6-1.6 1.6-4.2 0-5.8l-51-51 51-51c1.6-1.6 1.6-4.2 0-5.8s-4.2-1.6-5.8,0l-54,53.9c-1.6,1.6-1.6,4.2 0,5.8l54,53.9z"/>
diff --git a/src/renderer/layouts/HomePage.vue b/src/renderer/layouts/HomePage.vue
index c718324..f217ba6 100644
--- a/src/renderer/layouts/HomePage.vue
+++ b/src/renderer/layouts/HomePage.vue
@@ -154,91 +154,91 @@ export default {
           artwork: '/static/demo/clever.jpg'
         },
         {
-          id: 0,
+          id: 16,
           title: 'Habiba',
           artist: 'Oldasinus',
           artwork: '/static/demo/habiba.jpg'
         },
         {
-          id: 1,
+          id: 17,
           title: 'Starboy',
           artist: 'The Weeknd',
           artwork: '/static/demo/starboy.png'
         },
         {
-          id: 2,
+          id: 18,
           title: 'Tilte',
           artist: 'Juice WRLD',
           artwork: '/static/demo/clever.jpg'
         },
         {
-          id: 3,
+          id: 19,
           title: 'Habiba',
           artist: 'Oldasinus',
           artwork: '/static/demo/habiba.jpg'
         },
         {
-          id: 4,
+          id: 20,
           title: 'Starboy',
           artist: 'The Weeknd',
           artwork: '/static/demo/starboy.png'
         },
         {
-          id: 5,
+          id: 21,
           title: 'Tilte',
           artist: 'Juice WRLD',
           artwork: '/static/demo/clever.jpg'
         },
         {
-          id: 6,
+          id: 22,
           title: 'Habiba',
           artist: 'Oldasinus',
           artwork: '/static/demo/habiba.jpg'
         },
         {
-          id: 7,
+          id: 23,
           title: 'Starboy',
           artist: 'The Weeknd',
           artwork: '/static/demo/starboy.png'
         },
         {
-          id: 8,
+          id: 24,
           title: 'Tilte',
           artist: 'Juice WRLD',
           artwork: '/static/demo/clever.jpg'
         },
         {
-          id: 9,
+          id: 25,
           title: 'Habiba',
           artist: 'Oldasinus',
           artwork: '/static/demo/habiba.jpg'
         },
         {
-          id: 10,
+          id: 26,
           title: 'Starboy',
           artist: 'The Weeknd',
           artwork: '/static/demo/starboy.png'
         },
         {
-          id: 12,
+          id: 27,
           title: 'Tilte',
           artist: 'Juice WRLD',
           artwork: '/static/demo/clever.jpg'
         },
         {
-          id: 13,
+          id: 28,
           title: 'Habiba',
           artist: 'Oldasinus',
           artwork: '/static/demo/habiba.jpg'
         },
         {
-          id: 14,
+          id: 29,
           title: 'Starboy',
           artist: 'The Weeknd',
           artwork: '/static/demo/starboy.png'
         },
         {
-          id: 15,
+          id: 30,
           title: 'Tilte',
           artist: 'Juice WRLD',
           artwork: '/static/demo/clever.jpg'
@@ -259,13 +259,6 @@ export default {
           duration: '4:30',
           artwork: '/static/demo/starboy.png'
         }
-        // {
-        //   id: 3,
-        //   title: 'Tilte',
-        //   artist: 'Juice WRLD',
-        //   duration: '5:30',
-        //   artwork: '/static/demo/clever.jpg'
-        // }
       ],
 
       recommends: [
@@ -378,6 +371,114 @@ export default {
           title: 'Tilte',
           artist: 'Juice WRLD',
           artwork: '/static/demo/clever.jpg'
+        },
+        {
+          id: 9,
+          title: 'Habiba',
+          artist: 'Oldasinus',
+          artwork: '/static/demo/habiba.jpg'
+        },
+        {
+          id: 10,
+          title: 'Starboy',
+          artist: 'The Weeknd',
+          artwork: '/static/demo/starboy.png'
+        },
+        {
+          id: 11,
+          title: 'Tilte',
+          artist: 'Juice WRLD',
+          artwork: '/static/demo/clever.jpg'
+        },
+        {
+          id: 12,
+          title: 'Habiba',
+          artist: 'Oldasinus',
+          artwork: '/static/demo/habiba.jpg'
+        },
+        {
+          id: 13,
+          title: 'Starboy',
+          artist: 'The Weeknd',
+          artwork: '/static/demo/starboy.png'
+        },
+        {
+          id: 14,
+          title: 'Tilte',
+          artist: 'Juice WRLD',
+          artwork: '/static/demo/clever.jpg'
+        },
+        {
+          id: 15,
+          title: 'Habiba',
+          artist: 'Oldasinus',
+          artwork: '/static/demo/habiba.jpg'
+        },
+        {
+          id: 16,
+          title: 'Starboy',
+          artist: 'The Weeknd',
+          artwork: '/static/demo/starboy.png'
+        },
+        {
+          id: 17,
+          title: 'Tilte',
+          artist: 'Juice WRLD',
+          artwork: '/static/demo/clever.jpg'
+        },
+        {
+          id: 18,
+          title: 'Habiba',
+          artist: 'Oldasinus',
+          artwork: '/static/demo/habiba.jpg'
+        },
+        {
+          id: 19,
+          title: 'Starboy',
+          artist: 'The Weeknd',
+          artwork: '/static/demo/starboy.png'
+        },
+        {
+          id: 20,
+          title: 'Tilte',
+          artist: 'Juice WRLD',
+          artwork: '/static/demo/clever.jpg'
+        },
+        {
+          id: 21,
+          title: 'Habiba',
+          artist: 'Oldasinus',
+          artwork: '/static/demo/habiba.jpg'
+        },
+        {
+          id: 22,
+          title: 'Starboy',
+          artist: 'The Weeknd',
+          artwork: '/static/demo/starboy.png'
+        },
+        {
+          id: 23,
+          title: 'Tilte',
+          artist: 'Juice WRLD',
+          artwork: '/static/demo/clever.jpg'
+        },
+        {
+          id: 24,
+          title: 'Habiba',
+          artist: 'Oldasinus',
+          artwork: '/static/demo/habiba.jpg'
+        },
+        {
+          id: 25,
+          title: 'Starboy',
+          artist: 'The Weeknd',
+          artwork: '/static/demo/starboy.png'
+        },
+        {
+          id: 26,
+          title: 'Tilte',
+          artist: 'Juice WRLD',
+          artwork: '/static/demo/clever.jpg'
         }
       ]
     }

From b0de0eb8b3f1a151ed83389e9c4c362ace55e1e4 Mon Sep 17 00:00:00 2001
From: Nikan Dalvand <nikandalvand@gmail.com>
Date: Sun, 18 Aug 2019 11:03:41 +0430
Subject: [PATCH 2/4] Changed the playerbar animation to opacity for now

---
 src/renderer/layouts/PlayerBar.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/renderer/layouts/PlayerBar.vue b/src/renderer/layouts/PlayerBar.vue
index 1bf8384..739bb1c 100644
--- a/src/renderer/layouts/PlayerBar.vue
+++ b/src/renderer/layouts/PlayerBar.vue
@@ -313,8 +313,12 @@ section.fullscreen
   top: 0
   background-color: white
   z-index: 1400
-  transition: transform 500ms ease-out
-  transform: translate3d(0,+100%,0)
+  transition: opacity 500ms ease
+  //transform: translate3d(0,+100%,0)
+  opacity: 0
+  pointer-events: none
   &.active
-    transform: translate3d(0,0%,0)
+    opacity: 1
+    pointer-events: all
+    //transform: translate3d(0,0%,0)
 </style>

From 48eb6ee08ca65e636eb814f68a7fa13ed424d3fc Mon Sep 17 00:00:00 2001
From: Nikan Dalvand <nikandalvand@gmail.com>
Date: Sun, 18 Aug 2019 11:05:18 +0430
Subject: [PATCH 3/4] Fixed the issue of carousel migration

---
 src/renderer/layouts/MusicRow.vue | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/src/renderer/layouts/MusicRow.vue b/src/renderer/layouts/MusicRow.vue
index 9632656..bf4f858 100644
--- a/src/renderer/layouts/MusicRow.vue
+++ b/src/renderer/layouts/MusicRow.vue
@@ -9,19 +9,12 @@
 
 <script>
 import MusicBox from '../components/MusicBox'
-import Scrollbar from 'smooth-scrollbar'
-import HorizontalScrollPlugin from '../utility/HorizontalScrollPlugin'
 import Carousel from '../components/Carousel'
-Scrollbar.use(HorizontalScrollPlugin)
 
 export default {
   name: 'MusicRow',
   props: ['items', 'title'],
   components: { MusicBox, Carousel },
-  mounted () {
-    let container = this.$el.getElementsByClassName('items')[0]
-    Scrollbar.init(container, { overscrollEffect: 'bounce', continuousScrolling: true, horizontal: true })
-  }
 }
 </script>
 

From 78b2da710cbcee4cf6b0ac04225e62af2173666a Mon Sep 17 00:00:00 2001
From: Nikan Dalvand <nikandalvand@gmail.com>
Date: Sun, 18 Aug 2019 11:06:02 +0430
Subject: [PATCH 4/4] Remove redundent console logs

---
 src/renderer/components/MenuItem.vue     | 1 -
 src/renderer/layouts/DockableSidebar.vue | 1 -
 2 files changed, 2 deletions(-)

diff --git a/src/renderer/components/MenuItem.vue b/src/renderer/components/MenuItem.vue
index adc7a0a..f376306 100644
--- a/src/renderer/components/MenuItem.vue
+++ b/src/renderer/components/MenuItem.vue
@@ -17,7 +17,6 @@ export default {
   props: ['to', 'faded', 'click'],
   computed: {
     onClick () {
-      console.log(this.click)
       return this.click || (() => {})
     }
   }
diff --git a/src/renderer/layouts/DockableSidebar.vue b/src/renderer/layouts/DockableSidebar.vue
index a7be8d0..81d32d2 100644
--- a/src/renderer/layouts/DockableSidebar.vue
+++ b/src/renderer/layouts/DockableSidebar.vue
@@ -150,7 +150,6 @@ export default {
       this.aboutOpen = true
     },
     closeAbout () {
-      console.log('close')
       this.aboutOpen = false
     }
   },