You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
379 lines
24 KiB
379 lines
24 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Task Detail | Hyper - Responsive Bootstrap 4 Admin Dashboard</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
|
|
<meta content="Coderthemes" name="author" />
|
|
<!-- App favicon -->
|
|
<link rel="shortcut icon" href="assets/images/favicon.ico">
|
|
|
|
<!-- App css -->
|
|
<link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
|
|
<link href="assets/css/app.min.css" rel="stylesheet" type="text/css" id="light-style" />
|
|
<link href="assets/css/app-dark.min.css" rel="stylesheet" type="text/css" id="dark-style" />
|
|
|
|
</head>
|
|
|
|
<body class="loading" data-layout-config='{"leftSideBarTheme":"dark","layoutBoxed":false, "leftSidebarCondensed":false, "leftSidebarScrollable":false,"darkMode":false, "showRightSidebarOnStart": true}'>
|
|
<!-- Begin page -->
|
|
<div class="wrapper">
|
|
@@include('./partials/left-sidebar.html')
|
|
|
|
<!-- ============================================================== -->
|
|
<!-- Start Page Content here -->
|
|
<!-- ============================================================== -->
|
|
|
|
<div class="content-page">
|
|
<div class="content">
|
|
@@include('./partials/topbar.html')
|
|
|
|
<!-- Start Content-->
|
|
<div class="container-fluid">
|
|
|
|
<!-- start page title -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="page-title-box">
|
|
<div class="page-title-right">
|
|
<ol class="breadcrumb m-0">
|
|
<li class="breadcrumb-item"><a href="javascript: void(0);">Hyper</a></li>
|
|
<li class="breadcrumb-item"><a href="javascript: void(0);">Tasks</a></li>
|
|
<li class="breadcrumb-item active">Task Detail</li>
|
|
</ol>
|
|
</div>
|
|
<h4 class="page-title">Task Detail</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end page title -->
|
|
|
|
<div class="row">
|
|
<div class="col-xl-8 col-lg-7">
|
|
<!-- project card -->
|
|
<div class="card d-block">
|
|
<div class="card-body">
|
|
<div class="dropdown card-widgets">
|
|
<a href="#" class="dropdown-toggle arrow-none" data-toggle="dropdown" aria-expanded="false">
|
|
<i class='uil uil-ellipsis-h'></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<i class='uil uil-file-upload mr-1'></i>Attachment
|
|
</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<i class='uil uil-edit mr-1'></i>Edit
|
|
</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">
|
|
<i class='uil uil-file-copy-alt mr-1'></i>Mark as Duplicate
|
|
</a>
|
|
<div class="dropdown-divider"></div>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item text-danger">
|
|
<i class='uil uil-trash-alt mr-1'></i>Delete
|
|
</a>
|
|
</div> <!-- end dropdown menu-->
|
|
</div> <!-- end dropdown-->
|
|
|
|
<div class="custom-control custom-checkbox float-left">
|
|
<input type="checkbox" class="custom-control-input" id="completedCheck">
|
|
<label class="custom-control-label" for="completedCheck">
|
|
Mark as completed
|
|
</label>
|
|
</div> <!-- end custom-checkbox-->
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
<h3 class="mt-3">Draft the new contract document for sales team</h3>
|
|
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<!-- assignee -->
|
|
<p class="mt-2 mb-1 text-muted font-weight-bold font-12 text-uppercase">Assigned To</p>
|
|
<div class="media">
|
|
<img src="assets/images/users/avatar-9.jpg" alt="Arya S" class="rounded-circle mr-2" height="24" />
|
|
<div class="media-body">
|
|
<h5 class="mt-1 font-14">
|
|
Arya Stark
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
<!-- end assignee -->
|
|
</div> <!-- end col -->
|
|
|
|
<div class="col-6">
|
|
<!-- start due date -->
|
|
<p class="mt-2 mb-1 text-muted font-weight-bold font-12 text-uppercase">Due Date</p>
|
|
<div class="media">
|
|
<i class='uil uil-schedule font-18 text-success mr-1'></i>
|
|
<div class="media-body">
|
|
<h5 class="mt-1 font-14">
|
|
Today 10am
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
<!-- end due date -->
|
|
</div> <!-- end col -->
|
|
</div> <!-- end row -->
|
|
|
|
|
|
<h5 class="mt-3">Overview:</h5>
|
|
|
|
<p class="text-muted mb-4">
|
|
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer. Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title and make up.
|
|
</p>
|
|
|
|
<!-- start sub tasks/checklists -->
|
|
<h5 class="mt-4 mb-2 font-16">Checklists/Sub-tasks</h5>
|
|
<div class="custom-control custom-checkbox mt-1">
|
|
<input type="checkbox" class="custom-control-input" id="checklist1">
|
|
<label class="custom-control-label strikethrough" for="checklist1">
|
|
Find out the old contract documents
|
|
</label>
|
|
</div>
|
|
|
|
<div class="custom-control custom-checkbox mt-1">
|
|
<input type="checkbox" class="custom-control-input" id="checklist2">
|
|
<label class="custom-control-label strikethrough" for="checklist2">
|
|
Organize meeting sales associates to understand need in detail
|
|
</label>
|
|
</div>
|
|
|
|
<div class="custom-control custom-checkbox mt-1">
|
|
<input type="checkbox" class="custom-control-input" id="checklist3">
|
|
<label class="custom-control-label strikethrough" for="checklist3">
|
|
Make sure to cover every small details
|
|
</label>
|
|
</div>
|
|
<!-- end sub tasks/checklists -->
|
|
|
|
</div> <!-- end card-body-->
|
|
|
|
</div> <!-- end card-->
|
|
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4 class="my-1">Comments (51)</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
|
|
<div class="media">
|
|
<img class="mr-2 rounded-circle" src="assets/images/users/avatar-3.jpg"
|
|
alt="Generic placeholder image" height="32">
|
|
<div class="media-body">
|
|
<h5 class="mt-0">Jeremy Tomlinson <small class="text-muted float-right">5 hours ago</small></h5>
|
|
Nice work, makes me think of The Money Pit.
|
|
|
|
<br/>
|
|
<a href="javascript: void(0);" class="text-muted font-13 d-inline-block mt-2"><i
|
|
class="mdi mdi-reply"></i> Reply</a>
|
|
|
|
<div class="media mt-3">
|
|
<a class="pr-2" href="#">
|
|
<img src="assets/images/users/avatar-4.jpg" class="rounded-circle"
|
|
alt="Generic placeholder image" height="32">
|
|
</a>
|
|
<div class="media-body">
|
|
<h5 class="mt-0">Thelma Fridley <small class="text-muted float-right">3 hours ago</small></h5>
|
|
i'm in the middle of a timelapse animation myself! (Very different though.) Awesome stuff.
|
|
|
|
<br/>
|
|
<a href="javascript: void(0);" class="text-muted font-13 d-inline-block mt-2">
|
|
<i class="mdi mdi-reply"></i> Reply
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="media mt-3">
|
|
<img class="mr-2 rounded-circle" src="assets/images/users/avatar-5.jpg"
|
|
alt="Generic placeholder image" height="32">
|
|
<div class="media-body">
|
|
<h5 class="mt-0">Kevin Martinez <small class="text-muted float-right">1 day ago</small></h5>
|
|
It would be very nice to have.
|
|
|
|
<br/>
|
|
<a href="javascript: void(0);" class="text-muted font-13 d-inline-block mt-2"><i
|
|
class="mdi mdi-reply"></i> Reply</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-center mt-2">
|
|
<a href="javascript:void(0);" class="text-danger"><i class="mdi mdi-spin mdi-loading mr-1"></i> Load more </a>
|
|
</div>
|
|
|
|
<div class="border rounded mt-4">
|
|
<form action="#" class="comment-area-box">
|
|
<textarea rows="3" class="form-control border-0 resize-none" placeholder="Your comment..."></textarea>
|
|
<div class="p-2 bg-light d-flex justify-content-between align-items-center">
|
|
<div>
|
|
<a href="#" class="btn btn-sm px-1 btn-light"><i class='mdi mdi-upload'></i></a>
|
|
<a href="#" class="btn btn-sm px-1 btn-light"><i class='mdi mdi-at'></i></a>
|
|
</div>
|
|
<button type="submit" class="btn btn-sm btn-success"><i class='uil uil-message mr-1'></i>Submit</button>
|
|
</div>
|
|
</form>
|
|
</div> <!-- end .border-->
|
|
|
|
</div> <!-- end card-body-->
|
|
</div>
|
|
<!-- end card-->
|
|
</div> <!-- end col -->
|
|
|
|
<div class="col-xl-4 col-lg-5">
|
|
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h5 class="card-title mb-3">Attachments</h5>
|
|
|
|
<form action="/" method="post" class="dropzone" id="myAwesomeDropzone" data-plugin="dropzone" data-previews-container="#file-previews"
|
|
data-upload-preview-template="#uploadPreviewTemplate">
|
|
<div class="fallback">
|
|
<input name="file" type="file" />
|
|
</div>
|
|
|
|
<div class="dz-message needsclick">
|
|
<i class="h3 text-muted dripicons-cloud-upload"></i>
|
|
<h4>Drop files here or click to upload.</h4>
|
|
</div>
|
|
</form>
|
|
|
|
<!-- Preview -->
|
|
<div class="dropzone-previews mt-3" id="file-previews"></div>
|
|
|
|
<!-- file preview template -->
|
|
<div class="d-none" id="uploadPreviewTemplate">
|
|
<div class="card mt-1 mb-0 shadow-none border">
|
|
<div class="p-2">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto">
|
|
<img data-dz-thumbnail src="#" class="avatar-sm rounded bg-light" alt="">
|
|
</div>
|
|
<div class="col pl-0">
|
|
<a href="javascript:void(0);" class="text-muted font-weight-bold" data-dz-name></a>
|
|
<p class="mb-0" data-dz-size></p>
|
|
</div>
|
|
<div class="col-auto">
|
|
<!-- Button -->
|
|
<a href="" class="btn btn-link btn-lg text-muted" data-dz-remove>
|
|
<i class="dripicons-cross"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end file preview template -->
|
|
|
|
|
|
<div class="card my-1 shadow-none border">
|
|
<div class="p-2">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto">
|
|
<div class="avatar-sm">
|
|
<span class="avatar-title rounded">
|
|
.ZIP
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="col pl-0">
|
|
<a href="javascript:void(0);" class="text-muted font-weight-bold">Hyper-admin-design.zip</a>
|
|
<p class="mb-0">2.3 MB</p>
|
|
</div>
|
|
<div class="col-auto">
|
|
<!-- Button -->
|
|
<a href="javascript:void(0);" class="btn btn-link btn-lg text-muted">
|
|
<i class="dripicons-download"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mb-1 shadow-none border">
|
|
<div class="p-2">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto">
|
|
<img src="assets/images/projects/project-1.jpg" class="avatar-sm rounded" alt="file-image" />
|
|
</div>
|
|
<div class="col pl-0">
|
|
<a href="javascript:void(0);" class="text-muted font-weight-bold">Dashboard-design.jpg</a>
|
|
<p class="mb-0">3.25 MB</p>
|
|
</div>
|
|
<div class="col-auto">
|
|
<!-- Button -->
|
|
<a href="javascript:void(0);" class="btn btn-link btn-lg text-muted">
|
|
<i class="dripicons-download"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mb-0 shadow-none border">
|
|
<div class="p-2">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto">
|
|
<div class="avatar-sm">
|
|
<span class="avatar-title bg-secondary rounded">
|
|
.MP4
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="col pl-0">
|
|
<a href="javascript:void(0);" class="text-muted font-weight-bold">Admin-bug-report.mp4</a>
|
|
<p class="mb-0">7.05 MB</p>
|
|
</div>
|
|
<div class="col-auto">
|
|
<!-- Button -->
|
|
<a href="javascript:void(0);" class="btn btn-link btn-lg text-muted">
|
|
<i class="dripicons-download"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
</div> <!-- container -->
|
|
|
|
</div> <!-- content -->
|
|
|
|
@@include('./partials/footer.html')
|
|
|
|
</div>
|
|
|
|
<!-- ============================================================== -->
|
|
<!-- End Page content -->
|
|
<!-- ============================================================== -->
|
|
|
|
|
|
</div>
|
|
<!-- END wrapper -->
|
|
|
|
|
|
@@include('./partials/right-sidebar.html')
|
|
|
|
|
|
<!-- bundle -->
|
|
<script src="assets/js/vendor.min.js"></script>
|
|
<script src="assets/js/app.min.js"></script>
|
|
|
|
<!-- plugin js -->
|
|
<script src="assets/js/vendor/dropzone.min.js"></script>
|
|
<!-- init js -->
|
|
<script src="assets/js/ui/component.fileupload.js"></script>
|
|
|
|
</body>
|
|
</html>
|