import { Component } from '@angular/core';
import { NzModalService, NzMessageService } from 'ng-zorro-antd';
import { ModelCustomComponent } from './custom.component';

@Component({
    selector: 'app-modal',
    templateUrl: './modal.component.html'
})
export class ModalComponent {
    options = {};

    constructor(
        private modal: NzModalService,
        private msg: NzMessageService) { }

    basicModel(contentTpl) {
        this.modal.open({
            title: 'Basic Modal',
            content: contentTpl
        });
    }

    confirmModel(contentTpl) {
        this.modal.open({
            title: 'Confirm Modal',
            content: contentTpl,
            okText: 'OK',
            cancelText: 'Return',
            onOk: () => {
                this.msg.success('Click OK!');
            },
            onCancel: () => {
                this.msg.error('Click Return!');
            }
        });
    }

    customCompModel(size: '' | 'lg' | 'sm' = '') {
        this.options = {
            wrapClassName: size ? 'modal-' + size : '',
            content: ModelCustomComponent,
            footer: false,
            componentParams: {
                name: 'From Parent Data'
            }
        };
        this.modal.open(this.options).subscribe(result => {
            this.msg.info(`subscribe status: ${JSON.stringify(result)}`);
        });
    }

    showModel(type: string) {
        this.modal[type]({
            title: `This is a ${type} message`,
            content: `some messages...some messages...`
        });
    }
}