MRV floating RHS mode

public/css/style.css

@@ -2028,4 +2028,49 @@ body.in-iframe .main-row > .sidebar {
     padding: 0 !important;
     border: 0 !important;
     overflow: hidden;
+}
+.note-section[data-segment-template-name="medrisk_vigilence"] {
+    position: fixed;
+    right: 0;
+    top: 55px;
+    width: 40px;
+    height: calc(100vh - 54px);
+    background: aliceblue;
+    padding: 0 !important;
+    border-left: 1px solid #ddd;
+}
+.note-section[data-segment-template-name="medrisk_vigilence"] .on-hover-only {
+    display: none;
+}
+.note-section[data-segment-template-name="medrisk_vigilence"]:hover {
+    padding: 1rem !important;
+    width: 550px;
+    border-left: 1px solid #ddd;
+    overflow: auto;
+}
+.note-section[data-segment-template-name="medrisk_vigilence"]:hover .on-hover-only {
+    display: block;
+}
+.note-section[data-segment-template-name="medrisk_vigilence"]:hover .on-hover-hide {
+    display: none;
+}
+.mrv-badge {
+    border-radius: 100%;
+    height: 24px;
+    width: 24px;
+    min-height: 24px;
+    min-width: 24px;
+    max-height: 24px;
+    max-width: 24px;
+    text-align: center;
+    font-weight: 400;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #6457f9;
+    color: #fff;
+    opacity: 0.85;
+}
+.mrv-badge>span {
+    font-size: 10px !important;
 }

resources/views/app/patient/note/dashboard.blade.php

@@ -476,7 +476,7 @@
                             'data-segment-uid="' . $segment->uid . '" ' .
                             'data-segment-internal-name="' . $segment->segmentTemplate->internal_name . '" ' .
                             'href="#" ' .
-                            'class="' . ($segment->subheading === 'Lifestyle' ? 'd-none' : '') . '">' . $segment->display_title . '</a>' .
+                            'class="' . ($segment->display_title === 'MedRisk Vigilence' || $segment->subheading === 'Lifestyle' ? 'd-none' : '') . '">' . $segment->display_title . '</a>' .
                             '</div>';
                         ?>
                     @endforeach

resources/views/app/patient/note/dashboard_script.blade.php

@@ -341,6 +341,8 @@
                         $(this).find('.edit-trigger').first().click();
                         return false;
                     });
+                @else
+                    $('#patient-header').closest('[role="main"]').css('padding-right', '50px');
                 @endif
 
                 // $(document)

resources/views/app/patient/note/segment.blade.php

@@ -19,18 +19,25 @@
         @endif--}}
 
     <!-- title -->
-        <span class="font-weight-bold d-flex align-items-center {{$isLSSegment ? '' : 'mb-2'}}">
-			@if($isLSSegment && $iName === 'lifestyle_general')
-                Lifestyle
-            @else
-                {{$segment->display_title}}
-            @endif
 
-            @if($segment->heading)
-                <span class="text-secondary ml-2 text-sm font-weight-normal">({{$segment->heading}})</span>
-            @endif
+        @if($iName === 'medrisk_vigilence')
+            <div class="font-weight-bold text-center flex-grow-1">
+                <div class="on-hover-hide font-weight-normal text-info font-weight-bold text-center pt-2 font-size-11">MRV</div>
+                <span class="on-hover-only text-left">MedRisk Vigilence</span>
+            </div>
+        @else
+            <span class="font-weight-bold d-flex align-items-center {{$isLSSegment || $iName === 'medrisk_vigilence' ? '' : 'mb-2'}}">
+			@if($isLSSegment && $iName === 'lifestyle_general')
+                    Lifestyle
+                @else
+                    {{$segment->display_title}}
+                @endif
 
+                @if($segment->heading && $iName !== 'medrisk_vigilence')
+                    <span class="text-secondary ml-2 text-sm font-weight-normal">({{$segment->heading}})</span>
+                @endif
 		</span>
+        @endif
 
         @if($isLSSegment)
             @if($iName === 'lifestyle_general')
@@ -56,8 +63,8 @@
             <a class="edit-trigger d-none if-edit c-pointer ml-3">Close</a>
 
             <!-- refresh -->
-            <span class="mx-2 text-secondary text-sm">|</span>
-            <a class="font-weight-normal refresh-segment c-pointer"
+            <span class="mx-2 text-secondary text-sm {{$iName === 'medrisk_vigilence' ? 'd-none' : ''}}">|</span>
+            <a class="font-weight-normal refresh-segment c-pointer {{$iName === 'medrisk_vigilence' ? 'on-hover-only' : ''}}"
                data-segment-uid="{{$segment->uid}}"
                title="Update with latest patient data">
                 Refresh
@@ -103,7 +110,7 @@
     <!-- popup hack for LS segments -->
     <?php if(!$isLSSegment): ?>
 
-    <div class="d-none if-not-edit inset-comment summary-container">
+    <div class="d-none if-not-edit inset-comment summary-container {{$iName === 'medrisk_vigilence' ? 'px-0' : ''}}">
         {!! $segment->summary_html !!}
     </div>
 

resources/views/app/patient/segment-templates/medrisk_vigilence/summary.blade.php

@@ -28,7 +28,8 @@ $hasMRVData = false;
 
 @if(!!$dptInfo)
     <?php $hasMRVData = true; ?>
-    <div class="m-neg-3 p-3 mb-3 mt-2 border bg-white mr-0">
+    <div class="mrv-badge mt-2 align-self-center on-hover-hide mx-auto" title="Duplicate Therapy Notes"><span>DT</span></div>
+    <div class="p-3 mb-3 mt-2 border bg-white mr-0 on-hover-only">
         <p class="font-weight-bold m-0 font-size-14 text-info">Duplicate Therapy Notes</p>
         <div class="mt-3 ml-3">
             {!! $dptInfo !!}
@@ -38,7 +39,8 @@ $hasMRVData = false;
 
 @if(!!$coadministration)
     <?php $hasMRVData = true; ?>
-    <div class="m-neg-3 p-3 mb-3 mt-2 border bg-white mr-0">
+    <div class="mrv-badge mt-2 align-self-center on-hover-hide mx-auto" title="Coadministration Notes"><span>CA</span></div>
+    <div class="p-3 mb-3 mt-2 border bg-white mr-0 on-hover-only">
         <p class="font-weight-bold m-0 font-size-14 text-info">Coadministration Notes</p>
         <div class="mt-3 ml-3">
             {!! $coadministration !!}
@@ -48,7 +50,8 @@ $hasMRVData = false;
 
 @if(!!$dam)
     <?php $hasMRVData = true; ?>
-    <div class="m-neg-3 p-3 mb-3 mt-2 border bg-white mr-0">
+    <div class="mrv-badge mt-2 align-self-center on-hover-hide mx-auto" title="Drug Allergy Notes"><span>DA</span></div>
+    <div class="p-3 mb-3 mt-2 border bg-white mr-0 on-hover-only">
         <p class="font-weight-bold m-0 font-size-14 text-info">Drug Allergy Notes</p>
         <div class="mt-3 ml-3">
             {!! $dam !!}
@@ -58,7 +61,8 @@ $hasMRVData = false;
 
 @if(!!$ddi)
     <?php $hasMRVData = true; ?>
-    <div class="m-neg-3 p-3 mb-3 mt-2 border bg-white mr-0">
+    <div class="mrv-badge mt-2 align-self-center on-hover-hide mx-auto" title="Drug-Drug Interaction Notes"><span>DI</span></div>
+    <div class="p-3 mb-3 mt-2 border bg-white mr-0 on-hover-only">
         <p class="font-weight-bold m-0 font-size-14 text-info">Drug-Drug Interaction Notes</p>
         <div class="mt-3 ml-3">
             {!! $ddi !!}
@@ -68,7 +72,8 @@ $hasMRVData = false;
 
 @if(count($sideeffects))
     <?php $hasMRVData = true; ?>
-    <div class="m-neg-3 p-3 mb-3 mt-2 border bg-white mr-0">
+    <div class="mrv-badge mt-2 align-self-center on-hover-hide mx-auto" title="Side Effects"><span>SE</span></div>
+    <div class="p-3 mb-3 mt-2 border bg-white mr-0 on-hover-only">
         <p class="font-weight-bold m-0 font-size-14 text-info">Side Effects</p>
         @foreach($sideeffects as $drug => $sideeffect)
             <div class="mt-3 ml-3">
@@ -85,7 +90,8 @@ $hasMRVData = false;
 
 @if(count($contraindications))
     <?php $hasMRVData = true; ?>
-    <div class="m-neg-3 p-3 mb-3 mt-2 border bg-white mr-0">
+    <div class="mrv-badge mt-2 align-self-center on-hover-hide mx-auto" title="Contraindications"><span>CI</span></div>
+    <div class="p-3 mb-3 mt-2 border bg-white mr-0 on-hover-only">
         <p class="font-weight-bold m-0 font-size-14 text-info">Contraindications</p>
         @foreach($contraindications as $drug => $contraindication)
             <div class="mt-3 ml-3">