Updates

public/css/style.css

@@ -2355,4 +2355,12 @@ table .stag-filter-highlight {
 
 .event-bg-gray {
     background-color: #ececec;
+}
+.popover-header {
+    padding: 3px 10px;
+    font-size: 13px;
+    font-weight: bold;
+}
+.popover-body {
+    font-size: 13px;
 }

resources/views/app/dna/patients-table.blade.php

@@ -55,7 +55,16 @@
 			</td>
 			<td>
 				<div class="d-flex flex-column">
-					<span>{{ $patient->mcp ? $patient->mcp->displayName() :'' }}</span>					
+					<span>{{ $patient->mcp ? $patient->mcp->displayName() :'' }}</span>	
+					<span>Status: 
+						@if($patient->has_mcp_done_onboarding_visit === 'YES')
+						<i class="fas fa-check-circle text-success" data-toggle="tooltip" data-placement="bottom" title="YES"></i>
+						@elseif($patient->has_mcp_done_onboarding_visit === 'NO')
+						<i class="fas fa-times-circle text-danger" data-toggle="tooltip" data-placement="bottom" title="NO"></i>
+						@elseif($patient->has_mcp_done_onboarding_visit === 'UNKNOWN')
+							<i class="fas fa-question-circle text-secondary" data-toggle="tooltip" data-placement="bottom" title="UNKNOWN"></i>
+						@endif
+					</span>				
 					@if($patient->mostRecentCompletedMcpNote)
 						<span>Last Encounter:  
 						<a href="/patients/view/{{ $patient->mostRecentCompletedMcpNote->client->uid }}/notes/view/{{ $patient->mostRecentCompletedMcpNote->uid }}" class="font-weight-bold">
@@ -78,7 +87,33 @@
 			</td>
 			<td>
 			   <div class="d-flex flex-column">
-			   		<span>Enrolled: {{$patient->is_enrolled_in_rm ? 'Yes' : 'No'}}</span>
+			   		<span>Enrolled:
+					   @if($patient->is_enrolled_in_rm === 'YES')
+						<i class="fas fa-check-circle text-success" data-toggle="tooltip" data-placement="bottom" title="YES"></i>
+						@elseif($patient->is_enrolled_in_rm === 'NO')
+						<i 
+						class="fas fa-times-circle text-danger" 
+						tabindex="0"
+						data-toggle="popover"
+						title="No" 
+						data-target="#enrollment-{{ $patient->uid }}"
+						></i>
+						@elseif($patient->is_enrolled_in_rm === 'UNKNOWN')
+							<i 
+							tabindex="0"
+							data-toggle="popover"
+							title="Uknown" 
+   							data-target="#enrollment-{{ $patient->uid }}"
+							class="fas fa-question-circle text-secondary" 
+							popover
+							></i>
+						@endif   
+					</span>
+					<div id="enrollment-{{ $patient->uid }}" class="d-none">
+						<span>Is Eligible for RM: {{ $patient->is_eligible_for_rm }}</span><br>
+						<span>Why not eligible: {{ $patient->why_not_eligible_for_rm_category ?? '---' }}</span><br>
+						<span>{{ $patient->why_not_eligible_for_rm_memo }}</span>
+					</div>
 				<?php $m = $patient->lastMeasurementOfType('Wt. (lbs.)');?>
 				@if($m)
 				<span>Wt. (lbs.) {{$m && $m->value ? round($m->value, 2) : '-'}}</span>

resources/views/app/dna/patients.blade.php

@@ -19,5 +19,44 @@
         </div>
     </div>
 </div>
+
+<script>
+	(function() {
+		function init() {
+			var patientsComponent = {
+                initTooltip: function(){
+                    $('[data-toggle="tooltip"]').tooltip({html:true});
+                },
+                initPopover: function () {
+                        var self = this;
+                        var popovers = $('[popover]');
+                        popovers.each(function () {
+                            var element = $(this);
+                            console.log({element});
+                            var target = element.data('target');
+                            $(this).blur();
+                            $(this).popover({
+                                html: true,
+                                trigger: 'click',
+                                placement: 'top',
+                                sanitize: false,
+                                content: function () {
+                                    var content = $(target).html();
+                                    console.log({content, target});
+                                    return content;
+                                }
+                            });
+                        });
+                    },
+                init: function(){
+                    this.initTooltip();
+                    this.initPopover();
+                }
+            };
+            patientsComponent.init();
+		}
+		addMCInitializer('patients-list', init, '#patients-list');
+	})();
+</script>
 @endsection
 

resources/views/layouts/template.blade.php

@@ -44,9 +44,10 @@
     <link href="{{asset('/css/z.css')}}?v={{config('app.asset_version')}}" rel=stylesheet>
     <!-- Styles -->
 
-    <script src="{{ asset('js/app.js') }}?v={{config('app.asset_version')}}" type="application/javascript"></script>
+    
     <script src="/js/jquery-3.5.1.min.js"></script>
     <script src="/js/jquery.form.min.js"></script>
+    <script src="{{ asset('js/app.js') }}?v={{config('app.asset_version')}}" type="application/javascript"></script>
     <script src="{{ asset('js/toastr.min.js') }}" type="application/javascript"></script>
     <script src="/js/yemi.js?v={{config('app.asset_version')}}" type="application/javascript"></script>