|
@@ -116,7 +116,32 @@
|
|
|
border-left-width: 0 !important;
|
|
|
}
|
|
|
</style>
|
|
|
-
|
|
|
+ <style>
|
|
|
+ #rpm-admin-stats-graph .stat-bg-total-light {
|
|
|
+ background-color: #fbe7ce;
|
|
|
+ }
|
|
|
+ #rpm-admin-stats-graph .stat-bg-total-dark {
|
|
|
+ background-color: #f6b26b;
|
|
|
+ }
|
|
|
+ #rpm-admin-stats-graph .stat-bg-recd-light {
|
|
|
+ background-color: #d8ead2;
|
|
|
+ }
|
|
|
+ #rpm-admin-stats-graph .stat-bg-recd-dark {
|
|
|
+ background-color: #69a751;
|
|
|
+ }
|
|
|
+ #rpm-admin-stats-graph .stat-bg-not-recd-light {
|
|
|
+ background-color: #f3cdcc;
|
|
|
+ }
|
|
|
+ #rpm-admin-stats-graph .stat-bg-not-recd-dark {
|
|
|
+ background-color: #e06665;
|
|
|
+ }
|
|
|
+ #rpm-admin-stats-graph .stat-bg-crit-light {
|
|
|
+ background-color: #dbd3eb;
|
|
|
+ }
|
|
|
+ #rpm-admin-stats-graph .stat-bg-crit-dark {
|
|
|
+ background-color: #aa98d5;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
<div class="p-3 mcp-theme-1" id="practice-rpm-manager">
|
|
|
|
|
|
<div class="card h-100">
|
|
@@ -127,12 +152,12 @@
|
|
|
|
|
|
<div class="card-body p-0">
|
|
|
<div class="d-flex align-items-baseline p-2 border-bottom">
|
|
|
- <div class="d-inline-flex align-items-center">
|
|
|
- <form action="">
|
|
|
+ <form action="" class="flex-grow-1">
|
|
|
+ <div class="d-flex align-items-center">
|
|
|
<div class="mr-2 d-inline-flex align-items-center">
|
|
|
<label class="mb-0 mr-1">Month</label>
|
|
|
<select name="m" class="form-control form-control-sm min-width-unset pl-0 font-weight-bold"
|
|
|
- onchange="fastLoad('{{route('practice-management.rpm-manager')}}?' + $(this).closest('form').serialize())">
|
|
|
+ onchange="fastLoad('{{route('practice-management.rpm-manager')}}?' + $(this).closest('form').serialize())">
|
|
|
<option value="">All</option>
|
|
|
<option value="01" {{$month && intval($month) === 1 ? 'selected' : ''}}>Jan</option>
|
|
|
<option value="02" {{$month && intval($month) === 2 ? 'selected' : ''}}>Feb</option>
|
|
@@ -151,7 +176,7 @@
|
|
|
<div class="mr-2 d-inline-flex align-items-center">
|
|
|
<label class="mb-0 mr-1">Year</label>
|
|
|
<select name="y" class="form-control form-control-sm min-width-unset pl-0 font-weight-bold"
|
|
|
- onchange="fastLoad('{{route('practice-management.rpm-manager')}}?' + $(this).closest('form').serialize())">
|
|
|
+ onchange="fastLoad('{{route('practice-management.rpm-manager')}}?' + $(this).closest('form').serialize())">
|
|
|
<option value="">All</option>
|
|
|
<option value="2020" {{$year && intval($year) === 2020 ? 'selected' : ''}}>2020</option>
|
|
|
<option value="2021" {{$year && intval($year) === 2021 ? 'selected' : ''}}>2021</option>
|
|
@@ -162,7 +187,7 @@
|
|
|
<div class="mr-2 d-inline-flex align-items-center">
|
|
|
<label class="mb-0 mr-1 text-nowrap">View As</label>
|
|
|
<select name="viewingAs" class="form-control form-control-sm min-width-unset pl-0 font-weight-bold"
|
|
|
- onchange="fastLoad('{{route('practice-management.rpm-manager')}}?' + $(this).closest('form').serialize())">
|
|
|
+ onchange="fastLoad('{{route('practice-management.rpm-manager')}}?' + $(this).closest('form').serialize())">
|
|
|
@foreach($proRoles as $proRole)
|
|
|
<option value="{{$proRole}}" {{$viewingAs === $proRole ? 'selected' : ''}}>{{$proRole}}</option>
|
|
|
@endforeach
|
|
@@ -182,6 +207,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
@endif
|
|
|
+ {{--
|
|
|
<div class="mr-2 d-inline-flex align-items-center">
|
|
|
<label class="mb-0 mr-1 text-nowrap">Date</label>
|
|
|
<input name="specificDate" class="form-control form-control-sm min-width-unset pl-1 font-weight-bold"
|
|
@@ -189,6 +215,7 @@
|
|
|
type="date" min="{{$cmStartDate}}" max="{{$cmEndDate}}"
|
|
|
onchange="fastLoad('{{route('practice-management.rpm-manager')}}?' + $(this).closest('form').serialize())">
|
|
|
</div>
|
|
|
+ --}}
|
|
|
<div class="mr-2 d-inline-flex align-items-center">
|
|
|
<label class="mb-0 mr-1 text-nowrap">Mins.</label>
|
|
|
<select name="mins" class="form-control form-control-sm min-width-unset pl-0 font-weight-bold"
|
|
@@ -200,20 +227,81 @@
|
|
|
</select>
|
|
|
</div>
|
|
|
<a href="#" onclick="return fastLoad('{{route('practice-management.rpm-manager')}}')">Clear</a>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- @if($paginator->total())
|
|
|
- <div class="d-inline-flex align-items-baseline ml-auto mb-0-pagination">
|
|
|
- <div class="mr-2"><b>{{$paginator->firstItem()}}</b> to <b>{{$paginator->lastItem()}}</b> (page {{$paginator->currentPage()}}) of <b>{{$paginator->total()}}</b></div>
|
|
|
- {!! $paginator->onEachSide(1)->withQueryString()->links() !!}
|
|
|
- <select class="form-control form-control-sm min-width-unset width-140px px-2 ml-2" onchange="fastLoad('{{ route('practice-management.rpm-manager') }}?{{queryLineExcept(['per_page', 'page'])}}&per_page=' + this.value)">
|
|
|
- <option {{$perPage == 25 ? 'selected' : ''}} value="25">25/page</option>
|
|
|
- <option {{$perPage == 50 ? 'selected' : ''}} value="50">50/page</option>
|
|
|
- <option {{$perPage == 75 ? 'selected' : ''}} value="75">75/page</option>
|
|
|
- <option {{$perPage == 100 ? 'selected' : ''}} value="100">100/page</option>
|
|
|
- </select>
|
|
|
+ @if($paginator->total())
|
|
|
+ <div class="d-inline-flex align-items-baseline ml-auto mb-0-pagination">
|
|
|
+ <div class="mr-2"><b>{{$paginator->firstItem()}}</b> to <b>{{$paginator->lastItem()}}</b> (page {{$paginator->currentPage()}}) of <b>{{$paginator->total()}}</b></div>
|
|
|
+ {!! $paginator->onEachSide(1)->withQueryString()->links() !!}
|
|
|
+ <select class="form-control form-control-sm min-width-unset width-140px px-2 ml-2" onchange="fastLoad('{{ route('practice-management.rpm-manager') }}?{{queryLineExcept(['per_page', 'page'])}}&per_page=' + this.value)">
|
|
|
+ <option {{$perPage == 25 ? 'selected' : ''}} value="25">25/page</option>
|
|
|
+ <option {{$perPage == 50 ? 'selected' : ''}} value="50">50/page</option>
|
|
|
+ <option {{$perPage == 75 ? 'selected' : ''}} value="75">75/page</option>
|
|
|
+ <option {{$perPage == 100 ? 'selected' : ''}} value="100">100/page</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ @endif
|
|
|
</div>
|
|
|
- @endif
|
|
|
+ <div id="rpm-admin-stats-graph" class="w-100">
|
|
|
+
|
|
|
+ <div class="mt-2 pt-2 border-top w-100">
|
|
|
+ <div class="d-flex align-items-stretch justify-content-center">
|
|
|
+ <div class="width-140px mr-3 stat-bg-total-light d-inline-flex flex-column">
|
|
|
+ <div class="flex-grow-1 py-1 d-flex align-items-end"><span class="w-100 text-center">Total Patients</span></div>
|
|
|
+ <div class="font-size-16 font-weight-bold stat-bg-total-dark w-100 py-1 text-center">
|
|
|
+ {{$stats['totalPatients']}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="width-140px mr-3 stat-bg-recd-light d-inline-flex flex-column">
|
|
|
+ <div class="flex-grow-1 py-1 d-flex align-items-end">
|
|
|
+ <span class="w-100 text-center">With Meas. On:</span>
|
|
|
+ </div>
|
|
|
+ <div style="padding: 0 1px">
|
|
|
+ <input type="date" name="wmo" class="border-0 py-0 px-1 w-100 rounded-0 text-center"
|
|
|
+ onchange="$('[name=nmo]').val(this.value); fastLoad('{{route('practice-management.rpm-manager')}}?' + $(this).closest('form').serialize());"
|
|
|
+ value="{{request()->input('wmo') ?: date('Y-m-d')}}">
|
|
|
+ </div>
|
|
|
+ <div class="font-size-16 font-weight-bold stat-bg-recd-dark w-100 py-1 text-center">
|
|
|
+ {{$stats['withMeasOn']}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="width-140px mr-3 stat-bg-not-recd-light d-inline-flex flex-column">
|
|
|
+ <div class="flex-grow-1 py-1 d-flex align-items-end"><span class="w-100 text-center">No Meas. On:</span></div>
|
|
|
+ <div style="padding: 0 1px">
|
|
|
+ <input type="date" name="nmo" class="border-0 py-0 px-1 w-100 rounded-0 text-center"
|
|
|
+ onchange="$('[name=wmo]').val(this.value); fastLoad('{{route('practice-management.rpm-manager')}}?' + $(this).closest('form').serialize());"
|
|
|
+ value="{{request()->input('wmo') ?: date('Y-m-d')}}">
|
|
|
+ </div>
|
|
|
+ <div class="font-size-16 font-weight-bold stat-bg-not-recd-dark w-100 py-1 text-center">
|
|
|
+ {{$stats['noMeasOn']}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="width-140px mr-3 stat-bg-crit-light d-inline-flex flex-column">
|
|
|
+ <div class="flex-grow-1 py-1 d-flex align-items-end"><span class="w-100 text-center">With >= 16 Meas. days</span></div>
|
|
|
+ <div class="font-size-16 font-weight-bold stat-bg-crit-dark w-100 py-1 text-center">
|
|
|
+ {{$stats['gt16MD']}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="width-140px mr-3 stat-bg-crit-light d-inline-flex flex-column">
|
|
|
+ <div class="flex-grow-1 py-1 d-flex align-items-end"><span class="w-100 text-center">With >= 20m Interaction</span></div>
|
|
|
+ <div class="font-size-16 font-weight-bold stat-bg-crit-dark w-100 py-1 text-center">
|
|
|
+ {{$stats['gt20M']}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="width-140px mr-3 stat-bg-crit-light d-inline-flex flex-column">
|
|
|
+ <div class="flex-grow-1 py-1 d-flex align-items-end"><span class="w-100 text-center">With >= 40m Interaction</span></div>
|
|
|
+ <div class="font-size-16 font-weight-bold stat-bg-crit-dark w-100 py-1 text-center">
|
|
|
+ {{$stats['gt40M']}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ @if(date('m') == $month && date('Y') == $year)
|
|
|
+ <div class="mt-2 font-size-14 text-center">
|
|
|
+ Days left in the month ({{friendly_month(date('Y-m-d'))}}):
|
|
|
+ <b class="font-size-14">{{date('t') - date('j')}}</b>
|
|
|
+ </div>
|
|
|
+ @endif
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
</div>
|
|
|
<div class="rpm-manager-table-container">
|
|
|
<table class="table table-sm table-bordered table-striped table-hover p-0 mb-4 min-width-1100px border-0" id="table-pm-manager-matrix">
|