Commit 6ae1096e authored by Lê Tiến Hưng's avatar Lê Tiến Hưng
Browse files

updated

parent f1c93474
......@@ -19,4 +19,5 @@
.page-item.active .page-link:hover{
background-color:#a55eea !important;
border-color: #a55eea !important;
}
\ No newline at end of file
}
$("#fShop").click(function () {
$("#shop").load("shop.html");
$(".fShop").click(function () {
$("#shop").load("shopmain.html");
})
$.getJSON('http://192.168.1.150:1917/api/filter', function (data) {
......@@ -55,7 +55,7 @@ function getDataFilter(sizeParam,pageParam,statusParam,categoryParam,nameParam)
$("#tbShop tbody").append("<td>"+ data.content[x].pendingProduct + "</td>");
$("#tbShop tbody").append("<td>"+ data.content[x].status + "</td>");
$("#tbShop tbody").append("<td>"+ data.content[x].date + "</td>");
$("#tbShop tbody").append("</tr>");
$("#tbShop tbody").append("</tr>");
}
if (pageParam == 1) {
previous = 0;
......@@ -92,4 +92,17 @@ $("#btnFilter").on("click", function(){
$("#dataShop").click(function () {
$("#tbShop tbody,.pagination").empty();
})
\ No newline at end of file
// $(document).ready(function () {
// if(!$('#tbShop tbody').is(':empty'))
// {
// var table = $('#tbShop').DataTable();
// $('#tbShop tbody').on('click','tr',function () {
// $(this).toggleClass('selected');
// });
// }
// });
\ No newline at end of file
......@@ -25,7 +25,7 @@
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
</head>
<body id="page-top" >
<body id="page-top">
<!-- Page Wrapper -->
<div id="wrapper">
<!-- Sidebar -->
......@@ -162,12 +162,12 @@
<div class="container-fluid">
<div class="d-inline">
<h5><a class="text-gray-900 d-inline" href="shop.html">Shops</a></h1>
<div class="row d-flex align-items-sm-stretch justify-content-end mt-4">
<a href="#" class=" btn btn-sm btn-sub-2 shadow-sm mr-2"><i
class="fas fa-upload fa-sm text-white-50"></i>Export</a>
<a href="#" class=" btn btn-sm btn-sub-1 shadow-sm mr-1"><i
class="fas fa-download fa-sm text-white-50"></i>Import</a>
</div>
<div class="row d-flex align-items-sm-stretch justify-content-end mt-4">
<a href="#" class=" btn btn-sm btn-sub-2 shadow-sm mr-2"><i
class="fas fa-upload fa-sm text-white-50"></i>Export</a>
<a href="#" class=" btn btn-sm btn-sub-1 shadow-sm mr-1"><i
class="fas fa-download fa-sm text-white-50"></i>Import</a>
</div>
</div>
<div class=" row d-flex align-items-stretch justify-content-center mt-3 mx-4">
<!-- <div class="row"> -->
......@@ -265,106 +265,109 @@
aria-controls="collapseSearch">Search
<i id="angleIcon" class="float-right fas fa-angle-down mt-1"></i>
</button>
</div>
<div id="collapseSearch" class="collapse m-3">
<!-- <form class="m-3"> -->
<div class="row justify-content-start px-5">
<div class="d-flex col-sm-12 col-lg-6">
<div class="mr-4 p-2 col-2">
<label>Shop name</label>
</div>
<div class="col-6 ">
<input type="text" id="shopname" class="form-control">
</div>
<!-- <form class="m-3"> -->
<div class="row justify-content-start px-5">
<div class="d-flex col-sm-12 col-lg-6">
<div class="mr-4 p-2 col-2">
<label>Shop name</label>
</div>
<div class="col-6 ">
<input type="text" id="shopname" class="form-control">
</div>
</div>
<div class=" d-flex col-sm-12 col-lg-6 ">
<div class="mr-4 p-2 col-2 ">
<label>Categories</label>
</div>
<div class=" d-flex col-sm-12 col-lg-6 ">
<div class="mr-4 p-2 col-2 ">
<label>Categories</label>
</div>
<div class=" col-6 ">
<select id="categoryProduct"
class="btn btn-secondary dropdown-toggle col-12 text-left bg-gray-300 bg-gray-200 border-0 text-dark">
<!-- <option>All(100)</option>
<div class=" col-6 ">
<select id="categoryProduct"
class="btn btn-secondary dropdown-toggle col-12 text-left bg-gray-300 bg-gray-200 border-0 text-dark">
<!-- <option>All(100)</option>
<option>Women(60)</option>
<option>Men(30)</option>
<option>Girls(20)</option>
<option>Boys(10)</option> -->
</select>
</div>
</select>
</div>
</div>
<div class="d-flex col-sm-12 col-lg-6">
<div class="mr-4 p-2 col-2">
<label>Location</label>
</div>
<div class="d-flex col-sm-12 col-lg-6">
<div class="mr-4 p-2 col-2">
<label>Location</label>
</div>
<div class=" col-6 ">
<select id = "locationShop"
class="btn btn-secondary dropdown-toggle col-12 text-left bg-gray-300 bg-gray-200 border-0 text-dark">
<!--
<div class=" col-6 ">
<select id="locationShop"
class="btn btn-secondary dropdown-toggle col-12 text-left bg-gray-300 bg-gray-200 border-0 text-dark">
<!--
<option>All(100)</option>
<option>Da Nang(50)</option>
<option>Ha Noi (20)</option>
<option>Ho Chi Minh(20)</option>
<option>Hue (10)</option> -->
</select>
</div>
</select>
</div>
<div class=" d-flex col-sm-12 col-lg-6 ">
<div class="mr-4 p-2 col-2 ">
<label>Sort</label>
</div>
<div class=" col-6 ">
<select
class="btn btn-secondary dropdown-toggle col-12 text-left bg-gray-300 bg-gray-200 border-0 text-dark">
<option>Newest to oldest</option>
<option>Oldest to newest</option>
<option>Top viewed</option>
<option>Top tried</option>
<option>Top favorited</option>
</select>
</div>
</div>
<div class=" d-flex col-sm-12 col-lg-6 ">
<div class="mr-4 p-2 col-2 ">
<label>Sort</label>
</div>
<div class=" d-flex col-sm-12 col-lg-6 ">
<div class="mr-4 p-2 col-2 ">
<label>Status</label>
</div>
<div class="dropdown col-6 ">
<select id="status"
class= "btn btn-secondary dropdown-toggle col-12 text-left bg-gray-300 bg-gray-200 border-0 text-dark">
<option value="0">All(100)</a>
<option value="1">Active(50)</a>
<option value="2">Pending(20))</a>
<option value="3">Rejected(14)</a>
<option value="4">Suspended(14))</a>
<option value="5">Blocked(10)</a>
</select>
</div>
<div class=" col-6 ">
<select
class="btn btn-secondary dropdown-toggle col-12 text-left bg-gray-300 bg-gray-200 border-0 text-dark">
<option>Newest to oldest</option>
<option>Oldest to newest</option>
<option>Top viewed</option>
<option>Top tried</option>
<option>Top favorited</option>
</select>
</div>
</div>
<div class="d-flex justify-content-center">
<div class=" d-flex col-sm-12 col-lg-6 ">
<div class="mr-4 p-2 col-2 ">
<label>Status</label>
</div>
<button id="btnFilter" class="btn btn-purple px-4">Apply</button>
<div class="dropdown col-6 ">
<select id="status"
class="btn btn-secondary dropdown-toggle col-12 text-left bg-gray-300 bg-gray-200 border-0 text-dark">
<option value="0">All(100)</a>
<option value="1">Active(50)</a>
<option value="2">Pending(20))</a>
<option value="3">Rejected(14)</a>
<option value="4">Suspended(14))</a>
<option value="5">Blocked(10)</a>
</select>
</div>
</div>
</div>
<div class="d-flex justify-content-center">
<button id="btnFilter" class="btn btn-purple px-4">Apply</button>
</div>
</div>
<!-- </form> -->
</div>
</div>
<div class=" row table-responsive p-4 " id="tbShop">
<table class="table table-bordered text-center" width="100%" cellspacing="0">
<table class="table table-bordered text-center" width="100%" cellspacing="0">
<thead>
<tr class="font-weight-bold">
<th>ID</th>
......@@ -379,71 +382,71 @@
</tr>
</thead>
<tbody class="text-center ">
</tbody>
</table>
</div>
<div class="d-flex justify-content-center">
<div class="d-flex justify-content-center">
<ul class="pagination">
</ul>
</div>
</div>
</div>
<!-- Footer -->
<footer class="sticky-footer bg-white">
<div class="container my-auto">
<div class="copyright text-center my-auto">
<span>Copyright &copy; Your Website 2020</span>
</div>
</div>
</footer>
<!-- End of Footer -->
<!-- End of Content Wrapper -->
</div>
<!-- End of Page Wrapper -->
<!-- End of Sidebar -->
<!-- Footer -->
<footer class="sticky-footer bg-white">
<div class="container my-auto">
<div class="copyright text-center my-auto">
<span>Copyright &copy; Your Website 2020</span>
</div>
</div>
</footer>
<!-- End of Footer -->
<!-- End of Content Wrapper -->
</div>
<!-- End of Page Wrapper -->
<!-- End of Sidebar -->
</div>
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded btn-purple" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>
</div>
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded btn-purple" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>
<!-- Bootstrap core JavaScript-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Bootstrap core JavaScript-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Core plugin JavaScript-->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Core plugin JavaScript-->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for all pages-->
<script src="js/sb-admin-2.min.js"></script>
<!-- Custom scripts for all pages-->
<script src="js/sb-admin-2.min.js"></script>
<!-- Page level plugins -->
<script src="vendor/chart.js/Chart.min.js"></script>
<!-- Page level plugins -->
<script src="vendor/chart.js/Chart.min.js"></script>
<!-- Page level custom scripts -->
<script src="js/demo/chart-area-demo.js"></script>
<script src="js/demo/chart-pie-demo.js"></script>
<!-- Page level custom scripts -->
<script src="js/demo/chart-area-demo.js"></script>
<script src="js/demo/chart-pie-demo.js"></script>
<!-- Page level plugins -->
<script src="vendor/datatables/jquery.dataTables.min.js"></script>
<script src="vendor/datatables/dataTables.bootstrap4.min.js"></script>
<!-- Page level plugins -->
<script src="vendor/datatables/jquery.dataTables.min.js"></script>
<script src="vendor/datatables/dataTables.bootstrap4.min.js"></script>
<!-- Page level custom scripts -->
<script src="js/demo/datatables-demo.js"></script>
<script src="js/myJS.js"></script>
<!-- Page level custom scripts -->
<script src="js/demo/datatables-demo.js"></script>
<script src="js/myJS.js"></script>
<script src="js/example.js"></script>
<link href="css/custom.css" rel="stylesheet">
<link href="css/general.css" rel="stylesheet">
<script src="js/example.js"></script>
<link href="css/custom.css" rel="stylesheet">
<link href="css/general.css" rel="stylesheet">
</body>
</html>
\ No newline at end of file
<div class="bg-white mt-3">
<div class="p-4">
<div class="border rounded ">
</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