%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/opti/workflow/src/views/flow/employee/
Upload File :
Create Path :
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 %>

Zerion Mini Shell 1.0