Note print - via CSS media print tweaks

public/css/style.css

@@ -583,8 +583,10 @@ input.search_field, textarea.search_field {
 .main-row > .sidebar:hover {
     overflow-y: overlay
 }
-.navbar.navbar-dark + [role="main"] {
-    padding-top: 55px;
+@media screen {
+    .navbar.navbar-dark + [role="main"] {
+        padding-top: 55px;
+    }
 }
 .main-row > .sidebar .nav .nav-item a {
     white-space: nowrap;
@@ -2577,3 +2579,7 @@ table.table-xs tr td {
 .rspace input[type="radio"][value="+"]:checked:after {
     background-color: #2d9f2d91;
 }
+@page
+{
+    margin: 10mm 10mm 10mm 10mm;
+}

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

@@ -335,6 +335,13 @@
                 </div>
             </div>
 
+            <div class="px-2 border-left screen-only">
+                <a href="#" onclick="window.print(); return false;">
+                    <i class="fa fa-print"></i>
+                    Print
+                </a>
+            </div>
+
             <div class="ml-auto d-flex align-items-start">
                 <div class="">
                     <div>
@@ -346,7 +353,7 @@
                                     Note Signed
                                 </div>
                                 @if($pro->pro_type === 'ADMIN' || ($note->hcpPro && $pro->id === $note->hcpPro->id))
-                                    <div class="ml-3">
+                                    <div class="ml-3 screen-only">
                                         @include('app/patient/note/_create-bill-only')
                                     </div>
                                 @endif
@@ -354,11 +361,11 @@
                         @endif
                         @if(!$note->is_signed_by_hcp )
                             @if($note->hcp_pro_id !== $pro->id)
-                                <span class="text-sm text-secondary">Only the note's HCP can sign</span>
+                                <span class="text-sm text-secondary screen-only">Only the note's HCP can sign</span>
                             @else
                                 @if(!$isVisitTemplateBased)
                                     <div moe relative
-                                         class="{{ $note->hcp_pro_id !== $pro->id ? 'moe-disabled' : '' }}"
+                                         class="{{ $note->hcp_pro_id !== $pro->id ? 'moe-disabled' : '' }} screen-only"
                                          title="{{ $note->hcp_pro_id !== $pro->id ? 'Only the note\'s HCP can sign' : '' }}">
                                         <a class="" href="" show start>Sign Note As HCP</a>
                                         <form url="/api/note/signAsHcp" right>
@@ -377,6 +384,7 @@
                                        mc-initer="note-sign-confirmation-{{$note->id}}"
                                        popup-style="stag-popup-md"
                                        title="Confirm and Sign"
+                                       class="screen-only"
                                        href="{{route('patients.view.notes.view.sign-confirmation', compact('patient', 'note'))}}">
                                         Sign Note As HCP
                                     </a>
@@ -1313,7 +1321,7 @@
 
                 {{-- bills --}}
                 @if($pro->pro_type === 'ADMIN' || ($note->hcpPro && $pro->id === $note->hcpPro->id))
-                    <div data-non-segment-section="HCP Bills">
+                    <div class="screen-only" data-non-segment-section="HCP Bills">
                     @if($note->bills->count())
                         <div class="p-3 border-bottom">
                     <div class="d-flex align-items-center mb-2">
@@ -1968,14 +1976,14 @@
 
                 {{-- generic bills --}}
                 @if($pro->pro_type === 'ADMIN' || ($note->allyPro && $pro->id === $note->allyPro->id))
-                    <div data-non-segment-section="NA Bills">
+                    <div class="screen-only" data-non-segment-section="NA Bills">
                     @include('app.generic-bills.inline', ['patient' => $patient, 'note' => $note, 'class' => 'p-3 border-bottom', 'label' => 'NA', 'entityType' => 'Note', 'entityUid' => $note->uid])
                     </div>
                 @endif
 
                 {{-- claims --}}
                 @if($pro->pro_type === 'ADMIN')
-                    <div data-non-segment-section="Claims">
+                    <div class="screen-only" data-non-segment-section="Claims">
                     @if($note->claims->count())
                         <div class="screen-only p-3">
                         <div class="d-flex align-items-center mb-2">
@@ -2349,7 +2357,7 @@
 
                 {{-- addendums --}}
                 @if($note->is_signed_by_hcp)
-                <div class="border-top p-3 screen-only" data-non-segment-section="Addendums">
+                <div class="border-top p-3" data-non-segment-section="Addendums">
                     @if($note->addendums->count())
                         <div class="">
                             <div class="d-flex align-items-center mb-2">
@@ -2418,132 +2426,132 @@
 
                 </div>
 
-                    @if($isVisitTemplateBased && !$note->is_signed_by_hcp)
-                    <div class="position-sticky note-bottom-toolbar border-top border-info p-0 bg-aliceblue d-flex align-items-stretch">
-                        <div class="nbt-container border-right border-info">
-                            <!-- render mrv segment here -->
-                            <?php $segment = null; ?>
-                            @foreach($note->segments as $segment)
-                                @if($segment->segmentTemplate->internal_name === 'medrisk_vigilence')
-                                    <div native target="_blank"
-                                         class="d-block c-pointer mrv-trigger d-flex align-items-center px-2 py-1"
-                                         open-in-stag-popup
-                                         title="MedRisk Vigilance"
-                                         popup-style="stag-popup-md"
-                                         href="/segment-summary/{{$segment->uid}}">
-                                        <div class="text-info font-weight-bold text-center font-size-11">MRV</div>
-                                        {!! $segment->summary_html !!}
-                                    </div>
-                                @endif
-                            @endforeach
+                @if($isVisitTemplateBased && !$note->is_signed_by_hcp)
+                <div class="position-sticky note-bottom-toolbar border-top border-info p-0 bg-aliceblue d-flex align-items-stretch screen-only">
+                    <div class="nbt-container border-right border-info">
+                        <!-- render mrv segment here -->
+                        <?php $segment = null; ?>
+                        @foreach($note->segments as $segment)
+                            @if($segment->segmentTemplate->internal_name === 'medrisk_vigilence')
+                                <div native target="_blank"
+                                     class="d-block c-pointer mrv-trigger d-flex align-items-center px-2 py-1"
+                                     open-in-stag-popup
+                                     title="MedRisk Vigilance"
+                                     popup-style="stag-popup-md"
+                                     href="/segment-summary/{{$segment->uid}}">
+                                    <div class="text-info font-weight-bold text-center font-size-11">MRV</div>
+                                    {!! $segment->summary_html !!}
+                                </div>
+                            @endif
+                        @endforeach
+                    </div>
+                    <div class="nbt-container border-right border-info d-inline-flex align-self-stretch">
+                        <div native target="_blank"
+                             class="c-pointer d-inline-flex align-items-center medications-center-trigger px-2 py-1"
+                             open-in-stag-popup
+                             mc-initer="medications-center-{{$note->id}}"
+                             title="Medications Center"
+                             popup-style="medium-large overflow-visible"
+                             href="/medications-center/{{$patient->uid}}/{{$note->uid}}">
+                            <i class="fa fa-bolt mr-1"></i>
+                            <span>Rx</span>
                         </div>
-                        <div class="nbt-container border-right border-info d-inline-flex align-self-stretch">
-                            <div native target="_blank"
-                                 class="c-pointer d-inline-flex align-items-center medications-center-trigger px-2 py-1"
-                                 open-in-stag-popup
-                                 mc-initer="medications-center-{{$note->id}}"
-                                 title="Medications Center"
-                                 popup-style="medium-large overflow-visible"
-                                 href="/medications-center/{{$patient->uid}}/{{$note->uid}}">
-                                <i class="fa fa-bolt mr-1"></i>
-                                <span>Rx</span>
-                            </div>
+                    </div>
+                    <div class="nbt-container border-right border-info d-inline-flex align-self-stretch">
+                        <div native target="_blank"
+                             class="c-pointer d-inline-flex align-items-center problems-center-trigger px-2 py-1"
+                             open-in-stag-popup
+                             mc-initer="problems-center-{{$note->id}}"
+                             title="Problems Center"
+                             popup-style="medium-large overflow-visible"
+                             href="/problems-center/{{$patient->uid}}/{{$note->uid}}">
+                            <i class="fa fa-bolt mr-1"></i>
+                            <span>Dx</span>
                         </div>
-                        <div class="nbt-container border-right border-info d-inline-flex align-self-stretch">
-                            <div native target="_blank"
-                                 class="c-pointer d-inline-flex align-items-center problems-center-trigger px-2 py-1"
-                                 open-in-stag-popup
-                                 mc-initer="problems-center-{{$note->id}}"
-                                 title="Problems Center"
-                                 popup-style="medium-large overflow-visible"
-                                 href="/problems-center/{{$patient->uid}}/{{$note->uid}}">
-                                <i class="fa fa-bolt mr-1"></i>
-                                <span>Dx</span>
-                            </div>
+                    </div>
+                    <div class="nbt-container border-right border-info d-inline-flex align-self-stretch">
+                        <div native target="_blank"
+                             class="c-pointer d-inline-flex align-items-center goals-center-trigger px-2 py-1"
+                             open-in-stag-popup
+                             mc-initer="goals-center-{{$note->id}}"
+                             title="Goals Center"
+                             popup-style="medium-large overflow-visible"
+                             href="/goals-center/{{$patient->uid}}/{{$note->uid}}">
+                            <i class="fa fa-bolt mr-1"></i>
+                            <span>Goals</span>
                         </div>
-                        <div class="nbt-container border-right border-info d-inline-flex align-self-stretch">
-                            <div native target="_blank"
-                                 class="c-pointer d-inline-flex align-items-center goals-center-trigger px-2 py-1"
-                                 open-in-stag-popup
-                                 mc-initer="goals-center-{{$note->id}}"
-                                 title="Goals Center"
-                                 popup-style="medium-large overflow-visible"
-                                 href="/goals-center/{{$patient->uid}}/{{$note->uid}}">
-                                <i class="fa fa-bolt mr-1"></i>
-                                <span>Goals</span>
-                            </div>
+                    </div>
+                    <div class="nbt-container border-right border-info d-inline-flex align-self-stretch">
+                        <div native target="_blank"
+                             class="c-pointer d-inline-flex align-items-center allergies-center-trigger px-2 py-1"
+                             open-in-stag-popup
+                             mc-initer="allergies-center-{{$note->id}}"
+                             title="Allergies Center"
+                             popup-style="medium-large overflow-visible"
+                             href="/allergies-center/{{$patient->uid}}/{{$note->uid}}">
+                            <i class="fa fa-bolt mr-1"></i>
+                            <span>Allergies</span>
                         </div>
-                        <div class="nbt-container border-right border-info d-inline-flex align-self-stretch">
-                            <div native target="_blank"
-                                 class="c-pointer d-inline-flex align-items-center allergies-center-trigger px-2 py-1"
-                                 open-in-stag-popup
-                                 mc-initer="allergies-center-{{$note->id}}"
-                                 title="Allergies Center"
-                                 popup-style="medium-large overflow-visible"
-                                 href="/allergies-center/{{$patient->uid}}/{{$note->uid}}">
-                                <i class="fa fa-bolt mr-1"></i>
-                                <span>Allergies</span>
-                            </div>
+                    </div>
+                    <div class="nbt-container border-right border-info d-inline-flex align-self-stretch">
+                        <div native target="_blank"
+                             class="c-pointer d-inline-flex align-items-center careteam-center-trigger px-2 py-1"
+                             open-in-stag-popup
+                             mc-initer="careteam-center-{{$note->id}}"
+                             title="Care Team Center"
+                             popup-style="medium-large overflow-visible"
+                             href="/careteam-center/{{$patient->uid}}/{{$note->uid}}">
+                            <i class="fa fa-bolt mr-1"></i>
+                            <span>Care Team</span>
                         </div>
-                        <div class="nbt-container border-right border-info d-inline-flex align-self-stretch">
-                            <div native target="_blank"
-                                 class="c-pointer d-inline-flex align-items-center careteam-center-trigger px-2 py-1"
-                                 open-in-stag-popup
-                                 mc-initer="careteam-center-{{$note->id}}"
-                                 title="Care Team Center"
-                                 popup-style="medium-large overflow-visible"
-                                 href="/careteam-center/{{$patient->uid}}/{{$note->uid}}">
-                                <i class="fa fa-bolt mr-1"></i>
-                                <span>Care Team</span>
+                    </div>
+                    <!--<div class="nbt-container border-right border-info d-inline-flex align-self-stretch">
+                        <div class="position-relative on-click-menu d-inline-flex align-items-center px-2 py-1">
+                            <span class="">LS <i class="fa fa-caret-up"></i></span>
+                            <div menu bottom class="bg-white border">
+                                <a href="#" class="ls-segment-trigger px-2 py-1 text-nowrap d-block" data-target="lifestyle_general">General</a>
+                                <a href="#" class="ls-segment-trigger px-2 py-1 text-nowrap d-block" data-target="lifestyle_nutrition">Nutrition</a>
+                                <a href="#" class="ls-segment-trigger px-2 py-1 text-nowrap d-block" data-target="lifestyle_physical_activity">Physical Activity</a>
+                                <a href="#" class="ls-segment-trigger px-2 py-1 text-nowrap d-block" data-target="lifestyle_sleep">Sleep</a>
+                                <a href="#" class="ls-segment-trigger px-2 py-1 text-nowrap d-block" data-target="lifestyle_social">Social Relationships</a>
+                                <a href="#" class="ls-segment-trigger px-2 py-1 text-nowrap d-block" data-target="lifestyle_substances">Substance Use</a>
+                                <a href="#" class="ls-segment-trigger px-2 py-1 text-nowrap d-block" data-target="lifestyle_stress">Stress</a>
                             </div>
                         </div>
-                        <!--<div class="nbt-container border-right border-info d-inline-flex align-self-stretch">
-                            <div class="position-relative on-click-menu d-inline-flex align-items-center px-2 py-1">
-                                <span class="">LS <i class="fa fa-caret-up"></i></span>
-                                <div menu bottom class="bg-white border">
-                                    <a href="#" class="ls-segment-trigger px-2 py-1 text-nowrap d-block" data-target="lifestyle_general">General</a>
-                                    <a href="#" class="ls-segment-trigger px-2 py-1 text-nowrap d-block" data-target="lifestyle_nutrition">Nutrition</a>
-                                    <a href="#" class="ls-segment-trigger px-2 py-1 text-nowrap d-block" data-target="lifestyle_physical_activity">Physical Activity</a>
-                                    <a href="#" class="ls-segment-trigger px-2 py-1 text-nowrap d-block" data-target="lifestyle_sleep">Sleep</a>
-                                    <a href="#" class="ls-segment-trigger px-2 py-1 text-nowrap d-block" data-target="lifestyle_social">Social Relationships</a>
-                                    <a href="#" class="ls-segment-trigger px-2 py-1 text-nowrap d-block" data-target="lifestyle_substances">Substance Use</a>
-                                    <a href="#" class="ls-segment-trigger px-2 py-1 text-nowrap d-block" data-target="lifestyle_stress">Stress</a>
-                                </div>
-                            </div>
-                        </div>-->
-                        <div class="nbt-container border-right border-info d-inline-flex align-self-stretch">
-                            <div native target="_blank"
-                                 class="c-pointer d-inline-flex align-items-center incoming-reports-trigger px-2 py-1"
-                                 open-in-stag-popup
-                                 mc-initer="incoming-reports"
-                                 title="Incoming Reports"
-                                 popup-style="wide overflow-visible"
-                                 href="/patients/view/{{$patient->uid}}/incoming-reports?noteUid={{$note->uid}}">
-                                <span>Inc. Rpts.</span>
-                            </div>
+                    </div>-->
+                    <div class="nbt-container border-right border-info d-inline-flex align-self-stretch">
+                        <div native target="_blank"
+                             class="c-pointer d-inline-flex align-items-center incoming-reports-trigger px-2 py-1"
+                             open-in-stag-popup
+                             mc-initer="incoming-reports"
+                             title="Incoming Reports"
+                             popup-style="wide overflow-visible"
+                             href="/patients/view/{{$patient->uid}}/incoming-reports?noteUid={{$note->uid}}">
+                            <span>Inc. Rpts.</span>
                         </div>
-                        <div class="nbt-container border-right border-info d-inline-flex align-self-stretch">
-                            <div native target="_blank"
-                                 class="c-pointer d-inline-flex align-items-center documents-trigger px-2 py-1"
-                                 open-in-stag-popup
-                                 title="Documents"
-                                 popup-style="wide overflow-visible"
-                                 href="/patients/view/{{$patient->uid}}/documents">
-                                <span>Docs</span>
-                            </div>
+                    </div>
+                    <div class="nbt-container border-right border-info d-inline-flex align-self-stretch">
+                        <div native target="_blank"
+                             class="c-pointer d-inline-flex align-items-center documents-trigger px-2 py-1"
+                             open-in-stag-popup
+                             title="Documents"
+                             popup-style="wide overflow-visible"
+                             href="/patients/view/{{$patient->uid}}/documents">
+                            <span>Docs</span>
                         </div>
-                        <div class="nbt-container border-right border-info d-inline-flex align-self-stretch">
-                            <div native target="_blank"
-                                 class="c-pointer d-inline-flex align-items-center handouts-trigger px-2 py-1"
-                                 open-in-stag-popup
-                                 title="Handouts"
-                                 popup-style="wide overflow-visible"
-                                 href="/patients/view/{{$patient->uid}}/handouts?noteUid={{$note->uid}}">
-                                <span>Handouts</span>
-                            </div>
+                    </div>
+                    <div class="nbt-container border-right border-info d-inline-flex align-self-stretch">
+                        <div native target="_blank"
+                             class="c-pointer d-inline-flex align-items-center handouts-trigger px-2 py-1"
+                             open-in-stag-popup
+                             title="Handouts"
+                             popup-style="wide overflow-visible"
+                             href="/patients/view/{{$patient->uid}}/handouts?noteUid={{$note->uid}}">
+                            <span>Handouts</span>
                         </div>
                     </div>
-                    @endif
+                </div>
+                @endif
 
                 </div>
                 @if($isVisitTemplateBased && !$note->is_signed_by_hcp && $note->visitTemplate->internal_name !== 'soap_visit')

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

@@ -56,7 +56,7 @@
             </a>
 
             <!-- refresh -->
-            <a class="ml-3 font-weight-normal refresh-segment c-pointer {{$iName === 'medrisk_vigilence' ? 'on-hover-only' : ''}}"
+            <a class="ml-3 font-weight-normal refresh-segment c-pointer {{$iName === 'medrisk_vigilence' ? 'on-hover-only' : ''}} screen-only"
                data-segment-uid="{{$segment->uid}}"
                title="Update with latest patient data">
                 <i class="fa fa-sync"></i>

resources/views/layouts/patient.blade.php

@@ -349,7 +349,7 @@ $isOldClient = (date_diff(date_create(config('app.point_impl_date')), date_creat
 						<div class=z>
 							<div class=header>
 								@if($patient->is_duplicate)
-									<div class="alert alert-secondary border-dark mcp-theme-1">
+									<div class="alert alert-secondary border-dark mcp-theme-1 screen-only">
 										<span class="text-dark">This chart is a duplicate of&nbsp;</span>
 										<a class="font-weight-bold"
 										   href="/patients/view/{{ $patient->duplicateOf->uid }}">
@@ -383,12 +383,12 @@ $isOldClient = (date_diff(date_create(config('app.point_impl_date')), date_creat
 												y.o {{$patient->sex}})
 											</div>
 											@if($patient->getPrimaryCoverage() &&  $patient->getPrimaryCoverageStatus() === 'YES')
-												<div class="text-nowrap">
+												<div class="text-nowrap screen-only">
 													<i class="fa fa-check-circle text-success" data-toggle="tooltip" data-placement="bottom" title="Covered"></i>
 													{{$patient->getPrimaryCoverage()->insuranceDisplayName()}}
 												</div>
 											@endif
-											<div>
+											<div class="screen-only">
 												<label>Status:</label>
 												<b>{{$patient->client_engagement_status_category ? ucwords(strtolower(str_replace('_', ' ', $patient->client_engagement_status_category == 'DUMMY' ? 'Test Chart' : $patient->client_engagement_status_category))) : '-'}}</b>
 											</div>
@@ -798,8 +798,8 @@ $isOldClient = (date_diff(date_create(config('app.point_impl_date')), date_creat
 												</span>
 												{{$confirmedEmail}}
 											</div>
-											<span class="mx-2 text-secondary text-sm">|</span>
-											<div>
+											<div class="d-inline-flex screen-only">
+												<span class="mx-2 text-secondary text-sm">|</span>
 												<span class="aligned-icon text-primary">
 													<i class="fa fa-link" aria-hidden="true"></i>
 												</span>