worked on the new onboarding steps

This commit is contained in:
Kwesi Banson
2024-01-31 20:40:33 +00:00
parent bc97f69748
commit 7a64019001
184 changed files with 11292 additions and 173 deletions

View File

@@ -11,6 +11,7 @@
<ol class="breadcrumb">
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
<li><a href="{!! url('clients') !!}">Clients</a></li>
<li><a href="{{ url('clients', $client->id) }}">{{ $client->name }}</a></li>
<li class="active">Update Client Details</li>
</ol>
</div>
@@ -28,6 +29,7 @@
<div class="x_content">
<br>
{!! Form::model($client, [ 'method' => 'PATCH', 'files' => 'true', 'url' => ['clients', $client], 'class' => 'form-horizontal form-label-left']) !!}
<input type="hidden" name="current_pending_stage" value="{{ $current_pending_stage }}">
<div class="row">
<div class="col-md-4">
<div class="form-group">
@@ -334,16 +336,18 @@
</div>
</div>
</div>
@if($current_pending_stage !== 'COMPLETED')
<div class="col-md-12">
<div class="form-group" >
<!-- style="background-color: skyblue;" -->
<div class=" {{ $errors->has('progress_indicators') ? 'has-error' : ''}}">
<label class="" for="payment_mode">Progress Indicators</label>
{!! Form::select('progress_indicators[]', $progress_indicators, $current_progress_indicators, ['class' => 'form-control' , 'id' => 'progressIndicators', 'multiple' => 'true']) !!}
{!! $errors->first('progress_indicators', '<p class="help-block">:message</p>') !!}
<!-- style="background-color: skyblue;"-->
<div class=" {{ $errors->has('onboarding_sub_items') ? 'has-error' : ''}}">
<label class="" for="payment_mode">Onboarding Stage ({{ $current_pending_stage }}) | Click below to select </label>
{!! Form::select('onboarding_sub_items_progress[]', $onboarding_sub_items, $onboarding_sub_items_progress, ['class' => 'form-control' , 'id' => 'progressIndicators', 'multiple' => 'true']) !!}
{!! $errors->first('onboarding_sub_items', '<p class="help-block">:message</p>') !!}
</div>
</div>
</div>
@endif
</div>
<div class="ln_solid"></div>
<div class="form-group">

View File

@@ -108,6 +108,12 @@
field: "accountMgr",
sorter: "string",
},
{
title: "Onboarding Status",
field: "progress_indicator",
sorter: "string",
},
/*
{ title:"Progress",
field:"progress_indicator_score",
sorter:"number",
@@ -116,6 +122,7 @@
width:200,
editable:true
},
*/
{
title: "Status",
field: "status",

View File

@@ -0,0 +1,91 @@
@extends('layouts.master')
@section('page_title')
@if(isset($page_title))
{{ $page_title }}
@endif
@endsection
@section('content')
<div class="">
<div class="page-title">
<div class="title_left" style="width:800px !important;">
<ol class="breadcrumb">
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
<li><a href="{!! url('clients') !!}">Clients</a></li>
<li><a href="{{ url('clients', $client->id) }}">{{ $client->name }}</a></li>
<li class="active">Onboarding Checklist </li>
</ol>
</div>
</div>
<div class="clearfix"></div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_title">
Update Onboarding Checklist
@include('commons.notifications')
<div class="clearfix"></div>
</div>
{{-- start of content --}}
<div class="x_content">
<br>
<div class="row">
<div class="col-md-12">
<h4>Agreement Stage</h4>
<div>
<div class="form-group" >
<div class=" {{ $errors->has('progress_indicators') ? 'has-error' : ''}}">
<label class="" for="payment_mode">Checklist Items</label>
{!! Form::select('progress_indicators[]', $progress_indicators, $current_progress_indicators, ['class' => 'form-control' , 'id' => 'progressIndicators', 'multiple' => 'true']) !!}
{!! $errors->first('progress_indicators', '<p class="help-block">:message</p>') !!}
</div>
</div>
</div>
<h4>Interconnectional (Bilateral)</h4>
<div>
</div>
<h4>Tests Completed</h4>
<div>
</div>
<h4>Rate Card Sharing</h4>
<div>
</div>
<h4>Rates Uploaded</h4>
<div>
</div>
</div>
</div>
<div class="ln_solid"></div>
<div class="form-group">
</div>
</div>
{{-- end of x_content --}}
</div>
{{-- end of x_panel --}}
</div>
</div>
</div>
@endsection
@section('javascript')
<script type="text/javascript">
$(function(){
$('select').select2();
// $('.typeServices').select2({}).select2('val', PRESELECTED_FRUITS);
$('.typeServices').select2({
tags : true
});
});
</script>
@endsection

View File

@@ -0,0 +1,48 @@
<div class="modal fade" id="progressIndicatorDetailsModal" tabindex="-1" role="dialog" aria-labelledby="progressIndicatorModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<!-- <h4 class="modal-title">Default Modal</h4> -->
<h5 class="modal-title text-center" id="progressIndicatorDetailsModalHeading">Progress Indicators</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="">
<?php if ($showclient->progress_indicators !== null): ?>
<ul class="to_do">
<?php $current_indicators = json_decode($showclient->progress_indicators, true); ?>
@foreach($progress_indicators as $indirow)
<?php
$arr_check = in_array($indirow, $current_indicators);
$theCheck = ($arr_check == true) ? "fa-check-circle green" : "fa-question red";
?>
<li>
<p>
<span class="fa {{ $theCheck }}"></span>
{{ $indirow }}
</p>
</li>
@endforeach
</ul>
<?php else: ?>
@foreach($progress_indicators as $indirow)
<ul class="to_do">
<li>
<p>
<span class="fa fa-question red"></span>
{{ $indirow }}
</p>
</li>
</ul>
@endforeach
<?php endif ?>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->

View File

@@ -0,0 +1,34 @@
<div class="modal fade" id="progressIndicatorDetailsModal" tabindex="-1" role="dialog" aria-labelledby="progressIndicatorModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<!-- <h4 class="modal-title">Default Modal</h4> -->
<h5 class="modal-title text-center" id="progressIndicatorDetailsModalHeading">Progress Indicators</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="">
<ul class="to_do">
<?php $current_indicators = json_decode($showclient->progress_indicators, true); ?>
@foreach($progress_indicators as $indirow)
<?php
$arr_check = in_array($indirow, $current_indicators);
$theCheck = ($arr_check == true) ? "checked" : "";
$theDisabled = ($arr_check == true) ? "" : "disabled";
?>
<li>
<p><input type="checkbox" {{ $theCheck }} class="flat progressIndicatorCheckbox" {{ $theDisabled }} > {{ $indirow }}</p>
</li>
@endforeach
</ul>
</div>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->

View File

@@ -11,7 +11,8 @@
<ol class="breadcrumb">
<li><a href="{!! url('dashboard') !!}">Dashboard</a></li>
<li><a href="{!! url('clients') !!}">Clients</a></li>
<li class="active">{{ $showclient->name }} (Full Details)</li>
<li><a href="{{ url('clients', $showclient->id) }}">{{ $showclient->name }}</a></li>
<li class="active">Full Details</li>
</ol>
</div>
</div>
@@ -216,14 +217,15 @@
</div>
</div>
</div>
<div class="row">
<div class="row">
<div class="col-md-12 well">
<h4>Documents</h4>
<div class="tile fixed_height_60">
<h4>Documents</h4>
@if(!$showdocuments->isEmpty() == true)
<div class="row">
<div class="col-md-6">
<div class="row">
@foreach($showdocuments as $docs)
<div class="col-md-3">
@@ -239,6 +241,7 @@
@else
<p>No Documents found</p>
@endif
</div>
</div>
</div>
<div class="row">
@@ -336,6 +339,8 @@
@endsection
@section('javascript')
<script type="text/javascript" src="{{ url('public/assets/vendors/gauge.js/dist/gauge.min.js') }}"></script>
<script type="text/javascript" src="{{ url('public/assets/js/showclientreadonly.js') }}"></script>
<script type="text/javascript">
$(function(){

View File

@@ -4,6 +4,9 @@
{{ $page_title }}
@endif
@endsection
@section('css')
<link href="{{ url('public/assets/vendors/iCheck/skins/flat/green.css') }}" rel="stylesheet">
@endsection
@section('content')
@include('client.partials.new_notes')
@@ -52,7 +55,10 @@
Click Account Manager <br>
<strong><em> <?php echo $showclient->auth_user_info->name ?? 'N/A' ?> </em></strong>
</div>
<h4>Status : <span class="label label-{{ $status_bg }}">{{ $showclient->status }}</span></h4>
<h4>
Status : <span class="label label-{{ $status_bg }}">{{ $showclient->status }}</span>&nbsp;
<span role="button" id="progressIndicatorBtn" class="label label-{{ $progress_status_bg }}"> Progress: {{ $showclient->progress_indicator_score }}%</span>
</h4>
<ul class="list-unstyled user_data">
<li><i class="fa fa-phone user-profile-icon"></i> <?php echo $showclient->phone ?? "N/A"; ?></li>
<li><i class="fa fa-envelope user-profile-icon"></i> <?php echo $showclient->email ?? "N/A"; ?> </li>
@@ -78,6 +84,7 @@
@endif
@if(session('current_user.id') == $showclient->auth_user_id)
<a class="btn btn-success" href="{{ url('clients/'. $showclient->id . '/edit') }}"><i class="fa fa-edit m-right-xs"></i> Edit Client</a>
<a class="btn btn-primary" href="{{ url('clients/onboarding', $showclient->id) }}"><i class="fa fa-edit m-right-xs"></i> Onboarding Checklist</a>
@endif
<a class="btn btn-primary" href="{{ url('clients/readonly/'. $showclient->id) }}"><i class="fa fa-eye m-right-xs"></i> Full Details (Readonly)</a>
@@ -261,7 +268,9 @@
<p>Contract Validity (Date) : <strong> {{ $showclient->contract_validity or 'N/A'}} </strong></p>
<p>Contract Auto Renewal : <strong> {{ $showclient->contract_auto_renew or 'N/A'}} </strong></p>
@if($showclient->contract_auto_renew != 'YES')
<p>Renewal Due : <strong class="text-<?php echo ($highlight_colour == 'none') ? '' : 'danger'; ?> "> {{ $renewal_due }} </strong></p>
@endif
</blockquote>
</div>
<div role="tabpanel" class="tab-pane fade" id="tabFinance" aria-labelledby="finance-tab">
@@ -337,5 +346,55 @@
</div>
@endsection
@section('javascript')
<script type="text/javascript" src="{{ url('public/assets/js/clientshow.js') }}"></script>
<script src="{{ url('public/assets/vendors/iCheck/icheck.min.js') }}"></script>
<script src="{{ url('public/assets/js/clientshow.js') }}"></script>
<script type="text/javascript">
// iCheck
$(document).ready(function() {
if ($("input.flat")[0]) {
$(document).ready(function () {
$('input.flat').iCheck({
checkboxClass: 'icheckbox_flat-green',
radioClass: 'iradio_flat-green'
});
});
}
});
// /iCheck
// Table
$('table input').on('ifChecked', function () {
checkState = '';
$(this).parent().parent().parent().addClass('selected');
countChecked();
});
$('table input').on('ifUnchecked', function () {
checkState = '';
$(this).parent().parent().parent().removeClass('selected');
countChecked();
});
var checkState = '';
$('.bulk_action input').on('ifChecked', function () {
checkState = '';
$(this).parent().parent().parent().addClass('selected');
countChecked();
});
$('.bulk_action input').on('ifUnchecked', function () {
checkState = '';
$(this).parent().parent().parent().removeClass('selected');
countChecked();
});
$('.bulk_action input#check-all').on('ifChecked', function () {
checkState = 'all';
countChecked();
});
$('.bulk_action input#check-all').on('ifUnchecked', function () {
checkState = 'none';
countChecked();
});
</script>
@endsection