561 lines
55 KiB
HTML
561 lines
55 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
@@include("partials/title-meta.html", {"title": "Tasks List"})
|
|
|
|
@@include('./partials/head-css.html')
|
|
|
|
</head>
|
|
|
|
<body class="loading" data-layout-mode="horizontal" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
|
|
|
|
<!-- Begin page -->
|
|
<div id="wrapper">
|
|
|
|
@@include('./partials/topbar.html')
|
|
|
|
@@include('./partials/horizontal.html')
|
|
|
|
<!-- ============================================================== -->
|
|
<!-- Start Page Content here -->
|
|
<!-- ============================================================== -->
|
|
|
|
<div class="content-page">
|
|
<div class="content">
|
|
|
|
<!-- Start Content-->
|
|
<div class="container-fluid">
|
|
|
|
<!-- start page title -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="page-title-box page-title-box-alt">
|
|
<h4 class="page-title">Tasks</h4>
|
|
<div class="page-title-right">
|
|
<ol class="breadcrumb m-0">
|
|
<li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
|
|
<li class="breadcrumb-item"><a href="javascript: void(0);">Tasks</a></li>
|
|
<li class="breadcrumb-item active">List</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end page title -->
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<!-- cta -->
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<a href="#" class="btn btn-primary waves-effect waves-light"><i class='fe-plus mr-1'></i>Add New</a>
|
|
</div>
|
|
<div class="col-sm-9">
|
|
<div class="float-sm-right mt-3 mt-sm-0">
|
|
<div class="form-inline">
|
|
<div class="mb-3 mb-sm-0 mr-sm-2">
|
|
<form>
|
|
<div class="position-relative">
|
|
<input type="text" class="form-control" placeholder="Search...">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="dropdown">
|
|
<button class="btn btn-light dropdown-toggle" type="button"
|
|
data-toggle="dropdown" aria-haspopup="true"
|
|
aria-expanded="false">
|
|
<i class="mdi mdi-filter-variant"></i>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Due Date</a>
|
|
<a class="dropdown-item" href="#">Added Date</a>
|
|
<a class="dropdown-item" href="#">Assignee</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="custom-accordion">
|
|
<div class="mt-4">
|
|
<h5 class="position-relative mb-0"><a href="#taskcollapse1" class="text-dark d-block" data-toggle="collapse">Today Tasks <span class="text-muted">(08)</span> <i class="mdi mdi-chevron-down accordion-arrow"></i></a></h5>
|
|
<div class="collapse show" id="taskcollapse1">
|
|
<div class="table-responsive mt-3">
|
|
<table class="table table-centered table-nowrap table-borderless table-sm">
|
|
<thead class="thead-light">
|
|
<tr class="">
|
|
<th scope="col">
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="todayCheck">
|
|
<label class="custom-control-label" for="todayCheck">Task ID</label>
|
|
</div>
|
|
</th>
|
|
<th scope="col">Tasks</th>
|
|
<th scope="col">Assign to</th>
|
|
<th scope="col">Due Date</th>
|
|
<th scope="col">Task priority</th>
|
|
<th scope="col" style="width: 85px;">Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="todayCheck01">
|
|
<label class="custom-control-label" for="todayCheck01">#MN2045</label>
|
|
</div>
|
|
</td>
|
|
<td>IOS App home page</td>
|
|
<td>
|
|
<div>
|
|
<img src="../assets/images/users/avatar-2.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Houston Fritz" />
|
|
</div>
|
|
</td>
|
|
<td>Today 10am</td>
|
|
<td><span class="badge badge-soft-danger p-1">High</span></td>
|
|
<td>
|
|
<ul class="list-inline table-action m-0">
|
|
<li class="list-inline-item">
|
|
<a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<div class="dropdown">
|
|
<a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical"></i>
|
|
</a>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="todayCheck02">
|
|
<label class="custom-control-label" for="todayCheck02">#MN2044</label>
|
|
</div>
|
|
</td>
|
|
<td>Topnav layout design</td>
|
|
<td>
|
|
<div>
|
|
<img src="../assets/images/users/avatar-3.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Glenn Lynch" />
|
|
</div>
|
|
</td>
|
|
<td>Today 04pm</td>
|
|
<td><span class="badge badge-soft-info p-1">Medium</span></td>
|
|
<td>
|
|
<ul class="list-inline table-action m-0">
|
|
<li class="list-inline-item">
|
|
<a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<div class="dropdown">
|
|
<a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical"></i>
|
|
</a>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="todayCheck03">
|
|
<label class="custom-control-label" for="todayCheck03">#MN2043</label>
|
|
</div>
|
|
</td>
|
|
<td>Invite user to a project</td>
|
|
<td>
|
|
<div>
|
|
<img src="../assets/images/users/avatar-4.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Robert Hebert" />
|
|
</div>
|
|
</td>
|
|
<td>Today 02pm</td>
|
|
<td><span class="badge badge-soft-danger p-1">High</span></td>
|
|
<td>
|
|
<ul class="list-inline table-action m-0">
|
|
<li class="list-inline-item">
|
|
<a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<div class="dropdown">
|
|
<a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical"></i>
|
|
</a>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="todayCheck04">
|
|
<label class="custom-control-label" for="todayCheck04">#MN2042</label>
|
|
</div>
|
|
</td>
|
|
<td>Write a release note</td>
|
|
<td>
|
|
<div>
|
|
<img src="../assets/images/users/avatar-5.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Darnell McCormick" />
|
|
</div>
|
|
</td>
|
|
<td>Today 06pm</td>
|
|
<td><span class="badge badge-soft-success p-1">Low</span></td>
|
|
<td>
|
|
<ul class="list-inline table-action m-0">
|
|
<li class="list-inline-item">
|
|
<a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<div class="dropdown">
|
|
<a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical"></i>
|
|
</a>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-4">
|
|
<h5 class="position-relative mb-0"><a href="#taskcollapse2" class="text-dark d-block" data-toggle="collapse">Upcoming Tasks <span class="text-muted">(05)</span> <i class="mdi mdi-chevron-down accordion-arrow"></i></a></h5>
|
|
<div class="collapse show" id="taskcollapse2">
|
|
<div class="table-responsive mt-3">
|
|
<table class="table table-centered table-nowrap table-borderless table-sm">
|
|
<thead class="thead-light">
|
|
<tr class="">
|
|
<th scope="col">
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="upcomingCheck">
|
|
<label class="custom-control-label" for="upcomingCheck">Task ID</label>
|
|
</div>
|
|
</th>
|
|
<th scope="col">Tasks</th>
|
|
<th scope="col">Assign to</th>
|
|
<th scope="col">Due Date</th>
|
|
<th scope="col">Task priority</th>
|
|
<th scope="col" style="width: 85px;">Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="upcomingCheck01">
|
|
<label class="custom-control-label" for="upcomingCheck01">#MN2050</label>
|
|
</div>
|
|
</td>
|
|
<td>Enable analytics tracking</td>
|
|
<td>
|
|
<div>
|
|
<img src="../assets/images/users/avatar-5.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Donald Mealy" />
|
|
</div>
|
|
</td>
|
|
<td>May 27, 2020</td>
|
|
<td><span class="badge badge-soft-danger p-1">High</span></td>
|
|
<td>
|
|
<ul class="list-inline table-action m-0">
|
|
<li class="list-inline-item">
|
|
<a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<div class="dropdown">
|
|
<a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical"></i>
|
|
</a>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="upcomingCheck02">
|
|
<label class="custom-control-label" for="upcomingCheck02">#MN2049</label>
|
|
</div>
|
|
</td>
|
|
<td>Kanban board design</td>
|
|
<td>
|
|
<div>
|
|
<img src="../assets/images/users/avatar-6.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Shelton Garza" />
|
|
</div>
|
|
</td>
|
|
<td>No Due Date</td>
|
|
<td><span class="badge badge-soft-info p-1">Medium</span></td>
|
|
<td>
|
|
<ul class="list-inline table-action m-0">
|
|
<li class="list-inline-item">
|
|
<a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<div class="dropdown">
|
|
<a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical"></i>
|
|
</a>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="upcomingCheck03">
|
|
<label class="custom-control-label" for="upcomingCheck03">#MN2048</label>
|
|
</div>
|
|
</td>
|
|
<td>Code HTML email template</td>
|
|
<td>
|
|
<div>
|
|
<img src="../assets/images/users/avatar-7.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Adrian Key" />
|
|
</div>
|
|
</td>
|
|
<td>June 08, 2020</td>
|
|
<td><span class="badge badge-soft-danger p-1">High</span></td>
|
|
<td>
|
|
<ul class="list-inline table-action m-0">
|
|
<li class="list-inline-item">
|
|
<a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<div class="dropdown">
|
|
<a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical"></i>
|
|
</a>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-4">
|
|
<h5 class="position-relative mb-0"><a href="#taskcollapse3" class="text-dark d-block" data-toggle="collapse">Other Tasks <span class="text-muted">(03)</span> <i class="mdi mdi-chevron-down accordion-arrow"></i></a></h5>
|
|
<div class="collapse show" id="taskcollapse3">
|
|
<div class="table-responsive mt-3">
|
|
<table class="table table-centered table-nowrap table-borderless table-sm">
|
|
<thead class="thead-light">
|
|
<tr class="">
|
|
<th scope="col">
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="otherCheck">
|
|
<label class="custom-control-label" for="otherCheck">Task ID</label>
|
|
</div>
|
|
</th>
|
|
<th scope="col">Tasks</th>
|
|
<th scope="col">Assign to</th>
|
|
<th scope="col">Due Date</th>
|
|
<th scope="col">Task priority</th>
|
|
<th scope="col" style="width: 85px;">Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="otherCheck01">
|
|
<label class="custom-control-label" for="otherCheck01">#MN2054</label>
|
|
</div>
|
|
</td>
|
|
<td>Brand logo design</td>
|
|
<td>
|
|
<div>
|
|
<img src="../assets/images/users/avatar-9.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Donald Mealy" />
|
|
</div>
|
|
</td>
|
|
<td>June 04, 2020</td>
|
|
<td><span class="badge badge-soft-danger p-1">High</span></td>
|
|
<td>
|
|
<ul class="list-inline table-action m-0">
|
|
<li class="list-inline-item">
|
|
<a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<div class="dropdown">
|
|
<a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical"></i>
|
|
</a>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="otherCheck02">
|
|
<label class="custom-control-label" for="otherCheck02">#MN2053</label>
|
|
</div>
|
|
</td>
|
|
<td>Improve animation loader</td>
|
|
<td>
|
|
<div>
|
|
<img src="../assets/images/users/avatar-10.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Doris Kinsey" />
|
|
</div>
|
|
</td>
|
|
<td>June 10, 2020</td>
|
|
<td><span class="badge badge-soft-info p-1">Medium</span></td>
|
|
<td>
|
|
<ul class="list-inline table-action m-0">
|
|
<li class="list-inline-item">
|
|
<a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<div class="dropdown">
|
|
<a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical"></i>
|
|
</a>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="otherCheck03">
|
|
<label class="custom-control-label" for="otherCheck03">#MN2052</label>
|
|
</div>
|
|
</td>
|
|
<td>Dashboard Re-design</td>
|
|
<td>
|
|
<div>
|
|
<img src="../assets/images/users/avatar-2.jpg" lt="image" class="avatar-sm img-thumbnail rounded-circle" data-toggle="tooltip" data-placement="top" title="Donnell Smith" />
|
|
</div>
|
|
</td>
|
|
<td>No Due Date</td>
|
|
<td><span class="badge badge-soft-success p-1">Low</span></td>
|
|
<td>
|
|
<ul class="list-inline table-action m-0">
|
|
<li class="list-inline-item">
|
|
<a href="javascript:void(0);" class="action-icon px-1"> <i class="mdi mdi-square-edit-outline"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<div class="dropdown">
|
|
<a class="action-icon px-1 dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical"></i>
|
|
</a>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
</div> <!-- container-fluid -->
|
|
|
|
</div> <!-- content -->
|
|
|
|
@@include('./partials/footer.html')
|
|
|
|
</div>
|
|
|
|
<!-- ============================================================== -->
|
|
<!-- End Page content -->
|
|
<!-- ============================================================== -->
|
|
|
|
|
|
</div>
|
|
<!-- END wrapper -->
|
|
|
|
@@include('./partials/right-sidebar.html')
|
|
|
|
<!-- Vendor js -->
|
|
<script src="../assets/js/vendor.min.js"></script>
|
|
|
|
<!-- App js -->
|
|
<script src="../assets/js/app.min.js"></script>
|
|
|
|
</body>
|
|
</html> |