Visit UI (wip)

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

@@ -77,9 +77,9 @@
 
                 });
 
-                $('.edit-trigger')
-                    .off('click.edit-trigger')
-                    .on('click.edit-trigger', function() {
+                $(document)
+                    .off('click.edit-trigger', '.edit-trigger:not(.edit)')
+                    .on('click.edit-trigger', '.edit-trigger:not(.edit)', function() {
                         let editParent = $(this).closest('.note-section');
                         if(editParent.is('.edit')) {
                             editParent.removeClass('edit');

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

@@ -1,24 +1,33 @@
-<div class="border">
-    {!! $segment->summary_html !!}
-    {!! $segment->edit_html !!}
+<div class="p-3 border-bottom note-section 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-start">
+		<span class="font-weight-bold mb-2 d-flex align-items-center">
+			{{$segment->display_title}}
+		</span>
+		<div moe class="ml-2">
+			<a start show class="font-weight-normal" title="Update with latest patient data">
+				<i class="fa fa-sync"></i>
+			</a>
+			<form url="/api/visit/updateSegmentHtml">
+				<p>Update this section with latest patient data?</p>
+				<input type="hidden" name="segmentUid" value="<?= $segment->uid ?>">
+				<div class="d-flex align-items-center">
+					<button class="btn btn-sm btn-primary mr-2" type="button" submit>Update</button>
+					<button class="btn btn-sm btn-default mr-2 border" type="button" cancel>Cancel</button>
+				</div>
+			</form>
+		</div>
+	</div>
+
+	<div class="d-none if-not-edit  inset-comment summary-container">
+		{!! $segment->summary_html !!}
+	</div>
 
-    <div moe>
-		<a href="" start show class="btn btn-sm btn-outline-primary">
-			Refresh
-		</a>
-		<form url="api/visit/updateSegmentHtml" class="mcp-theme-1">
-			<input type="hidden" name="segmentUid" value="<?= $segment->uid ?>">
-			<p>Are you sure?</p>
-			<div>
-				<button submit class="btn btn-sm btn-primary mr-2">
-					Submit
-				</button>
-				<button cancel class="btn btn-sm btn-default border">
-					Cancel
-				</button>
-			</div>
-		</form>
+	<div class="d-none if-edit">
+    	{!! $segment->edit_html !!}
 	</div>
 
 </div>