views/_attendance.employees.ejs
<nav class="breadcrumb is-hidden-mobile">
<ul>
<li class="is-active">
<a href="#" aria-current="page">
Employee Attendance
</a>
</li>
<li class="is-active">
<a href="#">
<span>Employees</span>
</a>
</li>
</ul>
</nav>
<div class="columns is-vcentered">
<div class="column">
<h1 class="title is-1 is-size-3-mobile">Employees</h1>
</div>
<% if (configFunctions.getConfigProperty('features.attendance.callOuts') && permissionFunctions.hasPermission(user, 'attendance.callOuts.canView')) { %>
<div class="column is-narrow has-text-right is-hidden-mobile">
<a class="button" href="<%= urlPrefix %>/reports/employees-contacts" download>
<span class="icon"><i class="fas fa-file-csv" aria-hidden="true"></i></span>
<span>Export</span>
</a>
</div>
<% } %>
</div>
<div class="box">
<div class="field">
<div class="control has-icons-left">
<input class="input" id="employees--searchFilter" type="text" placeholder="Filter Employees" aria-label="Filter Employees" />
<span class="icon is-small is-left">
<i class="fas fa-search" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
<div id="container--employees"></div>