1386 lines
79 KiB
HTML
1386 lines
79 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
<link rel="icon" href="favicon.ico">
|
|
<title>Tiny Dashboard - A Bootstrap Dashboard Template</title>
|
|
<!-- Simple bar CSS -->
|
|
<link rel="stylesheet" href="css/simplebar.css">
|
|
<!-- Fonts CSS -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
|
<!-- Icons CSS -->
|
|
<link rel="stylesheet" href="css/feather.css">
|
|
<link rel="stylesheet" href="css/dataTables.bootstrap4.css">
|
|
<!-- Date Range Picker CSS -->
|
|
<link rel="stylesheet" href="css/daterangepicker.css">
|
|
<!-- App CSS -->
|
|
<link rel="stylesheet" href="css/app-light.css" id="lightTheme">
|
|
<link rel="stylesheet" href="css/app-dark.css" id="darkTheme" disabled>
|
|
</head>
|
|
<body class="vertical light ">
|
|
<div class="wrapper">
|
|
<nav class="topnav navbar navbar-light">
|
|
<button type="button" class="navbar-toggler text-muted mt-2 p-0 mr-3 collapseSidebar">
|
|
<i class="fe fe-menu navbar-toggler-icon"></i>
|
|
</button>
|
|
<form class="form-inline mr-auto searchform text-muted">
|
|
<input class="form-control mr-sm-2 bg-transparent border-0 pl-4 text-muted" type="search" placeholder="Type something..." aria-label="Search">
|
|
</form>
|
|
<ul class="nav">
|
|
<li class="nav-item">
|
|
<a class="nav-link text-muted my-2" href="#" id="modeSwitcher" data-mode="light">
|
|
<i class="fe fe-sun fe-16"></i>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-muted my-2" href="./#" data-toggle="modal" data-target=".modal-shortcut">
|
|
<span class="fe fe-grid fe-16"></span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item nav-notif">
|
|
<a class="nav-link text-muted my-2" href="./#" data-toggle="modal" data-target=".modal-notif">
|
|
<span class="fe fe-bell fe-16"></span>
|
|
<span class="dot dot-md bg-success"></span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle text-muted pr-0" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="avatar avatar-sm mt-2">
|
|
<img src="./assets/avatars/face-1.jpg" alt="..." class="avatar-img rounded-circle">
|
|
</span>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
|
|
<a class="dropdown-item" href="#">Profile</a>
|
|
<a class="dropdown-item" href="#">Settings</a>
|
|
<a class="dropdown-item" href="#">Activities</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<aside class="sidebar-left border-right bg-white shadow" id="leftSidebar" data-simplebar>
|
|
<a href="#" class="btn collapseSidebar toggle-btn d-lg-none text-muted ml-2 mt-3" data-toggle="toggle">
|
|
<i class="fe fe-x"><span class="sr-only"></span></i>
|
|
</a>
|
|
<nav class="vertnav navbar navbar-light">
|
|
<!-- nav bar -->
|
|
<div class="w-100 mb-4 d-flex">
|
|
<a class="navbar-brand mx-auto mt-2 flex-fill text-center" href="./index.html">
|
|
<svg version="1.1" id="logo" class="navbar-brand-img brand-sm" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 120 120" xml:space="preserve">
|
|
<g>
|
|
<polygon class="st0" points="78,105 15,105 24,87 87,87 " />
|
|
<polygon class="st0" points="96,69 33,69 42,51 105,51 " />
|
|
<polygon class="st0" points="78,33 15,33 24,15 87,15 " />
|
|
</g>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<ul class="navbar-nav flex-fill w-100 mb-2">
|
|
<li class="nav-item dropdown">
|
|
<a href="#dashboard" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
|
|
<i class="fe fe-home fe-16"></i>
|
|
<span class="ml-3 item-text">Dashboard</span><span class="sr-only">(current)</span>
|
|
</a>
|
|
<ul class="collapse list-unstyled pl-4 w-100" id="dashboard">
|
|
<li class="nav-item active">
|
|
<a class="nav-link pl-3" href="./index.html"><span class="ml-1 item-text">Default</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./dashboard-analytics.html"><span class="ml-1 item-text">Analytics</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./dashboard-sales.html"><span class="ml-1 item-text">E-commerce</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./dashboard-saas.html"><span class="ml-1 item-text">Saas Dashboard</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./dashboard-system.html"><span class="ml-1 item-text">Systems</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<p class="text-muted nav-heading mt-4 mb-1">
|
|
<span>Components</span>
|
|
</p>
|
|
<ul class="navbar-nav flex-fill w-100 mb-2">
|
|
<li class="nav-item dropdown">
|
|
<a href="#ui-elements" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
|
|
<i class="fe fe-box fe-16"></i>
|
|
<span class="ml-3 item-text">UI elements</span>
|
|
</a>
|
|
<ul class="collapse list-unstyled pl-4 w-100" id="ui-elements">
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./ui-color.html"><span class="ml-1 item-text">Colors</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./ui-typograpy.html"><span class="ml-1 item-text">Typograpy</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./ui-icons.html"><span class="ml-1 item-text">Icons</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./ui-buttons.html"><span class="ml-1 item-text">Buttons</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./ui-notification.html"><span class="ml-1 item-text">Notifications</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./ui-modals.html"><span class="ml-1 item-text">Modals</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./ui-tabs-accordion.html"><span class="ml-1 item-text">Tabs & Accordion</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./ui-progress.html"><span class="ml-1 item-text">Progress</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item w-100">
|
|
<a class="nav-link" href="widgets.html">
|
|
<i class="fe fe-layers fe-16"></i>
|
|
<span class="ml-3 item-text">Widgets</span>
|
|
<span class="badge badge-pill badge-primary">New</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a href="#forms" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
|
|
<i class="fe fe-credit-card fe-16"></i>
|
|
<span class="ml-3 item-text">Forms</span>
|
|
</a>
|
|
<ul class="collapse list-unstyled pl-4 w-100" id="forms">
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./form_elements.html"><span class="ml-1 item-text">Basic Elements</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./form_advanced.html"><span class="ml-1 item-text">Advanced Elements</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./form_validation.html"><span class="ml-1 item-text">Validation</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./form_wizard.html"><span class="ml-1 item-text">Wizard</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./form_layouts.html"><span class="ml-1 item-text">Layouts</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./form_upload.html"><span class="ml-1 item-text">File upload</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a href="#tables" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
|
|
<i class="fe fe-grid fe-16"></i>
|
|
<span class="ml-3 item-text">Tables</span>
|
|
</a>
|
|
<ul class="collapse list-unstyled pl-4 w-100" id="tables">
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./table_basic.html"><span class="ml-1 item-text">Basic Tables</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./table_advanced.html"><span class="ml-1 item-text">Advanced Tables</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./table_datatables.html"><span class="ml-1 item-text">Data Tables</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a href="#charts" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
|
|
<i class="fe fe-pie-chart fe-16"></i>
|
|
<span class="ml-3 item-text">Charts</span>
|
|
</a>
|
|
<ul class="collapse list-unstyled pl-4 w-100" id="charts">
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./chart-inline.html"><span class="ml-1 item-text">Inline Chart</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./chart-chartjs.html"><span class="ml-1 item-text">Chartjs</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./chart-apexcharts.html"><span class="ml-1 item-text">ApexCharts</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./datamaps.html"><span class="ml-1 item-text">Datamaps</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<p class="text-muted nav-heading mt-4 mb-1">
|
|
<span>Apps</span>
|
|
</p>
|
|
<ul class="navbar-nav flex-fill w-100 mb-2">
|
|
<li class="nav-item w-100">
|
|
<a class="nav-link" href="calendar.html">
|
|
<i class="fe fe-calendar fe-16"></i>
|
|
<span class="ml-3 item-text">Calendar</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a href="#contact" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
|
|
<i class="fe fe-book fe-16"></i>
|
|
<span class="ml-3 item-text">Contacts</span>
|
|
</a>
|
|
<ul class="collapse list-unstyled pl-4 w-100" id="contact">
|
|
<a class="nav-link pl-3" href="./contacts-list.html"><span class="ml-1">Contact List</span></a>
|
|
<a class="nav-link pl-3" href="./contacts-grid.html"><span class="ml-1">Contact Grid</span></a>
|
|
<a class="nav-link pl-3" href="./contacts-new.html"><span class="ml-1">New Contact</span></a>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a href="#profile" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
|
|
<i class="fe fe-user fe-16"></i>
|
|
<span class="ml-3 item-text">Profile</span>
|
|
</a>
|
|
<ul class="collapse list-unstyled pl-4 w-100" id="profile">
|
|
<a class="nav-link pl-3" href="./profile.html"><span class="ml-1">Overview</span></a>
|
|
<a class="nav-link pl-3" href="./profile-settings.html"><span class="ml-1">Settings</span></a>
|
|
<a class="nav-link pl-3" href="./profile-security.html"><span class="ml-1">Security</span></a>
|
|
<a class="nav-link pl-3" href="./profile-notification.html"><span class="ml-1">Notifications</span></a>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a href="#fileman" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
|
|
<i class="fe fe-folder fe-16"></i>
|
|
<span class="ml-3 item-text">File Manager</span>
|
|
</a>
|
|
<ul class="collapse list-unstyled pl-4 w-100" id="fileman">
|
|
<a class="nav-link pl-3" href="./files-list.html"><span class="ml-1">Files List</span></a>
|
|
<a class="nav-link pl-3" href="./files-grid.html"><span class="ml-1">Files Grid</span></a>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a href="#support" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
|
|
<i class="fe fe-compass fe-16"></i>
|
|
<span class="ml-3 item-text">Help Desk</span>
|
|
</a>
|
|
<ul class="collapse list-unstyled pl-4 w-100" id="support">
|
|
<a class="nav-link pl-3" href="./support-center.html"><span class="ml-1">Home</span></a>
|
|
<a class="nav-link pl-3" href="./support-tickets.html"><span class="ml-1">Tickets</span></a>
|
|
<a class="nav-link pl-3" href="./support-ticket-detail.html"><span class="ml-1">Ticket Detail</span></a>
|
|
<a class="nav-link pl-3" href="./support-faqs.html"><span class="ml-1">FAQs</span></a>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<p class="text-muted nav-heading mt-4 mb-1">
|
|
<span>Extra</span>
|
|
</p>
|
|
<ul class="navbar-nav flex-fill w-100 mb-2">
|
|
<li class="nav-item dropdown">
|
|
<a href="#pages" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
|
|
<i class="fe fe-file fe-16"></i>
|
|
<span class="ml-3 item-text">Pages</span>
|
|
</a>
|
|
<ul class="collapse list-unstyled pl-4 w-100 w-100" id="pages">
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./page-orders.html">
|
|
<span class="ml-1 item-text">Orders</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./page-timeline.html">
|
|
<span class="ml-1 item-text">Timeline</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./page-invoice.html">
|
|
<span class="ml-1 item-text">Invoice</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./page-404.html">
|
|
<span class="ml-1 item-text">Page 404</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./page-500.html">
|
|
<span class="ml-1 item-text">Page 500</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./page-blank.html">
|
|
<span class="ml-1 item-text">Blank</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a href="#auth" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
|
|
<i class="fe fe-shield fe-16"></i>
|
|
<span class="ml-3 item-text">Authentication</span>
|
|
</a>
|
|
<ul class="collapse list-unstyled pl-4 w-100" id="auth">
|
|
<a class="nav-link pl-3" href="./auth-login.html"><span class="ml-1">Login 1</span></a>
|
|
<a class="nav-link pl-3" href="./auth-login-half.html"><span class="ml-1">Login 2</span></a>
|
|
<a class="nav-link pl-3" href="./auth-register.html"><span class="ml-1">Register</span></a>
|
|
<a class="nav-link pl-3" href="./auth-resetpw.html"><span class="ml-1">Reset Password</span></a>
|
|
<a class="nav-link pl-3" href="./auth-confirm.html"><span class="ml-1">Confirm Password</span></a>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a href="#layouts" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle nav-link">
|
|
<i class="fe fe-layout fe-16"></i>
|
|
<span class="ml-3 item-text">Layout</span>
|
|
</a>
|
|
<ul class="collapse list-unstyled pl-4 w-100" id="layouts">
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./index.html"><span class="ml-1 item-text">Default</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./index-horizontal.html"><span class="ml-1 item-text">Top Navigation</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link pl-3" href="./index-boxed.html"><span class="ml-1 item-text">Boxed</span></a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<p class="text-muted nav-heading mt-4 mb-1">
|
|
<span>Documentation</span>
|
|
</p>
|
|
<ul class="navbar-nav flex-fill w-100 mb-2">
|
|
<li class="nav-item w-100">
|
|
<a class="nav-link" href="../docs/index.html">
|
|
<i class="fe fe-help-circle fe-16"></i>
|
|
<span class="ml-3 item-text">Getting Start</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="btn-box w-100 mt-4 mb-1">
|
|
<a href="https://themeforest.net/item/tinydash-bootstrap-html-admin-dashboard-template/27511269" target="_blank" class="btn mb-2 btn-primary btn-lg btn-block">
|
|
<i class="fe fe-shopping-cart fe-12 mx-2"></i><span class="small">Buy now</span>
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
</aside>
|
|
<main role="main" class="main-content">
|
|
<div class="container-fluid">
|
|
<div class="row justify-content-center">
|
|
<div class="col-12">
|
|
<div class="row">
|
|
<!-- Small table -->
|
|
<div class="col-md-12 my-4">
|
|
<h2 class="h4 mb-1">Customize table rendering</h2>
|
|
<p class="mb-3">Additional table rendering with vertical border, rich content formatting for cell</p>
|
|
<div class="card shadow">
|
|
<div class="card-body">
|
|
<div class="toolbar">
|
|
<form class="form">
|
|
<div class="form-row">
|
|
<div class="form-group col-auto mr-auto">
|
|
<label class="my-1 mr-2 sr-only" for="inlineFormCustomSelectPref1">Show</label>
|
|
<select class="custom-select mr-sm-2" id="inlineFormCustomSelectPref1">
|
|
<option value="">...</option>
|
|
<option value="1">12</option>
|
|
<option value="2" selected>32</option>
|
|
<option value="3">64</option>
|
|
<option value="3">128</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group col-auto">
|
|
<label for="search" class="sr-only">Search</label>
|
|
<input type="text" class="form-control" id="search1" value="" placeholder="Search">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- table -->
|
|
<table class="table table-borderless table-hover">
|
|
<thead>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="all2">
|
|
<label class="custom-control-label" for="all2"></label>
|
|
</div>
|
|
</td>
|
|
<th>ID</th>
|
|
<th>User</th>
|
|
<th>Company</th>
|
|
<th>Contact</th>
|
|
<th class="w-25">Bio</th>
|
|
<th>Date</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="2474">
|
|
<label class="custom-control-label" for="2474"></label>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="avatar avatar-md">
|
|
<img src="./assets/avatars/face-3.jpg" alt="..." class="avatar-img rounded-circle">
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted"><strong>Brown, Asher D.</strong></p>
|
|
<small class="mb-0 text-muted">2474</small>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted">Accumsan Consulting</p>
|
|
<small class="mb-0 text-muted">Ap #331-7123 Lobortis Avenue</small>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted"><a href="#" class="text-muted">(958) 421-0798</a></p>
|
|
<small class="mb-0 text-muted">Nigeria</small>
|
|
</td>
|
|
<td class="w-25"><small class="text-muted"> Egestas integer eget aliquet nibh praesent. In hac habitasse platea dictumst quisque sagittis purus.</small></td>
|
|
<td class="text-muted">13/09/2020</td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="2786">
|
|
<label class="custom-control-label" for="2786"></label>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="avatar avatar-md">
|
|
<img src="./assets/avatars/face-1.jpg" alt="..." class="avatar-img rounded-circle">
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted"><strong>Leblanc, Yoshio V.</strong></p>
|
|
<small class="mb-0 text-muted">2786</small>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted">Fringilla Ornare Placerat Consulting</p>
|
|
<small class="mb-0 text-muted">287-8300 Nisl. St</small>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted"><a href="#" class="text-muted">(899) 881-3833</a></p>
|
|
<small class="mb-0 text-muted">Papua New Guinea</small>
|
|
</td>
|
|
<td class="w-25"><small class="text-muted"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small></td>
|
|
<td class="text-muted">04/05/2019</td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="2747">
|
|
<label class="custom-control-label" for="2747"></label>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="avatar avatar-md">
|
|
<img src="./assets/avatars/face-2.jpg" alt="..." class="avatar-img rounded-circle">
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted"><strong>Hester, Nissim L.</strong></p>
|
|
<small class="mb-0 text-muted">2747</small>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted">Tristique Ltd</p>
|
|
<small class="mb-0 text-muted">4577 Cras St.</small>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted"><a href="#" class="text-muted">(977) 220-6518</a></p>
|
|
<small class="mb-0 text-muted">Central African Republic</small>
|
|
</td>
|
|
<td class="w-25"><small class="text-muted"> Non tellus orci ac auctor augue. Elit at imperdiet dui accumsan sit.</small></td>
|
|
<td class="text-muted">21/08/2019</td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="2639">
|
|
<label class="custom-control-label" for="2639"></label>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="avatar avatar-md">
|
|
<img src="./assets/avatars/face-4.jpg" alt="..." class="avatar-img rounded-circle">
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted"><strong>Gardner, Leigh S.</strong></p>
|
|
<small class="mb-0 text-muted">2639</small>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted">Orci Luctus Et Inc.</p>
|
|
<small class="mb-0 text-muted">P.O. Box 228, 7512 Lectus Ave</small>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted"><a href="#" class="text-muted">(537) 315-1481</a></p>
|
|
<small class="mb-0 text-muted">United Kingdom</small>
|
|
</td>
|
|
<td class="w-25"><small class="text-muted"> Nunc pulvinar sapien et ligula ullamcorper malesuada proin. Neque convallis a cras semper auctor</small></td>
|
|
<td class="text-muted">04/08/2019</td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="2238">
|
|
<label class="custom-control-label" for="2238"></label>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="avatar avatar-md">
|
|
<img src="./assets/avatars/face-5.jpg" alt="..." class="avatar-img rounded-circle">
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted"><strong>Higgins, Uriah L.</strong></p>
|
|
<small class="mb-0 text-muted">2238</small>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted">Sit Amet Lorem Industries</p>
|
|
<small class="mb-0 text-muted">Ap #377-5357 Sed Road</small>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted"><a href="#" class="text-muted">(238) 386-0247</a></p>
|
|
<small class="mb-0 text-muted">Canada</small>
|
|
</td>
|
|
<td class="w-25"><small class="text-muted"> Libero id faucibus nisl tincidunt eget. Leo a diam sollicitudin tempor id. </small></td>
|
|
<td class="text-muted">26/07/2020</td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="2152">
|
|
<label class="custom-control-label" for="2152"></label>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="avatar avatar-md">
|
|
<img src="./assets/avatars/face-6.jpg" alt="..." class="avatar-img rounded-circle">
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted"><strong>Wheeler, Ralph F.</strong></p>
|
|
<small class="mb-0 text-muted">2152</small>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted">Suspendisse LLC</p>
|
|
<small class="mb-0 text-muted">Ap #410-5363 Non, Avenue</small>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted"><a href="#" class="text-muted">(587) 675-3258</a></p>
|
|
<small class="mb-0 text-muted">Chad</small>
|
|
</td>
|
|
<td class="w-25"><small class="text-muted"> Libero id faucibus nisl tincidunt eget. Leo a diam sollicitudin tempor id. </small></td>
|
|
<td class="text-muted">11/09/2019</td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="2488">
|
|
<label class="custom-control-label" for="2488"></label>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="avatar avatar-md">
|
|
<img src="./assets/avatars/face-7.jpg" alt="..." class="avatar-img rounded-circle">
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted"><strong>Kelley, Sonya Y.</strong></p>
|
|
<small class="mb-0 text-muted">2488</small>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted">Dolor Incorporated</p>
|
|
<small class="mb-0 text-muted">8250 Molestie St.</small>
|
|
</td>
|
|
<td>
|
|
<p class="mb-0 text-muted"><a href="#" class="text-muted">(934) 582-9495</a></p>
|
|
<small class="mb-0 text-muted">British Indian Ocean Territory</small>
|
|
</td>
|
|
<td class="w-25"><small class="text-muted"> A lacus vestibulum sed arcu non odio euismod lacinia. In tellus integer feugiat scelerisque.</small></td>
|
|
<td class="text-muted">30/03/2021</td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<nav aria-label="Table Paging" class="mb-0 text-muted">
|
|
<ul class="pagination justify-content-center mb-0">
|
|
<li class="page-item"><a class="page-link" href="#">Previous</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
|
<li class="page-item active"><a class="page-link" href="#">2</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div> <!-- customized table -->
|
|
</div> <!-- end section -->
|
|
<div class="row">
|
|
<!-- Striped rows -->
|
|
<div class="col-md-12 my-4">
|
|
<h2 class="h4 mb-1">Grouped header & rows</h2>
|
|
<p class="mb-4">Customized table based on Bootstrap with additional elements and more functions</p>
|
|
<div class="card shadow">
|
|
<div class="card-body">
|
|
<div class="toolbar row mb-3">
|
|
<div class="col">
|
|
<form class="form-inline">
|
|
<div class="form-row">
|
|
<div class="form-group col-auto">
|
|
<label for="search" class="sr-only">Search</label>
|
|
<input type="text" class="form-control" id="search" value="" placeholder="Search">
|
|
</div>
|
|
<div class="form-group col-auto ml-3">
|
|
<label class="my-1 mr-2 sr-only" for="inlineFormCustomSelectPref">Status</label>
|
|
<select class="custom-select my-1 mr-sm-2" id="inlineFormCustomSelectPref">
|
|
<option selected>Choose...</option>
|
|
<option value="1">Processing</option>
|
|
<option value="2">Success</option>
|
|
<option value="3">Pending</option>
|
|
<option value="3">Hold</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="col ml-auto">
|
|
<div class="dropdown float-right">
|
|
<button class="btn btn-primary float-right ml-3" type="button">Add more +</button>
|
|
<button class="btn btn-secondary dropdown-toggle" type="button" id="actionMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Action </button>
|
|
<div class="dropdown-menu" aria-labelledby="actionMenuButton">
|
|
<a class="dropdown-item" href="#">Export</a>
|
|
<a class="dropdown-item" href="#">Delete</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- table -->
|
|
<table class="table table-bordered">
|
|
<thead>
|
|
<tr role="row">
|
|
<th colspan="3">Orders</th>
|
|
<th colspan="4">Billing</th>
|
|
<th colspan="3">State</th>
|
|
</tr>
|
|
<tr role="row">
|
|
<th>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="all">
|
|
<label class="custom-control-label" for="all"></label>
|
|
</div>
|
|
</th>
|
|
<th>ID</th>
|
|
<th>Purchase Date</th>
|
|
<th>Name</th>
|
|
<th>Phone</th>
|
|
<th>Address</th>
|
|
<th>Total</th>
|
|
<th>Status</th>
|
|
<th>Tracking #</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="4574">
|
|
<label class="custom-control-label" for="4574"></label>
|
|
</div>
|
|
</td>
|
|
<td>4574</td>
|
|
<td>2019-09-11 10:22:04</td>
|
|
<td>Kitra Knapp</td>
|
|
<td>(132) 339-7423</td>
|
|
<td>P.O. Box 944, 4739 Suspendisse Road</td>
|
|
<td>$68.79</td>
|
|
<td><span class="badge badge-warning">Pending</span></td>
|
|
<td></td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="2132">
|
|
<label class="custom-control-label" for="2132"></label>
|
|
</div>
|
|
</td>
|
|
<td>2132</td>
|
|
<td>2019-08-23 12:28:40</td>
|
|
<td>Blake Orr</td>
|
|
<td>(257) 565-4706</td>
|
|
<td>P.O. Box 939, 9156 Sollicitudin St.</td>
|
|
<td>$84.24</td>
|
|
<td><span class="badge badge-warning">Pending</span></td>
|
|
<td></td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="group" class="bg-light">
|
|
<td colspan="10"><strong>Shipped</strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="2576">
|
|
<label class="custom-control-label" for="2576"></label>
|
|
</div>
|
|
</td>
|
|
<td>2576</td>
|
|
<td>2020-07-14 17:18:27</td>
|
|
<td>Amber Rice</td>
|
|
<td>(791) 898-8806</td>
|
|
<td>P.O. Box 724, 3385 Vel Ave</td>
|
|
<td>$37.00</td>
|
|
<td><span class="badge badge-success">Success</span></td>
|
|
<td>487385-5144</td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="2397">
|
|
<label class="custom-control-label" for="2397"></label>
|
|
</div>
|
|
</td>
|
|
<td>2397</td>
|
|
<td>2020-12-25 13:35:39</td>
|
|
<td>Fletcher Petty</td>
|
|
<td>(115) 625-5813</td>
|
|
<td>8907 Orci St.</td>
|
|
<td>$75.69</td>
|
|
<td><span class="badge badge-success">Success</span></td>
|
|
<td>039606-5955</td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr role="group" class="bg-light">
|
|
<td colspan="10"><strong>Return</strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="4028">
|
|
<label class="custom-control-label" for="4028"></label>
|
|
</div>
|
|
</td>
|
|
<td>4028</td>
|
|
<td>2021-04-11 22:33:47</td>
|
|
<td>Kasimir Carr</td>
|
|
<td>(266) 991-0479</td>
|
|
<td>489-624 Quis St.</td>
|
|
<td>$86.89</td>
|
|
<td><span class="badge badge-danger">Hold</span></td>
|
|
<td></td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="3782">
|
|
<label class="custom-control-label" for="3782"></label>
|
|
</div>
|
|
</td>
|
|
<td>3782</td>
|
|
<td>2020-03-01 10:44:03</td>
|
|
<td>Daria Frank</td>
|
|
<td>(599) 361-7999</td>
|
|
<td>Ap #875-5778 Massa. Av.</td>
|
|
<td>$38.04</td>
|
|
<td><span class="badge badge-primary">Processing</span></td>
|
|
<td>072140-0703</td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="3881">
|
|
<label class="custom-control-label" for="3881"></label>
|
|
</div>
|
|
</td>
|
|
<td>3881</td>
|
|
<td>2019-12-17 00:40:24</td>
|
|
<td>Herrod Byrd</td>
|
|
<td>(878) 901-7269</td>
|
|
<td>P.O. Box 107, 3720 Vitae, Ave</td>
|
|
<td>$73.38</td>
|
|
<td><span class="badge badge-primary">Processing</span></td>
|
|
<td>047336-4370</td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<nav aria-label="Table Paging" class="mb-0 text-muted">
|
|
<ul class="pagination justify-content-end mb-0">
|
|
<li class="page-item"><a class="page-link" href="#">Previous</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div> <!-- simple table -->
|
|
</div> <!-- end section -->
|
|
<div class="row">
|
|
<div class="col-md-12 my-4">
|
|
<h2 class="h4 mb-1">Expandable rows</h2>
|
|
<p class="mb-3">Child rows with additional detailed information</p>
|
|
<div class="card shadow">
|
|
<div class="card-body">
|
|
<!-- table -->
|
|
<table class="table table-hover table-borderless border-v">
|
|
<thead class="thead-dark">
|
|
<tr>
|
|
<th>Invoice No</th>
|
|
<th>Invoice Date</th>
|
|
<th>Order #</th>
|
|
<th>Bill To</th>
|
|
<th>Status</th>
|
|
<th>Grand Total</th>
|
|
<th>Total</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="accordion-toggle collapsed" id="c-2474" data-toggle="collapse" data-parent="#c-2474" href="#collap-2474">
|
|
<td>3599</td>
|
|
<td>2020-09-12 11:21:03</td>
|
|
<td>3951</td>
|
|
<td>Alexander Ellis</td>
|
|
<td><span class="badge badge-pill badge-success mr-2">S</span><small class="text-muted">Paid</small></td>
|
|
<td>$37.39</td>
|
|
<td>$80.11</td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr id="collap-2474" class="collapse show in p-3 bg-light">
|
|
<td colspan="8">
|
|
<dl class="row mb-0 mt-1">
|
|
<dt class="col-sm-1">Company</dt>
|
|
<dd class="col-sm-2">Fringilla Ornare Consulting</dd>
|
|
<dt class="col-sm-1">Address</dt>
|
|
<dd class="col-sm-2">287-8300 Nisl. St.</dd>
|
|
<dt class="col-sm-1">Phone</dt>
|
|
<dd class="col-sm-2">(899) 881-3833</dd>
|
|
<dt class="col-sm-1 text-truncate">Region</dt>
|
|
<dd class="col-sm-2">Papua New Guinea</dd>
|
|
</dl>
|
|
</td>
|
|
</tr>
|
|
<tr class="accordion-toggle collapsed" id="c-3954" data-toggle="collapse" data-parent="#c-3954" href="#collap-3954">
|
|
<td>3954</td>
|
|
<td>2020-10-11 19:09:12</td>
|
|
<td>4038</td>
|
|
<td>Casey Caldwell</td>
|
|
<td><span class="badge badge-pill badge-success mr-2">S</span><small class="text-muted">Paid</small></td>
|
|
<td>$30.74</td>
|
|
<td>$46.14</td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr id="collap-3954" class="collapse in p-3 bg-light">
|
|
<td colspan="8">
|
|
<dl class="row mb-0 mt-1">
|
|
<dt class="col-sm-1">Company</dt>
|
|
<dd class="col-sm-2">Tristique Ltd</dd>
|
|
<dt class="col-sm-1">Address</dt>
|
|
<dd class="col-sm-2">4577 Cras St.</dd>
|
|
<dt class="col-sm-1">Phone</dt>
|
|
<dd class="col-sm-2">(977) 220-6518</dd>
|
|
<dt class="col-sm-1 text-truncate">Region</dt>
|
|
<dd class="col-sm-2">Central African Republic</dd>
|
|
</dl>
|
|
</td>
|
|
<tr class="accordion-toggle collapsed" id="c-2429" data-toggle="collapse" data-parent="#c-2429" href="#collap-2429">
|
|
<td>2429</td>
|
|
<td>2020-11-26 02:45:30</td>
|
|
<td>4603</td>
|
|
<td>Jack Adams</td>
|
|
<td><span class="badge badge-pill badge-warning mr-2">W</span><small class="text-muted">Pending</small></td>
|
|
<td>$20.84</td>
|
|
<td>$28.51</td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr id="collap-2429" class="collapse in p-3 bg-light">
|
|
<td colspan="8">
|
|
<dl class="row mb-0 mt-1">
|
|
<dt class="col-sm-1">Company</dt>
|
|
<dd class="col-sm-2">Orci Luctus Et Inc.</dd>
|
|
<dt class="col-sm-1">Address</dt>
|
|
<dd class="col-sm-2">P.O. Box 228, 7512 Lectus Ave</dd>
|
|
<dt class="col-sm-1">Phone</dt>
|
|
<dd class="col-sm-2">(537) 315-1481</dd>
|
|
<dt class="col-sm-1 text-truncate">Region</dt>
|
|
<dd class="col-sm-2">Bonaire, Sint Eustatius and Sabac</dd>
|
|
</dl>
|
|
</td>
|
|
</tr>
|
|
<tr class="accordion-toggle collapsed" id="c-3987" data-toggle="collapse" data-parent="#c-3987" href="#collap-3987">
|
|
<td>3987</td>
|
|
<td>2020-02-13 19:29:45</td>
|
|
<td>4261</td>
|
|
<td>Samantha Hansen</td>
|
|
<td><span class="badge badge-pill badge-success mr-2">S</span><small class="text-muted">Paid</small></td>
|
|
<td>$83.19</td>
|
|
<td>$48.48</td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr id="collap-3987" class="collapse in p-3 bg-light">
|
|
<td colspan="8">
|
|
<dl class="row mb-0 mt-1">
|
|
<dt class="col-sm-1">Company</dt>
|
|
<dd class="col-sm-2">Ap #377-5357 Sed Road</dd>
|
|
<dt class="col-sm-1">Address</dt>
|
|
<dd class="col-sm-2">P.O. Box 228, 7512 Lectus Ave</dd>
|
|
<dt class="col-sm-1">Phone</dt>
|
|
<dd class="col-sm-2">(238) 386-0247</dd>
|
|
<dt class="col-sm-1 text-truncate">Region</dt>
|
|
<dd class="col-sm-2">Canada</dd>
|
|
</dl>
|
|
</td>
|
|
</tr>
|
|
<tr class="accordion-toggle collapsed" id="c-3165" data-toggle="collapse" data-parent="#c-3987" href="#collap-3165">
|
|
<td>3165</td>
|
|
<td>2020-05-05 22:33:28</td>
|
|
<td>3308</td>
|
|
<td>Carla Ochoa</td>
|
|
<td><span class="badge badge-pill badge-primary mr-2">P</span><small class="text-muted">Invoiced</small></td>
|
|
<td>$99.92</td>
|
|
<td>$38.62</td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr id="collap-3165" class="collapse in p-3 bg-light">
|
|
<td colspan="8">
|
|
<dl class="row mb-0 mt-1">
|
|
<dt class="col-sm-1">Company</dt>
|
|
<dd class="col-sm-2">Suspendisse LLC</dd>
|
|
<dt class="col-sm-1">Address</dt>
|
|
<dd class="col-sm-2">Ap #410-5363 Non, Avenue</dd>
|
|
<dt class="col-sm-1">Phone</dt>
|
|
<dd class="col-sm-2">(587) 675-3258</dd>
|
|
<dt class="col-sm-1 text-truncate">Region</dt>
|
|
<dd class="col-sm-2">Chad</dd>
|
|
</dl>
|
|
</td>
|
|
</tr>
|
|
<tr class="accordion-toggle collapsed" id="c-5429" data-toggle="collapse" data-parent="#c-5429" href="#collap-5429">
|
|
<td>5429</td>
|
|
<td>2020-11-26 02:45:30</td>
|
|
<td>4603</td>
|
|
<td>Jack Adams</td>
|
|
<td><span class="badge badge-pill badge-warning mr-2">W</span><small class="text-muted">Pending</small></td>
|
|
<td>$20.84</td>
|
|
<td>$28.51</td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr id="collap-5429" class="collapse in p-3 bg-light">
|
|
<td colspan="8">
|
|
<dl class="row mb-0 mt-1">
|
|
<dt class="col-sm-1">Company</dt>
|
|
<dd class="col-sm-2">Dolor Incorporated</dd>
|
|
<dt class="col-sm-1">Address</dt>
|
|
<dd class="col-sm-2">8250 Molestie St.</dd>
|
|
<dt class="col-sm-1">Phone</dt>
|
|
<dd class="col-sm-2">(934) 582-9495</dd>
|
|
<dt class="col-sm-1 text-truncate">Region</dt>
|
|
<dd class="col-sm-2">British</dd>
|
|
</dl>
|
|
</td>
|
|
</tr>
|
|
<tr class="accordion-toggle collapsed" id="c-3951" data-toggle="collapse" data-parent="#c-3951" href="#collap-3951">
|
|
<td>3951</td>
|
|
<td>2020-10-11 19:09:12</td>
|
|
<td>4038</td>
|
|
<td>Casey Caldwell</td>
|
|
<td><span class="badge badge-pill badge-success mr-2">S</span><small class="text-muted">Paid</small></td>
|
|
<td>$30.74</td>
|
|
<td>$46.14</td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr id="collap-3951" class="collapse in p-3 bg-light">
|
|
<td colspan="8">
|
|
<dl class="row mb-0 mt-1">
|
|
<dt class="col-sm-1">Company</dt>
|
|
<dd class="col-sm-2">Urna Et PC</dd>
|
|
<dt class="col-sm-1">Address</dt>
|
|
<dd class="col-sm-2">3132 Mi Av.</dd>
|
|
<dt class="col-sm-1">Phone</dt>
|
|
<dd class="col-sm-2">(459) 982-1284</dd>
|
|
<dt class="col-sm-1 text-truncate">Region</dt>
|
|
<dd class="col-sm-2">Burkina Faso</dd>
|
|
</dl>
|
|
</td>
|
|
</tr>
|
|
<tr class="accordion-toggle collapsed" id="c-3599" data-toggle="collapse" data-parent="#c-3599" href="#collap-3599">
|
|
<td>3599</td>
|
|
<td>2020-09-12 11:21:03</td>
|
|
<td>3951</td>
|
|
<td>Alexander Ellis</td>
|
|
<td><span class="badge badge-pill badge-primary mr-2">P</span><small class="text-muted">Invoiced</small></td>
|
|
<td>$37.39</td>
|
|
<td>$80.11</td>
|
|
<td><button class="btn btn-sm dropdown-toggle more-horizontal" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="text-muted sr-only">Action</span>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Edit</a>
|
|
<a class="dropdown-item" href="#">Remove</a>
|
|
<a class="dropdown-item" href="#">Assign</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr id="collap-3599" class="collapse in p-3 bg-light">
|
|
<td colspan="8">
|
|
<dl class="row mb-0 mt-1">
|
|
<dt class="col-sm-1">Company</dt>
|
|
<dd class="col-sm-2">Mi Consulting</dd>
|
|
<dt class="col-sm-1">Address</dt>
|
|
<dd class="col-sm-2">921-6311 Nam Av.</dd>
|
|
<dt class="col-sm-1">Phone</dt>
|
|
<dd class="col-sm-2">(759) 501-2397</dd>
|
|
<dt class="col-sm-1 text-truncate">Region</dt>
|
|
<dd class="col-sm-2">Singapore</dd>
|
|
</dl>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> <!-- end section -->
|
|
</div> <!-- .col-12 -->
|
|
</div> <!-- .row -->
|
|
</div> <!-- .container-fluid -->
|
|
<div class="modal fade modal-notif modal-slide" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-sm" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="defaultModalLabel">Notifications</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="list-group list-group-flush my-n3">
|
|
<div class="list-group-item bg-transparent">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto">
|
|
<span class="fe fe-box fe-24"></span>
|
|
</div>
|
|
<div class="col">
|
|
<small><strong>Package has uploaded successfull</strong></small>
|
|
<div class="my-0 text-muted small">Package is zipped and uploaded</div>
|
|
<small class="badge badge-pill badge-light text-muted">1m ago</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="list-group-item bg-transparent">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto">
|
|
<span class="fe fe-download fe-24"></span>
|
|
</div>
|
|
<div class="col">
|
|
<small><strong>Widgets are updated successfull</strong></small>
|
|
<div class="my-0 text-muted small">Just create new layout Index, form, table</div>
|
|
<small class="badge badge-pill badge-light text-muted">2m ago</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="list-group-item bg-transparent">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto">
|
|
<span class="fe fe-inbox fe-24"></span>
|
|
</div>
|
|
<div class="col">
|
|
<small><strong>Notifications have been sent</strong></small>
|
|
<div class="my-0 text-muted small">Fusce dapibus, tellus ac cursus commodo</div>
|
|
<small class="badge badge-pill badge-light text-muted">30m ago</small>
|
|
</div>
|
|
</div> <!-- / .row -->
|
|
</div>
|
|
<div class="list-group-item bg-transparent">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto">
|
|
<span class="fe fe-link fe-24"></span>
|
|
</div>
|
|
<div class="col">
|
|
<small><strong>Link was attached to menu</strong></small>
|
|
<div class="my-0 text-muted small">New layout has been attached to the menu</div>
|
|
<small class="badge badge-pill badge-light text-muted">1h ago</small>
|
|
</div>
|
|
</div>
|
|
</div> <!-- / .row -->
|
|
</div> <!-- / .list-group -->
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary btn-block" data-dismiss="modal">Clear All</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal fade modal-shortcut modal-slide" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="defaultModalLabel">Shortcuts</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body px-5">
|
|
<div class="row align-items-center">
|
|
<div class="col-6 text-center">
|
|
<div class="squircle bg-success justify-content-center">
|
|
<i class="fe fe-cpu fe-32 align-self-center text-white"></i>
|
|
</div>
|
|
<p>Control area</p>
|
|
</div>
|
|
<div class="col-6 text-center">
|
|
<div class="squircle bg-primary justify-content-center">
|
|
<i class="fe fe-activity fe-32 align-self-center text-white"></i>
|
|
</div>
|
|
<p>Activity</p>
|
|
</div>
|
|
</div>
|
|
<div class="row align-items-center">
|
|
<div class="col-6 text-center">
|
|
<div class="squircle bg-primary justify-content-center">
|
|
<i class="fe fe-droplet fe-32 align-self-center text-white"></i>
|
|
</div>
|
|
<p>Droplet</p>
|
|
</div>
|
|
<div class="col-6 text-center">
|
|
<div class="squircle bg-primary justify-content-center">
|
|
<i class="fe fe-upload-cloud fe-32 align-self-center text-white"></i>
|
|
</div>
|
|
<p>Upload</p>
|
|
</div>
|
|
</div>
|
|
<div class="row align-items-center">
|
|
<div class="col-6 text-center">
|
|
<div class="squircle bg-primary justify-content-center">
|
|
<i class="fe fe-users fe-32 align-self-center text-white"></i>
|
|
</div>
|
|
<p>Users</p>
|
|
</div>
|
|
<div class="col-6 text-center">
|
|
<div class="squircle bg-primary justify-content-center">
|
|
<i class="fe fe-settings fe-32 align-self-center text-white"></i>
|
|
</div>
|
|
<p>Settings</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main> <!-- main -->
|
|
</div> <!-- .wrapper -->
|
|
<script src="js/jquery.min.js"></script>
|
|
<script src="js/popper.min.js"></script>
|
|
<script src="js/moment.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/simplebar.min.js"></script>
|
|
<script src='js/daterangepicker.js'></script>
|
|
<script src='js/jquery.stickOnScroll.js'></script>
|
|
<script src="js/tinycolor-min.js"></script>
|
|
<script src="js/config.js"></script>
|
|
<script src='js/jquery.dataTables.min.js'></script>
|
|
<script src='js/dataTables.bootstrap4.min.js'></script>
|
|
<script>
|
|
$('#dataTable-1').DataTable(
|
|
{
|
|
autoWidth: true,
|
|
"lengthMenu": [
|
|
[16, 32, 64, -1],
|
|
[16, 32, 64, "All"]
|
|
]
|
|
});
|
|
</script>
|
|
<script src="js/apps.js"></script>
|
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-56159088-1"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
|
|
function gtag()
|
|
{
|
|
dataLayer.push(arguments);
|
|
}
|
|
gtag('js', new Date());
|
|
gtag('config', 'UA-56159088-1');
|
|
</script>
|
|
</body>
|
|
</html> |