Skip to content

B
BookingMyHrManagement
Commit bc04974b by DESKTOP-HF0LVOG\myhr
Options

Update หัวตาราง

parent 0d804d73
Showing with 230 additions and 124 deletions
src/app/pages/admin-pending/admin-pending.component.html
...@@ -47,73 +47,129 @@ ...@@ -47,73 +47,129 @@
</div> </div>
</div> </div>
</div> </div>
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item"> <ul ngbNav #nav="ngbNav" class="nav-tabs">
<a class="nav-link active" id="ยืมอุปกรณ์IT-tab" data-toggle="tab" href="#ยืมอุปกรณ์IT" role="tab" <li ngbNavItem>
aria-controls="ยืมอุปกรณ์IT" aria-selected="true">ยืมอุปกรณ์IT</a> <a ngbNavLink>การจอง</a>
<ng-template ngbNavContent>
<div class="row">
<div class="col-sm-12">
<div class="card">
<div class="card-body">
<table class="table table-striped">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Catagory</th>
<th scope="col">Type</th>
<th scope="col">Detail</th>
<th scope="col">Name</th>
<th scope="col">Start-Date</th>
<th scope="col">End-Date</th>
<th scope="col">Status</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let country of countries">
<th scope="row">{{ country.id }}</th>
<td>{{ country.catagory }}</td>
<td>{{ country.type }}</td>
<td>{{ country.detail }}</td>
<td>{{ country.name }}</td>
<td>{{ country.sdate | date:'dd-MM-yyyy' }}</td>
<td>{{ country.edate | date:'dd-MM-yyyy' }}</td>
<td>{{ country.status }}</td>
<div class="d-grid gap-3 d-sm-flex justify-content-end">
<button class="btn btn-primary btn-sm align-end"
type="button">เพิ่ม</button>
<button class="btn btn-primary btn-sm " type="button">ลบ</button>
<button class="btn btn-primary btn-sm " type="button">แก้ไข</button>
</div>
</tr>
</tbody>
</table>
<div class="d-flex justify-content-between p-2">
<ngb-pagination [collectionSize]="collectionSize" [(page)]="page"
[pageSize]="pageSize" (pageChange)="refreshCountries()">
</ngb-pagination>
<select class="custom-select" style="width: auto" [(ngModel)]="pageSize"
(ngModelChange)="refreshCountries()">
<option [ngValue]="10">10 items per page</option>
<option [ngValue]="50">50 items per page</option>
<option [ngValue]="100">100 items per page</option>
</select>
</div>
</div>
</div>
</div>
</div>
</ng-template>
</li> </li>
<li class="nav-item"> <li ngbNavItem>
<a class="nav-link" id="จองห้อง-รถ-tab" data-toggle="tab" href="#จองห้อง-รถ" role="tab" <a ngbNavLink>การเบิก</a>
aria-controls="จองห้อง-รถ" aria-selected="false">จองห้อง-รถ</a> <ng-template ngbNavContent>
<div class="row">
<div class="col-sm-12">
<div class="card">
<div class="card-body">
<table class="table table-striped">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Catagory</th>
<th scope="col">Type</th>
<th scope="col">Detail</th>
<th scope="col">Name</th>
<th scope="col">Start-Date</th>
<th scope="col">End-Date</th>
<th scope="col">Status</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let country of countries">
<th scope="row">{{ country.id }}</th>
<td>{{ country.catagory }}</td>
<td>{{ country.type }}</td>
<td>{{ country.detail }}</td>
<td>{{ country.name }}</td>
<td>{{ country.sdate | date:'dd-MM-yyyy' }}</td>
<td>{{ country.edate | date:'dd-MM-yyyy' }}</td>
<td>{{ country.status }}</td>
<div class="d-grid gap-3 d-sm-flex justify-content-end">
<button class="btn btn-primary btn-sm align-end"
type="button">เพิ่ม</button>
<button class="btn btn-primary btn-sm " type="button">ลบ</button>
<button class="btn btn-primary btn-sm " type="button">แก้ไข</button>
</div>
</tr>
</tbody>
</table>
<div class="d-flex justify-content-between p-2">
<ngb-pagination [collectionSize]="collectionSize" [(page)]="page"
[pageSize]="pageSize" (pageChange)="refreshCountries()">
</ngb-pagination>
<select class="custom-select" style="width: auto" [(ngModel)]="pageSize"
(ngModelChange)="refreshCountries()">
<option [ngValue]="10">10 items per page</option>
<option [ngValue]="50">50 items per page</option>
<option [ngValue]="100">100 items per page</option>
</select>
</div>
</div>
</div>
</div>
</div>
</ng-template>
</li> </li>
<div class="col-sm-4">
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</ul> </ul>
<div class="row"> <div [ngbNavOutlet]="nav"></div>
<div class="col-sm-12">
<div class="card">
<div class="card-body">
<table class="table table-striped">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Catagory</th>
<th scope="col">Type</th>
<th scope="col">Detail</th>
<th scope="col">Name</th>
<th scope="col">Start-Date</th>
<th scope="col">End-Date</th>
<th scope="col">Status</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let country of countries">
<th scope="row">{{ country.id }}</th>
<td>{{ country.catagory }}</td>
<td>{{ country.type }}</td>
<td>{{ country.detail }}</td>
<td>{{ country.name }}</td>
<td>{{ country.sdate | date:'dd-MM-yyyy' }}</td>
<td>{{ country.edate | date:'dd-MM-yyyy' }}</td>
<td>{{ country.status }}</td>
<div class="d-grid gap-3 d-sm-flex justify-content-end">
<button class="btn btn-primary btn-sm align-end" type="button">เพิ่ม</button>
<button class="btn btn-primary btn-sm " type="button">ลบ</button>
<button class="btn btn-primary btn-sm " type="button">แก้ไข</button>
</div>
</tr>
</tbody>
</table>
<div class="d-flex justify-content-between p-2">
<ngb-pagination [collectionSize]="collectionSize" [(page)]="page" [pageSize]="pageSize"
(pageChange)="refreshCountries()">
</ngb-pagination>
<select class="custom-select" style="width: auto" [(ngModel)]="pageSize"
(ngModelChange)="refreshCountries()">
<option [ngValue]="10">10 items per page</option>
<option [ngValue]="50">50 items per page</option>
<option [ngValue]="100">100 items per page</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div> </div>
\ No newline at end of file
src/app/pages/pending/pending.component.html
...@@ -40,75 +40,125 @@ ...@@ -40,75 +40,125 @@
</div> </div>
</div> </div>
</div> </div>
<input class="form-control" type="search" placeholder="Search" aria-label="Search"> <input class="form-control" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button> <button class="btn btn-outline-success" type="submit">Search</button>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="ยืมอุปกรณ์IT-tab" data-toggle="tab" href="#ยืมอุปกรณ์IT" role="tab" <ul ngbNav #nav="ngbNav" class="nav-tabs">
aria-controls="ยืมอุปกรณ์IT" aria-selected="true">ยืมอุปกรณ์IT</a> <li ngbNavItem>
</li> <a ngbNavLink>การจอง</a>
<li class="nav-item"> <ng-template ngbNavContent>
<a class="nav-link" id="จองห้อง-รถ-tab" data-toggle="tab" href="#จองห้อง-รถ" role="tab" <div class="row">
aria-controls="จองห้อง-รถ" aria-selected="false">จองห้อง-รถ</a> <div class="col-sm-12">
<div class="card">
<div class="card-body">
<table class="table table-striped">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Catagory</th>
<th scope="col">Type</th>
<th scope="col">Detail</th>
<th scope="col">Name</th>
<th scope="col">Start-Date</th>
<th scope="col">End-Date</th>
<th scope="col">Status</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let country of countries">
<th scope="row">{{ country.id }}</th>
<td>{{ country.catagory }}</td>
<td>{{ country.type }}</td>
<td>{{ country.detail }}</td>
<td>{{ country.name }}</td>
<td>{{ country.sdate | date:'dd-MM-yyyy' }}</td>
<td>{{ country.edate | date:'dd-MM-yyyy' }}</td>
<td>{{ country.status }}</td>
</tr>
</tbody>
</table>
<div class="d-flex justify-content-between p-2">
<ngb-pagination [collectionSize]="collectionSize" [(page)]="page"
[pageSize]="pageSize" (pageChange)="refreshCountries()">
</ngb-pagination>
<select class="custom-select" style="width: auto" [(ngModel)]="pageSize"
(ngModelChange)="refreshCountries()">
<option [ngValue]="10">10 items per page</option>
<option [ngValue]="50">50 items per page</option>
<option [ngValue]="100">100 items per page</option>
</select>
</div>
</div>
</div>
</div>
</div>
</ng-template>
</li> </li>
<div class="col-sm-4"> <li ngbNavItem>
<form class="form-inline my-2 my-lg-0"> <a ngbNavLink>การเบิก</a>
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search"> <ng-template ngbNavContent>
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> <div class="row">
</form> <div class="col-sm-12">
</div> <div class="card">
</ul> <div class="card-body">
<div class="row"> <table class="table table-striped">
<div class="col-sm-12"> <thead>
<div class="card"> <tr>
<div class="card-body"> <th scope="col">#</th>
<table class="table table-striped"> <th scope="col">Catagory</th>
<thead> <th scope="col">Type</th>
<tr> <th scope="col">Detail</th>
<th scope="col">#</th> <th scope="col">Name</th>
<th scope="col">Catagory</th> <th scope="col">Start-Date</th>
<th scope="col">Type</th> <th scope="col">End-Date</th>
<th scope="col">Detail</th> <th scope="col">Status</th>
<th scope="col">Name</th> </tr>
<th scope="col">Start-Date</th> </thead>
<th scope="col">End-Date</th> <tbody>
<th scope="col">Status</th> <tr *ngFor="let country of countries">
</tr> <th scope="row">{{ country.id }}</th>
</thead> <td>{{ country.catagory }}</td>
<tbody> <td>{{ country.type }}</td>
<tr *ngFor="let country of countries"> <td>{{ country.detail }}</td>
<th scope="row">{{ country.id }}</th> <td>{{ country.name }}</td>
<td>{{ country.catagory }}</td> <td>{{ country.sdate | date:'dd-MM-yyyy' }}</td>
<td>{{ country.type }}</td> <td>{{ country.edate | date:'dd-MM-yyyy' }}</td>
<td>{{ country.detail }}</td> <td>{{ country.status }}</td>
<td>{{ country.name }}</td> </tr>
<td>{{ country.sdate | date:'dd-MM-yyyy' }}</td> </tbody>
<td>{{ country.edate | date:'dd-MM-yyyy' }}</td> </table>
<td>{{ country.status }}</td>
</tr>
</tbody>
</table>
<div class="d-flex justify-content-between p-2"> <div class="d-flex justify-content-between p-2">
<ngb-pagination [collectionSize]="collectionSize" [(page)]="page" [pageSize]="pageSize" <ngb-pagination [collectionSize]="collectionSize" [(page)]="page"
(pageChange)="refreshCountries()"> [pageSize]="pageSize" (pageChange)="refreshCountries()">
</ngb-pagination> </ngb-pagination>
<select class="custom-select" style="width: auto" [(ngModel)]="pageSize" <select class="custom-select" style="width: auto" [(ngModel)]="pageSize"
(ngModelChange)="refreshCountries()"> (ngModelChange)="refreshCountries()">
<option [ngValue]="10">10 items per page</option> <option [ngValue]="10">10 items per page</option>
<option [ngValue]="50">50 items per page</option> <option [ngValue]="50">50 items per page</option>
<option [ngValue]="100">100 items per page</option> <option [ngValue]="100">100 items per page</option>
</select> </select>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </ng-template>
</div> </li>
</div> </ul>
<div [ngbNavOutlet]="nav"></div>
</div> </div>
\ No newline at end of file
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