File: /home/imensosw/www/imenso.co/dev/triwinds/admin-old/tasks.php
<!doctype html>
<html lang="en-US" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<title>Triwind Communities </title>
<link rel='stylesheet' href='css/bootstrap.min.css' media='all' />
<link rel='stylesheet' href='css/style.css' media='all' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" media="all">
<link href="https://fonts.googleapis.com/css2?family=Sen:wght@400;700;800&display=swap" rel="stylesheet">
</head>
<body>
<aside class="nav-options">
<a class="" href="homes.php">
<img src="images/logo-sml.png" class="logo-sml" width="78">
</a>
<div class="navbar-collapse" id="navbarSupportedContent">
<ul>
<li class="active"><a href="dashboard.php" data-placement="right" data-toggle="tooltip" class="tip-right" data-original-title="Dashboard"><img src="images/ndashboard.png"></a></li>
<li><a href="parks.php" data-placement="right" data-toggle="tooltip" class="tip-right" data-original-title="Parks"><img src="images/noperations.png"></a></li>
<li><a href="homes.php" data-placement="right" data-toggle="tooltip" class="tip-right" data-original-title="Homes"><img src="images/ncompany.png"></a></li>
<li><a href="leads.php" data-placement="right" data-toggle="tooltip" class="tip-right" data-original-title="Leads"><img src="images/nprospect.png"></a></li>
<li><a href="goals.php" data-placement="right" data-toggle="tooltip" class="tip-right" data-original-title="Goals"><img src="images/target-2.png"></a></li>
<li><a href="tasks.php" data-placement="right" data-toggle="tooltip" class="tip-right active" data-original-title="Tasks"><img src="images/to-do-list.png"></a></li>
<li><a href="sales.php" data-placement="right" data-toggle="tooltip" class="tip-right" data-original-title="Sales"><img src="images/payment.png"></a></li>
<li><a href="reports.php" data-placement="right" data-toggle="tooltip" class="tip-right" data-original-title="Report"><img src="images/report.png"></a></li>
<li><a href="settings.php" data-placement="right" data-toggle="tooltip" class="tip-right" data-original-title="Setting"><img src="images/nsetting.png"></a></li>
</ul>
</div>
</aside>
<nav class="navbar navbar-expand-lg fixed-top">
<span class="navbar-brand" href="#">Tasks</span>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="ml-auto userinfo">
<a href="" class="mr-4 notify"><i class="fa fa-bell-o"></i></a>
<div class="user-area dropdown">
<a class="dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="images/avatar-3.png" class="rounded mr-2" width="30">
Alice Smith
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Profile</a>
<a class="dropdown-item" href="#">Setting</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Logout</a>
</div>
</div>
</div>
</div>
</nav>
<!-- <div class="container-fluid">
<div class="row">
<div class="col-lg-6 offset-lg-3">
<div class="d-card mt-5">
<h3>Task Management</h3>
<p>Admin can create task with due dates and assign to users.</p>
<h5 class="mt-4">Features</h5>
<ul class="lists mt-4">
<li>Create tasks with due date</li>
<li>Assign the tasks to users</li>
<li>Track timely task progress</li>
<li>Users can comment or reply on the tasks</li>
<li>View the pending and completed tasks</li>
</ul>
</div>
</div>
</div>
</div> -->
<main class="offset">
<div class="container-fluid">
<div class="row pt-4">
<div class="col-lg-2 side-filters">
<!-- <a href="" class="btn btn-primary"><i class="fa fa-plus"></i> Add New</a> -->
<div class="list-group mt-2">
<a href="" class="list-group-item d-flex justify-content-between align-items-center">
Open
<span class="badge badge-primary badge-pill">14</span>
</a>
<a href="" class="list-group-item d-flex justify-content-between align-items-center">
Completed
<span class="badge badge-primary badge-pill">2</span>
</a>
<a href="" class="list-group-item d-flex justify-content-between align-items-center">
Overdue
<span class="badge badge-primary badge-pill">1</span>
</a>
</div>
</div>
<div class="col-lg-10">
<div class="ground">
<div class="row">
<div class="col-lg-4">
<form class="form-search">
<input class="form-control mr-sm-2" type="search" placeholder="Search tasks.." aria-label="Search">
</form>
</div>
<div class="col-lg-6">
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Park
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">AZ</a>
<a class="dropdown-item" href="#">CA</a>
<a class="dropdown-item" href="#">KS</a>
<a class="dropdown-item" href="#">NV</a>
</div>
</div>
<button type="button" class="btn btn-default">
Import
</button>
<button type="button" class="btn btn-default">
Export
</button>
</div>
<div class="col-lg-2 text-right">
<a href="javascript:;" data-toggle="modal" data-target="#newTask" class="btn btn-secondary"><i class="fa fa-plus"></i> Add New</a>
</div>
</div>
<div class="grid-holder mt-4">
<div class="col-list">
<div class="no-record" style="display: none;">
<div class="meditate">
<img src="images/meditate.png">
<h5>Woohoo! No record found.</h5>
<a href="" class="btn btn-primary mt-3"><i class="fa fa-plus"></i> New Task</a>
</div>
</div>
<div class="task-group">
<a class="project-name" href=""><i class="fa fa-caret-down"></i> General</a>
<div class="task-row">
<div class="task-left d-flex align-items-center">
<div class="checkbox">
<label>
<input type="checkbox" value="">
<span class="cr"><i class="cr-icon fa fa-check"></i></span>
</label>
</div>
<div class="task-name">
<a href="javascript:;" data-toggle="modal" data-target="#newTask">This is a sample task </a>
</div>
</div>
<div class="task-right d-flex align-items-center">
<div class="task-people">
<img src="images/helen.jpg" width="30" class="">
</div>
<div class="task-date">
<small class="text-muted">12/05/2020</small>
</div>
</div>
</div><!--/task-row-->
<div class="task-row">
<div class="task-left d-flex align-items-center">
<div class="checkbox">
<label>
<input type="checkbox" value="">
<span class="cr"><i class="cr-icon fa fa-check"></i></span>
</label>
</div>
<div class="task-name">
<a href="javascript:;" data-toggle="modal" data-target="#newTask">This is the prettery fine task for adding clients</a>
</div>
</div>
<div class="task-right d-flex align-items-center">
<div class="task-people">
<img src="images/helen.jpg" width="30" class="">
</div>
<div class="task-date">
<small class="text-muted">12/05/2020</small>
</div>
</div>
</div><!--/task-row-->
<div class="task-row">
<div class="task-left d-flex align-items-center">
<div class="checkbox">
<label>
<input type="checkbox" value="">
<span class="cr"><i class="cr-icon fa fa-check"></i></span>
</label>
</div>
<div class="task-name">
<a href="javascript:;" data-toggle="modal" data-target="#newTask">This is the prettery fine task for adding clients</a>
</div>
</div>
<div class="task-right d-flex align-items-center">
<div class="task-people">
<img src="images/helen.jpg" width="30" class="">
</div>
<div class="task-date">
<small class="text-muted">15/05/2020</small>
</div>
</div>
</div><!--/task-row-->
</div>
<div class="task-group">
<a class="project-name" href=""><i class="fa fa-caret-down"></i> Carefree Village Tasks</a>
<div class="task-row">
<div class="task-left d-flex align-items-center">
<div class="checkbox">
<label>
<input type="checkbox" value="">
<span class="cr"><i class="cr-icon fa fa-check"></i></span>
</label>
</div>
<div class="task-name">
<a href="javascript:;" data-toggle="modal" data-target="#newTask">This is the prettery fine task for adding clients</a>
</div>
</div>
<div class="task-right d-flex align-items-center">
<div class="task-status">
<span class="badge badge-danger">Overdue</span>
</div>
<div class="task-people">
<img src="images/helen.jpg" width="30" class="">
</div>
<div class="task-date">
<small class="text-muted">12/05/2020</small>
</div>
</div>
</div><!--/task-row-->
<div class="task-row">
<div class="task-left d-flex align-items-center">
<div class="checkbox">
<label>
<input type="checkbox" value="">
<span class="cr"><i class="cr-icon fa fa-check"></i></span>
</label>
</div>
<div class="task-name">
<a href="javascript:;" data-toggle="modal" data-target="#newTask">This is the prettery fine task for adding clients</a>
</div>
</div>
<div class="task-right d-flex align-items-center">
<div class="task-people">
<img src="images/helen.jpg" width="30" class="">
</div>
<div class="task-date">
<small class="text-muted">12/05/2020</small>
</div>
</div>
</div><!--/task-row-->
<div class="task-row">
<div class="task-left d-flex align-items-center">
<div class="checkbox">
<label>
<input type="checkbox" value="">
<span class="cr"><i class="cr-icon fa fa-check"></i></span>
</label>
</div>
<div class="task-name">
<a href="javascript:;" data-toggle="modal" data-target="#newTask">This is the prettery fine task for adding clients </a>
</div>
</div>
<div class="task-right d-flex align-items-center">
<div class="task-people">
<img src="images/helen.jpg" data-toggle="tooltip" data-placement="top" title="Helen Joe" width="30" class="">
<img src="images/elliot.jpg" width="30" class="">
</div>
<div class="task-date">
<small class="text-muted">12/05/2020</small>
</div>
</div>
</div><!--/task-row-->
</div>
</div>
</div>
</div>
</div>
</div><!--/row-->
</div>
<!-- Add New Task Form -->
<div class="modal fade" id="newTask" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Add New Task</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form class="row">
<div class="col-md-8">
<div class="form-group">
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter task name">
</div>
<div class="form-group">
<textarea class="form-control" rows="8" placeholder="Enter task description.."></textarea>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<select class="chosen-select">
<option>Select Park</option>
<option>Park A</option>
<option>Park B</option>
<option>Park C</option>
</select>
</div>
<div class="form-group">
<select class="chosen-select" multiple="" placeholder="Assign">
<option>John Doe</option>
<option>Helen Joe</option>
<option>Eliot Jane</option>
</select>
</div>
<div class="form-group">
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Due Date">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div><!--/ add new task-->
<?php include("footer.php");?>
</body>
</html>