unknown
html
3 years ago
24 kB
5
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<!-- Bootstrap CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="/assets/custom/css/custom.css">
<title>Hello, world!</title>
</head>
<body>
<div class="container">
<div class="rounded mt-2" style="background-color: #fff;">
<div class="d-flex justify-content-between">
<div
class="btn-toolbar mb-3 mr-2 col-8"
role="toolbar"
aria-label="Toolbar with button groups"
>
<div class="input-group w-100">
<div class="input-group-prepend">
<label for="search" class="input-group-text" id="basic-addon1"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
</svg></label>
</div>
<input id="search"
type="text"
class="form-control"
placeholder="Filter orders"
aria-label="Input group example"
aria-describedby="btnGroupAddon"/>
</div>
</div>
<div class="d-flex">
<div class="btn-group" role="group" aria-label="Button group with nested dropdown">
<div class="btn-group" role="group">
<button
type="button"
class="btn btn-filter h-75"
data-toggle="dropdown"
aria-expanded="false"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="currentColor"
class="bi bi-filter"
viewBox="0 0 14 14"
>
<path
d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"
/>
</svg>
Filter
</button>
<div class="dropdown-menu sub-menu">
<div>
<span>No filters applied to this view</span>
</div>
<div class="nav-item-dropdown mt-3">
<button class="btn btn-filter dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Select filter
</button>
<ul class="dropdown-menu sub-item" aria-labelledby="navbarDropdownMenuLink">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
</ul>
</div>
</div>
<div class="btn-group" role="group">
<button
type="button"
class="btn btn-filter h-75"
data-toggle="dropdown"
aria-expanded="false"
>
<svg
id="#"
width="16"
height="16"
viewBox="0 0 20 12"
fill="none"
xmlns="http://www.w3.org/2000/svg"
style="fill: none"
>
<rect
x="1"
y="1"
width="18"
height="10"
rx="1"
stroke="#000"
stroke-width="2"
stroke-linejoin="round"
></rect>
<rect x="12" width="2" height="12" fill="#000"></rect>
<rect x="6" width="2" height="12" fill="#000"></rect>
</svg>
Columns
</button>
<div class="dropdown-menu sub-menu">
<div >
<span>Columns</span>
</div>
<span class="dropdown-item mt-2" href="#">
<input
type="checkbox"
value=""
onclick=""
class="mr-2"
/>Order
</span>
</div>
</div>
<div class="btn-group" role="group">
<button
type="button"
class="btn btn-filter h-75 rounded-right"
data-toggle="dropdown"
aria-expanded="false"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-arrow-down-up"
viewBox="0 0 16 16"
>
<path
fill-rule="evenodd"
d="M11.5 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L11 2.707V14.5a.5.5 0 0 0 .5.5zm-7-14a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L4 13.293V1.5a.5.5 0 0 1 .5-.5z"
/>
</svg>
Sort
</button>
<div class="dropdown-menu sub-menu">
<div>
<span>Sort by</span>
</div>
<label class="dropdown-item mt-2">
<input
type="radio"
value=""
class="mr-2 p-0"
/>Order
</label>
<label class="dropdown-item mt-2">
<input
type="radio"
value=""
class="mr-2 p-0"
/>Order
</label>
<label class="dropdown-item mt-2">
<input
type="radio"
value=""
class="mr-2 p-0"
/>Order
</label>
</div>
</div>
<div class="dropdown-menu">
<button class="dropdown-item" type="button">Action</button>
<button class="dropdown-item" type="button">
Another action
</button>
<button class="dropdown-item" type="button">
Something else here
</button>
</div>
</div>
<div class="btn-group ml-4 mr-4" role="group">
<button
type="button"
class="btn btn-filter h-75 rounded"
data-toggle="dropdown"
aria-expanded="false"
>
<span style="font-weight: 700;">...</span>
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Save as</a>
<a class="dropdown-item" href="#">Create View</a>
</div>
</div>
</div>
</div>
</div>
</div>
<table class="table table-hover mt-2" id="dtHorizontalExample" cellspacing="0"
width="100%">
<thead>
<tr class="align-items-center">
<th scope="col" class="border-top-0 text-muted font-weight-normal">
<input
type="checkbox"
value=""
id="parent"
onclick="toggle(this);"
/>
</th>
<th scope="col" class="border-top-0">Order</th>
<th scope="col" class="border-top-0"></th>
<th scope="col" class="border-top-0">Date</th>
<th scope="col" class="border-top-0">Customer</th>
<th scope="col" class="border-top-0">Channel</th>
<th scope="col" class="border-top-0">Total</th>
<th scope="col" class="border-top-0">Payment status</th>
<th scope="col" class="border-top-0">Fulfillment status</th>
<th scope="col" class="border-top-0">Items</th>
<th scope="col" class="border-top-0">Delivery method</th>
<th scope="col" class="border-top-0">Tags</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input
type="checkbox"
class="child"
/>
</td>
<td class="text-muted">#1115</td>
<td class="text-muted">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-bar-graph-fill" viewBox="0 0 16 16">
<path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zm.5 10v-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-2.5.5a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-1zm-3 0a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-1z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-dots-fill" viewBox="0 0 16 16">
<path d="M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7zM5 8a1 1 0 1 0-2 0 1 1 0 0 0 2 0zm4 0a1 1 0 1 0-2 0 1 1 0 0 0 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
</svg>
</td>
<td class="text-muted">Jun 16, 2021</td>
<td class="text-muted">oto</td>
<td class="text-muted"></td>
<td class="text-muted">€0.00</td>
<td>
<div class="d-flex align-items-center paymentStatus w-auto rounded-pill">
<span class="progres-completed rounded-circle"></span>
<span>
Refunded
</span>
</div>
</td>
<td>
<div class="d-flex align-items-center paymentStatus w-auto rounded-pill bg-warning">
<span class=" progres-completed rounded-circle"></span>
<span>
Partially refunded
</span>
</span>
</div>
</td>
<td class="text-muted">@mdo</td>
<td class="text-muted"> </td>
<td class="text-muted">gift</td>
</tr>
<tr>
<td>
<input
type="checkbox"
class="child"
/>
</td>
<td class="text-muted">#1115</td>
<td class="text-muted">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-bar-graph-fill" viewBox="0 0 16 16">
<path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zm.5 10v-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-2.5.5a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-1zm-3 0a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-1z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-dots-fill" viewBox="0 0 16 16">
<path d="M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7zM5 8a1 1 0 1 0-2 0 1 1 0 0 0 2 0zm4 0a1 1 0 1 0-2 0 1 1 0 0 0 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
</svg>
</td>
<td class="text-muted">Jun 16, 2021</td>
<td class="text-muted">oto</td>
<td class="text-muted"></td>
<td class="text-muted">€0.00</td>
<td>
<div class="d-flex align-items-center paymentStatus w-auto rounded-pill">
<span class="progres-completed rounded-circle"></span>
<span>
Refunded
</span>
</div>
</td>
<td>
<div class="d-flex align-items-center paymentStatus w-auto rounded-pill bg-warning">
<span class=" progres-completed rounded-circle"></span>
<span>
Partially refunded
</span>
</span>
</div>
</td>
<td class="text-muted">@mdo</td>
<td class="text-muted"> </td>
<td class="text-muted">gift</td>
</tr>
<tr>
<td>
<input
type="checkbox"
class="child"
/>
</td>
<td class="text-muted">#1115</td>
<td class="text-muted">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-bar-graph-fill" viewBox="0 0 16 16">
<path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zm.5 10v-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-2.5.5a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-1zm-3 0a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-1z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-dots-fill" viewBox="0 0 16 16">
<path d="M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7zM5 8a1 1 0 1 0-2 0 1 1 0 0 0 2 0zm4 0a1 1 0 1 0-2 0 1 1 0 0 0 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
</svg>
</td>
<td class="text-muted">Jun 16, 2021</td>
<td class="text-muted">oto</td>
<td class="text-muted"></td>
<td class="text-muted">€0.00</td>
<td>
<div class="d-flex align-items-center paymentStatus w-auto rounded-pill">
<span class="progres-completed rounded-circle"></span>
<span>
Refunded
</span>
</div>
</td>
<td>
<div class="d-flex align-items-center paymentStatus w-auto rounded-pill bg-warning">
<span class=" progres-completed rounded-circle"></span>
<span>
Partially refunded
</span>
</span>
</div>
</td>
<td class="text-muted">1 item</td>
<td class="text-muted"> </td>
<td class="text-muted">gift</td>
</tr>
<tr>
<td>
<input
type="checkbox"
class="child"
/>
</td>
<td class="text-muted">#1115</td>
<td class="text-muted">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-bar-graph-fill" viewBox="0 0 16 16">
<path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zm.5 10v-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-2.5.5a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-1zm-3 0a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-1z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-dots-fill" viewBox="0 0 16 16">
<path d="M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7zM5 8a1 1 0 1 0-2 0 1 1 0 0 0 2 0zm4 0a1 1 0 1 0-2 0 1 1 0 0 0 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
</svg>
</td>
<td class="text-muted">Jun 16, 2021</td>
<td class="text-muted">oto</td>
<td class="text-muted"></td>
<td class="text-muted">€0.00</td>
<td>
<div class="d-flex align-items-center paymentStatus w-auto rounded-pill">
<span class="progres-completed rounded-circle"></span>
<span>
Refunded
</span>
</div>
</td>
<td>
<div class="d-flex align-items-center paymentStatus w-auto rounded-pill bg-warning">
<span class=" progres-completed rounded-circle"></span>
<span>
Partially fulfilled
</span>
</span>
</div>
</td>
<td class="text-muted">0 item</td>
<td class="text-muted"> </td>
<td class="text-muted">gift</td>
</tr>
</tbody>
</table>
</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script
src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<!-- <script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct"
crossorigin="anonymous"
></script> -->
<script src="/assets/custom/js/custom.js"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<!-- <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
</body>
</html>
Editor is loading...