Browse Source

update

master
Trung Nguyen 1 year ago
parent
commit
230455a8ad
3 changed files with 43 additions and 24 deletions
  1. +20
    -20
      src/app/modules/homepage/data/fake-data.ts
  2. +1
    -1
      src/app/modules/homepage/hotel-management/hotel-management.component.html
  3. +22
    -3
      src/app/modules/homepage/hotel-management/hotel-management.component.ts

+ 20
- 20
src/app/modules/homepage/data/fake-data.ts View File

{ {
roomNumber: '101', roomNumber: '101',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-11T12:00:00',
checkInTime: '1d',
}, },
{ roomNumber: '102', status: 'available' }, { roomNumber: '102', status: 'available' },
{ {
roomNumber: '103', roomNumber: '103',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-11T13:30:00',
checkInTime: '1d',
}, },
{ roomNumber: '104', status: 'available' }, { roomNumber: '104', status: 'available' },
{ {
roomNumber: '105', roomNumber: '105',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-11T14:00:00',
checkInTime: '1d',
}, },
{ {
roomNumber: '106', roomNumber: '106',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-11T15:00:00',
checkInTime: '1d',
}, },
], ],
}, },
{ {
roomNumber: '201', roomNumber: '201',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-11T11:00:00',
checkInTime: '1d',
}, },
{ roomNumber: '202', status: 'available' }, { roomNumber: '202', status: 'available' },
{ {
roomNumber: '203', roomNumber: '203',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-11T14:00:00',
checkInTime: '1d',
}, },
{ roomNumber: '204', status: 'available' }, { roomNumber: '204', status: 'available' },
{ {
roomNumber: '205', roomNumber: '205',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-11T15:30:00',
checkInTime: '1d',
}, },
{ {
roomNumber: '206', roomNumber: '206',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-11T16:30:00',
checkInTime: '1d',
}, },
], ],
}, },
{ {
roomNumber: '302', roomNumber: '302',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-11T12:45:00',
checkInTime: '1d',
}, },
{ {
roomNumber: '303', roomNumber: '303',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-11T14:15:00',
checkInTime: '1d',
}, },
{ roomNumber: '304', status: 'available' }, { roomNumber: '304', status: 'available' },
{ {
roomNumber: '305', roomNumber: '305',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-11T17:00:00',
checkInTime: '1d',
}, },
{ {
roomNumber: '306', roomNumber: '306',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-11T18:00:00',
checkInTime: '2d',
}, },
], ],
}, },
{ {
roomNumber: '402', roomNumber: '402',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-11T10:00:00',
checkInTime: '4d',
}, },
{ {
roomNumber: '403', roomNumber: '403',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-11T11:30:00',
checkInTime: '',
}, },
{ roomNumber: '404', status: 'available' }, { roomNumber: '404', status: 'available' },
{ {
roomNumber: '405', roomNumber: '405',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-11T15:45:00',
checkInTime: '',
}, },
{ {
roomNumber: '406', roomNumber: '406',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-11T16:30:00',
checkInTime: '3d',
}, },
], ],
}, },
{ {
roomNumber: '501', roomNumber: '501',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-11T09:00:00',
checkInTime: '4d',
}, },
{ roomNumber: '502', status: 'available' }, { roomNumber: '502', status: 'available' },
{ {
roomNumber: '503', roomNumber: '503',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-11T10:00:00',
checkInTime: '1d',
}, },
{ {
roomNumber: '504', roomNumber: '504',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-11T13:00:00',
checkInTime: '2d',
}, },
{ roomNumber: '505', status: 'available' }, { roomNumber: '505', status: 'available' },
{ {
roomNumber: '506', roomNumber: '506',
status: 'occupied', status: 'occupied',
checkInTime: '2024-09-12T00:30:00',
checkInTime: '1d',
}, },
], ],
}, },

+ 1
- 1
src/app/modules/homepage/hotel-management/hotel-management.component.html View File

[ngClass]="room.status" [ngClass]="room.status"
> >
<span class="time-checkin" *ngIf="room.checkInTime"> <span class="time-checkin" *ngIf="room.checkInTime">
{{ room.checkInTime | timeElapsed }}
{{ room.checkInTime }} {{clock}}
</span> </span>
{{ room?.roomNumber }} {{ room?.roomNumber }}
</div> </div>

+ 22
- 3
src/app/modules/homepage/hotel-management/hotel-management.component.ts View File

import { Component, OnInit } from '@angular/core';
import {Component, OnInit} from '@angular/core';
import { hotelData } from '../data/fake-data'; import { hotelData } from '../data/fake-data';
import * as moment from 'moment';
import {timer} from "rxjs";


@Component({ @Component({
selector: 'app-hotel-management', selector: 'app-hotel-management',
}) })
export class HotelManagementComponent implements OnInit { export class HotelManagementComponent implements OnInit {
data = hotelData.reverse(); data = hotelData.reverse();
public clock:any = null;
constructor() {} constructor() {}


ngOnInit() {}
ngOnInit() {
timer(0, 1000).subscribe(() => {
this.time();
});
}

time() {
let date = new Date();
let second:number | string = date.getSeconds();
let minute:number | string = date.getMinutes();
let hour:number | string = date.getHours();
if (second < 10) {
second = '0' + second
}
if (minute < 0) {
minute = '0' + minute;
}
this.clock = hour + ":" + minute + ":" + second;
}
} }

Loading…
Cancel
Save