LS segments - open in popup

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

@@ -104,6 +104,12 @@
                         // TODO: do this in the proper place
                         if(editParent.is('[data-segment-template-name="medrisk_vigilence"]')) return false;
 
+                        // TEMP: open in popup if LS segment
+                        if(editParent.is('[data-segment-template-name^="lifestyle_"]')) {
+                            showStagPopup('segment-popup-' + editParent.attr('data-segment-template-name'), true);
+                            return false;
+                        }
+
                         if(editParent.is('.edit')) {
                             editParent.removeClass('edit');
                         }

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

@@ -1,47 +1,84 @@
 <div class="p-3 border-bottom note-section visit-segment {{$note->is_signed_by_hcp ? '' : 'edit-trigger'}}"
-	 data-segment-uid="{{ $segment->uid }}"
-	 data-segment-template-uid="{{ $segment->segmentTemplate->uid }}"
-	 data-segment-template-name="{{ $segment->segmentTemplate->internal_name }}">
-
-	<div class="d-flex align-items-baseline">
-
-		<!-- show hierarchy -->
-		@if($segment->heading)
-			<span class="text-secondary">{{$segment->heading}}</span>
-			<i class="text-secondary text-sm fa fa-arrow-right mx-2"></i>
-		@endif
-		@if($segment->subheading)
-			<span class="text-secondary">{{$segment->subheading}}</span>
-			<i class="text-secondary text-sm fa fa-arrow-right mx-2"></i>
-		@endif
-
-		<!-- title -->
-		<span class="font-weight-bold mb-2 d-flex align-items-center">
+     data-segment-uid="{{ $segment->uid }}"
+     data-segment-template-uid="{{ $segment->segmentTemplate->uid }}"
+     data-segment-template-name="{{ $segment->segmentTemplate->internal_name }}">
+
+    <div class="d-flex align-items-baseline">
+
+        <!-- show hierarchy -->
+        @if($segment->heading)
+            <span class="text-secondary">{{$segment->heading}}</span>
+            <i class="text-secondary text-sm fa fa-arrow-right mx-2"></i>
+        @endif
+        @if($segment->subheading)
+            <span class="text-secondary">{{$segment->subheading}}</span>
+            <i class="text-secondary text-sm fa fa-arrow-right mx-2"></i>
+        @endif
+
+    <!-- title -->
+        <span class="font-weight-bold mb-2 d-flex align-items-center">
 			{{$segment->display_title}}
 		</span>
 
-		@if(!$note->is_signed_by_hcp)
-			<a class="edit-trigger d-none if-edit c-pointer ml-3">Close</a>
+        @if(!$note->is_signed_by_hcp)
+            <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"
+               data-segment-uid="{{$segment->uid}}"
+               title="Update with latest patient data">
+                Refresh
+            </a>
+
+            @include('app/patient/note/_templates-v2-index', ['sectionInternalName' => $segment->segmentTemplate->internal_name])
+        @endif
+
+    </div>
+
+    <!-- popup hack for LS segments -->
+    <?php if(strpos($segment->segmentTemplate->internal_name, 'lifestyle_') === 0): ?>
+
+    <span class="text-info">(click to view)</span>
+
+    <?php else: ?>
 
-			<!-- refresh -->
-			<span class="mx-2 text-secondary text-sm">|</span>
-			<a class="font-weight-normal refresh-segment c-pointer"
-			   data-segment-uid="{{$segment->uid}}"
-			   title="Update with latest patient data">
-				Refresh
-			</a>
+    <div class="d-none if-not-edit inset-comment summary-container">
+        {!! $segment->summary_html !!}
+    </div>
 
-			@include('app/patient/note/_templates-v2-index', ['sectionInternalName' => $segment->segmentTemplate->internal_name])
-		@endif
+    <div class="d-none if-edit edit-container">
+        {!! $segment->edit_html !!}
+    </div>
 
-	</div>
+    <?php endif ?>
 
-	<div class="d-none if-not-edit inset-comment summary-container">
-		{!! $segment->summary_html !!}
-	</div>
+</div>
 
-	<div class="d-none if-edit edit-container">
-    	{!! $segment->edit_html !!}
-	</div>
+<!-- popup hack for LS segments -->
+<?php if(strpos($segment->segmentTemplate->internal_name, 'lifestyle_') === 0): ?>
+<div class="stag-popup stag-popup-md"
+     stag-popup-key="segment-popup-<?= $segment->segmentTemplate->internal_name ?>">
+    <div class="stag-popup-content">
+        <h3 class="stag-popup-title m-neg-3 px-3 mt-0 pb-3 border-bottom mb-3 pt-1">
+            <span class="d-inline-flex align-items-center">
+                @if($segment->subheading)
+                    {{$segment->subheading}}
+                    <i class="text-secondary text-sm fa fa-arrow-right mx-2"></i>
+                @endif
+                {{$segment->display_title}}
+            </span>
 
-</div>
+            <a href="#" class="ml-auto text-secondary" onclick="return closeStagPopup()">
+                <i class="fa fa-times-circle"></i>
+            </a>
+        </h3>
+{{--        <div class="ls-segment-summary-html">--}}
+{{--            {!! $segment->summary_html !!}--}}
+{{--        </div>--}}
+        <div class="ls-segment-edit-html">
+            {!! $segment->edit_html !!}
+        </div>
+    </div>
+</div>
+<?php endif ?>

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

@@ -81,16 +81,19 @@
             }
 
             $.post(form.attr('url'), form.serialize(), _data => {
-                if(!_silent) hideMask();
-                updateAllSegmentsInResponse(_data);
-                if(!_silent && closeOnSave) {
-                    noteSection.removeClass('edit');
-                    let segmentUid = form.find('[name="segmentUid"]').first();
-                    segmentUid = segmentUid.length ? segmentUid.val() : false;
-                    if(segmentUid) {
-                        window.setTimeout(() => {
-                            $('.note-tree-node>a[data-segment-uid="' + segmentUid + '"]').trigger('click');
-                        }, 250);
+                if(!hasResponseError(_data)) {
+                    if(_silent) return false;
+                    hideMask();
+                    updateAllSegmentsInResponse(_data);
+                    if(closeOnSave) {
+                        noteSection.removeClass('edit');
+                        let segmentUid = form.find('[name="segmentUid"]').first();
+                        segmentUid = segmentUid.length ? segmentUid.val() : false;
+                        if(segmentUid) {
+                            window.setTimeout(() => {
+                                $('.note-tree-node>a[data-segment-uid="' + segmentUid + '"]').trigger('click');
+                            }, 250);
+                        }
                     }
                 }
             }, 'json');

resources/views/app/patient/segment-templates/lifestyle_general/edit.blade.php

@@ -31,7 +31,7 @@ if ($point && @$point->data) {
     $contentData = $point->data;
 }
 ?>
-<div class="p-3 border-top mt-3 mcp-theme-1">
+<div class="p-3 mcp-theme-1">
 
     <div visit-moe close-on-save close-on-cancel class="d-block">
         <form show url="/api/visitPoint/upsertGlobalSingleton" class="mcp-theme-1">

resources/views/app/patient/segment-templates/lifestyle_nutrition/edit.blade.php

@@ -71,7 +71,7 @@ if ($point && @$point->data) {
     $contentData = $point->data;
 }
 ?>
-<div class="p-3 border-top mt-3 mcp-theme-1">
+<div class="p-3 mcp-theme-1">
     <div visit-moe close-on-save close-on-cancel class="d-block">
         <form show url="/api/visitPoint/upsertGlobalSingleton" class="mcp-theme-1">
             <input type="hidden" name="segmentUid" value="<?= $segment->uid ?>">

resources/views/app/patient/segment-templates/lifestyle_physical_activity/edit.blade.php

@@ -32,7 +32,7 @@ if ($point && @$point->data) {
     $contentData = $point->data;
 }
 ?>
-<div class="p-3 border-top mt-3 mcp-theme-1">
+<div class="p-3 mcp-theme-1">
     <div visit-moe close-on-save close-on-cancel class="d-block">
         <form show url="/api/visitPoint/upsertGlobalSingleton" class="mcp-theme-1">
             <input type="hidden" name="segmentUid" value="<?= $segment->uid ?>">

resources/views/app/patient/segment-templates/lifestyle_sleep/edit.blade.php

@@ -47,7 +47,7 @@ if ($point && @$point->data) {
     $contentData = $point->data;
 }
 ?>
-<div class="p-3 border-top mt-3 mcp-theme-1">
+<div class="p-3 mcp-theme-1">
     <div visit-moe close-on-save close-on-cancel class="d-block">
         <form show url="/api/visitPoint/upsertGlobalSingleton" class="mcp-theme-1">
             <input type="hidden" name="segmentUid" value="<?= $segment->uid ?>">

resources/views/app/patient/segment-templates/lifestyle_social/edit.blade.php

@@ -24,7 +24,7 @@ if ($point && @$point->data) {
     $contentData = $point->data;
 }
 ?>
-<div class="p-3 border-top mt-3 mcp-theme-1">
+<div class="p-3 mcp-theme-1">
     <div visit-moe close-on-save close-on-cancel class="d-block">
         <form show url="/api/visitPoint/upsertGlobalSingleton" class="mcp-theme-1">
             <input type="hidden" name="segmentUid" value="<?= $segment->uid ?>">

resources/views/app/patient/segment-templates/lifestyle_stress/edit.blade.php

@@ -51,7 +51,7 @@ if ($point && @$point->data) {
     $contentData = $point->data;
 }
 ?>
-<div class="p-3 border-top mt-3 mcp-theme-1">
+<div class="p-3 mcp-theme-1">
     <div visit-moe close-on-save close-on-cancel class="d-block">
         <form show url="/api/visitPoint/upsertGlobalSingleton" class="mcp-theme-1">
             <input type="hidden" name="segmentUid" value="<?= $segment->uid ?>">

resources/views/app/patient/segment-templates/lifestyle_substances/edit.blade.php

@@ -53,7 +53,7 @@ if ($point && @$point->data) {
     $contentData = $point->data;
 }
 ?>
-<div class="p-3 border-top mt-3 mcp-theme-1">
+<div class="p-3 mcp-theme-1">
     <div visit-moe close-on-save close-on-cancel class="d-block">
         <form show url="/api/visitPoint/upsertGlobalSingleton" class="mcp-theme-1">
             <input type="hidden" name="segmentUid" value="<?= $segment->uid ?>">