From 04a0ed0606efaf138d891327f1a503c97e46ecfa Mon Sep 17 00:00:00 2001 From: Murhaf Sousli Date: Sat, 15 Jul 2023 06:50:54 +0300 Subject: [PATCH] Update docs --- .../doc-core/doc-core.component.html | 2 +- .../gallery-example.component.html | 2 +- .../slide-text.animation.ts | 0 .../templates-example.component.html} | 2 +- .../templates-example.component.scss} | 0 .../templates-example.component.ts} | 16 ++++++++-------- .../ng-gallery-demo/src/app/routing.module.ts | 4 ++-- .../src/app/shared/menu/menu.component.html | 2 +- 8 files changed, 14 insertions(+), 14 deletions(-) rename projects/ng-gallery-demo/src/app/pages/{advanced-example => templates-example}/slide-text.animation.ts (100%) rename projects/ng-gallery-demo/src/app/pages/{advanced-example/advanced-example.component.html => templates-example/templates-example.component.html} (99%) rename projects/ng-gallery-demo/src/app/pages/{advanced-example/advanced-example.component.scss => templates-example/templates-example.component.scss} (100%) rename projects/ng-gallery-demo/src/app/pages/{advanced-example/advanced-example.component.ts => templates-example/templates-example.component.ts} (94%) diff --git a/projects/ng-gallery-demo/src/app/pages/documentation/doc-core/doc-core.component.html b/projects/ng-gallery-demo/src/app/pages/documentation/doc-core/doc-core.component.html index b78e6496..6144896a 100644 --- a/projects/ng-gallery-demo/src/app/pages/documentation/doc-core/doc-core.component.html +++ b/projects/ng-gallery-demo/src/app/pages/documentation/doc-core/doc-core.component.html @@ -14,7 +14,7 @@

Since the standalone components has been the new standard in Angular >= 15, you can import GalleryModule in your component imports.

See Gallery Example and Advanced Example + routerLink="/custom-templates">Custom Templates Example

diff --git a/projects/ng-gallery-demo/src/app/pages/gallery-example/gallery-example.component.html b/projects/ng-gallery-demo/src/app/pages/gallery-example/gallery-example.component.html index 541a8db9..d317913e 100644 --- a/projects/ng-gallery-demo/src/app/pages/gallery-example/gallery-example.component.html +++ b/projects/ng-gallery-demo/src/app/pages/gallery-example/gallery-example.component.html @@ -83,7 +83,7 @@

Example

Beside these options, you can also use CSS to change gallery's style.

For more advanced usage, check the - Advanced + Custom Templates Example

diff --git a/projects/ng-gallery-demo/src/app/pages/advanced-example/slide-text.animation.ts b/projects/ng-gallery-demo/src/app/pages/templates-example/slide-text.animation.ts similarity index 100% rename from projects/ng-gallery-demo/src/app/pages/advanced-example/slide-text.animation.ts rename to projects/ng-gallery-demo/src/app/pages/templates-example/slide-text.animation.ts diff --git a/projects/ng-gallery-demo/src/app/pages/advanced-example/advanced-example.component.html b/projects/ng-gallery-demo/src/app/pages/templates-example/templates-example.component.html similarity index 99% rename from projects/ng-gallery-demo/src/app/pages/advanced-example/advanced-example.component.html rename to projects/ng-gallery-demo/src/app/pages/templates-example/templates-example.component.html index 5a23c8a1..6d92bcf1 100644 --- a/projects/ng-gallery-demo/src/app/pages/advanced-example/advanced-example.component.html +++ b/projects/ng-gallery-demo/src/app/pages/templates-example/templates-example.component.html @@ -1,5 +1,5 @@
-

Advanced Example

+

Custom Templates Example

diff --git a/projects/ng-gallery-demo/src/app/pages/advanced-example/advanced-example.component.scss b/projects/ng-gallery-demo/src/app/pages/templates-example/templates-example.component.scss similarity index 100% rename from projects/ng-gallery-demo/src/app/pages/advanced-example/advanced-example.component.scss rename to projects/ng-gallery-demo/src/app/pages/templates-example/templates-example.component.scss diff --git a/projects/ng-gallery-demo/src/app/pages/advanced-example/advanced-example.component.ts b/projects/ng-gallery-demo/src/app/pages/templates-example/templates-example.component.ts similarity index 94% rename from projects/ng-gallery-demo/src/app/pages/advanced-example/advanced-example.component.ts rename to projects/ng-gallery-demo/src/app/pages/templates-example/templates-example.component.ts index c116f7b7..c9bb7646 100644 --- a/projects/ng-gallery-demo/src/app/pages/advanced-example/advanced-example.component.ts +++ b/projects/ng-gallery-demo/src/app/pages/templates-example/templates-example.component.ts @@ -29,14 +29,14 @@ import { NoteComponent } from '../../shared/note/note.component'; host: { 'class': 'page' }, - selector: 'advanced-example', - templateUrl: './advanced-example.component.html', - styleUrls: ['./advanced-example.component.scss'], + selector: 'templates-example', + templateUrl: './templates-example.component.html', + styleUrls: ['./templates-example.component.scss'], animations: [slideInAnimation], standalone: true, imports: [CommonModule, SectionTitleComponent, GalleryModule, HlCodeComponent, FooterComponent, FontAwesomeModule, MatButtonModule, NoteComponent] }) -export class AdvancedExampleComponent implements OnInit { +export class TemplatesExampleComponent implements OnInit { readonly arr = data; readonly code = code; @@ -62,7 +62,7 @@ export class AdvancedExampleComponent implements OnInit { } ngOnInit() { - this._title.setTitle('Advanced | ng-gallery'); + this._title.setTitle('Custom Templates | ng-gallery'); const galleryRef = this._gallery.ref('mixed'); this.arr.map((item: GalleryItemData) => { @@ -175,12 +175,12 @@ import { CommonModule } from '@angular/common'; import { GalleryModule, Gallery, GalleryRef } from 'ng-gallery'; @Component({ - selector: 'advanced-example', - templateUrl: './advanced-example.html', + selector: 'example-component', + templateUrl: './example-templates.html', standalone: true, imports: [CommonModule, GalleryModule] }) -export class AdvancedExampleComponent implements OnInit { +export class ExampleComponent implements OnInit { galleryId = 'mixedExample'; diff --git a/projects/ng-gallery-demo/src/app/routing.module.ts b/projects/ng-gallery-demo/src/app/routing.module.ts index 15366318..b54a6fae 100644 --- a/projects/ng-gallery-demo/src/app/routing.module.ts +++ b/projects/ng-gallery-demo/src/app/routing.module.ts @@ -24,8 +24,8 @@ const appRoutes: Routes = [ loadComponent: () => import('./pages/gallerize-example/gallerize-example.component').then(m => m.GallerizeExampleComponent) }, { - path: 'advanced', - loadComponent: () => import('./pages/advanced-example/advanced-example.component').then(m => m.AdvancedExampleComponent) + path: 'custom-templates', + loadComponent: () => import('./pages/templates-example/templates-example.component').then(m => m.TemplatesExampleComponent) }, { path: 'lab', diff --git a/projects/ng-gallery-demo/src/app/shared/menu/menu.component.html b/projects/ng-gallery-demo/src/app/shared/menu/menu.component.html index 15e8b5be..9d7875db 100644 --- a/projects/ng-gallery-demo/src/app/shared/menu/menu.component.html +++ b/projects/ng-gallery-demo/src/app/shared/menu/menu.component.html @@ -4,7 +4,7 @@ Gallery Lightbox Gallerize - Advanced + Custom Templates Lab