📦 ⬆️ @songhay/player-video-you-tube, issue #54

BryanWilhite · Sep 21, 2019 · 4a5f3be · 4a5f3be
1 parent 55a7798
commit 4a5f3be
Show file tree

Hide file tree

Showing 7 changed files with 65 additions and 14 deletions.
diff --git a/Songhay.Dashboard/Client/package-lock.json b/Songhay.Dashboard/Client/package-lock.json
diff --git a/Songhay.Dashboard/Client/package.json b/Songhay.Dashboard/Client/package.json
@@ -34,7 +34,7 @@
     "@material/dialog": "^1.1.1",
     "@material/typography": "^1.0.0",
     "@songhay/core": "0.0.2",
-    "@songhay/player-video-you-tube": "0.0.3",
+    "@songhay/player-video-you-tube": "0.0.4",
     "aspnet-prerendering": "^3.0.1",
     "core-js": "^2.6.9",
     "lodash": "^4.17.15",

diff --git a/Songhay.Dashboard/Client/src/app/app.module.ts b/Songhay.Dashboard/Client/src/app/app.module.ts
@@ -12,6 +12,8 @@ import { ReactiveFormsModule } from '@angular/forms';
 import { MaterialModule } from './material.module';
 import { RoutingModule } from './routing.module';
 
+import { YOU_TUBE_OPTIONS } from './models/you-tube-options';
+
 import { AmazonDataStore } from './services/amazon-data.store';
 import { DashboardDataStore } from './services/dashboard-data.store';
 import { SocialDataStore } from './services/social-data.store';
@@ -39,7 +41,7 @@ import { TweetedLinksBuilderComponent } from './components/social/tweeted-links-
         MaterialModule,
         ReactiveFormsModule,
         RoutingModule,
-        YouTubeModule
+        YouTubeModule.forRoot(YOU_TUBE_OPTIONS)
     ],
     declarations: [
         AppComponent,
@@ -62,4 +64,4 @@ import { TweetedLinksBuilderComponent } from './components/social/tweeted-links-
     ],
     bootstrap: [AppComponent]
 })
-export class AppModule {}
+export class AppModule { }
diff --git a/Songhay.Dashboard/Client/src/app/components/dashboard/dashboard.component.spec.ts b/Songhay.Dashboard/Client/src/app/components/dashboard/dashboard.component.spec.ts
@@ -1,7 +1,8 @@
+import { of } from 'rxjs';
+
 import { NO_ERRORS_SCHEMA } from '@angular/core';
 
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { YouTubeDataServiceMock } from '@songhay/player-video-you-tube';
 
 import { DashboardDataStore } from 'src/app/services/dashboard-data.store';
 import { YouTubeDataService } from '@songhay/player-video-you-tube';
@@ -13,6 +14,12 @@ describe(DashboardComponent.name, () => {
         DashboardDataStore.name,
         ['loadAppData']
     );
+
+    const ytDataService = {
+        loadChannel: () => {},
+        channelLoaded: of({})
+    };
+
     let component: DashboardComponent;
     let fixture: ComponentFixture<DashboardComponent>;
 
@@ -26,7 +33,7 @@ describe(DashboardComponent.name, () => {
                 },
                 {
                     provide: YouTubeDataService,
-                    useClass: YouTubeDataServiceMock
+                    useValue: ytDataService
                 }
             ],
             schemas: [NO_ERRORS_SCHEMA]

diff --git a/Songhay.Dashboard/Client/src/app/models/you-tube-options.ts b/Songhay.Dashboard/Client/src/app/models/you-tube-options.ts
@@ -0,0 +1,40 @@
+import {
+    YouTubeOptions,
+    YouTubeCssOptionUtility
+} from '@songhay/player-video-you-tube';
+
+export const YOU_TUBE_OPTIONS: YouTubeOptions = {
+    youTubeCssOptions: YouTubeCssOptionUtility
+        .getDefaultOptions()
+        .map(i => {
+            switch (i.variableName) {
+                case '--thumbs-header-link-color':
+                    return {
+                        variableName: i.variableName,
+                        variableValue: '#6eff93'
+                    };
+
+                case '--thumbs-set-header-color':
+                    return {
+                        variableName: i.variableName,
+                        variableValue: '#6eff93'
+                    };
+
+                case '--thumbs-set-header-position':
+                    return {
+                        variableName: i.variableName,
+                        variableValue: 'static'
+                    };
+
+                case '--thumbs-set-padding-top':
+                    return {
+                        variableName: i.variableName,
+                        variableValue: '0'
+                    };
+
+                default:
+                    return i;
+            }
+        }),
+    youTubeSpritesUri: 'assets/svg/sprites.svg'
+};
diff --git a/Songhay.Dashboard/Client/src/app/routing.module.ts b/Songhay.Dashboard/Client/src/app/routing.module.ts
@@ -14,7 +14,7 @@ const routes: Routes = [
     { path: 'dash/tools', component: StudioToolsComponent },
     { path: 'affiliates/amazon/products/images', component: AmazonProductImagesComponent },
     { path: 'social/twitter/builder', component: TweetedLinksBuilderComponent },
-    { path: YouTubeRoutePaths.root + YouTubeRoutePaths.uploads, loadChildren: './you-tube-lib.module#YouTubeLibModule' }
+    { path: `${YouTubeRoutePaths.root}/${YouTubeRoutePaths.uploads}`, loadChildren: './you-tube-lib.module#YouTubeLibModule' }
 ];
 
 @NgModule({

diff --git a/Songhay.Dashboard/Client/src/app/you-tube-lib.module.ts b/Songhay.Dashboard/Client/src/app/you-tube-lib.module.ts
@@ -1,11 +1,13 @@
 import { NgModule } from '@angular/core';
-import {
-    YouTubeModule
-} from '@songhay/player-video-you-tube';
+
+import { YouTubeModule, YouTubeOptions } from '@songhay/player-video-you-tube';
+
+import { YOU_TUBE_OPTIONS } from './models/you-tube-options';
 
 @NgModule({
     declarations: [],
-    imports: [YouTubeModule],
-    exports: [YouTubeModule]
+    imports: [YouTubeModule.forRoot(YOU_TUBE_OPTIONS)],
+    exports: [YouTubeModule],
+    providers: [{ provide: YouTubeOptions, useValue: YOU_TUBE_OPTIONS }]
 })
 export class YouTubeLibModule {}