progress indicators, bug fixes, after a while

This commit is contained in:
Kwesi Banson
2023-12-13 12:13:47 +00:00
parent ea6d83e5d9
commit bc97f69748
1283 changed files with 1010757 additions and 7379 deletions

View File

@@ -0,0 +1,277 @@
@extends('layouts.master')
@section('css')
<link href="{{ url('public/assets/vendors/fullcalendar/dist/fullcalendar.min.css') }}" rel="stylesheet">
<link href="{{ url('public/assets/vendors/fullcalendar/dist/fullcalendar.print.css') }}" rel="stylesheet" media="print">
@endsection
@section('content')
<div class="">
<div class="right_cols" role="main">
<div class="">
<div class="row top_tiles">
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="tile-stats">
<div class="icon"><i class="fa fa-sun-o"></i></div>
<div class="count">{{ $total }}</div>
<h3>Total Clients</h3>
<!-- <p>Lorem ipsum psdea itgum rixt.</p> -->
</div>
</div>
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="tile-stats">
<div class="icon"><i class="fa fa-comments-o"></i></div>
<div class="count">{{ $sms }}</div>
<h3>SMS Clients</h3>
<!-- <p>Lorem ipsum psdea itgum rixt.</p> -->
</div>
</div>
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="tile-stats">
<div class="icon"><i class="fa fa-mobile-phone"></i></div>
<div class="count">{{ $ussd }}</div>
<h3>USSD Client</h3>
<!-- <p>Lorem ipsum psdea itgum rixt.</p> -->
</div>
</div>
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="tile-stats">
<div class="icon"><i class="fa fa-bullhorn"></i></div>
<div class="count">{{ $voice }}</div>
<h3>Voice Clients</h3>
<!-- <p>Lorem ipsum psdea itgum rixt.</p> -->
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="x_panel">
<div class="x_title">
<h2>User Activities</h2>
<div class="clearfix"></div>
</div>
<div class="x_content">
<div class="col-md-9" style="">
<canvas id="mybarChart"></canvas>
</div>
<div class="col-md-3 col-sm-12 col-xs-12">
<div>
<div class="x_title">
<h2>New Clients</h2>
<div class="clearfix"></div>
</div>
<ul class="list-unstyled top_profiles scroll-view">
<li class="media event">
<div class="media-body">
<a class="title" href="#">Frosty Bites in the building</a>
<p>Added by: Mansa Olympio </p>
<p> 2023-10-23</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="x_panel">
<div class="x_title">
<h2>Expiring Contracts </h2>
<div class="clearfix"></div>
</div>
<div class="x_content">
@if($expiring_contracts->isEmpty() == false)
@foreach($expiring_contracts as $row)
<article class="media event">
<a class="pull-left date" style="background-color: #de9a24">
<p class="month">{{ date("M", strtotime($row->contract_validity)) }}</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" title="View Client Details" href="{{ url('clients', $row->id) }}">{{ $row->name }}</a>
<p class="">Contract Type : {{ strtoupper($row->contract_type) }}</p>
</div>
</article>
@endforeach
@else
<article class="media event">
<a class="pull-left date">
<p class="month">00</p>
<p class="day">00</p>
</a>
<div class="media-body">
<a class="title" href="#"></a>
<p>No Records</p>
</div>
</article>
@endif
</div>
</div>
</div>
<div class="col-md-4">
<div class="x_panel">
<div class="x_title">
<h2>Expiring Certificates</h2>
<div class="clearfix"></div>
</div>
<div class="x_content">
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item One Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Two Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Two Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Two Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Three Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
</div>
</div>
</div>
<div class="col-md-4">
<div class="x_panel">
<div class="x_title">
<h2>Upcoming Reminders </h2>
<ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a>
</li>
<li><a href="#">Settings 2</a>
</li>
</ul>
</li>
<li><a class="close-link"><i class="fa fa-close"></i></a>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content">
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item One Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Two Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Two Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Two Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Three Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('javascript')
<script src="{{ url('public/assets/vendors/fullcalendar/dist/fullcalendar.min.js') }}"></script>
<!-- Chart.js -->
<script src="{{ url('public/assets/vendors/Chart.js/dist/Chart.min.js') }}"></script>
<!-- jQuery Sparklines -->
<script src="{{ url('public/assets/vendors/jquery-sparkline/dist/jquery.sparkline.js') }}"></script>
<!-- DateJS -->
<script src="{{ url('public/assets/vendors/DateJS/build/date.js') }}"></script>
<script src="{{ url('public/assets/js/dashboard.js') }}"></script>
@endsection

View File

@@ -1,7 +1,6 @@
@extends('layouts.master')
@section('css')
<link href="{{ url('public/assets/vendors/fullcalendar/dist/fullcalendar.min.css') }}" rel="stylesheet">
<link href="{{ url('public/assets/vendors/fullcalendar/dist/fullcalendar.print.css') }}" rel="stylesheet" media="print">
@endsection
@section('content')
@@ -45,245 +44,166 @@
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="x_panel">
<div class="x_title">
<h2>Expiring Certificates</h2>
<ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a>
</li>
<li><a href="#">Settings 2</a>
</li>
</ul>
</li>
<li><a class="close-link"><i class="fa fa-close"></i></a>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content">
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item One Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Two Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Two Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Two Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Three Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
</div>
</div>
</div>
<div class="col-md-4">
<div class="x_panel">
<div class="x_title">
<h2>Recent Activities </h2>
<div class="clearfix"></div>
</div>
<div class="x_content">
<div class="dashboard-widget-content">
<div class="col-md-4">
<div class="x_panel">
<div class="x_title">
<h2>Expiring Contracts </h2>
<ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a>
</li>
<li><a href="#">Settings 2</a>
</li>
</ul>
</li>
<li><a class="close-link"><i class="fa fa-close"></i></a>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content">
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item One Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Two Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Two Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Two Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Three Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<ul class="list-unstyled timeline widget">
<li>
<div class="block">
<div class="block_content">
<h2 class="title">
<a>Who Needs Sundance When Youve Got&nbsp;Crowdfunding?</a>
</h2>
<div class="byline">
<span>13 hours ago</span> by <a>Jane Smith</a>
</div>
<p class="excerpt">Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, theyd pay to Fast-forward and <a>Read&nbsp;More</a>
</p>
</div>
</div>
</div>
</li>
<li>
<div class="block">
<div class="block_content">
<h2 class="title">
<a>Who Needs Sundance When Youve Got&nbsp;Crowdfunding?</a>
</h2>
<div class="byline">
<span>13 hours ago</span> by <a>Jane Smith</a>
</div>
<p class="excerpt">Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, theyd pay to Fast-forward and <a>Read&nbsp;More</a>
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="x_panel">
<div class="x_title">
<h2>Expiring Contracts </h2>
<div class="clearfix"></div>
</div>
<div class="x_content">
@if($expiring_contracts->isEmpty() == false)
@foreach($expiring_contracts as $row)
<article class="media event">
<a class="pull-left date" style="background-color: #de9a24">
<p class="month">{{ date("M", strtotime($row->contract_validity)) }}</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" title="View Client Details" href="{{ url('clients', $row->id) }}">{{ $row->name }}</a>
<p class="">Contract Type : {{ strtoupper($row->contract_type) }}</p>
</div>
</article>
@endforeach
@else
<article class="media event">
<a class="pull-left date">
<p class="month">00</p>
<p class="day">00</p>
</a>
<div class="media-body">
<a class="title" href="#"></a>
<p>No Records</p>
</div>
</article>
@endif
</div>
</div>
</div>
<div class="col-md-4">
<div class="x_panel">
<div class="x_title">
<h2>Expiring Certificates</h2>
<div class="clearfix"></div>
</div>
<div class="x_content">
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item One Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Two Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Two Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Two Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Three Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
</div>
</div>
</div>
<div class="col-md-4">
<div class="x_panel">
<div class="x_title">
<h2>Upcoming Reminders </h2>
<ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a>
</li>
<li><a href="#">Settings 2</a>
</li>
</ul>
</li>
<li><a class="close-link"><i class="fa fa-close"></i></a>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content">
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item One Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Two Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Two Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Two Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">April</p>
<p class="day">23</p>
</a>
<div class="media-body">
<a class="title" href="#">Item Three Title</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('javascript')
<script src="{{ url('public/assets/vendors/fullcalendar/dist/fullcalendar.min.js') }}"></script>
<script src="{{ url('public/assets/js/dashboard.js') }}"></script>
<!-- DateJS -->
<script src="{{ url('public/assets/vendors/DateJS/build/date.js') }}"></script>
<script src="{{ url('public/assets/js/dashboard.js') }}"></script>
@endsection