import { Component, OnInit, Input, Inject, ViewChild, TemplateRef, ElementRef, Output, EventEmitter } from '@angular/core';

 import { BsModalService } from 'ngx-bootstrap/modal';

 import { BsModalRef } from 'ngx-bootstrap/modal/modal-options.class';

 import { FileUploader, FileUploaderOptions } from 'ng2-file-upload';

 import ConstantsList from '../../common/constants/config';

 import { BackCode } from '../../module/common/common';

 import { UserNews } from '../../module/business/login';

 @Component({

   selector: 'app-uploadfile',

   templateUrl: './uploadfile.component.html',

   styleUrls: ['./uploadfile.component.css']

 })

 export class UploadfileComponent implements OnInit {

   @ViewChild('templateUploadFile') public template: TemplateRef<any>;

   modalRef: BsModalRef;

   ModalConfig = { animated: false, keyboard: false, backdrop: true, ignoreBackdropClick: true, };

   @Input() public userNews: UserNews;

   @Output() weburl: EventEmitter<string> = new EventEmitter<string>();

   isError:boolean = false;

   stringError:string;

   constructor(private modalService: BsModalService, @Inject('public_service') private publicservice: any) { }

   ngOnInit() { }

   openModal(template: TemplateRef<any>) {

     this.modalRef = this.modalService.show(template, Object.assign({}, this.ModalConfig, { class: 'modal-sm' }));

   }

   closeModal() {

     this.modalRef.hide();

     this.modalRef = null;

     this.stringError = '';

     this.isError = false;

   }

   public show() {

     this.openModal(this.template);

     this.stringError = '';

     this.isError = false;

   }

   onSelectChange(event: EventTarget) {

     let eventObj: MSInputMethodContext = <MSInputMethodContext>event;

     let target: HTMLInputElement = <HTMLInputElement>eventObj.target;

     let files: FileList = target.files;

     let file: File = files[];

     if(this.checkIsImage(file.name) == true) {

       this.isError = false;

       this.stringError = '';

       let postData = null;

       let sendtoken: string = this.userNews.id + '-' + this.userNews.token + '-' + ConstantsList.runid;

       this.publicservice.postWithFile1(sendtoken, postData, files).then(ub => {

         let bc: BackCode = ub as BackCode;

         this.weburl.emit(ConstantsList.HOSTPIC + bc.id);

       });

     }

     else{

       this.isError = true;

       this.stringError = '请确定文件格式为 jpg png jpeg bmp gif';

     }

   }

   checkIsImage(filename: string): boolean {

     let filenameend:string = '|' + filename.slice(filename.lastIndexOf('.') + ) + '|';

     if ('|jpg|png|jpeg|bmp|gif|'.indexOf(filenameend.toLowerCase()) !== -) {

       return true;

     } else {

       return false;

     }

   }

 }