Update เพิ่มข้อความในที่ตรงกดแว่นขยาย

src/app/pages/pending/pending.component.html

@@ -95,7 +95,7 @@
                                             <td>{{ item.eStatus }}</td>
                                             <div class="col-auto align-self-sm-center">
                                                 <button type="button" class="btn btn-info btn-sm btn-circle "
-                                                    style="line-height: 0px" (click)="open(Room)"><i class="fa fa-search"></i> </button>
+                                                    style="line-height: 0px" (click)="openRoomDetail(Room,item)"><i class="fa fa-search"></i> </button>
                                             </div>
                                         </tr>
                                     </tbody>
@@ -194,7 +194,7 @@
                         <div class=" col-md-12">
                             <div class=" form-group">
                                 <label> ชื่อผู้จอง </label>
-                                <input readonly class=" form-control" placeholder="" type="text" [value]="listroomDetail.userName" />
+                                <input readonly class=" form-control" placeholder="" type="text" value="{{modelroomDetail.userName}}" />
                             </div>
                         </div>
                     </div>
@@ -209,33 +209,33 @@
                     <div class="row">
                         <div class="col-sm-12 mb-1">
                             <label for="exampleFormControlSelect1">ชื่อห้อง</label>
-                            <input readonly class="form-control" type="text" [value]="listroomDetail.room.rName">
+                            <input readonly class="form-control" type="text" value="{{modelroomDetail.room.rName}}">
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-sm-12 mb-1">
                             <label for="exampleFormControlSelect1">รายละเอียด</label>
-                            <input readonly class="form-control" type="text" [value]="listroomDetail.room.rDesc">
+                            <input readonly class="form-control" type="text" value="{{modelroomDetail.room.rDesc}}">
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-6 mb-1">
                             <label for="exampleFormControlSelect1">วันที่เริ่มต้น</label>
-                            <input readonly type="date" class="form-control" value="">
+                            <input readonly type="date" class="form-control" value="{{modelroomDetail.sDate | date:'dd-MM-yyyy'}}">
                         </div>
                         <div class="col-6 mb-1">
                             <label for="exampleFormControlSelect1">วันที่สิ้นสุด</label>
-                            <input readonly type="date" class="form-control" value="">
+                            <input readonly type="date" class="form-control" value="{{modelroomDetail.eDate | date:'dd-MM-yyyy'}}">
                         </div>
                     </div>
                     <div class="row">
                         <div class="col-6 mb-1">
                             <label for="exampleFormControlSelect1">เวลาที่เริ่มต้น</label>
-                            <input readonly class="form-control" type="text" value="">
+                            <input readonly class="form-control" type="text" value="{{modelroomDetail.sTime.hour}} {{modelroomDetail.sTime.minute}}">
                         </div>
                         <div class="col-6 mb-1">
                             <label [readonly] for="exampleFormControlSelect1">เวลาที่สิ้นสุด</label>
-                            <input readonly class="form-control" type="text" value="">
+                            <input readonly class="form-control" type="text" value="{{modelroomDetail.eTime.hour}} {{modelroomDetail.eTime.minute}}">
                         </div>
                     </div>
                     <div class=" row">

src/app/pages/pending/pending.component.ts

@@ -100,6 +100,17 @@ export class PendingComponent implements OnInit {
     });
   }
 
+  openRoomDetail(content : string ,item : roomDetail) {
+    this.modelroomDetail = item ;
+    console.log(item);
+    this.modalService.open(content, { ariaLabelledBy: 'modal-basic-title' }).result.then((result) => {
+      this.closeResult = `Closed with: ${result}`;
+    }, (reason) => {
+      this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
+    });
+  }
+
+
   private getDismissReason(reason: any): string {
     if (reason === ModalDismissReasons.ESC) {
       return 'by pressing ESC';