Mini Shell
Mini Shell
| Direktori : /home/opti/workflow/src/views/flow/ |
| Current File : /home/opti/workflow/src/views/flow/index.ejs |
<% include ../partials/header %>
<% include ../partials/sidebar %>
<style>
.quick-btn {
background: #EEEEEE;
box-shadow: 0 0 0 1px #F8F8F8 inset, 0 0 0 1px #CCCCCC;
color: #444444;
display: inline-block;
height: 80px;
margin: 10px;
padding-top: 16px;
text-align: center;
text-decoration: none;
width: 90px;
position: relative;
}
.quick-btn span {
display: block;
}
.quick-btn .label {
position: absolute;
right: -5px;
top: -5px;
}
.quick-btn:hover {
text-decoration: none;
color: #fff;
background-color: #4d7589;
box-shadow: 3px 4px 1px #ccc;
}
.quick-btn.small {
width: 40px;
height: 30px;
padding-top: 6px;
}
</style>
<div class="text-center">
<a class="quick-btn text-red" href="/flow/add">
<i class="la la-plus fa-2x"></i>
<span>New Flow</span>
</a>
<!-- <a class="quick-btn text-red" href="#" data-toggle="modal" data-target="#file">
<i class="la la-plus fa-2x"></i>
<span>New File</span>
</a> -->
</div>
<div class="app-content content">
<div class="content-wrapper">
<div class="content-header row">
</div>
<div class="content-body">
<!-- Breadcrumb starts-->
<div class="content-header-left col-md-6 col-12 mb-2">
<h3 class="content-header-title">Business Process Flow</h3>
<div class="row breadcrumbs-top">
<div class="breadcrumb-wrapper col-12">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">Dashboard</a>
</li>
<li class="breadcrumb-item active">Business Process Flow
</li>
</ol>
</div>
</div>
</div>
<!-- Breadcrumb ends-->
<div class="content-body">
<!-- Zero configuration table -->
<section id="configuration">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h4 class="card-title">Process Flows</h4>
<a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
<div class="heading-elements">
<ul class="list-inline mb-0">
<li><a data-action="collapse"><i class="ft-minus"></i></a></li>
<li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li>
<li><a data-action="expand"><i class="ft-maximize"></i></a></li>
<li><a data-action="close"><i class="ft-x"></i></a></li>
</ul>
</div>
</div>
<div class="card-content collapse show">
<div class="card-body card-dashboard">
<table class="table table-striped table-bordered zero-configuration">
<thead>
<tr>
<th>S/N</th>
<th>Title</th>
<th>Structure</th>
<!-- <th>Date</th> -->
<!-- <th>Type</th> -->
<th>Action</th>
</tr>
</thead>
<tbody>
<% flows.forEach((flow, index) => { %>
<tr>
<td><%= index + 1%></td>
<td>
<%= flow.title %>
</td>
<td><%= flow.structure.name %></td>
<td>
<a title="View" href="/flow/view/<%= flow.uuid %>" class="btn btn-icon btn-warning btn-sm mr-1">
<i class="la la-eye"></i>
</a>
<!-- <button title="Edit" data-toggle="modal" flowId="<%= flow.uuid %>"
fileName="<%= flow.title %>"
data-target="#editFlow" class="btn btn-icon btn-primary btn-sm mr-1">
<i class="la la-pencil"></i>
</button>
<button type="button" title="Delete" onclick="deleteFlow(this.value)"
value="<%= flow.uuid %>" class="btn btn-icon btn-danger btn-sm mr-1"><i
class="la la-close"></i></button> -->
<a title="View Flow Records" href="/flow/records/<%= flow.uuid %>" class="btn btn-icon btn-success btn-sm mr-1">
<i class="la ft-link-2"></i>
</a>
</td>
</tr>
<% }) %>
</tbody>
<tfoot>
<tr>
<th>S/N</th>
<th>Title</th>
<th>Structure</th>
<!-- <th>Date</th> -->
<!-- <th>Type</th> -->
<th>Action</th>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
<!--/ Zero configuration table -->
</div>
</div>
</div>
</div>
<!-- ////////////////////////////////////////////////////////////////////////////-->
<!---////////////////////////////////////////-->
<!-----Modal for creating new flow-->
<% include ../partials/footer %>