Commit e9fc6aa2 by Your Name

Update work

parent 862fec6f
export class Search { export class Search {
type : string; sType : number;
sDate : string; sDate : string;
eDate : string; eDate : string;
sStasus: number;
constructor(init? : Search){ constructor(init? : Search){
Object.assign(this, init); Object.assign(this, init);
this.type = ''; this.sType = 0;
this.sDate = ''; this.sDate = '';
this.eDate = ''; this.eDate = '';
this.sStasus = 0;
} }
} }
\ No newline at end of file
export class Type {
typeId: number;
typeName : String;
constructor(init?: Type){
Object.assign(this, init);
this.typeId = 0;
this.typeName = '';
}
}
...@@ -22,6 +22,8 @@ ...@@ -22,6 +22,8 @@
<button class="btn btn-lg btn-outline-primary" <button class="btn btn-lg btn-outline-primary"
(click)="openRoomDetail(contentroom)">เพิ่มรายการ</button> (click)="openRoomDetail(contentroom)">เพิ่มรายการ</button>
<button class="btn btn-lg btn-outline-primary" (click)="openType(contenttype)">เพิ่มประเภท</button>
<div class="row"> <div class="row">
<div class="col-sm-3" <div class="col-sm-3"
*ngFor="let item of listRoomModel|slice: (pageListRoom-1) * pageSizeListRoom :(pageListRoom-1) * pageSizeListRoom + pageSizeListRoom ;let i = index"> *ngFor="let item of listRoomModel|slice: (pageListRoom-1) * pageSizeListRoom :(pageListRoom-1) * pageSizeListRoom + pageSizeListRoom ;let i = index">
...@@ -77,6 +79,8 @@ ...@@ -77,6 +79,8 @@
<div class="card-body"> <div class="card-body">
<button class="btn btn-lg btn-outline-primary" <button class="btn btn-lg btn-outline-primary"
(click)="openItemDetail(contentequirment)">เพิ่มรายการ</button> (click)="openItemDetail(contentequirment)">เพิ่มรายการ</button>
<button class="btn btn-lg btn-outline-primary" (click)="openType(contenttype)">เพิ่มประเภท</button>
<div class="row"> <div class="row">
<div class="col-sm-3" <div class="col-sm-3"
...@@ -240,7 +244,7 @@ ...@@ -240,7 +244,7 @@
</div> </div>
<div class=" card-footer"> <div class=" card-footer">
<button class=" btn btn-fill btn-danger" [disabled]="myFormRoom.invalid" type="submit" <button class=" btn btn-fill btn-danger" [disabled]="myFormRoom.invalid" type="submit"
(click)="saveRoom()">Save</button> (click)="saveType()">Save</button>
<button class=" btn btn-fill btn-danger" type="cancel" <button class=" btn btn-fill btn-danger" type="cancel"
(click)="modal.dismiss('Cross click')">Cancel</button> (click)="modal.dismiss('Cross click')">Cancel</button>
</div> </div>
...@@ -365,4 +369,35 @@ ...@@ -365,4 +369,35 @@
</div> </div>
</div> </div>
</div> </div>
</ng-template>
<ng-template #contenttype let-model>
<div class=" col-md-12" style="padding: 0; ">
<div class="card" style="margin: 0; ">
<div class=" card-header">
<h5 class=" title">เพิ่มประเภท</h5>
</div>
<div class=" card-body">
<form [formGroup]="myFormType" class="needs-validation">
<div class=" row">
<div class=" col-md-12">
<div class=" form-group">
<label> ชื่อประเภท </label>
<input class=" form-control" placeholder="" type="text" [(ngModel)]="modelType.typeName"
formControlName="typeName">
<div style="color: red;" *ngIf="myFormType.controls.typeName.status=='INVALID'">
กรุณากรอกชื่อประเภท.</div>
</div>
</div>
</div>
</form>
</div>
<div class=" card-footer">
<button class=" btn btn-fill btn-danger" [disabled]="myFormType.invalid" type="submit"
(click)="saveType()">Save</button>
<button class=" btn btn-fill btn-danger" type="cancel"
(click)="modal.dismiss('Cross click')">Cancel</button>
</div>
</div>
</div>
</ng-template> </ng-template>
\ No newline at end of file
...@@ -3,11 +3,13 @@ import { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap'; ...@@ -3,11 +3,13 @@ import { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';
import { Equirment } from 'src/app/models/equirment.model'; import { Equirment } from 'src/app/models/equirment.model';
import { ItemDetail } from 'src/app/models/itemDetail.model'; import { ItemDetail } from 'src/app/models/itemDetail.model';
import { RoomDetail } from 'src/app/models/RoomDetail.model'; import { RoomDetail } from 'src/app/models/RoomDetail.model';
import { Type } from 'src/app/models/type.model';
import { MyRoom, Room } from 'src/app/models/rooms.model'; import { MyRoom, Room } from 'src/app/models/rooms.model';
import { EquirmentService } from 'src/app/service/equirment.service'; import { EquirmentService } from 'src/app/service/equirment.service';
import { RoomService } from 'src/app/service/room.service'; import { RoomService } from 'src/app/service/room.service';
import { RoomDetailService } from 'src/app/service/room-detail.service'; import { RoomDetailService } from 'src/app/service/room-detail.service';
import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms'; import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
import { TypeService } from 'src/app/service/type.service';
@Component({ @Component({
selector: 'app-admin-equirment', selector: 'app-admin-equirment',
...@@ -42,6 +44,7 @@ export class AdminEquirmentComponent implements OnInit { ...@@ -42,6 +44,7 @@ export class AdminEquirmentComponent implements OnInit {
modelRoom: Room modelRoom: Room
modelItemDetail = new ItemDetail(); modelItemDetail = new ItemDetail();
modelRoomDetail = new RoomDetail(); modelRoomDetail = new RoomDetail();
modelType = new Type();
RoomForm = new FormGroup({ RoomForm = new FormGroup({
rId: new FormControl(''), rId: new FormControl(''),
...@@ -54,9 +57,10 @@ export class AdminEquirmentComponent implements OnInit { ...@@ -54,9 +57,10 @@ export class AdminEquirmentComponent implements OnInit {
myFormRoom: FormGroup; myFormRoom: FormGroup;
myFormEquir: FormGroup; myFormEquir: FormGroup;
myFormType: FormGroup;
constructor(private modalService: NgbModal, private equirmentService: EquirmentService, private roomService: RoomService, private RoomDetailService: RoomDetailService constructor(private modalService: NgbModal, private equirmentService: EquirmentService, private roomService: RoomService, private RoomDetailService: RoomDetailService
, private fb: FormBuilder) { , private fb: FormBuilder,private typeService: TypeService) {
} }
ngOnInit() { ngOnInit() {
...@@ -97,6 +101,10 @@ export class AdminEquirmentComponent implements OnInit { ...@@ -97,6 +101,10 @@ export class AdminEquirmentComponent implements OnInit {
Quantity : new FormControl('',[Validators.required]), Quantity : new FormControl('',[Validators.required]),
remark : new FormControl(''), remark : new FormControl(''),
}) })
this.myFormType = new FormGroup({
Type : new FormControl('',[Validators.required]),
})
} }
...@@ -228,6 +236,18 @@ export class AdminEquirmentComponent implements OnInit { ...@@ -228,6 +236,18 @@ export class AdminEquirmentComponent implements OnInit {
}); });
} }
openType(contenttype) {
this.modelType = new Type ();
this.myFormType = new FormGroup({
typeId : new FormControl(this.modelType.typeId,[Validators.required]),
typeName : new FormControl(this.modelType.typeName,[Validators.required]),
})
this.modalService.open(contenttype, { ariaLabelledBy: 'modal-basic-title' }).result.then((result) => {
this.closeResult = `Closed with: ${result}`;
}, (reason) => {
this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
});
}
private getDismissReason(reason: any): string { private getDismissReason(reason: any): string {
if (reason === ModalDismissReasons.ESC) { if (reason === ModalDismissReasons.ESC) {
...@@ -265,6 +285,12 @@ export class AdminEquirmentComponent implements OnInit { ...@@ -265,6 +285,12 @@ export class AdminEquirmentComponent implements OnInit {
} }
saveType(){
// this.typeService.addType(this.modelType);
this.modalService.dismissAll();
this.ngOnInit();
}
editRoom() { editRoom() {
this.roomService.editroom(this.modelRoom); this.roomService.editroom(this.modelRoom);
this.modalService.dismissAll(); this.modalService.dismissAll();
......
<div class=" content"> <div class=" content">
<div class="row">
<div class="col-sm-8">
<div class="card">
<div class="card-body">
<form class="form-inline">
<div class="form-group hidden">
<div class="input-group">
<input name="datepicker" class="form-control" ngbDatepicker #datepicker="ngbDatepicker"
[autoClose]="'outside'" (dateSelect)="onDateSelection($event)" [displayMonths]="2"
[dayTemplate]="t" outsideDays="hidden" [startDate]="fromDate!" tabindex="-1">
<ng-template #t let-date let-focused="focused">
<span class="custom-day" [class.focused]="focused" [class.range]="isRange(date)"
[class.faded]="isHovered(date) || isInside(date)"
(mouseenter)="hoveredDate = date" (mouseleave)="hoveredDate = null">
{{ date.day }}
</span>
</ng-template>
</div>
</div>
<div class="form-group">
<div class="input-group">
<input #dpFromDate class="form-control" placeholder="yyyy-mm-dd" name="dpFromDate"
[value]="formatter.format(fromDate)"
(input)="fromDate = validateInput(fromDate, dpFromDate.value)">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar" (click)="datepicker.toggle()"
type="button"></button>
</div>
</div>
</div>
<div class="form-group ml-2">
<div class="input-group">
<input #dpToDate class="form-control" placeholder="yyyy-mm-dd" name="dpToDate"
[value]="formatter.format(toDate)"
(input)="toDate = validateInput(toDate, dpToDate.value)">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar" (click)="datepicker.toggle()"
type="button"></button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="col-4">
<div class="card">
<div class="card-body">
<div ngbDropdown class="d-inline-block">
<button class="btn btn-sm btn-outline-primary" id="dropdownBasic1"
ngbDropdownToggle>ประเภทการค้นหา</button>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<button ngbDropdownItem>รอดำเนินการ</button>
<button ngbDropdownItem>อนุมัติ</button>
<button ngbDropdownItem>ยกเลิก</button>
<button ngbDropdownItem>สำเร็จแล้ว</button>
</div>
<button class="btn btn-sm btn-outline-success" type="submit">Search</button>
</div>
</div>
</div>
</div>
</div>
<ul ngbNav #nav="ngbNav" class="nav-tabs"> <ul ngbNav #nav="ngbNav" class="nav-tabs">
<li ngbNavItem> <li ngbNavItem>
<a ngbNavLink>การจอง</a> <a ngbNavLink>การจอง</a>
...@@ -71,6 +6,82 @@ ...@@ -71,6 +6,82 @@
<div class="row text-center"> <div class="row text-center">
<div class="col-sm-12"> <div class="col-sm-12">
<div class="card"> <div class="card">
<div class="card-header">
<div class="col-sm-12">
<form class="form-inline">
<div class="form-group hidden">
<div class="input-group">
<input name="datepicker" class="form-control" ngbDatepicker
#datepicker="ngbDatepicker" [autoClose]="'outside'"
(dateSelect)="onDateSelection($event)" [displayMonths]="2"
[dayTemplate]="t" outsideDays="hidden" [startDate]="fromDate!"
tabindex="-1">
<ng-template #t let-date let-focused="focused">
<span class="custom-day" [class.focused]="focused"
[class.range]="isRange(date)"
[class.faded]="isHovered(date) || isInside(date)"
(mouseenter)="hoveredDate = date"
(mouseleave)="hoveredDate = null">
{{ date.day }}
</span>
</ng-template>
</div>
</div>
<div class="form-group">
<div class="input-group">
<input #dpFromDate class="form-control" placeholder="yyyy-mm-dd"
name="dpFromDate" [value]="formatter.format(fromDate)"
(input)="fromDate = validateInput(fromDate, dpFromDate.value)">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar"
(click)="datepicker.toggle()" type="button"></button>
</div>
</div>
</div>
<div class="form-group ml-2">
<div class="input-group">
<input #dpToDate class="form-control" placeholder="yyyy-mm-dd"
name="dpToDate" [value]="formatter.format(toDate)"
(input)="toDate = validateInput(toDate, dpToDate.value)">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar"
(click)="datepicker.toggle()" type="button"></button>
</div>
</div>
</div>
<div class="form-group ml-3">
<div class="input-group">
<div ngbDropdown class="d-inline-block">
<button class="btn btn-sm btn-outline-primary" id="dropdownBasic1"
ngbDropdownToggle>ประเภทการค้นหา</button>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<button ngbDropdownItem>รอดำเนินการ</button>
<button ngbDropdownItem>อนุมัติ</button>
<button ngbDropdownItem>ยกเลิก</button>
<button ngbDropdownItem>สำเร็จแล้ว</button>
</div>
<button class="btn btn-sm btn-outline-success"
type="submit">Search</button>
</div>
</div>
</div>
</form>
</div>
<!-- <div class="col-4">
<div ngbDropdown class="d-inline-block">
<button class="btn btn-sm btn-outline-primary" id="dropdownBasic1"
ngbDropdownToggle>ประเภทการค้นหา</button>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<button ngbDropdownItem>รอดำเนินการ</button>
<button ngbDropdownItem>อนุมัติ</button>
<button ngbDropdownItem>ยกเลิก</button>
<button ngbDropdownItem>สำเร็จแล้ว</button>
</div>
<button class="btn btn-sm btn-outline-success" type="submit">Search</button>
</div>
</div> -->
</div>
<div class="card-body"> <div class="card-body">
<table class="table table-striped"> <table class="table table-striped">
<thead> <thead>
...@@ -133,6 +144,81 @@ ...@@ -133,6 +144,81 @@
<div class="row text-center"> <div class="row text-center">
<div class="col-sm-12"> <div class="col-sm-12">
<div class="card"> <div class="card">
<div class="card-header">
<div class="col-sm-12">
<form class="form-inline">
<div class="form-group hidden">
<div class="input-group">
<input name="datepicker" class="form-control" ngbDatepicker
#datepicker="ngbDatepicker" [autoClose]="'outside'"
(dateSelect)="onDateSelection($event)" [displayMonths]="2"
[dayTemplate]="t" outsideDays="hidden" [startDate]="fromDate!"
tabindex="-1">
<ng-template #t let-date let-focused="focused">
<span class="custom-day" [class.focused]="focused"
[class.range]="isRange(date)"
[class.faded]="isHovered(date) || isInside(date)"
(mouseenter)="hoveredDate = date"
(mouseleave)="hoveredDate = null">
{{ date.day }}
</span>
</ng-template>
</div>
</div>
<div class="form-group">
<div class="input-group">
<input #dpFromDate class="form-control" placeholder="yyyy-mm-dd"
name="dpFromDate" [value]="formatter.format(fromDate)"
(input)="fromDate = validateInput(fromDate, dpFromDate.value)">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar"
(click)="datepicker.toggle()" type="button"></button>
</div>
</div>
</div>
<div class="form-group ml-2">
<div class="input-group">
<input #dpToDate class="form-control" placeholder="yyyy-mm-dd"
name="dpToDate" [value]="formatter.format(toDate)"
(input)="toDate = validateInput(toDate, dpToDate.value)">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar"
(click)="datepicker.toggle()" type="button"></button>
</div>
</div>
</div>
<div class="form-group ml-3">
<div class="input-group">
<div ngbDropdown class="d-inline-block">
<button class="btn btn-sm btn-outline-primary" id="dropdownBasic1"
ngbDropdownToggle>ประเภทการค้นหา</button>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<button ngbDropdownItem>รอดำเนินการ</button>
<button ngbDropdownItem>อนุมัติ</button>
<button ngbDropdownItem>ยกเลิก</button>
<button ngbDropdownItem>สำเร็จแล้ว</button>
</div>
<button class="btn btn-sm btn-outline-success"
type="submit">Search</button>
</div>
</div>
</div>
</form>
</div>
<!-- <div class="col-4">
<div ngbDropdown class="d-inline-block">
<button class="btn btn-sm btn-outline-primary" id="dropdownBasic1"
ngbDropdownToggle>ประเภทการค้นหา</button>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<button ngbDropdownItem>รอดำเนินการ</button>
<button ngbDropdownItem>อนุมัติ</button>
<button ngbDropdownItem>ยกเลิก</button>
<button ngbDropdownItem>สำเร็จแล้ว</button>
</div>
<button class="btn btn-sm btn-outline-success" type="submit">Search</button>
</div>
</div> -->
</div>
<div class="card-body"> <div class="card-body">
<table class="table table-striped"> <table class="table table-striped">
<thead> <thead>
......
<div class=" content"> <div class= "content">
<div class="row"> <ul ngbNav #nav="ngbNav" (navChange)="onNavChange($event)" class="nav-tabs">
<div class="col-sm-8"> <li ngbNavItem>
<div class="card"> <a ngbNavLink>ปฏิทินการจอง</a>
<div class="card-body"> <ng-template ngbNavContent>
<form class="form-inline"> <div class="row">
<div class="form-group hidden"> <div class="col-sm-12">
<div class="input-group"> <div class="card">
<input name="datepicker" class="form-control" ngbDatepicker #datepicker="ngbDatepicker" <div class="card-header">
[autoClose]="'outside'" (dateSelect)="onDateSelection($event)" [displayMonths]="2" <div class="col-sm-12">
[dayTemplate]="t" outsideDays="hidden" [startDate]="fromDate!" tabindex="-1"> <form class="form-inline">
<ng-template #t let-date let-focused="focused"> <div class="form-group hidden">
<span class="custom-day" [class.focused]="focused" [class.range]="isRange(date)" <div class="input-group">
[class.faded]="isHovered(date) || isInside(date)" <input name="datepicker" class="form-control" ngbDatepicker
(mouseenter)="hoveredDate = date" (mouseleave)="hoveredDate = null"> #datepicker="ngbDatepicker" [autoClose]="'outside'"
{{ date.day }} (dateSelect)="onDateSelection($event)" [displayMonths]="2"
</span> [dayTemplate]="t" outsideDays="hidden" [startDate]="fromDate!"
</ng-template> tabindex="-1">
</div> <ng-template #t let-date let-focused="focused">
</div> <span class="custom-day" [class.focused]="focused"
<div class="form-group"> [class.range]="isRange(date)"
<div class="input-group"> [class.faded]="isHovered(date) || isInside(date)"
<input #dpFromDate class="form-control" placeholder="yyyy-mm-dd" name="dpFromDate" (mouseenter)="hoveredDate = date"
[value]="formatter.format(fromDate)" (mouseleave)="hoveredDate = null">
(input)="fromDate = validateInput(fromDate, dpFromDate.value)"> {{ date.day }}
<div class="input-group-append"> </span>
<button class="btn btn-outline-secondary calendar" (click)="datepicker.toggle()" </ng-template>
type="button"></button> </div>
</div>
<div class="form-group">
<div class="input-group">
<input #dpFromDate class="form-control" placeholder="yyyy-mm-dd"
name="dpFromDate" [value]="formatter.format(fromDate)"
(input)="fromDate = validateInput(fromDate, dpFromDate.value)">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar"
(click)="datepicker.toggle()" type="button"></button>
</div>
</div>
</div>
<div class="form-group ml-2">
<div class="input-group">
<input #dpToDate class="form-control" placeholder="yyyy-mm-dd"
name="dpToDate" [value]="formatter.format(toDate)"
(input)="toDate = validateInput(toDate, dpToDate.value)">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar"
(click)="datepicker.toggle()" type="button"></button>
</div>
</div>
</div>
<div class="form-group ml-3">
<div class="input-group">
<div ngbDropdown class="d-inline-block">
<button class="btn btn-sm btn-outline-primary" id="dropdownBasic1"
ngbDropdownToggle>ประเภทการค้นหา</button>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<button ngbDropdownItem>รอดำเนินการ</button>
<button ngbDropdownItem>อนุมัติ</button>
<button ngbDropdownItem>ยกเลิก</button>
<button ngbDropdownItem>สำเร็จแล้ว</button>
</div>
<button class="btn btn-sm btn-outline-success"
type="submit">Search</button>
</div>
</div>
</div>
</form>
</div> </div>
</div> </div>
</div> <div class="card-body">
<div class="form-group ml-2"> <full-calendar #calendarBook [options]="calendarRoom" style="
<div class="input-group"> margin-top: 20px;" *ngIf="listRoomDetail.length > 0"></full-calendar>
<input #dpToDate class="form-control" placeholder="yyyy-mm-dd" name="dpToDate"
[value]="formatter.format(toDate)"
(input)="toDate = validateInput(toDate, dpToDate.value)">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar" (click)="datepicker.toggle()"
type="button"></button>
</div>
</div> </div>
</div> </div>
</form> </div>
</div> </div>
</div> </ng-template>
</div> </li>
<div class="col-4"> <li ngbNavItem>
<div class="card"> <a ngbNavLink>ปฏิทินการยืมอุปกรณ์</a>
<div class="card-body"> <ng-template ngbNavContent>
<div ngbDropdown class="d-inline-block"> <div class="row">
<button class="btn btn-sm btn-outline-primary" id="dropdownBasic1" <div class="col-sm-12">
ngbDropdownToggle>ประเภทการค้นหา</button> <div class="card">
<div ngbDropdownMenu aria-labelledby="dropdownBasic1"> <div class="card-header">
<button ngbDropdownItem>รอดำเนินการ</button> <div class="col-sm-12">
<button ngbDropdownItem>อนุมัติ</button> <form class="form-inline">
<button ngbDropdownItem>ยกเลิก</button> <div class="form-group hidden">
<button ngbDropdownItem>สำเร็จแล้ว</button> <div class="input-group">
<input name="datepicker" class="form-control" ngbDatepicker
#datepicker="ngbDatepicker" [autoClose]="'outside'"
(dateSelect)="onDateSelection($event)" [displayMonths]="2"
[dayTemplate]="t" outsideDays="hidden" [startDate]="fromDate!"
tabindex="-1">
<ng-template #t let-date let-focused="focused">
<span class="custom-day" [class.focused]="focused"
[class.range]="isRange(date)"
[class.faded]="isHovered(date) || isInside(date)"
(mouseenter)="hoveredDate = date"
(mouseleave)="hoveredDate = null">
{{ date.day }}
</span>
</ng-template>
</div>
</div>
<div class="form-group">
<div class="input-group">
<input #dpFromDate class="form-control" placeholder="yyyy-mm-dd"
name="dpFromDate" [value]="formatter.format(fromDate)"
(input)="fromDate = validateInput(fromDate, dpFromDate.value)">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar"
(click)="datepicker.toggle()" type="button"></button>
</div>
</div>
</div>
<div class="form-group ml-2">
<div class="input-group">
<input #dpToDate class="form-control" placeholder="yyyy-mm-dd"
name="dpToDate" [value]="formatter.format(toDate)"
(input)="toDate = validateInput(toDate, dpToDate.value)">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar"
(click)="datepicker.toggle()" type="button"></button>
</div>
</div>
</div>
<div class="form-group ml-3">
<div class="input-group">
<div ngbDropdown class="d-inline-block">
<button class="btn btn-sm btn-outline-primary" id="dropdownBasic1"
ngbDropdownToggle>ประเภทการค้นหา</button>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<button ngbDropdownItem>รอดำเนินการ</button>
<button ngbDropdownItem>อนุมัติ</button>
<button ngbDropdownItem>ยกเลิก</button>
<button ngbDropdownItem>สำเร็จแล้ว</button>
</div>
<button class="btn btn-sm btn-outline-success"
type="submit">Search</button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="card-body">
<full-calendar #calenderLend [options]="calendarEquirment"
style="margin-top: 20px;" *ngIf="listItemDetail.length> 0"></full-calendar>
</div>
</div> </div>
<button class="btn btn-sm btn-outline-success" type="submit">Search</button>
</div> </div>
</div> </div>
</div> </ng-template>
</div> </li>
</div> </ul>
<div [ngbNavOutlet]="nav"></div>
<div class="row">
<div class="col-sm-12">
<div class="card">
<div class="card-body">
<ul ngbNav #nav="ngbNav" [(activeId)]="active" (navChange)="onNavChange($event)" class="nav-tabs">
<li [ngbNavItem]="1">
<a ngbNavLink>ปฏิทินการจอง</a>
<ng-template ngbNavContent>
<full-calendar #calendarBook [options]="calendarRoom" style="
margin-top: 20px;" *ngIf="listRoomDetail.length > 0"></full-calendar>
</ng-template>
</li>
<li [ngbNavItem]="2">
<a ngbNavLink>ปฏิทินการยืมอุปกรณ์</a>
<ng-template ngbNavContent>
<full-calendar #calendar [options]="calendarEquirment" style="
margin-top: 20px;" *ngIf="listRoomDetail.length > 0"></full-calendar>
</ng-template>
</li>
</ul>
<div [ngbNavOutlet]="nav"></div>
</div>
</div>
</div>
</div>
</div> </div>
\ No newline at end of file
<div class=" content"> <div class=" content">
<div class="row">
<div class="col-sm-8">
<div class="card">
<div class="card-body">
<form class="form-inline">
<div class="form-group hidden">
<div class="input-group">
<input name="datepicker" class="form-control" ngbDatepicker #datepicker="ngbDatepicker"
[autoClose]="'outside'" (dateSelect)="onDateSelection($event)" [displayMonths]="2"
[dayTemplate]="t" outsideDays="hidden" [startDate]="fromDate!" tabindex="-1">
<ng-template #t let-date let-focused="focused">
<span class="custom-day" [class.focused]="focused" [class.range]="isRange(date)"
[class.faded]="isHovered(date) || isInside(date)"
(mouseenter)="hoveredDate = date" (mouseleave)="hoveredDate = null">
{{ date.day }}
</span>
</ng-template>
</div>
</div>
<div class="form-group">
<div class="input-group">
<input #dpFromDate class="form-control" placeholder="yyyy-mm-dd" name="dpFromDate"
[value]="formatter.format(fromDate)"
(input)="fromDate = validateInput(fromDate, dpFromDate.value)">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar" (click)="datepicker.toggle()"
type="button"></button>
</div>
</div>
</div>
<div class="form-group ml-2">
<div class="input-group">
<input #dpToDate class="form-control" placeholder="yyyy-mm-dd" name="dpToDate"
[value]="formatter.format(toDate)"
(input)="toDate = validateInput(toDate, dpToDate.value)">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar" (click)="datepicker.toggle()"
type="button"></button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="col-4">
<div class="card">
<div class="card-body">
<div ngbDropdown class="d-inline-block">
<button class="btn btn-sm btn-outline-primary" id="dropdownBasic1"
ngbDropdownToggle>ประเภทการค้นหา</button>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<button ngbDropdownItem>รอดำเนินการ</button>
<button ngbDropdownItem>อนุมัติ</button>
<button ngbDropdownItem>ยกเลิก</button>
<button ngbDropdownItem>สำเร็จแล้ว</button>
</div>
<button class="btn btn-sm btn-outline-success" type="submit">Search</button>
</div>
</div>
</div>
</div>
</div>
<ul ngbNav #nav="ngbNav" class="nav-tabs"> <ul ngbNav #nav="ngbNav" class="nav-tabs">
<li ngbNavItem> <li ngbNavItem>
<a ngbNavLink>การจอง</a> <a ngbNavLink>การจอง</a>
...@@ -71,6 +6,81 @@ ...@@ -71,6 +6,81 @@
<div class="row text-center"> <div class="row text-center">
<div class="col-sm-12"> <div class="col-sm-12">
<div class="card"> <div class="card">
<div class="card-header">
<div class="col-sm-12">
<form class="form-inline">
<div class="form-group hidden">
<div class="input-group">
<input name="datepicker" class="form-control" ngbDatepicker
#datepicker="ngbDatepicker" [autoClose]="'outside'"
(dateSelect)="onDateSelection($event)" [displayMonths]="2"
[dayTemplate]="t" outsideDays="hidden" [startDate]="fromDate!"
tabindex="-1">
<ng-template #t let-date let-focused="focused">
<span class="custom-day" [class.focused]="focused"
[class.range]="isRange(date)"
[class.faded]="isHovered(date) || isInside(date)"
(mouseenter)="hoveredDate = date"
(mouseleave)="hoveredDate = null">
{{ date.day }}
</span>
</ng-template>
</div>
</div>
<div class="form-group">
<div class="input-group">
<input #dpFromDate class="form-control" placeholder="yyyy-mm-dd"
name="dpFromDate" [value]="formatter.format(fromDate)"
(input)="fromDate = validateInput(fromDate, dpFromDate.value)">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar"
(click)="datepicker.toggle()" type="button"></button>
</div>
</div>
</div>
<div class="form-group ml-2">
<div class="input-group">
<input #dpToDate class="form-control" placeholder="yyyy-mm-dd"
name="dpToDate" [value]="formatter.format(toDate)"
(input)="toDate = validateInput(toDate, dpToDate.value)">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar"
(click)="datepicker.toggle()" type="button"></button>
</div>
</div>
</div>
<div class="form-group ml-3">
<div class="input-group">
<div ngbDropdown class="d-inline-block">
<button class="btn btn-sm btn-outline-primary" id="dropdownBasic1"
ngbDropdownToggle>ประเภทการค้นหา</button>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<button ngbDropdownItem>รอดำเนินการ</button>
<button ngbDropdownItem>อนุมัติ</button>
<button ngbDropdownItem>ยกเลิก</button>
<button ngbDropdownItem>สำเร็จแล้ว</button>
</div>
<button class="btn btn-sm btn-outline-success"
type="submit">Search</button>
</div>
</div>
</div>
</form>
</div>
<!-- <div class="col-sm-4">
<div ngbDropdown class="d-inline-block">
<button class="btn btn-sm btn-outline-primary" id="dropdownBasic1"
ngbDropdownToggle>ประเภทการค้นหา</button>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<button ngbDropdownItem>รอดำเนินการ</button>
<button ngbDropdownItem>อนุมัติ</button>
<button ngbDropdownItem>ยกเลิก</button>
<button ngbDropdownItem>สำเร็จแล้ว</button>
</div>
<button class="btn btn-sm btn-outline-success" type="submit">Search</button>
</div>
</div> -->
</div>
<div class="card-body"> <div class="card-body">
<table class="table table-striped"> <table class="table table-striped">
<thead> <thead>
...@@ -134,6 +144,81 @@ ...@@ -134,6 +144,81 @@
<div class="row text-center"> <div class="row text-center">
<div class="col-sm-12"> <div class="col-sm-12">
<div class="card"> <div class="card">
<div class="card-header">
<div class="col-sm-12">
<form class="form-inline">
<div class="form-group hidden">
<div class="input-group">
<input name="datepicker" class="form-control" ngbDatepicker
#datepicker="ngbDatepicker" [autoClose]="'outside'"
(dateSelect)="onDateSelection($event)" [displayMonths]="2"
[dayTemplate]="t" outsideDays="hidden" [startDate]="fromDate!"
tabindex="-1">
<ng-template #t let-date let-focused="focused">
<span class="custom-day" [class.focused]="focused"
[class.range]="isRange(date)"
[class.faded]="isHovered(date) || isInside(date)"
(mouseenter)="hoveredDate = date"
(mouseleave)="hoveredDate = null">
{{ date.day }}
</span>
</ng-template>
</div>
</div>
<div class="form-group">
<div class="input-group">
<input #dpFromDate class="form-control" placeholder="yyyy-mm-dd"
name="dpFromDate" [value]="formatter.format(fromDate)"
(input)="fromDate = validateInput(fromDate, dpFromDate.value)">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar"
(click)="datepicker.toggle()" type="button"></button>
</div>
</div>
</div>
<div class="form-group ml-2">
<div class="input-group">
<input #dpToDate class="form-control" placeholder="yyyy-mm-dd"
name="dpToDate" [value]="formatter.format(toDate)"
(input)="toDate = validateInput(toDate, dpToDate.value)">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar"
(click)="datepicker.toggle()" type="button"></button>
</div>
</div>
</div>
<div class="form-group ml-3">
<div class="input-group">
<div ngbDropdown class="d-inline-block">
<button class="btn btn-sm btn-outline-primary" id="dropdownBasic1"
ngbDropdownToggle>ประเภทการค้นหา</button>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<button ngbDropdownItem>รอดำเนินการ</button>
<button ngbDropdownItem>อนุมัติ</button>
<button ngbDropdownItem>ยกเลิก</button>
<button ngbDropdownItem>สำเร็จแล้ว</button>
</div>
<button class="btn btn-sm btn-outline-success"
type="submit">Search</button>
</div>
</div>
</div>
</form>
</div>
<!-- <div class="col-4">
<div ngbDropdown class="d-inline-block">
<button class="btn btn-sm btn-outline-primary" id="dropdownBasic1"
ngbDropdownToggle>ประเภทการค้นหา</button>
<div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<button ngbDropdownItem>รอดำเนินการ</button>
<button ngbDropdownItem>อนุมัติ</button>
<button ngbDropdownItem>ยกเลิก</button>
<button ngbDropdownItem>สำเร็จแล้ว</button>
</div>
<button class="btn btn-sm btn-outline-success" type="submit">Search</button>
</div>
</div> -->
</div>
<div class="card-body"> <div class="card-body">
<table class="table table-striped"> <table class="table table-striped">
<thead> <thead>
......
...@@ -7,7 +7,7 @@ import { Contact } from "../models/contact.model"; ...@@ -7,7 +7,7 @@ import { Contact } from "../models/contact.model";
export class ContactService { export class ContactService {
constructor(private http: HttpClient) { } constructor(private http: HttpClient) { }
url: string = "http://915e-49-0-64-28.ngrok.io"; url: string = "http://5fa9-110-169-221-194.ngrok.io";
listContact: Contact[] = [] listContact: Contact[] = []
addContact(model: Contact) { addContact(model: Contact) {
......
...@@ -8,7 +8,7 @@ import { Observable } from 'rxjs'; ...@@ -8,7 +8,7 @@ import { Observable } from 'rxjs';
export class EquirmentService { export class EquirmentService {
constructor(private http: HttpClient) { } constructor(private http: HttpClient) { }
url: string = "http://915e-49-0-64-28.ngrok.io"; url: string = "http://5fa9-110-169-221-194.ngrok.io";
listEquirment: Equirment[] = [] listEquirment: Equirment[] = []
addEquirment(model: Equirment) { addEquirment(model: Equirment) {
......
...@@ -7,7 +7,7 @@ import { Observable } from 'rxjs'; ...@@ -7,7 +7,7 @@ import { Observable } from 'rxjs';
export class ItemDetailService { export class ItemDetailService {
constructor(private http: HttpClient) { } constructor(private http: HttpClient) { }
url: string = "http://915e-49-0-64-28.ngrok.io"; url: string = "http://5fa9-110-169-221-194.ngrok.io";
listItemDetail: ItemDetail[] = [] listItemDetail: ItemDetail[] = []
addItemDetail(model: ItemDetail) { addItemDetail(model: ItemDetail) {
......
...@@ -6,9 +6,12 @@ import { Observable } from 'rxjs'; ...@@ -6,9 +6,12 @@ import { Observable } from 'rxjs';
@Injectable({ providedIn: 'root' }) @Injectable({ providedIn: 'root' })
export class RoomDetailService { export class RoomDetailService {
open(contenttype: any, arg1: { ariaLabelledBy: string; }) {
throw new Error('Method not implemented.');
}
constructor(private http: HttpClient) { } constructor(private http: HttpClient) { }
url: string = "http://915e-49-0-64-28.ngrok.io"; url: string = "http://5fa9-110-169-221-194.ngrok.io";
listRoomDetail: RoomDetail[] = [] listRoomDetail: RoomDetail[] = []
editRoomDetail(model: RoomDetail) { editRoomDetail(model: RoomDetail) {
......
...@@ -7,7 +7,7 @@ import { RoomDetail } from '../models/RoomDetail.model'; ...@@ -7,7 +7,7 @@ import { RoomDetail } from '../models/RoomDetail.model';
export class RoomService { export class RoomService {
constructor(private http: HttpClient) { } constructor(private http: HttpClient) { }
url: string = "http://915e-49-0-64-28.ngrok.io"; url: string = "http://5fa9-110-169-221-194.ngrok.io";
listRoomModel: Room[] = [] listRoomModel: Room[] = []
listRoomSearch: Room[] = []; listRoomSearch: Room[] = [];
......
...@@ -6,7 +6,7 @@ import { Search } from '../models/search.model'; ...@@ -6,7 +6,7 @@ import { Search } from '../models/search.model';
export class SearchService { export class SearchService {
constructor(private http: HttpClient) {} constructor(private http: HttpClient) {}
url: string = "http://915e-49-0-64-28.ngrok.io"; url: string = "http://5fa9-110-169-221-194.ngrok.io";
listSearch: Search[] = [] listSearch: Search[] = []
getListSearch(){ getListSearch(){
......
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { Type } from '../models/type.model';
@Injectable({ providedIn: 'root' })
export class TypeService {
// addType(modelType: Function) {
// throw new Error('Method not implemented.');
// }
constructor(private http: HttpClient) { }
url: string = "http://5fa9-110-169-221-194.ngrok.io";
listType: Type[] = []
addType(model: Type) {
this.listType.push(model);
this.listType.reverse
}
getListType(): Observable<Type[]> {
return this.http.get<Type[]>(this.url + "/Type/lists");
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment