feat(Gallery): Allow using custom gallery item with custom template, c…

…loses #125
MurhafSousli · Jul 5, 2018 · 7e4c302 · 7e4c302
1 parent f58b790
commit 7e4c302
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/projects/core/src/lib/components/gallery-item.component.ts b/projects/core/src/lib/components/gallery-item.component.ts
@@ -25,6 +25,16 @@ import { GalleryConfig, LoadingStrategy, GalleryItemType } from '../models';
 
       <gallery-iframe *ngSwitchCase="Types.Iframe" [src]="data.src"></gallery-iframe>
 
+      <ng-container *ngSwitchDefault>
+
+        <div class="g-template g-item-template">
+          <ng-container *ngTemplateOutlet="config.itemTemplate;
+          context: { index: this.index, currIndex: this.currIndex, type: this.type, data: this.data }">
+          </ng-container>
+        </div>
+
+      </ng-container>
+
     </ng-container>
   `
 })

diff --git a/projects/core/src/lib/models/state.model.ts b/projects/core/src/lib/models/state.model.ts
@@ -1,4 +1,4 @@
-import { GalleryAction, GalleryItemType } from './constants';
+import { GalleryAction } from './constants';
 
 export interface GalleryState {
   action?: GalleryAction;
@@ -10,5 +10,5 @@ export interface GalleryState {
 
 export interface GalleryItem {
   data?: any;
-  type?: GalleryItemType;
+  type?: string;
 }