Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="content-wrapper">
- <div class="row">
- <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
- <div class="chats">
- <div class="box_title mb-3">
- <h4 class="font-weight-bold">ประวัติธุรกรรม</h4>
- </div>
- <div class="mb-3">
- <button type="button" class="btn btn-sm btn-warning">วันนี้</button>
- <button type="button" class="btn btn-sm btn-success">เมื่อวาน</button>
- <button type="button" class="btn btn-sm btn-info" data-toggle="modal" data-target="#selectDate">
- แสดงตามวันที่เลือก
- </button>
- </div>
- <div class="mb-3">
- <span class="text-danger mt-1">แสดงตั้งแต่ dd/mm/yyyy ถึง dd/mm/yyyy</span>
- </div>
- <ul class="nav nav-pills mb-3 tabs-list" id="pills-tab" role="tablist">
- <li class="nav-item">
- <a class="tab active" style="margin-right: 15px;" id="exchange-tab" data-toggle="pill"
- href="#tab_detail" role="tab" aria-controls="tab_detail" aria-selected="true">โยกเงิน</a>
- </li>
- <li class="nav-item">
- <a class="tab" id="deposit-tab" style="margin-right: 15px;" data-toggle="pill" href="#deposit"
- role="tab" aria-controls="deposit" aria-selected="false">แจ้งฝาก</a>
- </li>
- <li class="nav-item">
- <a class="tab" id="withdraw-tab" style="margin-right: 15px;" data-toggle="pill"
- href="#withdraw" role="tab" aria-controls="withdraw" aria-selected="false">แจ้งถอน</a>
- </li>
- </ul>
- <div class="accordion js-accordion">
- <div class="tab-content" id="pills-tabContent">
- <div class="tab-pane fade active show" id="tab_detail" role="tabpanel"
- aria-labelledby="exchange-tab">
- <h4>19 พ.ค. 2562</h4>
- <div class="accordion__item js-accordion-item card_main card_exchange">
- <div class="accordion-header js-accordion-header">
- <div class="active-users">
- <div class="w-75 float-left">
- <div class="desc pull-left">
- <p class="name"><i class="fas fa-exchange-alt mr-2"></i>
- โยกเงิน</p>
- <p class="position">
- 19:16:18 </p>
- <small class="text-muted"> <i class="fas fa-circle text-success"></i>
- สำเร็จ</small>
- </div>
- </div>
- <div class="w-25 float-left">
- <div class="float-right">
- <p class="balance">
- 640.00 </p>
- <small></small>
- </div>
- </div>
- </div>
- </div>
- <div class="accordion-body js-accordion-body"
- style="display: none; height: 256px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;">
- <div class="accordion-body__contents">
- <hr>
- <div class="w-50 float-left">
- รหัสอ้างอิง
- </div>
- <div class="w-50 float-left">
- <div class="float-right font-weight-bold">
- 491572 </div>
- </div>
- <div class="w-50 float-left">
- จาก
- </div>
- <div class="w-50 float-left">
- <div class="float-right font-weight-bold">
- VILLA555 </div>
- </div>
- <div class="w-50 float-left">
- ไปยัง
- </div>
- <div class="w-50 float-left">
- <div class="float-right font-weight-bold">
- WALLET </div>
- </div>
- <div class="w-50 float-left">
- จำนวน
- </div>
- <div class="w-50 float-left">
- <div class="float-right font-weight-bold">
- 640.00 </div>
- </div>
- <div class="w-50 float-left">
- ก่อนจาก
- </div>
- <div class="w-50 float-left">
- <div class="float-right font-weight-bold">
- 640.30 </div>
- </div>
- <div class="w-50 float-left">
- ก่อนถึง
- </div>
- <div class="w-50 float-left">
- <div class="float-right font-weight-bold">
- 0.00 </div>
- </div>
- <div class="w-50 float-left">
- หลังจาก
- </div>
- <div class="w-50 float-left">
- <div class="float-right font-weight-bold">
- 0.30 </div>
- </div>
- <div class="w-50 float-left">
- หลังถึง
- </div>
- <div class="w-50 float-left">
- <div class="float-right font-weight-bold">
- 640.00 </div>
- </div>
- </div>
- <small>หมายเหตุ : </small>
- </div>
- </div>
- <a href="#">
- <div class="gg_turquoise w-100">ดูเพิ่มเติม</div>
- </a>
- </div>
- <div class="tab-pane fade" id="deposit" role="tabpanel" aria-labelledby="deposit-tab">
- <h4>19 พ.ค. 2562</h4>
- <div class="accordion__item js-accordion-item card_main card_withdraw">
- <div class="accordion-header js-accordion-header">
- <div class="active-users">
- <div class="w-75 float-left">
- <div class="desc pull-left">
- <p class="name"><i class="fas fa-arrow-right"></i>
- ฝากเงิน</p>
- <p class="position">03:53:05</p>
- <small class="text-muted"> <i class="fas fa-circle text-danger "></i>
- ไม่สำเร็จ</small>
- </div>
- </div>
- <div class="w-25 float-left">
- <div class="float-right">
- <p class="balance">112.00</p>
- <small></small>
- </div>
- </div>
- </div>
- </div>
- <div class="accordion-body js-accordion-body">
- <div class="accordion-body__contents">
- <hr>
- <div class="w-50 float-left">
- รหัสอ้างอิง
- </div>
- <div class="w-50 float-left">
- <div class="float-right font-weight-bold">
- D303602 </div>
- </div>
- <div class="w-50 float-left">
- ช่องทาง
- </div>
- <div class="w-50 float-left">
- <div class="float-right font-weight-bold">
- ธนาคาร </div>
- </div>
- <div class="w-50 float-left">
- จำนวน
- </div>
- <div class="w-50 float-left">
- <div class="float-right font-weight-bold">
- 112.00 </div>
- </div>
- <small>หมายเหตุ : ทดสอบ</small>
- </div>
- </div>
- </div>
- <a href="#">
- <div class="gg_turquoise w-100">ดูเพิ่มเติม</div>
- </a>
- </div>
- <div class="tab-pane fade" id="withdraw" role="tabpanel" aria-labelledby="withdraw-tab">
- <h4>01 พ.ค. 2562</h4>
- <div class="accordion__item js-accordion-item card_main card_deposit">
- <div class="accordion-header js-accordion-header">
- <div class="active-users">
- <div class="w-75 float-left">
- <div class="desc pull-left">
- <p class="name"><i class="fas fa-arrow-left"></i>
- ถอนเงิน</p>
- <p class="position">13:33:17</p>
- <small class="text-muted"> <i class="fas fa-circle text-success "></i>
- สำเร็จ</small>
- </div>
- </div>
- <div class="w-25 float-left">
- <div class="float-right">
- <p class="balance">1.00</p>
- <small></small>
- </div>
- </div>
- </div>
- </div>
- <div class="accordion-body js-accordion-body">
- <div class="accordion-body__contents">
- <hr>
- <div class="w-50 float-left">
- รหัสอ้างอิง
- </div>
- <div class="w-50 float-left">
- <div class="float-right font-weight-bold">
- W95914 </div>
- </div>
- <div class="w-50 float-left">
- ช่องทาง
- </div>
- <div class="w-50 float-left">
- <div class="float-right font-weight-bold">
- ธนาคารกรุงเทพ </div>
- </div>
- <div class="w-50 float-left">
- จำนวน
- </div>
- <div class="w-50 float-left">
- <div class="float-right font-weight-bold">1.00</div>
- </div>
- <small>หมายเหตุ : </small>
- </div>
- </div>
- </div>
- <a href="#">
- <div class="gg_turquoise w-100">ดูเพิ่มเติม</div>
- </a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement