%PDF- %PDF-
Direktori : /home/opti/workflow/src/views/flow/employee/ |
Current File : /home/opti/workflow/src/views/flow/employee/viewProcess.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/create/<%= flow.uuid %>"> <i class="la la-plus fa-2x"></i> <span>New Process</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"><%= 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> <li class="breadcrumb-item active"><%= flow.title %> </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"><%= 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="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>Reference No.</th> <!-- <th>Structure</th> --> <th>Status</th> <th>Started On</th> <th>Last Updated</th> <th>Action</th> </tr> </thead> <tbody> <% processes.forEach((process, index) => { %> <tr> <td><%= index + 1%></td> <td> <%= process.reference %> </td> <!-- <td><%= flow.structure.name %></td> --> <td><%= process.status %></td> <td><%= moment(process.createdAt).fromNow() %></td> <td><%= moment(process.updatedAt).fromNow() %></td> <td> <% if(process.status == "In Progress"){ %> <a title="Continue Process" href="/flow/continue/<%= process.uuid %>" class="btn btn-icon btn-warning btn-sm mr-1"> <i class="la la-pencil"></i> </a> <% } %> <a title="View" href="/flow/records/view/<%= process.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>Status</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 %>