File: /mnt/data/smarthr-co-in/demo/mobile/buyer/framework7/template/pages/performance-indicator.html
<div class="page" data-name="performance-indicator">
<div class="navbar">
<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">Performance Indicator</div>
<div class="right">
<a href="/add-performance-indicator/" class="link icon-only">
<i class="f7-icons">add</i>
</a>
</div>
</div>
</div>
<div class="page-content">
<div class="list no-hairlines media-list salary-list">
<ul>
<li class="swipeout">
<div class="item-content swipeout-content">
<div class="item-media"><img width="36" class="rounded" src="assets/img/user.jpg" alt=""></div>
<div class="item-inner">
<div class="item-title-row">
<div class="item-title">Bernardo Galaviz</div>
<div class="item-after">7 Jan 2020</div>
</div>
<div class="item-subtitle leave-info"><span class="leave-type">Web Designer</span> <span class="badge color-green leave-status">Active</span></div>
<div class="item-text leave-days">Department: Designing</div>
</div>
</div>
<div class="swipeout-actions-right">
<a href="/edit-performance-indicator/" class="color-green">Edit</a>
<a href="#" class="color-red swipeout-delete">Decline</a>
</div>
</li>
<li class="swipeout">
<div class="item-content swipeout-content">
<div class="item-media"><img width="36" class="rounded" src="assets/img/user.jpg" alt=""></div>
<div class="item-inner">
<div class="item-title-row">
<div class="item-title">John Doe </div>
<div class="item-after">12 Jan 2020</div>
</div>
<div class="item-subtitle leave-info"><span class="leave-type">IOS Developer </span> <span class="badge color-red leave-status">Inactive</span></div>
<div class="item-text leave-days">Department: IOS</div>
</div>
</div>
<div class="swipeout-actions-right">
<a href="/edit-performance-indicator/" class="color-green">Edit</a>
<a href="#" class="color-red swipeout-delete">Decline</a>
</div>
</li>
<li class="swipeout">
<div class="item-content swipeout-content">
<div class="item-media"><img width="36" class="rounded" src="assets/img/user.jpg" alt=""></div>
<div class="item-inner">
<div class="item-title-row">
<div class="item-title">Mike Litorus </div>
<div class="item-after">14 Jan 2020</div>
</div>
<div class="item-subtitle leave-info"><span class="leave-type">Web Designer</span> <span class="badge color-green leave-status">Active</span></div>
<div class="item-text leave-days">Department: Designing</div>
</div>
</div>
<div class="swipeout-actions-right">
<a href="/edit-performance-indicator/" class="color-green">Edit</a>
<a href="#" class="color-red swipeout-delete">Decline</a>
</div>
</li>
<li class="swipeout">
<div class="item-content swipeout-content">
<div class="item-media"><img width="36" class="rounded" src="assets/img/user.jpg" alt=""></div>
<div class="item-inner">
<div class="item-title-row">
<div class="item-title">John Smith </div>
<div class="item-after">15 Jan 2020</div>
</div>
<div class="item-subtitle leave-info"><span class="leave-type">IOS Developer</span> <span class="badge color-red leave-status">Inactive</span></div>
<div class="item-text leave-days">Department: IOS</div>
</div>
</div>
<div class="swipeout-actions-right">
<a href="/edit-performance-indicator/" class="color-green">Edit</a>
<a href="#" class="color-red swipeout-delete">Decline</a>
</div>
</li>
<li class="swipeout">
<div class="item-content swipeout-content">
<div class="item-media"><img width="36" class="rounded" src="assets/img/user.jpg" alt=""></div>
<div class="item-inner">
<div class="item-title-row">
<div class="item-title">Jeffrey Warden</div>
<div class="item-after">18 Jan 2020</div>
</div>
<div class="item-subtitle leave-info"><span class="leave-type">Web Designer</span> <span class="badge color-green leave-status">Active</span></div>
<div class="item-text leave-days">Department: Designing</div>
</div>
</div>
<div class="swipeout-actions-right">
<a href="/edit-performance-indicator/" class="color-green">Edit</a>
<a href="#" class="color-red swipeout-delete">Decline</a>
</div>
</li>
<li class="swipeout">
<div class="item-content swipeout-content">
<div class="item-media"><img width="36" class="rounded" src="assets/img/user.jpg" alt=""></div>
<div class="item-inner">
<div class="item-title-row">
<div class="item-title">Wilmer Deluna </div>
<div class="item-after">22 Jan 2020</div>
</div>
<div class="item-subtitle leave-info"><span class="leave-type">Web Designer</span> <span class="badge color-green leave-status">Active</span></div>
<div class="item-text leave-days">Department: Designing</div>
</div>
</div>
<div class="swipeout-actions-right">
<a href="/edit-performance-indicator/" class="color-green">Edit</a>
<a href="#" class="color-red swipeout-delete">Decline</a>
</div>
</li>
</ul>
</div>
</div>
</div>