// tslint:disable
/*
 * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
 * the License. A copy of the License is located at
 *
 *     http://aws.amazon.com/apache2.0/
 *
 * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
 * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
 * and limitations under the License.
 */
// tslint:enable

import {
	Component,
	Input,
	OnInit,
	ViewChild,
	ComponentFactoryResolver,
	OnDestroy,
	Output,
	EventEmitter,
} from '@angular/core';
import { DynamicComponentDirective } from '../../../directives/dynamic.component.directive';
import { ComponentMount } from '../../component.mount';
import { PhotoPickerClass } from './photo-picker.class';
import { PhotoPickerIonicComponent } from './photo-picker.component.ionic';
import { PhotoPickerComponentCore } from './photo-picker.component.core';

@Component({
	selector: 'amplify-photo-picker',
	template: `
		<div class="amplify-component">
			<ng-template component-host></ng-template>
		</div>
	`,
})
export class PhotoPickerComponent implements OnInit, OnDestroy {
	@Input() framework: string;
	@Input() url: string;
	@Input() path: string;
	@Input() storageOptions: any;
	@Output()
	picked: EventEmitter<string> = new EventEmitter<string>();
	@Output()
	loaded: EventEmitter<string> = new EventEmitter<string>();
	@Output()
	uploaded: EventEmitter<Object> = new EventEmitter<Object>();
	@ViewChild(DynamicComponentDirective)
	componentHost: DynamicComponentDirective;

	constructor(private componentFactoryResolver: ComponentFactoryResolver) {}

	ngOnInit() {
		this.loadComponent();
	}

	ngOnDestroy() {}

	loadComponent() {
		const photoPickerComponent =
			this.framework && this.framework.toLowerCase() === 'ionic'
				? new ComponentMount(PhotoPickerIonicComponent, {
						url: this.url,
						path: this.path,
						storageOptions: this.storageOptions,
				  })
				: new ComponentMount(PhotoPickerComponentCore, {
						url: this.url,
						path: this.path,
						storageOptions: this.storageOptions,
				  });

		const componentFactory = this.componentFactoryResolver.resolveComponentFactory(
			photoPickerComponent.component
		);

		const viewContainerRef = this.componentHost.viewContainerRef;
		viewContainerRef.clear();

		const componentRef = viewContainerRef.createComponent(componentFactory);
		(<PhotoPickerClass>componentRef.instance).data = photoPickerComponent.data;

		componentRef.instance.picked.subscribe(e => {
			this.picked.emit(e);
		});

		componentRef.instance.loaded.subscribe(e => {
			this.loaded.emit(e);
		});

		componentRef.instance.uploaded.subscribe(e => {
			this.uploaded.emit(e);
		});
	}
}