2.0 - Updating app desktop version

quead · quead · commit f3b9ee73f568 · 2017-09-27T17:31:15.000+03:00
diff --git a/app/package.json b/app/package.json
@@ -3,7 +3,7 @@
   "name": "yt-app",
   "description": "YouTube Player",
   "author": "Alex Olari <queadx@gmail.com>",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "keywords": [
     "youtube app",
     "node-webkit"
diff --git a/dist/assets/css/main.css b/dist/assets/css/main.css
@@ -113,7 +113,7 @@ a:active {
 #app-container {
   position: relative;
   height: 100%;
-  background: linear-gradient(120deg, rgba(0, 243, 255, 0.1) 0%, var(--c-base) 30%);
+  background: linear-gradient(120deg, rgba(255, 0, 0, 0.1) 0%, var(--c-base) 30%);
 }
 
 .btn {
@@ -230,7 +230,7 @@ a:active {
 .col-2 {
   width: calc(40% - var(--menu-diff));
   left: calc(60% - var(--menu-diff));
-  background: linear-gradient(-90deg, rgba(0, 243, 255, 0.05) 0%, #1d1d25 30%);
+  background: linear-gradient(-90deg, rgba(255, 0, 0, 0.05) 0%, #1d1d25 30%);
 }
 
 .col-3 {
@@ -1526,15 +1526,12 @@ iframe {
 #search-video-list {
   z-index: 10;
   max-height: 430px;
-  background-color: var(--c-black);
-}
-
-#search-video-list .video-item {
-  background-color: var(--c-black);
+  background-color: rgba(0, 0, 0, 0.9);
+  box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.5);
 }
 
 #search-video-list .video-item-settings {
-  background-color: rgba(41, 41, 53, 0.5);
+  background-color: rgba(41, 41, 53, 0.6);
 }
 
 #search-video-list::-webkit-scrollbar {
@@ -1743,10 +1740,6 @@ iframe {
   transform: scale(1.1);
 }
 
-.video-item.active {
-  background-color: var(--c-gray);
-}
-
 .video-item.active .video-item-hint {
   display: inline-block;
 }
diff --git a/dist/index.html b/dist/index.html
@@ -9,7 +9,7 @@
         <link rel="stylesheet" href="assets/css/main.css">
         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />        
     </head>
-    <body class="">
+    <body class="application app-win">
         <div class="update-bar">
             <div id="output">Checking for updates...</div>
             <span class="update-loading">
@@ -62,7 +62,6 @@
                             document.getElementById('update-buttons').removeChild(children[0]);                                
                             document.getElementById('update-buttons').removeChild(children[0]);
                         }
-                        return;
                     } else {
                         output.innerHTML = `Update available...`;
                         updateBar.add('active', 'update-av'); 
diff --git a/dist/inline.bundle.js.map b/dist/inline.bundle.js.map
diff --git a/dist/main.bundle.js b/dist/main.bundle.js
diff --git a/dist/main.bundle.js.map b/dist/main.bundle.js.map
diff --git a/dist/package.json b/dist/package.json
@@ -3,7 +3,7 @@
   "name": "yt-app",
   "description": "YouTube Player",
   "author": "Alex Olari <queadx@gmail.com>",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "keywords": [
     "youtube app",
     "node-webkit"
diff --git a/dist/vendor.bundle.js b/dist/vendor.bundle.js
@@ -65,7 +65,7 @@ var YoutubePlayerService = (function () {
         var /** @type {?} */ doc = YoutubePlayerService.win.document;
         var /** @type {?} */ playerApiScript = doc.createElement("script");
         playerApiScript.type = "text/javascript";
-        playerApiScript.src = options.protocol + "://www.youtube.com/iframe_api";
+        playerApiScript.src = "https://www.youtube.com/iframe_api";
         doc.body.appendChild(playerApiScript);
     };
     /**
diff --git a/scss/_global.scss b/scss/_global.scss
@@ -42,5 +42,5 @@ a {
 #app-container {
     position: relative;
     height: 100%;
-    background: linear-gradient(120deg, rgba(0, 243, 255, 0.1) 0%, var(--c-base) 30%);
+    background: linear-gradient(120deg, rgba(255, 0, 0, 0.1) 0%, var(--c-base) 30%);
 }
diff --git a/scss/_grid.scss b/scss/_grid.scss
@@ -20,7 +20,7 @@
     &-2 {
         width: calc(40% - var(--menu-diff));
         left: calc(60% - var(--menu-diff));
-        background: linear-gradient(-90deg, rgba(0, 243, 255, 0.05) 0%, #1d1d25 30%);
+        background: linear-gradient(-90deg, rgba(255, 0, 0, 0.05) 0%, #1d1d25 30%);
     }
     &-3 {
         width: calc(60% - var(--menu-diff));
diff --git a/scss/_videos.scss b/scss/_videos.scss
@@ -41,11 +41,11 @@ iframe {
 #search-video-list {
     z-index: 10;
     max-height: 430px;
-    background-color: var(--c-black);
+    background-color: rgba(0, 0, 0, 0.9);
+    box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.5);
     .video-item {
-        background-color: var(--c-black);
         &-settings {
-            background-color: rgba(41, 41, 53, 0.5);
+            background-color: rgba(41, 41, 53, 0.6);
         }
     }
     &::-webkit-scrollbar {
@@ -185,9 +185,6 @@ iframe {
                 color: var(--c-black);
                 background-color: var(--c-soft-white);
             } 
-        }
-        .video-item-share {
-
         }
         .video-item-play {
             .fa {
@@ -235,7 +232,6 @@ iframe {
         }
     }
     &.active {
-        background-color: var(--c-gray);
         .video-item-hint {
             display: inline-block;
         }
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -364,9 +364,9 @@ export class AppComponent implements OnInit {
   playVideo(data: any) {
     if (data.id !== this.currentVideo.id || this.currentState === -1) {
       if (data.id.videoId !== 'undefined') {
-        this.currentVideo.id = data.id.videoId;
-      } else {
         this.currentVideo.id = data.id;
+      } else {
+        this.currentVideo.id = data.id.videoId;
       }
       this.currentVideo.title = data.snippet.title;
       this._shared.addHistoryVideo(data);
diff --git a/src/app/components/youtube-history.component.ts b/src/app/components/youtube-history.component.ts
@@ -40,15 +40,15 @@ export class HistoryComponent implements OnInit {
   }
 
   addPlaylistItem(i: number, list: number) {
-    this._app.addPlaylistItem(i, list);
-}
+      this._app.addPlaylistItem(i, list);
+  }
 
   onCopyVideoItemLink(i: number, list: number) {
     this._app.onCopyVideoItemLink(i, list);
   }
 
   onClickHistory(event: Event, i: number) {
-    this._app.playVideo(this.historyVideos[i]);
+    this._app.getVideo(this.historyVideos[i]);
   }
 
 }
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
@@ -113,7 +113,7 @@ a:active {
 #app-container {
   position: relative;
   height: 100%;
-  background: linear-gradient(120deg, rgba(0, 243, 255, 0.1) 0%, var(--c-base) 30%);
+  background: linear-gradient(120deg, rgba(255, 0, 0, 0.1) 0%, var(--c-base) 30%);
 }
 
 .btn {
@@ -230,7 +230,7 @@ a:active {
 .col-2 {
   width: calc(40% - var(--menu-diff));
   left: calc(60% - var(--menu-diff));
-  background: linear-gradient(-90deg, rgba(0, 243, 255, 0.05) 0%, #1d1d25 30%);
+  background: linear-gradient(-90deg, rgba(255, 0, 0, 0.05) 0%, #1d1d25 30%);
 }
 
 .col-3 {
@@ -1526,15 +1526,12 @@ iframe {
 #search-video-list {
   z-index: 10;
   max-height: 430px;
-  background-color: var(--c-black);
-}
-
-#search-video-list .video-item {
-  background-color: var(--c-black);
+  background-color: rgba(0, 0, 0, 0.9);
+  box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.5);
 }
 
 #search-video-list .video-item-settings {
-  background-color: rgba(41, 41, 53, 0.5);
+  background-color: rgba(41, 41, 53, 0.6);
 }
 
 #search-video-list::-webkit-scrollbar {
@@ -1743,10 +1740,6 @@ iframe {
   transform: scale(1.1);
 }
 
-.video-item.active {
-  background-color: var(--c-gray);
-}
-
 .video-item.active .video-item-hint {
   display: inline-block;
 }
diff --git a/src/index.html b/src/index.html

Original file line number	Diff line number	Diff line change
`@@ -42,5 +42,5 @@ a {`
`42`	`42`	`#app-container {`
`43`	`43`	`position: relative;`
`44`	`44`	`height: 100%;`
`45`		`- background: linear-gradient(120deg, rgba(0, 243, 255, 0.1) 0%, var(--c-base) 30%);`
	`45`	`+ background: linear-gradient(120deg, rgba(255, 0, 0, 0.1) 0%, var(--c-base) 30%);`
`46`	`46`	`}`
Original file line number	Diff line number	Diff line change
`@@ -20,7 +20,7 @@`
`20`	`20`	`&-2 {`
`21`	`21`	`width: calc(40% - var(--menu-diff));`
`22`	`22`	`left: calc(60% - var(--menu-diff));`
`23`		`- background: linear-gradient(-90deg, rgba(0, 243, 255, 0.05) 0%, #1d1d25 30%);`
	`23`	`+ background: linear-gradient(-90deg, rgba(255, 0, 0, 0.05) 0%, #1d1d25 30%);`
`24`	`24`	`}`
`25`	`25`	`&-3 {`
`26`	`26`	`width: calc(60% - var(--menu-diff));`