* code cleanup

.editorconfig

@@ -4,7 +4,7 @@ root = true
 [*]
 charset = utf-8
 indent_style = space
-indent_size = 2
+indent_size = 4
 insert_final_newline = true
 trim_trailing_whitespace = true
 

src/app/app.server.module.ts

@@ -13,4 +13,5 @@ import { ModuleMapLoaderModule } from '@nguniversal/module-map-ngfactory-loader'
     ],
     bootstrap: [AppComponent],
 })
-export class AppServerModule {}
+export class AppServerModule {
+}

src/app/gallery/album/album.component.html

@@ -1,7 +1,7 @@
 <div class="main container">
   <h1>
     <a [routerLink]="['']" title="Back to albums list"><i class="fa fa-level-up"></i></a>
-    {{album.name}}
+    {{album?.name}}
     <a rel="nofollow" [href]="exportUrl" title="Download compressed album"><i class="fa fa-download"></i></a>
   </h1>
   <div class="row images">

src/app/gallery/display-image/display-image.component.ts

@@ -1,5 +1,4 @@
 import { Component, EventEmitter, HostListener, OnInit, Output } from '@angular/core';
-import { Location } from "@angular/common";
 
 import { environment } from "../../../environments/environment";
 import { Title } from "@angular/platform-browser";
@@ -45,8 +44,7 @@ export class DisplayImageComponent implements OnInit {
     }
 
     public get imageUrl(): string {
-        let url = environment.apiUrl + `/image/${this.slug}/${this.image}`;
-        return url;
+        return environment.apiUrl + `/image/${this.slug}/${this.image}`;
     }
 
     public activate(slug = "", image = "", extitle = "") {

src/app/gallery/display-image/display-image.service.ts

@@ -2,8 +2,5 @@ import { Injectable } from '@angular/core';
 
 @Injectable()
 export class DisplayImageService {
-
-  constructor() { }
     activate: (message?: string, title?: string, extitle?: string) => Promise<boolean>;
-
 }

src/app/gallery/gallery-routing.module.ts

@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 
 import { GalleryComponent } from "./gallery/gallery.component";
-import { GalleryService } from "./shared/gallery.service";
+import { GalleryService } from "./shared";
 import { AlbumComponent } from "./album/album.component";
 import { DisplayImageComponent } from "./display-image/display-image.component";
 
@@ -49,4 +49,5 @@ const routes: Routes = [
     imports: [RouterModule.forChild(routes)],
     exports: [RouterModule]
 })
-export class GalleryRoutingModule { }
+export class GalleryRoutingModule {
+}

src/app/gallery/gallery.module.ts

@@ -26,4 +26,5 @@ import { ThumbnailComponent } from './thumbnail/thumbnail.component';
     ],
     providers: [GalleryService, DisplayImageService]
 })
-export class GalleryModule { }
+export class GalleryModule {
+}

src/app/gallery/gallery/gallery.component.ts

@@ -30,6 +30,14 @@ export class GalleryComponent implements OnInit {
                 property: 'og:image',
                 content: this.imageUrl(this.albums[0])
             });
+            this.metaService.updateTag({
+                property: 'og:title',
+                content: "photos.yvan.hu"
+            });
+            this.metaService.updateTag({
+                property: 'og:description',
+                content: "My public photo gallery"
+            });
         });
     }
 

src/app/gallery/thumbnail/thumbnail.component.ts

@@ -1,4 +1,4 @@
-import {Component, Input, OnInit} from '@angular/core';
+import { Component, Input } from '@angular/core';
 
 import { ThumbLabel } from "../shared/thumb-label.model";
 
@@ -7,16 +7,10 @@ import {ThumbLabel} from "../shared/thumb-label.model";
     templateUrl: './thumbnail.component.html',
     styleUrls: ['./thumbnail.component.css']
 })
-export class ThumbnailComponent implements OnInit {
-
+export class ThumbnailComponent {
     @Input() image: string = "";
     @Input() label: ThumbLabel = null;
     @Input() target: any = {};
     @Input() width: number = 0;
     @Input() height: number = 0;
-
-  constructor() {}
-
-  ngOnInit() {}
-
 }

src/index.html

@@ -4,10 +4,6 @@
     <meta charset="utf-8">
     <title>Gallery</title>
     <base href="/">
-
-    <meta name="og:title" content="Angullery"/>
-    <meta name="og:description" content="A really simple photo album"/>
-
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="assets/css/font-awesome.min.css">
     <link rel="icon" type="image/x-icon" href="favicon.ico">