pb10001/utakata-umigame

import { Component, OnInit, OnDestroy, Input } from '@angular/core';
import { UserService } from '../user.service';
import { SocketService } from '../socket.service';

@Component({
  providers: [ SocketService, UserService ],
  selector: 'app-editor',
  templateUrl: './editor.component.html',
  styleUrls: ['./editor.component.css']
})
export class EditorComponent implements OnInit, OnDestroy {
  @Input()
   set subject(subject: string) {
     if (subject === 'mondai') {
       this._subject = '問題文';
       this.callback = '/mondai/' + this.userService.getRoom();
     } else if (subject === 'trueAns') {
       this._subject = '解説'
       this.callback = '/mondai/' + this.userService.getRoom();
     } else if (subject === 'lobby') {
       this._subject = 'ロビーチャット'
       this.callback = '/lobby';
     }
   }
   get subject(): string { return this._subject; }
  _subject: string;
  callback: string;
  content: string;
  room: string;

  constructor(
    private socketService: SocketService,
    private userService: UserService
   ) { }

  ngOnInit() {
    if (this.subject === 'ロビーチャット') {
      this.socketService.emit('join', 'LobbyChat');
    } else {
      this.socketService.emit('join', this.userService.getRoom());
    }
    this.socketService.emit('identify', this.userService.getName());
    this.content = this.userService.getCurrentContent();
    this.room = this.userService.getRoom();
  }

  ngOnDestroy() {
    this.socketService.disconnect();
  }

  send() {
    if (this.subject === '問題文') {
      if (window.confirm('問題文が変更されます。続行しますか？')) {
        let data = {
          type: 'mondai',
          name: this.userService.getName(),
          room: this.userService.getRoom(),
          removePass: this.userService.getRemovePass() || '',
          content: this.content || '',
          created_month: new Date().getMonth() + 1,
          created_date: new Date().getDate()
        };
        this.socketService.emit('mondaiMessage', data);
      } else {
        window.alert('キャンセルしました。');
      }
    } else if (this.subject === '解説') {
      if (window.confirm('正解が公開されます。続行しますか？')) {
        let data = {
          type: 'trueAns',
          content: this.content
        };
        this.socketService.emit('trueAnsMessage', data);
      } else {
        window.alert('キャンセルしました。');
      }
    } else if (this.subject === 'ロビーチャット') {
        let data = {
          id: this.userService.getId(),
          content: this.content,
          removePass: this.userService.getRemovePass()
        };
        this.socketService.emit('editLobby', data);
    }
  }

}