LS segments - minimal UI

public/css/style.css

@@ -2022,4 +2022,10 @@ body.in-iframe .main-row > .sidebar {
     top: 100%;
     right: 0;
     z-index: 1;
+}
+.zero-height {
+    height: 0 !important;
+    padding: 0 !important;
+    border: 0 !important;
+    overflow: hidden;
 }

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

@@ -472,7 +472,8 @@
                             $previousHeading = $segment->heading;
                         }
                         echo '<div class="note-tree-node">' .
-                            '<a native target="_top" data-segment-uid="' . $segment->uid . '" href="#" >' . $segment->display_title . '</a>' .
+                            '<a native target="_top" data-segment-uid="' . $segment->uid . '" href="#" ' .
+                            'class="' . ($segment->subheading === 'Lifestyle' ? 'd-none' : '') . '">' . $segment->display_title . '</a>' .
                             '</div>';
                         ?>
                     @endforeach

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

@@ -1,9 +1,10 @@
-<div class="p-3 border-bottom note-section visit-segment {{$note->is_signed_by_hcp ? '' : 'edit-trigger'}}"
+<?php $iName = $segment->segmentTemplate->internal_name; ?>
+<div class="p-3 border-bottom note-section visit-segment {{$note->is_signed_by_hcp ? '' : 'edit-trigger'}} {{strpos($iName, 'lifestyle_') === 0 && $iName !== 'lifestyle_general' ? 'zero-height' : ''}}"
      data-segment-uid="{{ $segment->uid }}"
      data-segment-template-uid="{{ $segment->segmentTemplate->uid }}"
      data-segment-template-name="{{ $segment->segmentTemplate->internal_name }}">
 
-    <?php $isLSSegment = strpos($segment->segmentTemplate->internal_name, 'lifestyle_') === 0; ?>
+    <?php $isLSSegment = strpos($iName, 'lifestyle_') === 0; ?>
 
     <div class="d-flex align-items-baseline">
 
@@ -19,7 +20,11 @@
 
     <!-- title -->
         <span class="font-weight-bold d-flex align-items-center {{$isLSSegment ? '' : 'mb-2'}}">
-			{{$segment->display_title}}
+			@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>
@@ -27,7 +32,27 @@
 
 		</span>
 
-        @if(!$note->is_signed_by_hcp)
+        @if($isLSSegment)
+            @if($iName === 'lifestyle_general')
+                <a href="#" class="ls-segment-trigger ml-2" data-target="lifestyle_general">General</a>
+                <span class="mx-2 text-secondary text-sm">|</span>
+                <a href="#" class="ls-segment-trigger" data-target="lifestyle_nutrition">Nutrition</a>
+                <span class="mx-2 text-secondary text-sm">|</span>
+                <a href="#" class="ls-segment-trigger" data-target="lifestyle_physical_activity">Physical Act.</a>
+                <span class="mx-2 text-secondary text-sm">|</span>
+                <a href="#" class="ls-segment-trigger" data-target="lifestyle_sleep">Sleep</a>
+                <span class="mx-2 text-secondary text-sm">|</span>
+                <a href="#" class="ls-segment-trigger" data-target="lifestyle_social">Social Relns.</a>
+                <span class="mx-2 text-secondary text-sm">|</span>
+                <a href="#" class="ls-segment-trigger" data-target="lifestyle_substances">Subst. Use</a>
+                <span class="mx-2 text-secondary text-sm">|</span>
+                <a href="#" class="ls-segment-trigger" data-target="lifestyle_stress">Stress</a>
+            @else
+                <span class="text-info ml-auto font-weight-normal">(click to view)</span>
+            @endif
+        @endif
+
+        @if(!$note->is_signed_by_hcp && !$isLSSegment)
             <a class="edit-trigger d-none if-edit c-pointer ml-3">Close</a>
 
             <!-- refresh -->
@@ -41,10 +66,6 @@
             @include('app/patient/note/_templates-v2-index', ['sectionInternalName' => $segment->segmentTemplate->internal_name])
         @endif
 
-        @if($isLSSegment)
-            <span class="text-info ml-auto font-weight-normal">(click to view)</span>
-        @endif
-
     </div>
 
     <!-- popup hack for LS segments -->

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

@@ -278,6 +278,14 @@
                     return false;
                 });
 
+            // ls segment special vase
+            $(document)
+                .off('click.ls-segment-trigger', '.ls-segment-trigger[data-target]')
+                .on('click.ls-segment-trigger', '.ls-segment-trigger[data-target]', function() {
+                    $('.note-section.edit-trigger[data-segment-template-name="' + $(this).attr('data-target') + '"]').trigger('click');
+                    return false;
+                });
+
             /*
             $('[btn-save-form]').on('click', function() {
                 doSave($(this).closest('.note-section'));