import { Component, OnInit } from '@angular/core';
// tslint:disable-next-line: max-line-length
import { ToolbarService, LinkService, ImageService, HtmlEditorService, TableService, QuickToolbarService } from '@syncfusion/ej2-angular-richtexteditor';
import { DialogRef } from '@progress/kendo-angular-dialog';

@Component({
  selector: 'app-ehrmessages-add-new-message',
  templateUrl: './ehrmessages-add-new-message.component.html',
  styleUrls: ['./ehrmessages-add-new-message.component.css'],
  providers: [ToolbarService, LinkService, ImageService, HtmlEditorService, TableService, QuickToolbarService],
})
export class EHRMessagesAddNewMessageComponent implements OnInit {

  public ShowhideCCBlock: any = true;
  public ShowhideBccBlock: any = true;
  public ShowhideCCAndBCCBlock: any = false;
  public ShowhideCCLinkBlock: any = true;
  public ShowhideBCCLinkBlock: any = false;


  public value = `
   `;

  // public tools: object = {
  //   items: ['Undo', 'Redo', '|',
  //     'Bold', 'Italic', 'Underline', 'StrikeThrough', '|',
  //     'FontName', 'FontSize', 'FontColor', 'BackgroundColor', '|',
  //     'SubScript', 'SuperScript', '|',
  //     'LowerCase', 'UpperCase', '|',
  //     'Formats', 'Alignments', '|', 'OrderedList', 'UnorderedList', '|',
  //     'Indent', 'Outdent', '|', 'CreateLink', 'CreateTable',
  //     'Image', '|', 'ClearFormat', 'Print', 'SourceCode', '|', 'FullScreen']
  // };
  // public quickTools: object = {
  //   image: [
  //     'Replace', 'Align', 'Caption', 'Remove', 'InsertLink', '-', 'Display', 'AltText', 'Dimension']
  // };

  constructor(private dialog: DialogRef) { }

  public IsFromAddNew: any;

  ngOnInit() {
    // let elem: any;
    // elem = $('textarea');
    // elem.kendoEditor();

    // $('textarea').kendoEditor();

    // const editor = $('textarea').data('kendoEditor');
  }


  newMessageCCClick() {
    this.ShowhideCCBlock = false;
    this.ShowhideCCAndBCCBlock = true;
    this.ShowhideCCLinkBlock = true;
  }

  newMessageBCCClick() {
    this.ShowhideBccBlock = false;
    this.ShowhideCCAndBCCBlock = true;
    this.ShowhideBCCLinkBlock = true;

    if (this.ShowhideCCBlock === true) {
      this.ShowhideCCLinkBlock = false;
    }
  }

  onOKClickEvent() {
    this.dialog.close();
  }

  OnCancelClickEvent() {
    this.dialog.close();
  }

}