%PDF-
%PDF-
Mini Shell
Mini Shell
<% 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>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.css">
<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"><%= flow.title %></h3>
<div class="row breadcrumbs-top">
<div class="breadcrumb-wrapper col-12">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">Dashboard</a>
<li class="breadcrumb-item"><a href="/flow">Business Process Flow</a>
</li>
<li class="breadcrumb-item active"><%= flow.title %></li>
</ol>
</div>
</div>
</div>
<!-- Breadcrumb ends-->
<section id="flow_div" >
<div class="row">
<div class="col-12">
<div class="card">
<!-- <div class="card-header">
<h4 class="card-title"><% /*= flow.title */ %></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="expand"><i class="ft-maximize"></i></a></li>
</ul>
</div>
</div> -->
<div class="card-content collapse show">
<div class="card-body card-dashboard">
<div class="form-body">
<div class="form-group row">
<label class=" offset-sm-3 col-sm-2 form-control-label" for="inputName1">Structure</label>
<div class="col-sm-5">
<div <% /*class="position-relative has-icon-left " */ %> >
<%= flow.structure.name %>
<div class="form-control-position pl-1"><!--<i class="la la-institution"></i>--></div>
</div>
</div>
</div>
<div class="form-group row">
<label class=" offset-sm-3 col-sm-2 form-control-label" for="inputName1">System Name</label>
<div class="col-sm-5">
<div <% /*class="position-relative has-icon-left " */ %> >
<label><%= flow.title %></label>
<div class="form-control-position pl-1"><!--<i class="la la-institution"></i>--></div>
</div>
</div>
</div>
<div class="form-group row">
<label class="offset-sm-3 col-sm-2 " for="inputDescription">System Description</label>
<div class="col-sm-5">
<div <% /*class="position-relative has-icon-left " */ %> >
<span ><%= flow.description %></span>
<div class="form-control-position pl-1"><i class="la la-note"></i></div>
</div>
</div>
</div>
<div class="form-group row">
<label class="offset-sm-3 col-sm-2 " for="inputDescription">Reference Number</label>
<div class="col-sm-5">
<div <% /*class="position-relative has-icon-left " */ %> >
<span ><%= process.reference %></span>
<div class="form-control-position pl-1"><i class="la la-note"></i></div>
</div>
</div>
</div>
<div class="form-group row">
<label class="offset-sm-3 col-sm-2 " for="inputDescription">Status</label>
<div class="col-sm-5">
<div <% /*class="position-relative has-icon-left " */ %> >
<span ><%= process.status %></span>
<div class="form-control-position pl-1"><i class="la la-note"></i></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<% stage = process.processes[0].stage %>
<section id="flow_div" >
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h4 class="card-title">Stage <%= 1 +" : "+process.processes[0].title.title +" " %> <h5>Made By: <%= process.processes[0].user.firstName +" "+ process.processes[0].user.lastName+" " %> @<%= moment(process.processes[0].createdAt).format('MMMM Do YYYY, h:mm:ss a') %></h5></h4>
<a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
<div class="heading-elements">
</div>
</div>
<div class="card-body card-dashboard row">
<div class="form-body col-lg-8">
<% process.processes.forEach((process, index)=>{ %>
<% if( process.stage != stage ){ %>
</div>
<div class="col-lg-4">
<label>Notes<i class="ft-file"></i></label>
<div class="position-relative has-icon-left">
<%= process.comment %>
<!-- <div class="form-control-position">
<i class="ft-file"></i>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="flow_div" >
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h4 class="card-title">Stage <%= process.stage +" : "+process.title.title %>
<h5>Made By: <%= process.user.firstName +" "+ process.user.lastName+" " %> @<%= moment(process.createdAt).format('MMMM Do YYYY, h:mm:ss a') %></h5>
</h4>
<a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
<div class="heading-elements">
</div>
</div>
<div class="card-content collapse show">
<div class="card-body card-dashboard row">
<div class="form-body col-lg-8">
<% } %>
<% if(process.field){ %>
<li><%= process.field.label %></li>
<% } else { %>
No activity performed
<%} %>
<% stage = process.stage %>
<% }) %>
</div>
<div class="col-lg-4">
<label>Notes<i class="ft-file"></i></label>
<div class="position-relative has-icon-left">
<%= process.comment %>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<!-- ////////////////////////////////////////////////////////////////////////////-->
<!---////////////////////////////////////////-->
<!-----Modal for creating new flow-->
<% include ../partials/footer %>
<script src="/app-assets/vendors/js/forms/repeater/jquery.repeater.min.js"></script>
<script src="/app-assets/js/scripts/forms/form-repeater.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.js"></script>
<!-- <script>
Zerion Mini Shell 1.0