using System;

public class Program

{

    public static void Main()

    {

        Console.WriteLine("Hello World");--order

import { Component, OnInit, Input, ViewChild, AfterContentInit, AfterViewInit } from '@angular/core';

import { NgbActiveModal, NgbModal, NgbModalConfig } from '@ng-bootstrap/ng-bootstrap';

import { WjInputMask, WjInputDateTime } from 'wijmo/wijmo.angular2.input';

import { Observable, Observer } from 'rxjs';

import {

  ReservationService,

  ReservationOutput

} from '../../Service/reservation.service';

import { MessengerBoxComponent } from '../../Common/messenger-box/messenger-box.component';

import { Router } from '@angular/router';

import { DatePipe } from '@angular/common';

import { SuccessBoxComponent } from '../../Common/success-box/success-box.component';

import { NgxSpinnerService } from 'ngx-spinner';

​

@Component({

  selector: 'app-orderroom',

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

  styleUrls: ['./orderroom.component.css'],

  providers: [

    DatePipe

  ]

})

export class OrderroomComponent implements OnInit, AfterViewInit {

  @Input() PARAM;

  @ViewChild('txtMaSoPhong') private _txtMaSoPhong: WjInputMask;

  @ViewChild('txtLoaiPhong') private _txtLoaiPhong: WjInputMask;

  @ViewChild('txtGiaPhong') private _txtGiaPhong: WjInputMask;

  @ViewChild('txtHoTen') private _txtHoTen: WjInputMask;

  @ViewChild('txtPassport') private _txtPassport: WjInputMask;

  @ViewChild('InDate') private _InDate: WjInputDateTime;

  @ViewChild('OutDate') private _OutDate: WjInputDateTime;

​

  private parameters: any[];

  MaSoPhong: string;

  LoaiPhong: string;

  RoomDetail: RoomDetail;

  CustomerDetail: CustomerDetail;

  QuocTich: string;

  GioiTinh: string;

  GhiChu: string;

  controlGioiTinh: any;

  controlQuocTich: any;

  controlGhiChu: any;

​

  constructor(

    public _ActiveModal: NgbActiveModal,

    private _ReservationService: ReservationService,

    private _Modal: NgbModal,

    private _ModalConfig: NgbModalConfig,

    private _Router: Router,

    private _DatePipe: DatePipe,

    private _Spinner: NgxSpinnerService

  ) {

    this._ModalConfig.backdrop = 'static';

    this._ModalConfig.keyboard = false;

  }

​

  ngOnInit() {

    this.F_INIT_FORM_DATA();

    this.F_SET_DATA_FORM();

  }

​

  ngAfterViewInit() {

    this.controlGioiTinh = document.getElementById('sex');

    this.controlQuocTich = document.getElementById('country');

    this.controlGhiChu = document.getElementById('notes');

  }

​

  private F_INIT_FORM_DATA() {

    if (this.PARAM) {

      this.parameters = this.PARAM;

    }

​

    this._txtMaSoPhong.value = this.parameters[0].toString();

    this._txtLoaiPhong.value = this.parameters[1].toString();

    this.RoomDetail = null;

    this.CustomerDetail = null;

    this.QuocTich = 'VN';

    this.GioiTinh = '';

    this.GhiChu = '';

  }

​

  private F_SET_DATA_FORM() {

    this.GetRoomById().subscribe(

      isComplete => {

        if (isComplete) {

          if (this.RoomDetail) {

            this._txtGiaPhong.value = this.ConvertMoney(this.RoomDetail.GiaTienPhong.toString());

            this.ConvertDateTime(this.RoomDetail.NgayVao, this._InDate);

            this.ConvertDateTime(this.RoomDetail.NgayRaDuKien, this._OutDate);

          }

          this.GetCustomer().subscribe(

            isCompleteF => {

              if (this.CustomerDetail) {

                this._txtHoTen.value = this.CustomerDetail.HoTen;

                this._txtPassport.value = this.CustomerDetail.Passport;

                this.GhiChu = this.CustomerDetail.GhiChu;

                this.GioiTinh = this.CustomerDetail.GioiTinh;

                this.QuocTich = this.CustomerDetail.QuocTich;

              }

            }

          );

        }

      }

    );

  }

​

  private ConvertDateTime(dt: string, control: WjInputDateTime) {

    if (dt.length > 0) {

      const date = dt.split(':');

      if (date.length < 6) {

        return;

      }

      const hours = (date[5] === 'PM') ? 12 + Number(date[3]) : Number(date[3]);

      control.value = new Date(Number(date[0]), Number(date[1]), Number(date[2]), hours, Number(date[4]));

    }

  }

​

  private ConvertMoney(money: string): string {

    if (money.length > 0) {

      let priceroom = '';

      for (let index = money.length; index > 0; index -= 3) {

        if (priceroom !== '') {

          priceroom = '.' + priceroom;

        }

        priceroom = money.substring(index, index - 3) + priceroom;

      }

      return priceroom + 'VND';

    } else {

      return 'VND';

    }

  }

​

  private GetRoomById(): Observable<boolean> {

    if (isNaN(Number(this.parameters[0]))) {

      return;

    }

    return Observable.create((observe: Observer<boolean>) => {

      this._ReservationService.GetRoomById(Number(this.parameters[0])).subscribe(

        data => {

          if (data.length > 0) {

            this.RoomDetail = new RoomDetail();

            data.forEach(DataInfo => {

              this.RoomDetail.NgayVao = DataInfo.NgayVao;

              this.RoomDetail.NgayRaDuKien = DataInfo.NgayRaDuKien;

              this.RoomDetail.GiaTienPhong = DataInfo.GiaTienPhong;

            });

            observe.next(true);

            observe.complete();

          } else {

            observe.next(false);

            observe.complete();

          }

        },

        error => {

          const errmes = this._Modal.open(MessengerBoxComponent);

          errmes.componentInstance.MessageError = 'Lỗi từ hệ thống xin liên lạc lập trình viên' + '\r\n' + 'xxx@xxxx.com';

          errmes.result.then(

            result => {

              this._ActiveModal.close(false);

              this._Router.navigate(['']);

            }

          );

          observe.error(error);

          observe.complete();

        }

      );

    });

  }

​

  private GetCustomer(): Observable<boolean> {

    return Observable.create((observe: Observer<boolean>) => {

      this._ReservationService.GetCustomer(this._txtMaSoPhong.value).subscribe(

        result => {

          if (result.length > 0) {

            result.forEach(DataInfo => {

              this.CustomerDetail = new CustomerDetail();

              this.CustomerDetail.HoTen = DataInfo.HoTen;

              this.CustomerDetail.Passport = DataInfo.Passport;

              this.CustomerDetail.GioiTinh = (DataInfo.GioiTinh === false) ? 'M' : 'F';

              this.CustomerDetail.QuocTich = DataInfo.QuocTich;

              this.CustomerDetail.GhiChu = DataInfo.GhiChu;

            });

            observe.next(true);

            observe.complete();

          } else {

            observe.next(false);

            observe.complete();

          }

        },

        error => {

          observe.error(error);

          observe.complete();

        }

      );

    });

  }

​

  Update_Click() {

    this._Spinner.show();

    let sex = 0;

    if (this.GioiTinh === 'F') {

      sex = 1;

    }

    if (this.Check_Input()) {

      const paraIn = [

        this._txtMaSoPhong.value,

        this._DatePipe.transform(this._InDate.value, 'yyyy:MM:dd:hh:mm:a'),

        this._DatePipe.transform(this._OutDate.value, 'yyyy:MM:dd:hh:mm:a'),

        this._txtHoTen.value,

        this._txtPassport.value,

        sex,

        this.QuocTich,

        this.GhiChu

      ];

      const param = paraIn.join(String.fromCharCode(6));

      this.Update(param).subscribe(

        isComplete => {

          if (isComplete) {

            this._Spinner.hide();

            const mess = this._Modal.open(SuccessBoxComponent, {centered: true});

            mess.componentInstance.Messbox = 'Cập nhật thành công';

          } else {

            this._Spinner.hide();

            const messerr = this._Modal.open(MessengerBoxComponent, {centered: true});

            messerr.componentInstance.Messbox = 'Có lỗi từ hệ thống dữ liệu xin liên lạc lập trình viên' + '\r\n' + 'xxx@xxxx.com';

          }

        }

      );

    }

  }

​

  private Update(param: string): Observable<boolean> {

    return Observable.create((observe: Observer<boolean>) => {

      this._ReservationService.Update(param)

      .subscribe(

        result => {

          if (result === 0) {

            observe.next(true);

            observe.complete();

          } else {

            observe.next(false);

            observe.complete();

          }

        },

        error => {

          const errmes = this._Modal.open(MessengerBoxComponent);

          errmes.componentInstance.MessageError = 'Lỗi từ hệ thống xin liên lạc lập trình viên' + '\r\n' + 'xxx@xxxx.com';

          observe.error(error);

          observe.complete();

        }

      );

    });

  }

​

  private Check_Input(): boolean {

    if (this._txtMaSoPhong.value === '') {

      const err = this._Modal.open(MessengerBoxComponent);

      err.componentInstance.MessageError = 'Thiếu dữ liệu mã số phòng';

      err.result.then(

        result => {

          this._txtMaSoPhong.focus();

        }

      );

      return false;

    }

    if (this._txtLoaiPhong.value === '') {

      const err = this._Modal.open(MessengerBoxComponent);

      err.componentInstance.MessageError = 'Thiếu dữ liệu loại phòng';

      err.result.then(

        result => {

          this._txtLoaiPhong.focus();

        }

      );

      return false;

    }

    if (this._txtGiaPhong.value === '') {

      const err = this._Modal.open(MessengerBoxComponent);

      err.componentInstance.MessageError = 'Thiếu dữ liệu giá phòng';

      err.result.then(

        result => {

          this._txtGiaPhong.focus();

        }

      );

      return false;

    }

    const nowDate = new Date();

    if (this._InDate.value < nowDate) {

      const err = this._Modal.open(MessengerBoxComponent);

      err.componentInstance.MessageError = 'Dữ liệu ngày vào bị sai';

      err.result.then(

        result => {

          this._InDate.focus();

        }

      );

      return false;

    }

​

    if (this._OutDate.value < nowDate || this._OutDate.value < this._InDate.value) {

      const err = this._Modal.open(MessengerBoxComponent);

      err.componentInstance.MessageError = 'Dữ liệu ngày ra dự kiến bị sai';

      err.result.then(

        result => {

          this._OutDate.focus();

        }

      );

      return false;

    }

​

    if (this._txtHoTen.value === '') {

      const err = this._Modal.open(MessengerBoxComponent);

      err.componentInstance.MessageError = 'Dữ liệu họ tên bị thiếu';

      err.result.then(

        result => {

          this._txtHoTen.focus();

        }

      );

      return false;

    }

​

    if (this._txtPassport.value === '') {

      const err = this._Modal.open(MessengerBoxComponent);

      err.componentInstance.MessageError = 'Dữ liệu CMND/Passport bị thiếu';

      err.result.then(

        result => {

          this._txtPassport.focus();

        }

      );

      return false;

    }

​

    if (this.GioiTinh === '') {

      const err = this._Modal.open(MessengerBoxComponent);

      err.componentInstance.MessageError = 'Dữ liệu giới tính bị thiếu';

      err.result.then(

        result => {

          this.controlGioiTinh.focus();

        }

      );

      return false;

    }

​

    if (this.QuocTich === '') {

      const err = this._Modal.open(MessengerBoxComponent);

      err.componentInstance.MessageError = 'Dữ liệu quốc tịch bị thiếu';

      err.result.then(

        result => {

          this.controlQuocTich.focus();

        }

      );

      return false;

    }

​

    if (this.GhiChu.length > 200) {

      const err = this._Modal.open(MessengerBoxComponent);

      err.componentInstance.MessageError = 'Ghi chú vượt quá số ký tự(200 ký tự)';

      err.result.then(

        result => {

          this.controlGhiChu.focus();

        }

      );

      return false;

    }

    if (this._txtHoTen.value.length > 50) {

      const err = this._Modal.open(MessengerBoxComponent);

      err.componentInstance.MessageError = 'Họ tên vượt quá số ký tự(50 ký tự)';

      err.result.then(

        result => {

          this._txtHoTen.focus();

        }

      );

      return false;

    }

​

    if (this._txtPassport.value.length > 50) {

      const err = this._Modal.open(MessengerBoxComponent);

      err.componentInstance.MessageError = 'Passport vượt quá số ký tự cho phép(50 ký tự)';

      err.result.then(

        result => {

          this._txtPassport.focus();

        }

      );

      return false;

    }

    return true;

  }

}

​

class RoomDetail {

  constructor(

    public NgayVao: string = '',

    public NgayRaDuKien: string = '',

    public GiaTienPhong: number = 0,

  ) {}

}

class CustomerDetail {

  constructor(

    public HoTen: string = '',

    public Passport: string = '',

    public GioiTinh: string = '',

    public QuocTich: string = '',

    public GhiChu: string = '',

  ) {}

}

​

<div class="body-detail">

  <div class="modal-header">

    <h4 class="modal-title">Đặt phòng</h4>

    <button type="button" class="close" aria-label="Close" (click)="_ActiveModal.close(false)">

      <span aria-hidden="true">×</span>

    </button>

  </div>

  <div class="modal-body" style="height: 370px;">

    <div style="float: left">

      <table>

        <tr>

          <td>Mã số phòng</td>

          <td>

            <wj-input-mask #txtMaSoPhong [isReadOnly]="true"></wj-input-mask>

          </td>

        </tr>

        <tr>

          <td>Loại phòng:</td>

          <td>

            <wj-input-mask #txtLoaiPhong [isReadOnly]="true"></wj-input-mask>

          </td>

        </tr>

        <tr>

          <td>Giá Phòng:</td>

          <td>

            <wj-input-mask #txtGiaPhong [isReadOnly]="true"></wj-input-mask>

          </td>

        </tr>

        <tr>

          <td>Ngày vào:</td>

          <td>

            <wj-input-date-time #InDate [format]="'dd/MM/yyyy hh:mm tt'" [timeStep]="1"></wj-input-date-time>

          </td>

        </tr>

        <tr>

          <td>Ngày ra dự kiến:</td>

          <td>

            <wj-input-date-time #OutDate [format]="'dd/MM/yyyy hh:mm tt'" [timeStep]="1"></wj-input-date-time>

          </td>

        </tr>

      </table>

    </div>

    <div style="float: right;">

      <table>

        <tr>

          <td>Họ và tên:</td>

          <td style="width: 240px;">

            <wj-input-mask #txtHoTen style="width: 240px"></wj-input-mask>

          </td>

        </tr>

        <tr>

          <td>CMND/Passport:</td>

          <td>

            <wj-input-mask #txtPassport style="width: 240px"></wj-input-mask>

          </td>

        </tr>

        <tr>

          <td>Giới tính:</td>

          <td>

            <select [(ngModel)]="GioiTinh" id="sex">

              <option value="M">Nam</option>

              <option value="F">Nữ</option>

            </select>

          </td>

        </tr>

        <tr>

          <td>Quốc tịch</td>

          <td>

            <select [(ngModel)]="QuocTich" id="country">

              <option value="AUS">Australia</option>

              <option value="CMB">Cambodia</option>

              <option value="CND">Canada</option>

              <option value="Fre">French</option>

              <option value="UK">United Kingdom</option>

              <option value="US">United States of America</option>

              <option value="VN">Vietnam</option>

            </select>

          </td>

        </tr>

        <tr>

          <td>Ghi chú</td>

          <td>

            <textarea id="notes"

              style="resize: none; overflow-x: hidden; overflow-y: scroll; width: 240px;height: 118px;"

              [maxlength]="200" [(ngModel)]="GhiChu"></textarea>

          </td>

        </tr>

      </table>

    </div>

  </div>

  <div class="modal-footer" style="float: left;">

    <button type="button" style="margin-left: 250px" class="btn btn-primary" (click)="Update_Click()">Cập nhật</button>

    <button type="button" style="margin-left: 150px" class="btn btn-warning" (click)="_ActiveModal.close(false)">Hủy

      bỏ</button>

  </div>

</div>

<ngx-spinner

  bdColor="rgba(51,51,51,0.8)"

  size="large"

  color="#fff"

  type="ball-scale-multiple">

 <p style="font-size: 20px; color: white">Loading...</p>

</ngx-spinner>

​

::ng-deep .modal-content {

    width: 800px;

    margin-top: 90px;

    margin-left: -90px;

}

​

.modal-body td {

    height: 50px;

    padding: 6px;

}

    }

}