Custom migrate - functionality

resources/views/app/patient/canvas-migrate.blade.php

@@ -1,6 +1,25 @@
 @extends ('layouts.patient')
 
 @section('inner-content')
+    <style>
+        #patient-canvas-migrate .rhs .min-height-500px {
+          min-height: unset !important;
+        }
+        #patient-canvas-migrate .rhs .point-content #frm-add-allergy>.row>.col-4.border-left,
+        #patient-canvas-migrate .rhs .point-content #frm-add-problem>.row>.col-4.border-left,
+        #patient-canvas-migrate .rhs .point-content #frm-add-medication>.row>.col-4.border-left,
+        #patient-canvas-migrate .rhs .point-content #frm-add-care-team-member>.row>.col-4.border-left {
+          display: none;
+        }
+        #patient-canvas-migrate .rhs .point-content #allergies-center-{{$patient->coreNote->id}},
+        #patient-canvas-migrate .rhs .point-content #problems-center-{{$patient->coreNote->id}},
+        #patient-canvas-migrate .rhs .point-content #medications-center-{{$patient->coreNote->id}},
+        #patient-canvas-migrate .rhs .point-content #careteam-center-{{$patient->coreNote->id}} {
+          border: 0 !important;
+          padding: 0 !important;
+          margin: 0 !important;
+        }
+    </style>
     <?php
     $shortCutsObject = [];
     foreach ($pro->allShortcuts() as $shortcut) {
@@ -44,7 +63,7 @@
                         </div>
                     @endif
                 </div>
-                <div class="col-6">
+                <div class="col-6 rhs">
                     <!-- allergies - point -->
                     @include('app.patient.point-based-partials.allergies')
                 </div>
@@ -65,7 +84,7 @@
                         </div>
                     @endif
                 </div>
-                <div class="col-6">
+                <div class="col-6 rhs">
                     <!-- probs - point -->
                     @include('app.patient.point-based-partials.dx')
                 </div>
@@ -86,7 +105,7 @@
                         </div>
                     @endif
                 </div>
-                <div class="col-6">
+                <div class="col-6 rhs">
                     <!-- meds - point -->
                     @include('app.patient.point-based-partials.rx')
                 </div>
@@ -107,7 +126,7 @@
                         </div>
                     @endif
                 </div>
-                <div class="col-6">
+                <div class="col-6 rhs">
                     <!-- careteam - point -->
                     @include('app.patient.point-based-partials.care-team')
                 </div>
@@ -128,7 +147,7 @@
                         </div>
                     @endif
                 </div>
-                <div class="col-6">
+                <div class="col-6 rhs">
                     <!-- pmhx - point -->
                     @include('app.patient.point-based-partials.pmhx')
                 </div>
@@ -149,7 +168,7 @@
                         </div>
                     @endif
                 </div>
-                <div class="col-6">
+                <div class="col-6 rhs">
                     <!-- pshx - point -->
                     @include('app.patient.point-based-partials.shx')
                 </div>
@@ -170,7 +189,7 @@
                         </div>
                     @endif
                 </div>
-                <div class="col-6">
+                <div class="col-6 rhs">
                     <!-- fhx - point -->
                     @include('app.patient.point-based-partials.fhx')
                 </div>
@@ -191,55 +210,12 @@
                         </div>
                     @endif
                 </div>
-                <div class="col-6">
+                <div class="col-6 rhs">
                     <!-- sochx - point -->
                     @include('app.patient.point-based-partials.sochx')
                 </div>
             </div>
 
-            <div class="row border-bottom mb-4 pb-4">
-                <div class="col-6">
-                    {{-- canvas based vitals --}}
-                    @if($isOldClient)
-                        <div class="pt-2 mt-2">
-                            <div class="d-flex align-items-center pb-2">
-                                <h6 class="my-0 font-weight-bold text-secondary">Vitals</h6>
-                                <div class="px-2 font-weight-bold alert alert-warning text-sm my-0 ml-2 py-1">Deprecated</div>
-                            </div>
-                            <div class="bg-light border p-2 mb-3">
-                                @include('app.patient.canvas-sections.vitals.summary')
-                            </div>
-                        </div>
-                    @endif
-                </div>
-                <div class="col-6">
-                    <!-- vitals - point -->
-                    <?php $latestVitals = \App\Models\Point::where('client_id', $patient->id)->where('category', 'VITALS')->orderBy('id', 'DESC')->first(); ?>
-                    <div class="pt-2 mt-2">
-                        <div class="d-flex align-items-center pb-2">
-                            <h6 class="my-0 font-weight-bold text-secondary">Vitals
-                                @if(!!$latestVitals && $latestVitals->note && $latestVitals->note->effective_dateest)
-                                    <span class="text-secondary font-weight-normal pl-1">(as on
-                                    <a href="{{route('patients.view.notes.view.dashboard', ['patient' => $patient, 'note' => $latestVitals->note])}}">{{friendlier_date($latestVitals->note->effective_dateest)}}</a>)
-                                </span>
-                                @endif
-                            </h6>
-                            @if($isOldClient)
-                                <div class="px-2 font-weight-bold alert alert-info text-sm my-0 ml-2 py-1">New</div>
-                            @endif
-                        </div>
-                        <div class="bg-light border p-2 mb-3">
-                            @if(!!$latestVitals)
-                                @include('app.patient.partials.latest-vitals', ['patient' => $patient, 'point' => $latestVitals])
-                            @else
-                                <div class="text-secondary">Nothing here yet</div>
-                            @endif
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-
         </div>
 
 
@@ -247,9 +223,25 @@
     <script>
         (function() {
             function init() {
-                alert(1);
+                $('#patient-canvas-migrate .rhs').each(function() {
+                    let trigger = $(this).find('[open-in-stag-popup]').first();
+                    $.get(trigger.attr('href'), _data => {
+                        trigger.closest('.rhs').find('.point-content').first().html(_data);
+                        runMCInitializer(trigger.attr('mc-initer'));
+
+                        $('#patient-canvas-migrate .rhs .point-content #frm-add-allergy>.row>.col-8').removeClass('col-8').addClass('col-12');
+                        $('#patient-canvas-migrate .rhs .point-content #frm-add-problem>.row>.col-8').removeClass('col-8').addClass('col-12');
+                        $('#patient-canvas-migrate .rhs .point-content #frm-add-medication>.row>.col-8').removeClass('col-8').addClass('col-12');
+                        $('#patient-canvas-migrate .rhs .point-content #frm-add-care-team-member>.row>.col-8').removeClass('col-8').addClass('col-12');
+
+                        $('#patient-canvas-migrate .rhs .point-content>.p-3.border-top.mt-3.mcp-theme-1')
+                            .removeClass()
+                            .parent().addClass('overflow-hidden');
+
+                    });
+                })
             }
-            addMCInitializer('patient-canvas-migrate', init, '#patient-dashboard-devices');
+            addMCInitializer('patient-canvas-migrate', init, '#patient-canvas-migrate');
 
         }).call(window);
     </script>

resources/views/app/patient/point-based-partials/allergies.blade.php

@@ -21,7 +21,7 @@ $allergies = \App\Models\Point::getPointsOfCategory($patient, "ALLERGY");
             </a>
         @endif
     </div>
-    <div class="bg-light border p-2 mb-3">
+    <div class="bg-light border p-2 mb-3 point-content">
         @foreach($allergies as $allergy)
             <div class="mb-1">
                 <b><?= !!@($allergy->data->name) ? @($allergy->data->name) : '-' ?></b>

resources/views/app/patient/point-based-partials/care-team.blade.php

@@ -21,7 +21,7 @@ $careTeamMembers = \App\Models\Point::getPointsOfCategory($patient, "CARE_TEAM_M
             </a>
         @endif
     </div>
-    <div class="bg-light border p-2 mb-3">
+    <div class="bg-light border p-2 mb-3 point-content">
         @foreach($careTeamMembers as $careTeamMember)
             <div class="mb-1">
                 <b><?= !!@($careTeamMember->data->name) ? @($careTeamMember->data->name) : '-' ?></b>

resources/views/app/patient/point-based-partials/dx.blade.php

@@ -21,7 +21,7 @@ $problems = \App\Models\Point::getPointsOfCategory($patient, "PROBLEM");
             </a>
         @endif
     </div>
-    <div class="bg-light border p-2 mb-3">
+    <div class="bg-light border p-2 mb-3 point-content">
         @foreach($problems as $problem)
             <div class="mb-1">
                 <b><?= !!@($problem->data->name) ? @($problem->data->name) : '-' ?></b>

resources/views/app/patient/point-based-partials/fhx.blade.php

@@ -14,7 +14,7 @@
             <span>Manage</span>
         </a>
     </div>
-    <div class="bg-light border p-2 mb-3">
+    <div class="bg-light border p-2 mb-3 point-content">
         @include('app.patient.segment-templates.history_family.summary', compact('patient'))
     </div>
 </div>

resources/views/app/patient/point-based-partials/pmhx.blade.php

@@ -14,7 +14,7 @@
             <span>Manage</span>
         </a>
     </div>
-    <div class="bg-light border p-2 mb-3">
+    <div class="bg-light border p-2 mb-3 point-content">
         @include('app.patient.segment-templates.past_medical_history.summary', compact('patient'))
     </div>
 </div>

resources/views/app/patient/point-based-partials/rx.blade.php

@@ -21,7 +21,7 @@ $medications = \App\Models\Point::getPointsOfCategory($patient, "MEDICATION");
             </a>
         @endif
     </div>
-    <div class="bg-light border p-2 mb-3">
+    <div class="bg-light border p-2 mb-3 point-content">
         @foreach($medications as $medication)
             <div class="mb-1">
                 <b><?= !!@($medication->data->name) ? @($medication->data->name) : '-' ?></b>

resources/views/app/patient/point-based-partials/shx.blade.php

@@ -14,7 +14,7 @@
             <span>Manage</span>
         </a>
     </div>
-    <div class="bg-light border p-2 mb-3">
+    <div class="bg-light border p-2 mb-3 point-content">
         @include('app.patient.segment-templates.history_surgical.summary', compact('patient'))
     </div>
 </div>

resources/views/app/patient/point-based-partials/sochx.blade.php

@@ -14,7 +14,7 @@
             <span>Manage</span>
         </a>
     </div>
-    <div class="bg-light border p-2 mb-3">
+    <div class="bg-light border p-2 mb-3 point-content">
         @include('app.patient.segment-templates.history_social.summary', compact('patient'))
     </div>
 </div>

resources/views/app/patient/problems-center.blade.php

@@ -250,7 +250,7 @@ $ccSegment = $ccSegment ?? $note->getSegmentByInternalName('mc_cc');
                                     <input type="text"
                                            data-name="icd"
                                            data-option-list
-                                           class="form-control form-control-sm"
+                                           class="form-control form-control-sm min-width-unset"
                                            disabled>
                                     <div class="data-option-list"></div>
                                 </div>

resources/views/app/patient/wizard-partials/common-script.blade.php

@@ -241,7 +241,12 @@ parentSegment.find('#frm-add-{{$label}}')
                 refreshDynamicStagPopup();
                 $('.visit-segment[data-segment-template-name="intake_{{$segment_part}}"]').find('.refresh-segment').trigger('click');
                 $('.visit-segment[data-segment-template-name="plan_{{$segment_part}}"]').find('.refresh-segment').trigger('click');
-                if(refreshRHSSidebar) refreshRHSSidebar();
+                if(typeof refreshRHSSidebar !== 'undefined') refreshRHSSidebar();
+
+                // only for canvas-migrate
+                if(form.closest('.point-content').length) {
+                    fastReload();
+                }
             }
         }, 'json');
         return false;
@@ -356,7 +361,7 @@ parentSegment.find('.frm-edit-{{$label}}')
                 refreshDynamicStagPopup();
                 $('.visit-segment[data-segment-template-name="intake_{{$segment_part}}"]').find('.refresh-segment').trigger('click');
                 $('.visit-segment[data-segment-template-name="plan_{{$segment_part}}"]').find('.refresh-segment').trigger('click');
-                if(refreshRHSSidebar) refreshRHSSidebar();
+                if(typeof refreshRHSSidebar !== 'undefined') refreshRHSSidebar();
             }
         }, 'json');
         return false;
@@ -374,7 +379,7 @@ parentSegment.find('.toggle-relevance')
                     refreshDynamicStagPopup();
                     $('.visit-segment[data-segment-template-name="intake_{{$segment_part}}"]').find('.refresh-segment').trigger('click');
                     $('.visit-segment[data-segment-template-name="plan_{{$segment_part}}"]').find('.refresh-segment').trigger('click');
-                    if(refreshRHSSidebar) refreshRHSSidebar();
+                    if(typeof refreshRHSSidebar !== 'undefined') refreshRHSSidebar();
                 }
             }, 'json');
         } else {
@@ -386,7 +391,7 @@ parentSegment.find('.toggle-relevance')
                         refreshDynamicStagPopup();
                         $('.visit-segment[data-segment-template-name="intake_{{$segment_part}}"]').find('.refresh-segment').trigger('click');
                         $('.visit-segment[data-segment-template-name="plan_{{$segment_part}}"]').find('.refresh-segment').trigger('click');
-                        if(refreshRHSSidebar) refreshRHSSidebar();
+                        if(typeof refreshRHSSidebar !== 'undefined') refreshRHSSidebar();
                     }
                 }, 'json');
             } else {