Skip to content

B
BookingMyHrManagement
Commit d052fac9 by DESKTOP-HF0LVOG\myhr
Options

Merge branch 'master' of https://mygit.myhr.co.th/chanachai.pmg.eng/BookingMyHrManagement

parents a9536ab5 26fc1124
Showing with 40 additions and 27 deletions
src/app/pages/equipment/equipment.component.html
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div> <div>
<h4 class="nav justify-content-center ">รายการอุปกรณ์ที่ยืมได้</h4> <h4 class="nav justify-content-center ">รายการ</h4>
</div> </div>
</div> </div>
</div> </div>
...@@ -14,37 +14,50 @@ ...@@ -14,37 +14,50 @@
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
<div class="card"> <div class="card">
<div class="card" style="width: 18rem;"> <div class="card-body">
<div class="card-body"> <div ngbDropdown class="d-inline-block">
<img src="assets\img\mo1.jpg" class="card-img-top" alt="..."> <button class="btn btn-outline-primary" id="dropdownBasic1" ngbDropdownToggle>หมวดหมู่</button>
<div class="card-body"> <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
<h5 class="card-title">จอคอมพิวเตอร์</h5> <button ngbDropdownItem>ยืมอุปกรณ์</button>
<p class="card-text">รหัสอุปกรณ์ : 0001</p> <button ngbDropdownItem>ยืมรถ</button>
<button ngbDropdownItem>จองห้อง</button>
</div> </div>
<div class="d-grid gap-2 d-md-flex justify-content-md-end"> </div>
<button class="btn btn-primary me-md-2" type="button">ยืนยัน</button> </div>
<button class="btn btn-primary" type="button">ยกเลิก</button> <div class="col-sm-6">
<div class="card" style="width: 50rem;">
<div class="mx-auto" style="width: 200px;">
<img src="assets\img\mo1.jpg" class="nav justify-content-center" alt="...">
</div> </div>
</div>
<div class="row"> <nav aria-label="Page navigation example">
<div class="col-sm-6"> <ul class="pagination justify-content-end">
<div class="card" style="width: 18rem;"> <li class="page-item disabled">
<div class="card-body"> <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Back</a>
<img src="assets\img\notebook.jpg" class="card-img-top" alt="..."> </li>
<div class="card-body"> <li class="page-item"><a class="page-link" href="#">1</a></li>
<h5 class="card-title">โน๊ตบุ๊ค</h5> <li class="page-item"><a class="page-link" href="#">2</a></li>
<p class="card-text">รหัสอุปกรณ์ : 0002</p> <li class="page-item"><a class="page-link" href="#">3</a></li>
</div> <li class="page-item"><a class="page-link" href="#">4</a></li>
<div class="d-grid gap-2 d-md-flex justify-content-md-end"> <li class="page-item"><a class="page-link" href="#">5</a></li>
<button class="btn btn-primary me-md-2" type="button">ยืนยัน</button> <li class="page-item">
<button class="btn btn-primary" type="button">ยกเลิก</button> <a class="page-link" href="#">Next</a>
</div> </li>
</div> </ul>
</div> </nav>
</div> </div>
<div class="col-sm-6">
<div class=" card-body">
<div class=" nav justify-content-center">
<h4 class=" title">รายละเอียดอุปกรณ์</h4>
</div> </div>
<p class="card-text">....</p>
</div> </div>
</div> </div>
<div class="d-grid gap-2 a-md-flex justify-content-md-end">
<button class="btn btn-primary" type="button">ยืม</button>
<button class="btn btn-primary" type="button">ยกเลิก</button>
</div>
</div> </div>
</div> </div>
</div> </div>
......
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