jjimenez/erp-imprimelibros
1
0
Fork 0
mirror of https://git.imnavajas.es/jjimenez/erp-imprimelibros.git synced 2026-01-20 15:50:21 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
c11c34011e2534af5133f80543d4f3a633db2d11
erp-imprimelibros/src/main/resources/templates/theme/apps/tasks-kanban.html
Jaime Jiménez 3f151be9a7 primer commit. añadido tema Velzon
2025-07-19 10:57:49 +02:00

1211 lines
59 KiB
HTML
Raw Blame History

<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{layout}">
<th:block layout:fragment="pagetitle">
<!--page title-->
<div th:replace="partials/title-meta :: title-meta('Kanban Board')"></div>
</th:block>
<head>
<!-- Dragula css -->
<link rel="stylesheet" href="/assets/libs/dragula/dragula.min.css" />
</head>
<body>
<div layout:fragment="content">
<div th:replace="partials/page-title :: page-title('Kanban Board','Tasks')"></div>
<div class="card">
<div class="card-body">
<div class="row g-2">
<div class="col-lg-auto">
<div class="hstack gap-2">
<button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#createboardModal"><i class="ri-add-line align-bottom me-1"></i> Create Board</button>
</div>
</div>
<!--end col-->
<div class="col-lg-3 col-auto">
<div class="search-box">
<input type="text" class="form-control search" id="search-task-options" placeholder="Search for project, tasks...">
<i class="ri-search-line search-icon"></i>
</div>
</div>
<div class="col-auto ms-sm-auto">
<div class="avatar-group" id="newMembar">
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Nancy">
<img src="/assets/images/users/avatar-5.jpg" alt="" class="rounded-circle avatar-xs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Frank">
<img src="/assets/images/users/avatar-3.jpg" alt="" class="rounded-circle avatar-xs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Tonya">
<img src="/assets/images/users/avatar-10.jpg" alt="" class="rounded-circle avatar-xs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Thomas">
<img src="/assets/images/users/avatar-8.jpg" alt="" class="rounded-circle avatar-xs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Herbert">
<img src="/assets/images/users/avatar-2.jpg" alt="" class="rounded-circle avatar-xs">
</a>
<a href="#addmemberModal" data-bs-toggle="modal" class="avatar-group-item">
<div class="avatar-xs">
<div class="avatar-title bg-secondary rounded-circle">
+
</div>
</div>
</a>
</div>
</div>
<!--end col-->
</div>
<!--end row-->
</div>
<!--end card-body-->
</div>
<!--end card-->
<div class="tasks-board mb-3" id="kanbanboard">
<div class="tasks-list">
<div class="d-flex mb-3">
<div class="flex-grow-1">
<h6 class="fs-14 text-uppercase fw-semibold mb-0">Unassigned <small class="badge bg-success align-bottom ms-1 totaltask-badge">2</small></h6>
</div>
<div class="flex-shrink-0">
<div class="dropdown card-header-dropdown">
<a class="text-reset dropdown-btn" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="fw-medium text-muted fs-12">Priority<i class="mdi mdi-chevron-down ms-1"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Priority</a>
<a class="dropdown-item" href="#">Date Added</a>
</div>
</div>
</div>
</div>
<div data-simplebar class="tasks-wrapper px-3 mx-n3">
<div id="unassigned-task" class="tasks">
<div class="card tasks-box">
<div class="card-body">
<div class="d-flex mb-2">
<h6 class="fs-15 mb-0 flex-grow-1 text-truncate task-title"><a href="/apps-tasks-details" class="d-block text-reset">Profile Page Structure</a></h6>
<div class="dropdown">
<a href="javascript:void(0);" class="text-muted" id="dropdownMenuLink1" data-bs-toggle="dropdown" aria-expanded="false"><i class="ri-more-fill"></i></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink1">
<li><a class="dropdown-item" href="/apps-tasks-details"><i class="ri-eye-fill align-bottom me-2 text-muted"></i> View</a></li>
<li><a class="dropdown-item" href="#"><i class="ri-edit-2-line align-bottom me-2 text-muted"></i> Edit</a></li>
<li><a class="dropdown-item" data-bs-toggle="modal" href="#deleteRecordModal"><i class="ri-delete-bin-5-line align-bottom me-2 text-muted"></i> Delete</a></li>
</ul>
</div>
</div>
<p class="text-muted">Profile Page means a web page accessible to the public or to guests.</p>
<div class="mb-3">
<div class="d-flex mb-1">
<div class="flex-grow-1">
<h6 class="text-muted mb-0"><span class="text-secondary">15%</span> of 100%</h6>
</div>
<div class="flex-shrink-0">
<span class="text-muted">03 Jan, 2022</span>
</div>
</div>
<div class="progress rounded-3 progress-sm">
<div class="progress-bar bg-danger" role="progressbar" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="d-flex align-items-center">
<div class="flex-grow-1">
<span class="badge badge-soft-primary">Admin</span>
</div>
<div class="flex-shrink-0">
<div class="avatar-group">
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Alexis">
<img src="/assets/images/users/avatar-6.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Nancy">
<img src="/assets/images/users/avatar-5.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
</div>
</div>
</div>
</div>
<div class="card-footer border-top-dashed">
<div class="d-flex">
<div class="flex-grow-1">
<h6 class="text-muted mb-0">#VL2436</h6>
</div>
<div class="flex-shrink-0">
<ul class="link-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-eye-line align-bottom"></i> 04</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-question-answer-line align-bottom"></i> 19</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-attachment-2 align-bottom"></i> 02</a>
</li>
</ul>
</div>
</div>
</div>
<!--end card-body-->
</div>
<!--end card-->
<div class="card tasks-box">
<div class="card-body">
<div class="d-flex mb-2">
<div class="flex-grow-1">
<h6 class="fs-15 mb-0 text-truncate task-title"><a href="/apps-tasks-details" class="d-block text-reset">Velzon - Admin Layout Design</a></h6>
</div>
<div class="flex-shrink-0">
<a href="javascript:void(0);" class="text-muted" id="dropdownMenuLink12" data-bs-toggle="dropdown" aria-expanded="false"><i class="ri-more-fill"></i></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink12">
<li><a class="dropdown-item" href="/apps-tasks-details"><i class="ri-eye-fill align-bottom me-2 text-muted"></i> View</a></li>
<li><a class="dropdown-item" href="#"><i class="ri-edit-2-line align-bottom me-2 text-muted"></i> Edit</a></li>
<li><a class="dropdown-item" data-bs-toggle="modal" href="#deleteRecordModal"><i class="ri-delete-bin-5-line align-bottom me-2 text-muted"></i> Delete</a></li>
</ul>
</div>
</div>
<p class="text-muted">The dashboard is the front page of the Administration UI.</p>
<div class="d-flex align-items-center">
<div class="flex-grow-1">
<span class="badge badge-soft-primary">Layout</span>
<span class="badge badge-soft-primary">Admin</span>
<span class="badge badge-soft-primary">Dashboard</span>
</div>
<div class="flex-shrink-0">
<div class="avatar-group">
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Michael">
<img src="/assets/images/users/avatar-7.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Alexis">
<img src="/assets/images/users/avatar-6.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Anna">
<img src="/assets/images/users/avatar-1.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
</div>
</div>
</div>
</div>
<!--end card-body-->
<div class="card-footer border-top-dashed">
<div class="d-flex">
<div class="flex-grow-1">
<span class="text-muted"><i class="ri-time-line align-bottom"></i> 07 Jan, 2022</span>
</div>
<div class="flex-shrink-0">
<ul class="link-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-eye-line align-bottom"></i> 14</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-question-answer-line align-bottom"></i> 32</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-attachment-2 align-bottom"></i> 05</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--end card-->
</div>
<!--end tasks-->
</div>
<div class="my-3">
<button class="btn btn-soft-info w-100" data-bs-toggle="modal" data-bs-target="#creatertaskModal">Add More</button>
</div>
</div>
<!--end tasks-list-->
<div class="tasks-list">
<div class="d-flex mb-3">
<div class="flex-grow-1">
<h6 class="fs-14 text-uppercase fw-semibold mb-0">To Do <small class="badge bg-secondary align-bottom ms-1 totaltask-badge">2</small></h6>
</div>
<div class="flex-shrink-0">
<div class="dropdown card-header-dropdown">
<a class="text-reset dropdown-btn" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="fw-medium text-muted fs-12">Priority<i class="mdi mdi-chevron-down ms-1"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Priority</a>
<a class="dropdown-item" href="#">Date Added</a>
</div>
</div>
</div>
</div>
<div data-simplebar class="tasks-wrapper px-3 mx-n3">
<div id="todo-task" class="tasks">
<div class="card tasks-box">
<div class="card-body">
<div class="d-flex mb-2">
<div class="flex-grow-1">
<h6 class="fs-15 mb-0 text-truncate task-title"><a href="/apps-tasks-details" class="d-block text-reset">Admin Layout Design</a></h6>
</div>
<div class="flex-shrink-0">
<a href="javascript:void(0);" class="text-muted" id="dropdownMenuLink3" data-bs-toggle="dropdown" aria-expanded="false"><i class="ri-more-fill"></i></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink3">
<li><a class="dropdown-item" href="/apps-tasks-details"><i class="ri-eye-fill align-bottom me-2 text-muted"></i> View</a></li>
<li><a class="dropdown-item" href="#"><i class="ri-edit-2-line align-bottom me-2 text-muted"></i> Edit</a></li>
<li><a class="dropdown-item" data-bs-toggle="modal" href="#deleteRecordModal"><i class="ri-delete-bin-5-line align-bottom me-2 text-muted"></i> Delete</a></li>
</ul>
</div>
</div>
<p class="text-muted">Landing page template with clean, minimal and modern design.</p>
<div class="d-flex align-items-center">
<div class="flex-grow-1">
<span class="badge badge-soft-primary">Design</span>
<span class="badge badge-soft-primary">Website</span>
</div>
<div class="flex-shrink-0">
<div class="avatar-group">
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Tonya">
<img src="/assets/images/users/avatar-10.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Frank">
<img src="/assets/images/users/avatar-3.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Herbert">
<img src="/assets/images/users/avatar-2.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
</div>
</div>
</div>
</div>
<!--end card-body-->
<div class="card-footer border-top-dashed">
<div class="d-flex">
<div class="flex-grow-1">
<span class="text-muted"><i class="ri-time-line align-bottom"></i> 07 Jan, 2022</span>
</div>
<div class="flex-shrink-0">
<ul class="link-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-eye-line align-bottom"></i> 13</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-question-answer-line align-bottom"></i> 52</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-attachment-2 align-bottom"></i> 17</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--end card-->
<div class="card tasks-box">
<div class="card-body">
<div class="d-flex mb-2">
<div class="flex-grow-1">
<h6 class="fs-15 mb-0 text-truncate task-title"><a href="/apps-tasks-details" class="d-block text-reset">Marketing & Sales</a></h6>
</div>
<div class="flex-shrink-0">
<a href="javascript:void(0);" class="text-muted" id="dropdownMenuLink4" data-bs-toggle="dropdown" aria-expanded="false"><i class="ri-more-fill"></i></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink4">
<li><a class="dropdown-item" href="/apps-tasks-details"><i class="ri-eye-fill align-bottom me-2 text-muted"></i> View</a></li>
<li><a class="dropdown-item" href="#"><i class="ri-edit-2-line align-bottom me-2 text-muted"></i> Edit</a></li>
<li><a class="dropdown-item" data-bs-toggle="modal" href="#deleteRecordModal"><i class="ri-delete-bin-5-line align-bottom me-2 text-muted"></i> Delete</a></li>
</ul>
</div>
</div>
<p class="text-muted">Sales and marketing are two business functions within an organization.</p>
<div class="d-flex align-items-center">
<div class="flex-grow-1">
<span class="badge badge-soft-primary">Marketing</span>
<span class="badge badge-soft-primary">Business</span>
</div>
<div class="flex-shrink-0">
<div class="avatar-group">
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Donald">
<img src="/assets/images/users/avatar-9.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Thomas">
<img src="/assets/images/users/avatar-8.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
</div>
</div>
</div>
</div>
<!--end card-body-->
<div class="card-footer border-top-dashed">
<div class="d-flex">
<div class="flex-grow-1">
<span class="text-muted"><i class="ri-time-line align-bottom"></i> 27 Dec, 2021</span>
</div>
<div class="flex-shrink-0">
<ul class="link-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-eye-line align-bottom"></i> 24</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-question-answer-line align-bottom"></i> 10</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-attachment-2 align-bottom"></i> 10</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--end card-->
</div>
</div>
<div class="my-3">
<button class="btn btn-soft-info w-100" data-bs-toggle="modal" data-bs-target="#creatertaskModal">Add More</button>
</div>
</div>
<!--end tasks-list-->
<div class="tasks-list">
<div class="d-flex mb-3">
<div class="flex-grow-1">
<h6 class="fs-14 text-uppercase fw-semibold mb-0">Inprogress <small class="badge bg-warning align-bottom ms-1 totaltask-badge">2</small></h6>
</div>
<div class="flex-shrink-0">
<div class="dropdown card-header-dropdown">
<a class="text-reset dropdown-btn" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="fw-medium text-muted fs-12">Priority<i class="mdi mdi-chevron-down ms-1"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Priority</a>
<a class="dropdown-item" href="#">Date Added</a>
</div>
</div>
</div>
</div>
<div data-simplebar class="tasks-wrapper px-3 mx-n3">
<div id="inprogress-task" class="tasks">
<div class="card tasks-box">
<div class="card-body">
<div class="d-flex mb-2">
<a href="javascript:void(0)" class="text-muted fw-medium fs-14 flex-grow-1">#VL2457</a>
<div class="dropdown">
<a href="javascript:void(0);" class="text-muted" id="dropdownMenuLink5" data-bs-toggle="dropdown" aria-expanded="false"><i class="ri-more-fill"></i></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink5">
<li><a class="dropdown-item" href="/apps-tasks-details"><i class="ri-eye-fill align-bottom me-2 text-muted"></i> View</a></li>
<li><a class="dropdown-item" href="#"><i class="ri-edit-2-line align-bottom me-2 text-muted"></i> Edit</a></li>
<li><a class="dropdown-item" data-bs-toggle="modal" href="#deleteRecordModal"><i class="ri-delete-bin-5-line align-bottom me-2 text-muted"></i> Delete</a></li>
</ul>
</div>
</div>
<h6 class="fs-15 text-truncate task-title"><a href="/apps-tasks-details" class="link-dark d-block">Brand Logo Design</a></h6>
<p class="text-muted">BrandCrowd's brand logo maker allows you to generate and customize stand-out brand logos in minutes.</p>
<div class="d-flex align-items-center">
<div class="flex-grow-1">
<span class="badge badge-soft-primary">Logo</span>
<span class="badge badge-soft-primary">Design</span>
<span class="badge badge-soft-primary">UI/UX</span>
</div>
<div class="flex-shrink-0">
<div class="avatar-group">
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Nancy">
<img src="/assets/images/users/avatar-5.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Michael">
<img src="/assets/images/users/avatar-7.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Alexis">
<img src="/assets/images/users/avatar-6.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
</div>
</div>
</div>
</div>
<div class="card-footer border-top-dashed">
<div class="d-flex">
<div class="flex-grow-1">
<span class="text-muted"><i class="ri-time-line align-bottom"></i> 22 Dec, 2021</span>
</div>
<div class="flex-shrink-0">
<ul class="link-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-eye-line align-bottom"></i> 24</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-question-answer-line align-bottom"></i> 10</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-attachment-2 align-bottom"></i> 10</a>
</li>
</ul>
</div>
</div>
</div>
<!--end card-body-->
<div class="progress progress-sm">
<div class="progress-bar bg-warning" role="progressbar" style="width: 55%" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<!--end card-->
<div class="card tasks-box">
<div class="card-body">
<div class="d-flex mb-2">
<a href="javascript:void(0)" class="text-muted fw-medium fs-14 flex-grow-1">#VL2743</a>
<div class="dropdown">
<a href="javascript:void(0);" class="text-muted" id="dropdownMenuLink6" data-bs-toggle="dropdown" aria-expanded="false"><i class="ri-more-fill"></i></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink6">
<li><a class="dropdown-item" href="/apps-tasks-details"><i class="ri-eye-fill align-bottom me-2 text-muted"></i> View</a></li>
<li><a class="dropdown-item" href="#"><i class="ri-edit-2-line align-bottom me-2 text-muted"></i> Edit</a></li>
<li><a class="dropdown-item" data-bs-toggle="modal" href="#deleteRecordModal"><i class="ri-delete-bin-5-line align-bottom me-2 text-muted"></i> Delete</a></li>
</ul>
</div>
</div>
<h6 class="fs-15 text-truncate task-title"><a href="/apps-tasks-details" class="d-block text-reset">Change Old App Icon</a></h6>
<p class="text-muted">Change app icons on Android: How do you change the look of your apps.</p>
<div class="d-flex align-items-center">
<div class="flex-grow-1">
<span class="badge badge-soft-primary">Design</span>
<span class="badge badge-soft-primary">Website</span>
</div>
<div class="flex-shrink-0">
<div class="avatar-group">
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Tonya">
<img src="/assets/images/users/avatar-10.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Donald">
<img src="/assets/images/users/avatar-9.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Nancy">
<img src="/assets/images/users/avatar-5.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
</div>
</div>
</div>
</div>
<div class="card-footer border-top-dashed">
<div class="d-flex">
<div class="flex-grow-1">
<span class="text-muted"><i class="ri-time-line align-bottom"></i> 24 Oct, 2021</span>
</div>
<div class="flex-shrink-0">
<ul class="link-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-eye-line align-bottom"></i> 64</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-question-answer-line align-bottom"></i> 35</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-attachment-2 align-bottom"></i> 23</a>
</li>
</ul>
</div>
</div>
</div>
<!--end card-body-->
<div class="progress progress-sm">
<div class="progress-bar bg-primary" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<!--end card-->
</div>
</div>
<div class="my-3">
<button class="btn btn-soft-info w-100" data-bs-toggle="modal" data-bs-target="#creatertaskModal">Add More</button>
</div>
</div>
<!--end tasks-list-->
<div class="tasks-list">
<div class="d-flex mb-3">
<div class="flex-grow-1">
<h6 class="fs-14 text-uppercase fw-semibold mb-0">In Reviews <small class="badge bg-info align-bottom ms-1 totaltask-badge">3</small></h6>
</div>
<div class="flex-shrink-0">
<div class="dropdown card-header-dropdown">
<a class="text-reset dropdown-btn" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="fw-medium text-muted fs-12">Priority<i class="mdi mdi-chevron-down ms-1"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Priority</a>
<a class="dropdown-item" href="#">Date Added</a>
</div>
</div>
</div>
</div>
<div data-simplebar class="tasks-wrapper px-3 mx-n3">
<div id="reviews-task" class="tasks">
<div class="card tasks-box">
<div class="card-body">
<div class="d-flex mb-2">
<a href="javascript:void(0)" class="text-muted fw-medium fs-14 flex-grow-1">#VL2453</a>
<div class="dropdown">
<a href="javascript:void(0);" class="text-muted" id="dropdownMenuLink7" data-bs-toggle="dropdown" aria-expanded="false"><i class="ri-more-fill"></i></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink7">
<li><a class="dropdown-item" href="/apps-tasks-details"><i class="ri-eye-fill align-bottom me-2 text-muted"></i> View</a></li>
<li><a class="dropdown-item" href="#"><i class="ri-edit-2-line align-bottom me-2 text-muted"></i> Edit</a></li>
<li><a class="dropdown-item" data-bs-toggle="modal" href="#deleteRecordModal"><i class="ri-delete-bin-5-line align-bottom me-2 text-muted"></i> Delete</a></li>
</ul>
</div>
</div>
<h6 class="fs-15 text-truncate task-title"><a href="/apps-tasks-details" class="d-block text-reset">Create Product Animations</a></h6>
<div class="tasks-img rounded" style="background-image: url('assets/images/small/img-7.jpg');"></div>
<div class="d-flex align-items-center">
<div class="flex-grow-1">
<span class="badge badge-soft-primary">Ecommerce</span>
</div>
<div class="flex-shrink-0">
<div class="avatar-group">
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Anna">
<img src="/assets/images/users/avatar-1.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
</div>
</div>
</div>
</div>
<div class="card-footer border-top-dashed">
<div class="d-flex">
<div class="flex-grow-1">
<span class="text-muted"><i class="ri-time-line align-bottom"></i> 16 Nov, 2021</span>
</div>
<div class="flex-shrink-0">
<ul class="link-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-eye-line align-bottom"></i> 08</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-question-answer-line align-bottom"></i> 54</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-attachment-2 align-bottom"></i> 28</a>
</li>
</ul>
</div>
</div>
</div>
<!--end card-body-->
<div class="progress progress-sm">
<div class="progress-bar bg-success" role="progressbar" style="width: 100%" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<!--end card-->
<div class="card tasks-box">
<div class="card-body">
<div class="d-flex mb-2">
<a href="javascript:void(0)" class="text-muted fw-medium fs-14 flex-grow-1">#VL2340</a>
<div class="dropdown">
<a href="javascript:void(0);" class="text-muted" id="dropdownMenuLink8" data-bs-toggle="dropdown" aria-expanded="false"><i class="ri-more-fill"></i></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink8">
<li><a class="dropdown-item" href="/apps-tasks-details"><i class="ri-eye-fill align-bottom me-2 text-muted"></i> View</a></li>
<li><a class="dropdown-item" href="#"><i class="ri-edit-2-line align-bottom me-2 text-muted"></i> Edit</a></li>
<li><a class="dropdown-item" data-bs-toggle="modal" href="#deleteRecordModal"><i class="ri-delete-bin-5-line align-bottom me-2 text-muted"></i> Delete</a></li>
</ul>
</div>
</div>
<h6 class="fs-15 text-truncate task-title"><a href="/apps-tasks-details" class="d-block text-reset">Product Features Analysis</a></h6>
<p class="text-muted">An essential part of strategic planning is running a product feature analysis.</p>
<div class="d-flex align-items-center">
<div class="flex-grow-1">
<span class="badge badge-soft-primary">Product</span>
<span class="badge badge-soft-primary">Analysis</span>
</div>
<div class="flex-shrink-0">
<div class="avatar-group">
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Nancy">
<img src="/assets/images/users/avatar-5.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Alexis">
<img src="/assets/images/users/avatar-6.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
</div>
</div>
</div>
</div>
<!--end card-body-->
<div class="card-footer border-top-dashed">
<div class="d-flex">
<div class="flex-grow-1">
<span class="text-muted"><i class="ri-time-line align-bottom"></i> 05 Jan, 2022</span>
</div>
<div class="flex-shrink-0">
<ul class="link-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-eye-line align-bottom"></i> 14</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-question-answer-line align-bottom"></i> 31</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-attachment-2 align-bottom"></i> 07</a>
</li>
</ul>
</div>
</div>
</div>
<!--end card-body-->
<div class="progress progress-sm">
<div class="progress-bar bg-warning" role="progressbar" style="width: 67%" aria-valuenow="67" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<!--end card-->
<div class="card tasks-box">
<div class="card-body">
<div class="d-flex mb-2">
<a href="javascript:void(0)" class="text-muted fw-medium fs-14 flex-grow-1">#VL2462</a>
<div class="dropdown">
<a href="javascript:void(0);" class="text-muted" id="dropdownMenuLink9" data-bs-toggle="dropdown" aria-expanded="false"><i class="ri-more-fill"></i></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink9">
<li><a class="dropdown-item" href="/apps-tasks-details"><i class="ri-eye-fill align-bottom me-2 text-muted"></i> View</a></li>
<li><a class="dropdown-item" href="#"><i class="ri-edit-2-line align-bottom me-2 text-muted"></i> Edit</a></li>
<li><a class="dropdown-item" data-bs-toggle="modal" href="#deleteRecordModal"><i class="ri-delete-bin-5-line align-bottom me-2 text-muted"></i> Delete</a></li>
</ul>
</div>
</div>
<h6 class="fs-15 text-truncate task-title"><a href="/apps-tasks-details" class="d-block text-reset">Create a Graph of Sketch</a></h6>
<p class="text-muted">To make a pie chart with equal slices create a perfect circle by selecting an Oval Tool.</p>
<div class="d-flex align-items-center">
<div class="flex-grow-1">
<span class="badge badge-soft-primary">Sketch</span>
<span class="badge badge-soft-primary">Marketing</span>
<span class="badge badge-soft-primary">Design</span>
</div>
<div class="flex-shrink-0">
<div class="avatar-group">
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Alexis">
<img src="/assets/images/users/avatar-4.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Thomas">
<img src="/assets/images/users/avatar-8.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Herbert">
<img src="/assets/images/users/avatar-2.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Anna">
<img src="/assets/images/users/avatar-1.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
</div>
</div>
</div>
</div>
<div class="card-footer border-top-dashed">
<div class="d-flex">
<div class="flex-grow-1">
<span class="text-muted"><i class="ri-time-line align-bottom"></i> 05 Nov, 2021</span>
</div>
<div class="flex-shrink-0">
<ul class="link-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-eye-line align-bottom"></i> 12</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-question-answer-line align-bottom"></i> 74</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-attachment-2 align-bottom"></i> 37</a>
</li>
</ul>
</div>
</div>
</div>
<!--end card-body-->
<div class="progress progress-sm">
<div class="progress-bar bg-primary" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<!--end card-->
</div>
</div>
<div class="my-3">
<button class="btn btn-soft-info w-100" data-bs-toggle="modal" data-bs-target="#creatertaskModal">Add More</button>
</div>
</div>
<!--end tasks-list-->
<div class="tasks-list">
<div class="d-flex mb-3">
<div class="flex-grow-1">
<h6 class="fs-14 text-uppercase fw-semibold mb-0">Completed <small class="badge bg-success align-bottom ms-1 totaltask-badge">1</small></h6>
</div>
<div class="flex-shrink-0">
<div class="dropdown card-header-dropdown">
<a class="text-reset dropdown-btn" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="fw-medium text-muted fs-12">Priority<i class="mdi mdi-chevron-down ms-1"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Priority</a>
<a class="dropdown-item" href="#">Date Added</a>
</div>
</div>
</div>
</div>
<div data-simplebar class="tasks-wrapper px-3 mx-n3">
<div id="completed-task" class="tasks">
<div class="card tasks-box">
<div class="card-body">
<div class="d-flex mb-2">
<h6 class="fs-15 mb-0 flex-grow-1 text-truncate task-title"><a href="/apps-tasks-details" class="d-block text-reset">Create a Blog Template UI</a></h6>
<div class="dropdown">
<a href="javascript:void(0);" class="text-muted" id="dropdownMenuLink10" data-bs-toggle="dropdown" aria-expanded="false"><i class="ri-more-fill"></i></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink10">
<li><a class="dropdown-item" href="/apps-tasks-details"><i class="ri-eye-fill align-bottom me-2 text-muted"></i> View</a></li>
<li><a class="dropdown-item" href="#"><i class="ri-edit-2-line align-bottom me-2 text-muted"></i> Edit</a></li>
<li><a class="dropdown-item" data-bs-toggle="modal" href="#deleteRecordModal"><i class="ri-delete-bin-5-line align-bottom me-2 text-muted"></i> Delete</a></li>
</ul>
</div>
</div>
<p class="text-muted">Landing page template with clean, minimal and modern design.</p>
<div class="mb-3">
<div class="d-flex mb-1">
<div class="flex-grow-1">
<h6 class="text-muted mb-0"><span class="text-info">35%</span> of 100%</h6>
</div>
<div class="flex-shrink-0">
<span class="text-muted fw-medium">3 Day</span>
</div>
</div>
<div class="progress rounded-3 progress-sm">
<div class="progress-bar bg-danger" role="progressbar" style="width: 35%" aria-valuenow="35" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="d-flex align-items-center">
<div class="flex-grow-1">
<span class="badge badge-soft-primary">Design</span>
<span class="badge badge-soft-primary">Website</span>
</div>
<div class="flex-shrink-0">
<div class="avatar-group">
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Nancy">
<img src="/assets/images/users/avatar-8.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Frank">
<img src="/assets/images/users/avatar-7.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Tonya">
<img src="/assets/images/users/avatar-6.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
</div>
</div>
</div>
</div>
<div class="card-footer border-top-dashed">
<div class="d-flex">
<div class="flex-grow-1">
<h6 class="text-muted mb-0">#VL2451</h6>
</div>
<div class="flex-shrink-0">
<ul class="link-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-eye-line align-bottom"></i> 24</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-question-answer-line align-bottom"></i> 10</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-attachment-2 align-bottom"></i> 10</a>
</li>
</ul>
</div>
</div>
</div>
<!--end card-body-->
</div>
<!--end card-->
</div>
</div>
<div class="my-3">
<button class="btn btn-soft-info w-100" data-bs-toggle="modal" data-bs-target="#creatertaskModal">Add More</button>
</div>
</div>
<!--end tasks-list-->
<div class="tasks-list">
<div class="d-flex mb-3">
<div class="flex-grow-1">
<h6 class="fs-14 text-uppercase fw-semibold mb-0">new <small class="badge bg-success align-bottom ms-1 totaltask-badge">1</small></h6>
</div>
<div class="flex-shrink-0">
<div class="dropdown card-header-dropdown">
<a class="text-reset dropdown-btn" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="fw-medium text-muted fs-12">Priority<i class="mdi mdi-chevron-down ms-1"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">Priority</a>
<a class="dropdown-item" href="#">Date Added</a>
</div>
</div>
</div>
</div>
<div data-simplebar class="tasks-wrapper px-3 mx-n3">
<div id="new-task" class="tasks">
<div class="card tasks-box">
<div class="card-body">
<div class="d-flex mb-2">
<a href="javascript:void(0)" class="text-muted fw-medium fs-14 flex-grow-1">#VL5287</a>
<div class="dropdown">
<a href="javascript:void(0);" class="text-muted" id="dropdownMenuLink2" data-bs-toggle="dropdown" aria-expanded="false"><i class="ri-more-fill"></i></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink2">
<li><a class="dropdown-item" href="/apps-tasks-details"><i class="ri-eye-fill align-bottom me-2 text-muted"></i> View</a></li>
<li><a class="dropdown-item" href="#"><i class="ri-edit-2-line align-bottom me-2 text-muted"></i> Edit</a></li>
<li><a class="dropdown-item" data-bs-toggle="modal" href="#deleteRecordModal"><i class="ri-delete-bin-5-line align-bottom me-2 text-muted"></i> Delete</a></li>
</ul>
</div>
</div>
<h6 class="fs-15 text-truncate task-title"><a href="/apps-tasks-details" class="d-block text-reset">Banner Design for FB & Twitter</a></h6>
<div class="tasks-img rounded" style="background-image: url('assets/images/small/img-4.jpg');"></div>
<div class="d-flex align-items-center">
<div class="flex-grow-1">
<span class="badge badge-soft-primary">UI/UX</span>
<span class="badge badge-soft-primary">Graphic</span>
</div>
<div class="flex-shrink-0">
<div class="avatar-group">
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Frank">
<img src="/assets/images/users/avatar-3.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Herbert">
<img src="/assets/images/users/avatar-2.jpg" alt="" class="rounded-circle avatar-xxs">
</a>
</div>
</div>
</div>
</div>
<div class="card-footer border-top-dashed">
<div class="d-flex">
<div class="flex-grow-1">
<span class="text-muted"><i class="ri-time-line align-bottom"></i> 07 Jan, 2022</span>
</div>
<div class="flex-shrink-0">
<ul class="link-inline mb-0">
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-eye-line align-bottom"></i> 11</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-question-answer-line align-bottom"></i> 26</a>
</li>
<li class="list-inline-item">
<a href="javascript:void(0)" class="text-muted"><i class="ri-attachment-2 align-bottom"></i> 30</a>
</li>
</ul>
</div>
</div>
</div>
<!--end card-body-->
<div class="progress progress-sm">
<div class="progress-bar bg-warning" role="progressbar" style="width: 55%" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<!--end card-->
</div>
</div>
<div class="my-3">
<button class="btn btn-soft-info w-100" data-bs-toggle="modal" data-bs-target="#creatertaskModal">Add More</button>
</div>
</div>
<!--end tasks-list-->
</div>
<!--end task-board-->
<div class="modal fade" id="addmemberModal" tabindex="-1" aria-labelledby="addmemberModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content border-0">
<div class="modal-header p-3 bg-soft-warning">
<h5 class="modal-title" id="addmemberModalLabel">Add Member</h5>
<button type="button" class="btn-close" id="btn-close-member" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form>
<div class="row g-3">
<div class="col-lg-12">
<label for="submissionidInput" class="form-label">Submission ID</label>
<input type="number" class="form-control" id="submissionidInput" placeholder="Submission ID">
</div>
<!--end col-->
<div class="col-lg-12">
<label for="profileimgInput" class="form-label">Profile Images</label>
<input class="form-control" type="file" id="profileimgInput">
</div>
<!--end col-->
<div class="col-lg-6">
<label for="firstnameInput" class="form-label">First Name</label>
<input type="text" class="form-control" id="firstnameInput" placeholder="Enter firstname">
</div>
<!--end col-->
<div class="col-lg-6">
<label for="lastnameInput" class="form-label">Last Name</label>
<input type="text" class="form-control" id="lastnameInput" placeholder="Enter lastname">
</div>
<!--end col-->
<div class="col-lg-12">
<label for="designationInput" class="form-label">Designation</label>
<input type="text" class="form-control" id="designationInput" placeholder="Designation">
</div>
<!--end col-->
<div class="col-lg-12">
<label for="titleInput" class="form-label">Title</label>
<input type="text" class="form-control" id="titleInput" placeholder="Title">
</div>
<!--end col-->
<div class="col-lg-6">
<label for="numberInput" class="form-label">Phone Number</label>
<input type="text" class="form-control" id="numberInput" placeholder="Phone number">
</div>
<!--end col-->
<div class="col-lg-6">
<label for="joiningdateInput" class="form-label">Joining Date</label>
<input type="text" class="form-control" id="joiningdateInput" data-provider="flatpickr" placeholder="Select date">
</div>
<!--end col-->
<div class="col-lg-12">
<label for="emailInput" class="form-label">Email ID</label>
<input type="email" class="form-control" id="emailInput" placeholder="Email">
</div>
<!--end col-->
</div>
<!--end row-->
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-light" data-bs-dismiss="modal"><i class="ri-close-line align-bottom me-1"></i> Close</button>
<button type="button" class="btn btn-success" id="addMember">Add Member</button>
</div>
</div>
</div>
</div>
<!--end add member modal-->
<div class="modal fade" id="createboardModal" tabindex="-1" aria-labelledby="createboardModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content border-0">
<div class="modal-header p-3 bg-soft-info">
<h5 class="modal-title" id="createboardModalLabel">Add Board</h5>
<button type="button" class="btn-close" id="addBoardBtn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form action="#">
<div class="row">
<div class="col-lg-12">
<label for="boardName" class="form-label">Board Name</label>
<input type="text" class="form-control" id="boardName" placeholder="Enter board name">
</div>
<div class="mt-4">
<div class="hstack gap-2 justify-content-end">
<button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-success" id="addNewBoard">Add Board</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!--end add board modal-->
<div class="modal fade" id="creatertaskModal" tabindex="-1" aria-labelledby="creatertaskModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content border-0">
<div class="modal-header p-3 bg-soft-info">
<h5 class="modal-title" id="creatertaskModalLabel">Create New Task</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form action="#">
<div class="row g-3">
<div class="col-lg-12">
<label for="projectName" class="form-label">Project Name</label>
<input type="text" class="form-control" id="projectName" placeholder="Enter project name">
</div>
<!--end col-->
<div class="col-lg-12">
<label for="sub-tasks" class="form-label">Task Title</label>
<input type="text" class="form-control" id="sub-tasks" placeholder="Task title">
</div>
<!--end col-->
<div class="col-lg-12">
<label for="task-description" class="form-label">Task Description</label>
<textarea class="form-control" id="task-description" rows="3" placeholder="Task description"></textarea>
</div>
<!--end col-->
<div class="col-lg-12">
<label for="formFile" class="form-label">Tasks Images</label>
<input class="form-control" type="file" id="formFile">
</div>
<!--end col-->
<div class="col-lg-12">
<label for="tasks-progress" class="form-label">Add Team Member</label>
<div data-simplebar style="height: 95px;">
<ul class="list-unstyled vstack gap-2 mb-0">
<li>
<div class="form-check d-flex align-items-center">
<input class="form-check-input me-3" type="checkbox" value="" id="anna-adame">
<label class="form-check-label d-flex align-items-center" for="anna-adame">
<span class="flex-shrink-0">
<img src="/assets/images/users/avatar-1.jpg" alt="" class="avatar-xxs rounded-circle" />
</span>
<span class="flex-grow-1 ms-2">
Anna Adame
</span>
</label>
</div>
</li>
<li>
<div class="form-check d-flex align-items-center">
<input class="form-check-input me-3" type="checkbox" value="" id="frank-hook">
<label class="form-check-label d-flex align-items-center" for="frank-hook">
<span class="flex-shrink-0">
<img src="/assets/images/users/avatar-3.jpg" alt="" class="avatar-xxs rounded-circle" />
</span>
<span class="flex-grow-1 ms-2">
Frank Hook
</span>
</label>
</div>
</li>
<li>
<div class="form-check d-flex align-items-center">
<input class="form-check-input me-3" type="checkbox" value="" id="alexis-clarke">
<label class="form-check-label d-flex align-items-center" for="alexis-clarke">
<span class="flex-shrink-0">
<img src="/assets/images/users/avatar-6.jpg" alt="" class="avatar-xxs rounded-circle" />
</span>
<span class="flex-grow-1 ms-2">
Alexis Clarke
</span>
</label>
</div>
</li>
<li>
<div class="form-check d-flex align-items-center">
<input class="form-check-input me-3" type="checkbox" value="" id="herbert-stokes">
<label class="form-check-label d-flex align-items-center" for="herbert-stokes">
<span class="flex-shrink-0">
<img src="/assets/images/users/avatar-2.jpg" alt="" class="avatar-xxs rounded-circle" />
</span>
<span class="flex-grow-1 ms-2">
Herbert Stokes
</span>
</label>
</div>
</li>
<li>
<div class="form-check d-flex align-items-center">
<input class="form-check-input me-3" type="checkbox" value="" id="michael-morris">
<label class="form-check-label d-flex align-items-center" for="michael-morris">
<span class="flex-shrink-0">
<img src="/assets/images/users/avatar-7.jpg" alt="" class="avatar-xxs rounded-circle" />
</span>
<span class="flex-grow-1 ms-2">
Michael Morris
</span>
</label>
</div>
</li>
<li>
<div class="form-check d-flex align-items-center">
<input class="form-check-input me-3" type="checkbox" value="" id="nancy-martino">
<label class="form-check-label d-flex align-items-center" for="nancy-martino">
<span class="flex-shrink-0">
<img src="/assets/images/users/avatar-5.jpg" alt="" class="avatar-xxs rounded-circle" />
</span>
<span class="flex-grow-1 ms-2">
Nancy Martino
</span>
</label>
</div>
</li>
<li>
<div class="form-check d-flex align-items-center">
<input class="form-check-input me-3" type="checkbox" value="" id="thomas-taylor">
<label class="form-check-label d-flex align-items-center" for="thomas-taylor">
<span class="flex-shrink-0">
<img src="/assets/images/users/avatar-8.jpg" alt="" class="avatar-xxs rounded-circle" />
</span>
<span class="flex-grow-1 ms-2">
Thomas Taylor
</span>
</label>
</div>
</li>
<li>
<div class="form-check d-flex align-items-center">
<input class="form-check-input me-3" type="checkbox" value="" id="tonya-noble">
<label class="form-check-label d-flex align-items-center" for="tonya-noble">
<span class="flex-shrink-0">
<img src="/assets/images/users/avatar-10.jpg" alt="" class="avatar-xxs rounded-circle" />
</span>
<span class="flex-grow-1 ms-2">
Tonya Noble
</span>
</label>
</div>
</li>
</ul>
</div>
</div>
<!--end col-->
<div class="col-lg-4">
<label for="due-date" class="form-label">Due Date</label>
<input type="text" class="form-control" id="due-date" data-provider="flatpickr" placeholder="Select date">
</div>
<!--end col-->
<div class="col-lg-4">
<label for="categories" class="form-label">Tags</label>
<input type="text" class="form-control" id="categories" placeholder="Enter tag">
</div>
<!--end col-->
<div class="col-lg-4">
<label for="tasks-progress" class="form-label">Tasks Progress</label>
<input type="text" class="form-control" maxlength="3" id="tasks-progress" placeholder="Enter progress">
</div>
<!--end col-->
<div class="mt-4">
<div class="hstack gap-2 justify-content-end">
<button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-success">Add Task</button>
</div>
</div>
<!--end col-->
</div>
<!--end row-->
</form>
</div>
</div>
</div>
</div>
<!--end add board modal-->
<div class="modal fade zoomIn" id="deleteRecordModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" id="delete-btn-close"></button>
</div>
<div class="modal-body">
<div class="mt-2 text-center">
<lord-icon src="https://cdn.lordicon.com/gsqxdxog.json" trigger="loop" colors="primary:#f7b84b,secondary:#f06548" style="width:100px;height:100px"></lord-icon>
<div class="mt-4 pt-2 fs-15 mx-4 mx-sm-5">
<h4>Are you sure ?</h4>
<p class="text-muted mx-4 mb-0">Are you sure you want to remove this tasks ?</p>
</div>
</div>
<div class="d-flex gap-2 justify-content-center mt-4 mb-2">
<button type="button" class="btn w-sm btn-light" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn w-sm btn-danger" id="delete-record">Yes, Delete It!</button>
</div>
</div>
</div>
</div>
</div>
<!--end modal -->
</div>
<th:block layout:fragment="modal">
</th:block>
<th:block layout:fragment="pagejs">
<!-- dragula init js -->
<script src="/assets/libs/dragula/dragula.min.js"></script>
<!-- dom autoscroll -->
<script src="/assets/libs/dom-autoscroller/dom-autoscroller.min.js"></script>
<!--taks-kanban-->
<script src="/assets/js/pages/tasks-kanban.init.js"></script>
</th:block>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink