Add การแก้ไขการจอง

src/app/models/rooms.model.ts

@@ -3,6 +3,7 @@ import { roomDetail } from "./roomDetail.model"
 export class Room {
     rId: number;
     rName: string;
+    rType : string;
     rPic: string;
     roomLimit: number;
     rDesc: string;

src/app/pages/admin-equirment/admin-equirment.component.html

@@ -124,9 +124,9 @@
     <div [ngbNavOutlet]="nav"></div>
 </div>
 
-<ng-template #contentroom let-modal style="padding: 0; ">
-    <div class=" col-md-12">
-        <div class="card">
+<ng-template #contentroom let-modal >
+    <div class=" col-md-12" style="padding: 0; ">
+        <div class="card" style="margin: 0; ">
             <div class=" card-header">
                 <h5 class=" title">Add Equirment</h5>
             </div>
@@ -174,9 +174,9 @@
     </div>
 </ng-template>
 
-<ng-template #contentequirment let-modal style="padding: 0; ">
-    <div class=" col-md-12">
-        <div class="card">
+<ng-template #contentequirment let-modal >
+    <div class=" col-md-12" style="padding: 0; ">
+        <div class="card" style="margin: 0; ">
             <div class=" card-header">
                 <h5 class=" title">Add Equirment</h5>
             </div>
@@ -228,9 +228,9 @@
     </div>
 </ng-template>
 
-<ng-template #editroom let-modal style="padding: 0; ">
-    <div class=" col-md-12">
-        <div class="card">
+<ng-template #editroom let-modal >
+    <div class=" col-md-12" style="padding: 0; ">
+        <div class="card" style="margin: 0; ">
             <div class=" card-header">
                 <h5 class=" title">แก้ไขข้อมูล</h5>
             </div>
@@ -240,7 +240,15 @@
                         <div class=" col-md-12">
                             <div class=" form-group">
                                 <label> ชื่อ </label>
-                                <input class=" form-control" type="text" [value]="modelroomDetail.room.rName">
+                                <input class=" form-control" type="text"  [(ngModel)]="modelroomDetail.room.rName">
+                            </div>
+                        </div>
+                    </div>
+                    <div class=" row">
+                        <div class=" col-md-12">
+                            <div class=" form-group">
+                                <label> ประเภท </label>
+                                <input class=" form-control" type="text"  [(ngModel)]="modelroomDetail.room.rType">
                             </div>
                         </div>
                     </div>
@@ -263,9 +271,9 @@
     </div>
 </ng-template>
 
-<ng-template #editLend let-modal style="padding: 0; ">
-    <div class=" col-md-12">
-        <div class="card">
+<ng-template #editLend let-modal >
+    <div class=" col-md-12" style="padding: 0; ">
+        <div class="card" style="margin: 0; ">
             <div class=" card-header">
                 <h5 class=" title">แก้ไขข้อมูล</h5>
             </div>
@@ -275,7 +283,7 @@
                         <div class=" col-md-12">
                             <div class=" form-group">
                                 <label> ชื่อ </label>
-                                <input class=" form-control" type="text" [value]="modelitemDetail.equirment.rName">
+                                <input class=" form-control" type="text"  [(ngModel)]="modelitemDetail.equirment.eqName">
                             </div>
                         </div>
                     </div>
@@ -307,9 +315,9 @@
     </div>
 </ng-template>
 
-<ng-template #Room let-modal style="padding: 0; ">
-    <div class=" col-md-12">
-        <div class="card">
+<ng-template #Room let-modal >
+    <div class=" col-md-12" style="padding: 0; ">
+        <div class="card" style="margin: 0; ">
             <div class=" card-header">
                 <h5 class=" title">การจอง</h5>
             </div>
@@ -382,9 +390,9 @@
     </div>
 </ng-template>
 
-<ng-template #Lend let-modal style="padding: 0; ">
-    <div class=" col-md-12">
-        <div class="card">
+<ng-template #Lend let-modal>
+    <div class=" col-md-12" style="padding: 0; ">
+        <div class="card" style="margin: 0; ">
             <div class=" card-header">
                 <h5 class=" title">Lend Equirment</h5>
             </div>

src/app/service/room-detail.service.ts

@@ -13,6 +13,7 @@ export class roomDetailService {
             room: {
                 rId: 1,
                 rName: "ห้องเดียว",
+                rType : "ห้อง",
                 rPic: "assets/img/room.jpg",
                 roomLimit: 25,
                 rDesc: "จำนวนคน 25 คน",
@@ -38,6 +39,7 @@ export class roomDetailService {
             room: {
                 rId: 2,
                 rName: "ห้องคู่",
+                rType : "ห้อง",
                 rPic: "assets/img/room.jpg",
                 roomLimit: 50,
                 rDesc: "จำนวนคน 50 คน",

src/app/service/room.service.ts

@@ -14,6 +14,7 @@ export class RoomService {
     {
       rId: 1,
       rName: "ห้องเดียว",
+      rType : "ห้อง",
       rPic: "assets/img/room.jpg",
       roomLimit: 25,
       rDesc: "จำนวนคน 25 คน",
@@ -21,7 +22,7 @@ export class RoomService {
     {
       rId: 2,
       rName: "ห้องคู่",
-
+      rType : "ห้อง",
       rPic: "assets/img/room.jpg",
       roomLimit: 50,
       rDesc: "จำนวนคน 50 คน",
@@ -29,6 +30,7 @@ export class RoomService {
     {
       rId: 3,
       rName: "ห้องรวม",
+      rType : "ห้อง",
       rPic: "assets/img/room.jpg",
       roomLimit: 100,
       rDesc: "จำนวนคน 100 คน",
@@ -36,6 +38,7 @@ export class RoomService {
     {
       rId: 4,
       rName: "รถ",
+      rType : "รถ",
       rPic: "assets/img/car.jpg",
       roomLimit: 0,
       rDesc: "รถ",