Wiz, reconcile popups - plan/review => date-link ==> link dropdown

public/css/style.css

@@ -2238,6 +2238,11 @@ body.in-iframe .main-row > .sidebar {
     top: 100%;
     right: 0;
     z-index: 1;
+    box-shadow: 0 0 4px #ccc;
+}
+.on-click-menu [menu][right] {
+    right: auto;
+    left: 0;
 }
 .on-click-menu [menu][bottom] {
     bottom: 100%;

resources/views/app/patient/segment-templates/_child_plan/last-plan.php

@@ -10,10 +10,16 @@
             <?php if ($point->last_child_plan_point_scoped_note_id === $note->id): ?>
                 <span class="text-sm">(updated on this note)</span>
             <?php else: ?>
-                <a native target="_blank" class="text-sm"
-                   href="<?= route('patients.view.notes.view.dashboard', ['patient' => $patient, 'note' => $point->lastChildPlanNote]) ?>">
-                   Updated <?= relative_friendly_date($point->last_child_plan_effective_date) ?>
-                </a>
+                <div class="d-inline position-relative on-click-menu">
+                    <span class="text-sm text-primary c-pointer">
+                        Updated <?= relative_friendly_date($point->last_child_plan_effective_date) ?>
+                    </span>
+                    <div menu right class="bg-white border">
+                        <a native target="_blank"
+                           href="<?= route('patients.view.notes.view.dashboard', ['patient' => $patient, 'note' => $point->lastChildPlanNote]) ?>"
+                           class="px-2 py-1 d-block text-nowrap text-sm">Go to note</a>
+                    </div>
+                </div>
             <?php endif; ?>
         <?php endif; ?>
 

resources/views/app/patient/segment-templates/_child_review/last-review.php

@@ -9,10 +9,16 @@
             <?php if ($point->last_child_review_point_scoped_note_id === $note->id): ?>
                 <span class="text-sm">(updated on this note)</span>
             <?php else: ?>
-                <a native target="_blank" class="text-sm"
-                   href="<?= route('patients.view.notes.view.dashboard', ['patient' => $patient, 'note' => $point->lastChildReviewNote]) ?>">
-                    Updated <?= relative_friendly_date($point->last_child_review_effective_date) ?>
-                </a>
+                <div class="d-inline position-relative on-click-menu">
+                    <span class="text-sm text-primary c-pointer">
+                        Updated <?= relative_friendly_date($point->last_child_review_effective_date) ?>
+                    </span>
+                    <div menu right class="bg-white border">
+                        <a native target="_blank"
+                           href="<?= route('patients.view.notes.view.dashboard', ['patient' => $patient, 'note' => $point->lastChildReviewNote]) ?>"
+                           class="px-2 py-1 d-block text-nowrap text-sm">Go to note</a>
+                    </div>
+                </div>
             <?php endif; ?>
         <?php endif; ?>
 

resources/views/app/patient/wizard-partials/show-plan.blade.php

@@ -11,10 +11,16 @@
                 @if ($point->last_child_plan_point_scoped_note_id === $note->id)
                     <span class="text-sm">(updated on this note)</span>
                 @else
-                    <a native target="_blank" class="text-sm"
-                       href="<?= route('patients.view.notes.view.dashboard', ['patient' => $patient, 'note' => $plan->note]) ?>">
-                       Updated <?= relative_friendly_date($plan->note->effective_dateest) ?>
-                    </a>
+                    <div class="d-inline position-relative on-click-menu">
+                        <span class="text-sm text-primary c-pointer">
+                            Updated <?= relative_friendly_date($plan->note->effective_dateest) ?>
+                        </span>
+                        <div menu right class="bg-white border">
+                            <a native target="_blank"
+                               href="<?= route('patients.view.notes.view.dashboard', ['patient' => $patient, 'note' => $plan->note]) ?>"
+                               class="px-2 py-1 d-block text-nowrap text-sm">Go to note</a>
+                        </div>
+                    </div>
                 @endif
             @endif
             <span class="mx-2 text-secondary text-sm">|</span>

resources/views/app/patient/wizard-partials/show-review.blade.php

@@ -11,10 +11,16 @@
                 @if ($point->last_child_review_point_scoped_note_id === $note->id)
                     <span class="text-sm">(updated on this note)</span>
                 @else
-                    <a native target="_blank" class="text-sm"
-                       href="<?= route('patients.view.notes.view.dashboard', ['patient' => $patient, 'note' => $review->note]) ?>">
-                       Updated <?= relative_friendly_date($review->note->effective_dateest) ?>
-                    </a>
+                    <div class="d-inline position-relative on-click-menu">
+                        <span class="text-sm text-primary c-pointer">
+                            Updated <?= relative_friendly_date($review->note->effective_dateest) ?>
+                        </span>
+                        <div menu right class="bg-white border">
+                            <a native target="_blank"
+                               href="<?= route('patients.view.notes.view.dashboard', ['patient' => $patient, 'note' => $review->note]) ?>"
+                               class="px-2 py-1 d-block text-nowrap text-sm">Go to note</a>
+                        </div>
+                    </div>
                 @endif
             @endif
             <span class="mx-2 text-secondary text-sm">|</span>

resources/views/layouts/template.blade.php

@@ -399,7 +399,7 @@
             $('body')
                 .off('mousedown.on-click-menu-outside-click')
                 .on('mousedown.on-click-menu-outside-click', function (e) {
-                    if ($(e.target).closest('.on-click-menu').length) {
+                    if ($(e.target).closest('.on-click-menu').length && $(e.target).closest('.on-click-menu').find('[menu]').is(':visible')) {
                         return;
                     }
                     $('.on-click-menu [menu]').hide();