diff --git a/angular-gallery-app/gallery/src/app/image/image-detail.component.css b/angular-gallery-app/gallery/src/app/image/image-detail.component.css index ec9083c..910d170 100644 --- a/angular-gallery-app/gallery/src/app/image/image-detail.component.css +++ b/angular-gallery-app/gallery/src/app/image/image-detail.component.css @@ -1,7 +1,7 @@ .img-container { margin: 24px; box-shadow: #555 1px 2px 8px 1px; - min-height: 660px; + min-height: 1200px; width: 900px; background-position: center; background-repeat: no-repeat; diff --git a/angular-gallery-app/gallery/src/app/image/image-detail.component.html b/angular-gallery-app/gallery/src/app/image/image-detail.component.html index d542201..050fe00 100644 --- a/angular-gallery-app/gallery/src/app/image/image-detail.component.html +++ b/angular-gallery-app/gallery/src/app/image/image-detail.component.html @@ -1,6 +1,6 @@
-
+
diff --git a/angular-gallery-app/gallery/src/app/image/image-detail.component.ts b/angular-gallery-app/gallery/src/app/image/image-detail.component.ts index 5141ce9..82f537c 100644 --- a/angular-gallery-app/gallery/src/app/image/image-detail.component.ts +++ b/angular-gallery-app/gallery/src/app/image/image-detail.component.ts @@ -14,7 +14,7 @@ export class ImageDetailComponent implements OnInit { ngOnInit() { this.image = this.imageService.getImage( - +this.route.snapshot.params['id']; + +this.route.snapshot.params['id'] ); } } \ No newline at end of file diff --git a/angular-gallery-app/gallery/src/app/image/shared/filter.pipe.ts b/angular-gallery-app/gallery/src/app/image/shared/filter.pipe.ts index c27bb57..9cf4497 100644 --- a/angular-gallery-app/gallery/src/app/image/shared/filter.pipe.ts +++ b/angular-gallery-app/gallery/src/app/image/shared/filter.pipe.ts @@ -10,5 +10,5 @@ export class ImageFilterPipe implements PipeTransform { return item.category === criteria; }); } - }); + }; } \ No newline at end of file diff --git a/angular-gallery-app/gallery/src/app/routes.ts b/angular-gallery-app/gallery/src/app/routes.ts index 31578db..7934d15 100644 --- a/angular-gallery-app/gallery/src/app/routes.ts +++ b/angular-gallery-app/gallery/src/app/routes.ts @@ -5,7 +5,7 @@ import { ImageDetailComponent } from "./image/image-detail.component" export const appRoutes:Routes = [ - { path: "gallery", component: GalleryComponent } - { path: "image/:id", component: ImageDetailComponent } + { path: "gallery", component: GalleryComponent }, + { path: "image/:id", component: ImageDetailComponent }, { path: "", redirectTo: "/gallery", pathMatch: 'full'} -] \ No newline at end of file +];