File: /mnt/data/smarthr-co-in/demo/mobile/buyer/framework7/template/pages/task-view.html
<div class="page" data-name="task-view">
<div class="navbar two-action">
<div class="navbar-inner">
<div class="left">
<a href="#" class="back link"> <i class="fa fa-angle-left"></i><span>Back</span></a>
</div>
<div class="title">Task</div>
<div class="right">
<a href="" class="link icon-only">
<i class="f7-icons">check_round</i>
</a>
<a href="" class="link icon-only popover-open" data-popover=".task-links">
<i class="f7-icons">more_round</i>
</a>
</div>
</div>
</div>
<div class="popover task-links">
<div class="popover-angle"></div>
<div class="popover-inner">
<div class="list">
<ul>
<li><a href="#" class="list-button item-link">Delete</a></li>
<li><a href="#" class="list-button item-link">Settings</a></li>
</ul>
</div>
</div>
</div>
<div class="page-content">
<div class="project-view task-view-content">
<div class="card-box">
<h4 class="project-title">Hospital Administration Phase 1</h4>
<div class="pro-info clearfix">
<div class="task-assign">
<span class="assign-title">Assigned to </span>
<a href="#">
<img width="24" height="24" alt="" class="avatar" src="assets/img/user.jpg">
</a>
<a class="followers-add popup-open" href="#" data-popup=".add_assign"><i class="material-icons">add</i></a>
</div>
<div>
<span class="due-icon"><i class="f7-icons">calendar</i> <span>Due Date</span></span>
</div>
</div>
</div>
<div class="card-box chats">
<div class="task-information">
<span class="task-info-line"><a href="#" class="task-user">Lesley Grauer</a> <span class="task-info-subject">created task</span></span>
<div class="task-time">Jan 26, 2015</div>
</div>
<div class="task-information">
<span class="task-info-line"><a href="#" class="task-user">Lesley Grauer</a> <span class="task-info-subject">added to Hospital Administration</span></span>
<div class="task-time">Jan 26, 2015</div>
</div>
<div class="task-information">
<span class="task-info-line"><a href="#" class="task-user">Lesley Grauer</a> <span class="task-info-subject">assigned to John Doe</span></span>
<div class="task-time">Jan 26, 2015</div>
</div>
<div class="task-information">
<span class="task-info-line"><a href="#" class="task-user">John Doe</a> <span class="task-info-subject">changed the due date to Sep 28</span> </span>
<div class="task-time">9:09pm</div>
</div>
<div class="task-information">
<span class="task-info-line"><a href="#" class="task-user">John Doe</a> <span class="task-info-subject">assigned to you</span></span>
<div class="task-time">9:10pm</div>
</div>
<div class="chat chat-left">
<div class="chat-avatar">
<a class="avatar" href="/profile/">
<img class="img-fluid rounded-circle" src="assets/img/user.jpg" alt="John Doe">
</a>
</div>
<div class="chat-body">
<div class="chat-bubble">
<div class="chat-content">
<span class="task-chat-user">John Doe</span> <span class="chat-time">8:35 am</span>
<p>I'm just looking around.</p>
<p>Will you tell me something about yourself? </p>
</div>
</div>
</div>
</div>
<div class="completed-task-msg"><span class="task-success"><a href="#">John Doe</a> completed this task.</span> <span class="task-time">Today at 9:27am</span></div>
<div class="chat chat-left">
<div class="chat-avatar">
<a class="avatar" href="/profile/">
<img class="img-fluid rounded-circle" src="assets/img/user.jpg" alt="John Doe">
</a>
</div>
<div class="chat-body">
<div class="chat-bubble">
<div class="chat-content">
<span class="task-chat-user">John Doe</span> <span class="file-attached">attached 3 files <i class="fa fa-paperclip"></i></span> <span class="chat-time">Dec 17, 2014 at 4:32am</span>
<ul class="attach-list">
<li><i class="fa fa-file"></i> <a href="#">project_document.avi</a></li>
<li><i class="fa fa-file"></i> <a href="#">video_conferencing.psd</a></li>
<li><i class="fa fa-file"></i> <a href="#">landing_page.psd</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="chat chat-left">
<div class="chat-avatar">
<a class="avatar" href="/profile/">
<img class="img-fluid rounded-circle" src="assets/img/user.jpg" alt="John Doe">
</a>
</div>
<div class="chat-body">
<div class="chat-bubble">
<div class="chat-content">
<span class="task-chat-user">Jeffery Lalor</span> <span class="file-attached">attached file <i class="fa fa-paperclip"></i></span> <span class="chat-time">Yesterday at 9:16pm</span>
<ul class="attach-list">
<li class="pdf-file"><i class="far fa-file-pdf"></i> <a href="#">Document_2016.pdf</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="chat chat-left">
<div class="chat-avatar">
<a class="avatar" href="/profile/">
<img class="img-fluid rounded-circle" src="assets/img/user.jpg" alt="John Doe">
</a>
</div>
<div class="chat-body">
<div class="chat-bubble">
<div class="chat-content">
<span class="task-chat-user">Jeffery Lalor</span> <span class="file-attached">attached file <i class="fa fa-paperclip"></i></span> <span class="chat-time">Today at 12:42pm</span>
<ul class="attach-list">
<li class="img-file">
<div class="attach-img-download"><a href="#">avatar-1.jpg</a></div>
<div class="task-attach-img"><img alt="" src="assets/img/user.jpg"></div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="task-information"><span class="task-info-line"><a href="#" class="task-user">John Doe</a> <span class="task-info-subject">marked task as incomplete</span></span>
<div class="task-time">1:16pm</div>
</div>
</div>
<div class="popup add_assign">
<div class="view popup-view">
<div class="page">
<div class="navbar">
<div class="navbar-inner">
<div class="left"><a href="#" class="link popup-close"><i class="fa fa-close"></i> <span>Close</span></a></div>
<div class="title">Assign to this task</div>
<div class="right"></div>
</div>
</div>
<div class="page-content">
<form class="searchbar">
<div class="searchbar-inner">
<div class="searchbar-input-wrap">
<input type="search" placeholder="Search">
<i class="searchbar-icon"></i>
<span class="input-clear-button"></span>
</div>
<span class="searchbar-disable-button">Cancel</span>
</div>
</form>
<ul class="task-user-list">
<li>
<div class="task-user-cont">
<div class="taskuser-img">
<span class="avatar">R</span>
</div>
<div class="taskuser-info">
<div class="user-name">Richard Miles</div>
<span class="designation">Web Developer</span>
</div>
</div>
</li>
<li>
<div class="task-user-cont">
<div class="taskuser-img">
<span class="avatar">J</span>
</div>
<div class="taskuser-info">
<div class="user-name">John Smith</div>
<span class="designation">Android Developer</span>
</div>
</div>
</li>
<li>
<div class="task-user-cont">
<div class="taskuser-img">
<span class="avatar"><img alt="" src="assets/img/user.jpg"></span>
</div>
<div class="taskuser-info">
<div class="user-name">Jeffery Lalor</div>
<span class="designation">Team Leader</span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="popup add_followers">
<div class="view popup-view">
<div class="page">
<div class="navbar">
<div class="navbar-inner">
<div class="left"><a href="#" class="link popup-close"><i class="fa fa-close"></i></a></div>
<div class="title">Add followers</div>
</div>
</div>
<div class="page-content">
<form class="searchbar">
<div class="searchbar-inner">
<div class="searchbar-input-wrap">
<input type="search" placeholder="Search to add">
<i class="searchbar-icon"></i>
<span class="input-clear-button"></span>
</div>
<span class="searchbar-disable-button">Cancel</span>
</div>
</form>
<ul class="task-user-list">
<li>
<div class="task-user-cont">
<div class="taskuser-img">
<span class="avatar">J</span>
</div>
<div class="taskuser-info">
<div class="user-name">Jeffery Lalor</div>
<span class="designation">Team Leader</span>
</div>
</div>
</li>
<li>
<div class="task-user-cont">
<div class="taskuser-img">
<span class="avatar">C</span>
</div>
<div class="taskuser-info">
<div class="user-name">Catherine Manseau</div>
<span class="designation">Android Developer</span>
</div>
</div>
</li>
<li>
<div class="task-user-cont">
<div class="taskuser-img">
<span class="avatar">W</span>
</div>
<div class="taskuser-info">
<div class="user-name">Wilmer Deluna</div>
<span class="designation">Team Leader</span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-fixed">
<div class="project-members task-followers">
<span class="followers-title">Followers</span>
<a href="#">
<img width="20" height="20" alt="" class="avatar" src="assets/img/user.jpg">
</a>
<a href="#">
<img width="20" height="20" alt="" class="avatar" src="assets/img/user.jpg">
</a>
<a href="#">
<img width="20" height="20" alt="" class="avatar" src="assets/img/user.jpg">
</a>
<a href="#">
<img width="20" height="20" alt="" class="avatar" src="assets/img/user.jpg">
</a>
<a class="followers-add popup-open" href="#" data-popup=".add_followers"><i class="material-icons">add</i></a>
</div>
</div>
</div>