improving bestfit photo

src/backend/middlewares/thumbnail/PhotoConverterMWs.ts

@@ -23,10 +23,12 @@ export class PhotoConverterMWs {
       return next();
     }
 
-    if (Config.Server.Media.Photo.Converting.onTheFly) {
+    if (Config.Server.Media.Photo.Converting.onTheFly === true) {
       req.resultPipe = await PhotoProcessing.convertPhoto(fullMediaPath,
         Config.Server.Media.Photo.Converting.resolution);
+      return next();
     }
+
     // not converted and won't be now
     return res.redirect(req.originalUrl.slice(0, -1 * '\\bestFit'.length));
   }

src/backend/model/threading/ThumbnailWorker.ts

@@ -185,7 +185,7 @@ export class ImageRendererFactory {
     const sharp = require('sharp');
     sharp.cache(false);
     return async (input: RendererInput): Promise<void> => {
-      Logger.silly('[SharpThRenderer] rendering thumbnail:' + input.mediaPath);
+      Logger.silly('[SharpRenderer] rendering photo:' + input.mediaPath + ', size:' + input.size);
       const image: Sharp = sharp(input.mediaPath, {failOnError: false});
       const metadata: Metadata = await image.metadata();
 

src/frontend/app/ui/gallery/MediaIcon.ts

@@ -40,10 +40,7 @@ export class MediaIcon {
   }
 
   getBestFitMediaPath() {
-    return Utils.concatUrls(Config.Client.urlBase,
-      '/api/gallery/content/',
-      this.media.directory.path, this.media.directory.name, this.media.name,
-      '/bestFit');
+    return Utils.concatUrls(this.getMediaPath(), '/bestFit');
   }
 
 

src/frontend/app/ui/gallery/lightbox/media/media.lightbox.gallery.component.ts

@@ -29,7 +29,7 @@ export class GalleryLightboxMediaComponent implements OnChanges {
   thumbnailSrc: string = null;
   photo = {
     src: <string>null,
-    isBestFit: false
+    isBestFit: <boolean>null
   };
   public transcodeNeedVideos = SupportedFormats.TranscodeNeed.Videos;
   private mediaLoaded = false;