lukasasorensen

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  vm = this;
  title = 'tinymce-charts-angular';

lukasasorensen

<img
  src="{{profileImage?.url?.xs}}"
   image-loader
  [imgSize]="lg"
  [fallback]="/assets/fallback-image.jpg"
  (emitOnError)="handleImageError()"
  #profileImg
/>

lukasasorensen

processImage(params) {
        console.log('imageProcess.processImage params: ', JSON.stringify(params));
        let key = params.key;
        let imageData;
        let bucketForUpload = 'app-' + serverConf.nodeEnv;
        if(key){
            var sizes = [50, 200, 800];
            const storage = new AWS.S3();
            var fn = function process(size) {
                return new Promise(function (resolve, reject) {

lukasasorensen

import {
    AfterContentInit, Directive, ElementRef, EventEmitter, Inject, Input, OnDestroy, Output, PLATFORM_ID,
    Renderer2
} from "@angular/core";
import {isPlatformBrowser} from "@angular/common";

@Directive({
    selector: '[image-loader]'
})
export class ProgressiveImageLoaderDirective implements AfterContentInit, OnDestroy {