Made omega_pe popup

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

@@ -289,7 +289,7 @@
                                 "overflow-visible");
                             return false;
                         }
-
+                        //ROS
                         <?php
                         $rosName = 'ros';
                         $rosSegment = $note->getSegmentByInternalName($rosName);
@@ -309,6 +309,23 @@
                         }
                         @endif
 
+                        //PE
+                        <?php
+                        $peName = 'omega_pe';
+                        $peSegment = $note->getSegmentByInternalName($peName);
+                        ?>
+                        @if($peSegment)
+                        if(editParent.is('[data-segment-template-name="{{$peName}}"]')) {
+                            openDynamicStagPopup('/note-segment-view/{{$note->client->uid}}/{{$note->uid}}/{{$peSegment->uid}}/{{$peName}}/edit',
+                                'init-pe-{{$note->id}}',
+                                'Physical Exam',
+                                false,
+                                "overflow-visible");
+                            return false;
+                        }
+                        @endif
+
+
                         // OPEN popup for if note-segment-view exists
                         if($('.' + editParent.attr('data-segment-template-name') + '-trigger').length) {
                             $('.' + editParent.attr('data-segment-template-name') + '-trigger').trigger('click');

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

@@ -31,360 +31,363 @@ if ($point->lastChildReview && $point->lastChildReview->data) {
 }
 
 ?>
+<hr class="hide-outside-popup mt-3 mb-0">
+<div class="p-3 mcp-theme-1">
+  <div {{!!$segment ? 'visit-moe' : 'moe'}} close-on-save close-on-cancel class="d-block">
+    <form show url="/api/visitPoint/upsertChildReview" class="mcp-theme-1" {{ !$segment ? 'hook=onHxPopupClosure' : '' }}>
+      @if(!!@$segment)
+      <input type="hidden" name="segmentUid" value="<?= $segment->uid ?>">
+      @else
+      <input type="hidden" name="segmentUid" value="<?= $note->coreSegment->uid ?>">
+      @endif
+      <input type="hidden" name="uid" value="<?= $point->uid ?>">
+      <input type="hidden" name="noteUid" value="<?= $note->uid ?>">
+      <input type="hidden" name="data">
 
-<div visit-moe close-on-save close-on-cancel class="d-block p-3 popup-content-container">
-  <form show url="/api/visitPoint/upsertChildReview" class="mcp-theme-1" {{ !$segment ? 'hook=onHxPopupClosure' : '' }}>
-    @if(!!@$segment)
-    <input type="hidden" name="segmentUid" value="<?= $segment->uid ?>">
-    @else
-    <input type="hidden" name="segmentUid" value="<?= $note->coreSegment->uid ?>">
-    @endif
-    <input type="hidden" name="uid" value="<?= $point->uid ?>">
-    <input type="hidden" name="noteUid" value="<?= $note->uid ?>">
-    <input type="hidden" name="data">
-
-    <div id="edit-univ_physical_exam-container">
-      <div class="form-group">
-        <label class="m-0">General:</label>
-        <div class="d-flex align-items-end">
-          <input @keyup.prevent="onInputChange" name="PE_general" v-model="data.PE_general" class="form-control form-control-sm" />
+      <div id="edit-univ_physical_exam-container">
+        <div class="form-group">
+          <label class="m-0">General:</label>
+          <div class="d-flex align-items-end">
+            <input @keyup.prevent="onInputChange" name="PE_general" v-model="data.PE_general" class="form-control form-control-sm" />
+          </div>
         </div>
-      </div>
-      <div class="form-group d-flex align-items-start">
-        <label class="mb-0 mr-3">
-          <b>Depression</b>
-        </label>
-        <div class="bg-light p-1">
-          <div>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_General_Depression" value="Admits" v-model="data.PE_General_Depression" />
-              <span>Admits</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_General_Depression" value="Denies" v-model="data.PE_General_Depression" />
-              <span>Denies</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_General_Depression" value="" v-model="data.PE_General_Depression" />
-              <span>--</span>
-            </label>
+        <div class="form-group d-flex align-items-start">
+          <label class="mb-0 mr-3">
+            <b>Depression</b>
+          </label>
+          <div class="bg-light p-1">
+            <div>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_General_Depression" value="Admits" v-model="data.PE_General_Depression" />
+                <span>Admits</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_General_Depression" value="Denies" v-model="data.PE_General_Depression" />
+                <span>Denies</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_General_Depression" value="" v-model="data.PE_General_Depression" />
+                <span>--</span>
+              </label>
+            </div>
           </div>
         </div>
-      </div>
-      <div class="form-group">
-        <label class="mb-0">
-          <b>Eyes</b>
-        </label>
-        <div class="bg-light p-1">
-          <div>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Eyes" value="Normal" v-model="data.PE_Eyes" />
-              <span>Normal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Eyes" value="Abnormal" v-model="data.PE_Eyes" />
-              <span>Abnormal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Eyes" value="" v-model="data.PE_Eyes" />
-              <span>--</span>
-            </label>
+        <div class="form-group">
+          <label class="mb-0">
+            <b>Eyes</b>
+          </label>
+          <div class="bg-light p-1">
+            <div>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Eyes" value="Normal" v-model="data.PE_Eyes" />
+                <span>Normal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Eyes" value="Abnormal" v-model="data.PE_Eyes" />
+                <span>Abnormal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Eyes" value="" v-model="data.PE_Eyes" />
+                <span>--</span>
+              </label>
+            </div>
+            <input @change.prevent="onInputChange" v-if="data.PE_Eyes == 'Normal'" data-name="PE_Eyes_Normal" v-model="data.PE_Eyes_Normal" class="form-control form-control-sm" />
+            <input @change.prevent="onInputChange" v-if="data.PE_Eyes == 'Abnormal'" data-name="PE_Eyes_Abnormal" v-model="data.PE_Eyes_Abnormal" class="form-control form-control-sm" />
           </div>
-          <input @change.prevent="onInputChange" v-if="data.PE_Eyes == 'Normal'" data-name="PE_Eyes_Normal" v-model="data.PE_Eyes_Normal" class="form-control form-control-sm" />
-          <input @change.prevent="onInputChange" v-if="data.PE_Eyes == 'Abnormal'" data-name="PE_Eyes_Abnormal" v-model="data.PE_Eyes_Abnormal" class="form-control form-control-sm" />
         </div>
-      </div>
-      <div class="form-group">
-        <label class="mb-0">
-          <b>Ears</b>
-        </label>
-        <div class="bg-light p-1">
-          <div>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Ears" value="Normal" v-model="data.PE_Ears" />
-              <span>Normal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Ears" value="Abnormal" v-model="data.PE_Ears" />
-              <span>Abnormal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Ears" value="" v-model="data.PE_Ears" />
-              <span>--</span>
-            </label>
+        <div class="form-group">
+          <label class="mb-0">
+            <b>Ears</b>
+          </label>
+          <div class="bg-light p-1">
+            <div>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Ears" value="Normal" v-model="data.PE_Ears" />
+                <span>Normal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Ears" value="Abnormal" v-model="data.PE_Ears" />
+                <span>Abnormal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Ears" value="" v-model="data.PE_Ears" />
+                <span>--</span>
+              </label>
+            </div>
+            <input @change.prevent="onInputChange" v-if="data.PE_Ears == 'Normal'" data-name="PE_Ears_Normal" v-model="data.PE_Ears_Normal" class="form-control form-control-sm" />
+            <input @change.prevent="onInputChange" v-if="data.PE_Ears == 'Abnormal'" data-name="PE_Ears_Abnormal" v-model="data.PE_Ears_Abnormal" class="form-control form-control-sm" />
           </div>
-          <input @change.prevent="onInputChange" v-if="data.PE_Ears == 'Normal'" data-name="PE_Ears_Normal" v-model="data.PE_Ears_Normal" class="form-control form-control-sm" />
-          <input @change.prevent="onInputChange" v-if="data.PE_Ears == 'Abnormal'" data-name="PE_Ears_Abnormal" v-model="data.PE_Ears_Abnormal" class="form-control form-control-sm" />
         </div>
-      </div>
-      <div class="form-group">
-        <label class="mb-0">
-          <b>Nose</b>
-        </label>
-        <div class="bg-light p-1">
-          <div>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Nose" value="Normal" v-model="data.PE_Nose" />
-              <span>Normal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Nose" value="Abnormal" v-model="data.PE_Nose" />
-              <span>Abnormal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Nose" value="" v-model="data.PE_Nose" />
-              <span>--</span>
-            </label>
+        <div class="form-group">
+          <label class="mb-0">
+            <b>Nose</b>
+          </label>
+          <div class="bg-light p-1">
+            <div>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Nose" value="Normal" v-model="data.PE_Nose" />
+                <span>Normal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Nose" value="Abnormal" v-model="data.PE_Nose" />
+                <span>Abnormal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Nose" value="" v-model="data.PE_Nose" />
+                <span>--</span>
+              </label>
+            </div>
+            <input @change.prevent="onInputChange" v-if="data.PE_Nose == 'Normal'" data-name="PE_Nose_Normal" v-model="data.PE_Nose_Normal" class="form-control form-control-sm" />
+            <input @change.prevent="onInputChange" v-if="data.PE_Nose == 'Abnormal'" data-name="PE_Nose_Abnormal" v-model="data.PE_Nose_Abnormal" class="form-control form-control-sm" />
           </div>
-          <input @change.prevent="onInputChange" v-if="data.PE_Nose == 'Normal'" data-name="PE_Nose_Normal" v-model="data.PE_Nose_Normal" class="form-control form-control-sm" />
-          <input @change.prevent="onInputChange" v-if="data.PE_Nose == 'Abnormal'" data-name="PE_Nose_Abnormal" v-model="data.PE_Nose_Abnormal" class="form-control form-control-sm" />
         </div>
-      </div>
-      <div class="form-group">
-        <label class="mb-0">
-          <b>Mouth / Throat</b>
-        </label>
-        <div class="bg-light p-1">
-          <div>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Mouth_Throat" value="Normal" v-model="data.PE_Mouth_Throat" />
-              <span>Normal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Mouth_Throat" value="Abnormal" v-model="data.PE_Mouth_Throat" />
-              <span>Abnormal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Mouth_Throat" value="" v-model="data.PE_Mouth_Throat" />
-              <span>--</span>
-            </label>
+        <div class="form-group">
+          <label class="mb-0">
+            <b>Mouth / Throat</b>
+          </label>
+          <div class="bg-light p-1">
+            <div>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Mouth_Throat" value="Normal" v-model="data.PE_Mouth_Throat" />
+                <span>Normal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Mouth_Throat" value="Abnormal" v-model="data.PE_Mouth_Throat" />
+                <span>Abnormal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Mouth_Throat" value="" v-model="data.PE_Mouth_Throat" />
+                <span>--</span>
+              </label>
+            </div>
+            <input @change.prevent="onInputChange" v-if="data.PE_Mouth_Throat == 'Normal'" data-name="PE_Mouth_Throat_Normal" v-model="data.PE_Mouth_Throat_Normal" class="form-control form-control-sm" />
+            <input @change.prevent="onInputChange" v-if="data.PE_Mouth_Throat == 'Abnormal'" data-name="PE_Mouth_Throat_Abnormal" v-model="data.PE_Mouth_Throat_Abnormal" class="form-control form-control-sm" />
           </div>
-          <input @change.prevent="onInputChange" v-if="data.PE_Mouth_Throat == 'Normal'" data-name="PE_Mouth_Throat_Normal" v-model="data.PE_Mouth_Throat_Normal" class="form-control form-control-sm" />
-          <input @change.prevent="onInputChange" v-if="data.PE_Mouth_Throat == 'Abnormal'" data-name="PE_Mouth_Throat_Abnormal" v-model="data.PE_Mouth_Throat_Abnormal" class="form-control form-control-sm" />
         </div>
-      </div>
-      <div class="form-group">
-        <label class="mb-0">
-          <b>Neck</b>
-        </label>
-        <div class="bg-light p-1">
-          <div>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Neck" value="Normal" v-model="data.PE_Neck" />
-              <span>Normal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Neck" value="Abnormal" v-model="data.PE_Neck" />
-              <span>Abnormal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Neck" value="" v-model="data.PE_Neck" />
-              <span>--</span>
-            </label>
+        <div class="form-group">
+          <label class="mb-0">
+            <b>Neck</b>
+          </label>
+          <div class="bg-light p-1">
+            <div>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Neck" value="Normal" v-model="data.PE_Neck" />
+                <span>Normal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Neck" value="Abnormal" v-model="data.PE_Neck" />
+                <span>Abnormal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Neck" value="" v-model="data.PE_Neck" />
+                <span>--</span>
+              </label>
+            </div>
+            <input @change.prevent="onInputChange" v-if="data.PE_Neck == 'Normal'" data-name="PE_Neck_Normal" v-model="data.PE_Neck_Normal" class="form-control form-control-sm" />
+            <input @change.prevent="onInputChange" v-if="data.PE_Neck == 'Abnormal'" data-name="PE_Neck_Abnormal" v-model="data.PE_Neck_Abnormal" class="form-control form-control-sm" />
           </div>
-          <input @change.prevent="onInputChange" v-if="data.PE_Neck == 'Normal'" data-name="PE_Neck_Normal" v-model="data.PE_Neck_Normal" class="form-control form-control-sm" />
-          <input @change.prevent="onInputChange" v-if="data.PE_Neck == 'Abnormal'" data-name="PE_Neck_Abnormal" v-model="data.PE_Neck_Abnormal" class="form-control form-control-sm" />
         </div>
-      </div>
-      <div class="form-group">
-        <label class="mb-0">
-          <b>Lymphatic</b>
-        </label>
-        <div class="bg-light p-1">
-          <div>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Lymph" value="Normal" v-model="data.PE_Lymph" />
-              <span>Normal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Lymph" value="Abnormal" v-model="data.PE_Lymph" />
-              <span>Abnormal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Lymph" value="" v-model="data.PE_Lymph" />
-              <span>--</span>
-            </label>
+        <div class="form-group">
+          <label class="mb-0">
+            <b>Lymphatic</b>
+          </label>
+          <div class="bg-light p-1">
+            <div>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Lymph" value="Normal" v-model="data.PE_Lymph" />
+                <span>Normal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Lymph" value="Abnormal" v-model="data.PE_Lymph" />
+                <span>Abnormal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Lymph" value="" v-model="data.PE_Lymph" />
+                <span>--</span>
+              </label>
+            </div>
+            <input @change.prevent="onInputChange" v-if="data.PE_Lymph == 'Normal'" data-name="PE_Lymph_Normal" v-model="data.PE_Lymph_Normal" class="form-control form-control-sm" />
+            <input @change.prevent="onInputChange" v-if="data.PE_Lymph == 'Abnormal'" data-name="PE_Lymph_Abnormal" v-model="data.PE_Lymph_Abnormal" class="form-control form-control-sm" />
           </div>
-          <input @change.prevent="onInputChange" v-if="data.PE_Lymph == 'Normal'" data-name="PE_Lymph_Normal" v-model="data.PE_Lymph_Normal" class="form-control form-control-sm" />
-          <input @change.prevent="onInputChange" v-if="data.PE_Lymph == 'Abnormal'" data-name="PE_Lymph_Abnormal" v-model="data.PE_Lymph_Abnormal" class="form-control form-control-sm" />
         </div>
-      </div>
-      <div class="form-group">
-        <label class="mb-0">
-          <b>Respiratory</b>
-        </label>
-        <div class="bg-light p-1">
-          <div>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Resp" value="Normal" v-model="data.PE_Resp" />
-              <span>Normal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Resp" value="Abnormal" v-model="data.PE_Resp" />
-              <span>Abnormal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Resp" value="" v-model="data.PE_Resp" />
-              <span>--</span>
-            </label>
+        <div class="form-group">
+          <label class="mb-0">
+            <b>Respiratory</b>
+          </label>
+          <div class="bg-light p-1">
+            <div>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Resp" value="Normal" v-model="data.PE_Resp" />
+                <span>Normal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Resp" value="Abnormal" v-model="data.PE_Resp" />
+                <span>Abnormal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Resp" value="" v-model="data.PE_Resp" />
+                <span>--</span>
+              </label>
+            </div>
+            <input @change.prevent="onInputChange" v-if="data.PE_Resp == 'Normal'" data-name="PE_Resp_Normal" v-model="data.PE_Resp_Normal" class="form-control form-control-sm" />
+            <input @change.prevent="onInputChange" v-if="data.PE_Resp == 'Abnormal'" data-name="PE_Resp_Abnormal" v-model="data.PE_Resp_Abnormal" class="form-control form-control-sm" />
           </div>
-          <input @change.prevent="onInputChange" v-if="data.PE_Resp == 'Normal'" data-name="PE_Resp_Normal" v-model="data.PE_Resp_Normal" class="form-control form-control-sm" />
-          <input @change.prevent="onInputChange" v-if="data.PE_Resp == 'Abnormal'" data-name="PE_Resp_Abnormal" v-model="data.PE_Resp_Abnormal" class="form-control form-control-sm" />
         </div>
-      </div>
-      <div class="form-group">
-        <label class="mb-0">
-          <b>Cardiovascular</b>
-        </label>
-        <div class="bg-light p-1">
-          <div>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Cardio" value="Normal" v-model="data.PE_Cardio" />
-              <span>Normal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Cardio" value="Abnormal" v-model="data.PE_Cardio" />
-              <span>Abnormal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Cardio" value="" v-model="data.PE_Cardio" />
-              <span>--</span>
-            </label>
+        <div class="form-group">
+          <label class="mb-0">
+            <b>Cardiovascular</b>
+          </label>
+          <div class="bg-light p-1">
+            <div>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Cardio" value="Normal" v-model="data.PE_Cardio" />
+                <span>Normal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Cardio" value="Abnormal" v-model="data.PE_Cardio" />
+                <span>Abnormal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Cardio" value="" v-model="data.PE_Cardio" />
+                <span>--</span>
+              </label>
+            </div>
+            <input @change.prevent="onInputChange" v-if="data.PE_Cardio == 'Normal'" data-name="PE_Cardio_Normal" v-model="data.PE_Cardio_Normal" class="form-control form-control-sm" />
+            <input @change.prevent="onInputChange" v-if="data.PE_Cardio == 'Abnormal'" data-name="PE_Cardio_Abnormal" v-model="data.PE_Cardio_Abnormal" class="form-control form-control-sm" />
           </div>
-          <input @change.prevent="onInputChange" v-if="data.PE_Cardio == 'Normal'" data-name="PE_Cardio_Normal" v-model="data.PE_Cardio_Normal" class="form-control form-control-sm" />
-          <input @change.prevent="onInputChange" v-if="data.PE_Cardio == 'Abnormal'" data-name="PE_Cardio_Abnormal" v-model="data.PE_Cardio_Abnormal" class="form-control form-control-sm" />
         </div>
-      </div>
-      <div class="form-group">
-        <label class="mb-0">
-          <b>Skin</b>
-        </label>
-        <div class="bg-light p-1">
-          <div>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Skin" value="Normal" v-model="data.PE_Skin" />
-              <span>Normal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Skin" value="Abnormal" v-model="data.PE_Skin" />
-              <span>Abnormal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Skin" value="" v-model="data.PE_Skin" />
-              <span>--</span>
-            </label>
+        <div class="form-group">
+          <label class="mb-0">
+            <b>Skin</b>
+          </label>
+          <div class="bg-light p-1">
+            <div>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Skin" value="Normal" v-model="data.PE_Skin" />
+                <span>Normal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Skin" value="Abnormal" v-model="data.PE_Skin" />
+                <span>Abnormal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Skin" value="" v-model="data.PE_Skin" />
+                <span>--</span>
+              </label>
+            </div>
+            <input @change.prevent="onInputChange" v-if="data.PE_Skin == 'Normal'" data-name="PE_Skin_Normal" v-model="data.PE_Skin_Normal" class="form-control form-control-sm" />
+            <input @change.prevent="onInputChange" v-if="data.PE_Skin == 'Abnormal'" data-name="PE_Skin_Abnormal" v-model="data.PE_Skin_Abnormal" class="form-control form-control-sm" />
           </div>
-          <input @change.prevent="onInputChange" v-if="data.PE_Skin == 'Normal'" data-name="PE_Skin_Normal" v-model="data.PE_Skin_Normal" class="form-control form-control-sm" />
-          <input @change.prevent="onInputChange" v-if="data.PE_Skin == 'Abnormal'" data-name="PE_Skin_Abnormal" v-model="data.PE_Skin_Abnormal" class="form-control form-control-sm" />
         </div>
-      </div>
-      <div class="form-group">
-        <label class="mb-0">
-          <b>Extrimities</b>
-        </label>
-        <div class="bg-light p-1">
-          <div>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Extrimities" value="Normal" v-model="data.PE_Extrimities" />
-              <span>Normal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Extrimities" value="Abnormal" v-model="data.PE_Extrimities" />
-              <span>Abnormal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Extrimities" value="" v-model="data.PE_Extrimities" />
-              <span>--</span>
-            </label>
+        <div class="form-group">
+          <label class="mb-0">
+            <b>Extrimities</b>
+          </label>
+          <div class="bg-light p-1">
+            <div>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Extrimities" value="Normal" v-model="data.PE_Extrimities" />
+                <span>Normal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Extrimities" value="Abnormal" v-model="data.PE_Extrimities" />
+                <span>Abnormal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Extrimities" value="" v-model="data.PE_Extrimities" />
+                <span>--</span>
+              </label>
+            </div>
+            <input @change.prevent="onInputChange" v-if="data.PE_Extrimities == 'Normal'" data-name="PE_Extrimities_Normal" v-model="data.PE_Extrimities_Normal" class="form-control form-control-sm" />
+            <input @change.prevent="onInputChange" v-if="data.PE_Extrimities == 'Abnormal'" data-name="PE_Extrimities_Abnormal" v-model="data.PE_Extrimities_Abnormal" class="form-control form-control-sm" />
           </div>
-          <input @change.prevent="onInputChange" v-if="data.PE_Extrimities == 'Normal'" data-name="PE_Extrimities_Normal" v-model="data.PE_Extrimities_Normal" class="form-control form-control-sm" />
-          <input @change.prevent="onInputChange" v-if="data.PE_Extrimities == 'Abnormal'" data-name="PE_Extrimities_Abnormal" v-model="data.PE_Extrimities_Abnormal" class="form-control form-control-sm" />
         </div>
-      </div>
-      <div class="form-group">
-        <label class="mb-0">
-          <b>Neurological</b>
-        </label>
-        <div class="bg-light p-1">
-          <div>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Neuro" value="Normal" v-model="data.PE_Neuro" />
-              <span>Normal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Neuro" value="Abnormal" v-model="data.PE_Neuro" />
-              <span>Abnormal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Neuro" value="" v-model="data.PE_Neuro" />
-              <span>--</span>
-            </label>
+        <div class="form-group">
+          <label class="mb-0">
+            <b>Neurological</b>
+          </label>
+          <div class="bg-light p-1">
+            <div>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Neuro" value="Normal" v-model="data.PE_Neuro" />
+                <span>Normal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Neuro" value="Abnormal" v-model="data.PE_Neuro" />
+                <span>Abnormal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Neuro" value="" v-model="data.PE_Neuro" />
+                <span>--</span>
+              </label>
+            </div>
+            <input @change.prevent="onInputChange" v-if="data.PE_Neuro == 'Normal'" data-name="PE_Neuro_Normal" v-model="data.PE_Neuro_Normal" class="form-control form-control-sm" />
+            <input @change.prevent="onInputChange" v-if="data.PE_Neuro == 'Abnormal'" data-name="PE_Neuro_Abnormal" v-model="data.PE_Neuro_Abnormal" class="form-control form-control-sm" />
           </div>
-          <input @change.prevent="onInputChange" v-if="data.PE_Neuro == 'Normal'" data-name="PE_Neuro_Normal" v-model="data.PE_Neuro_Normal" class="form-control form-control-sm" />
-          <input @change.prevent="onInputChange" v-if="data.PE_Neuro == 'Abnormal'" data-name="PE_Neuro_Abnormal" v-model="data.PE_Neuro_Abnormal" class="form-control form-control-sm" />
         </div>
-      </div>
-      <div class="form-group">
-        <label class="mb-0">
-          <b>Psychiatric</b>
-        </label>
-        <div class="bg-light p-1">
-          <div>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Psych" value="Normal" v-model="data.PE_Psych" />
-              <span>Normal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Psych" value="Abnormal" v-model="data.PE_Psych" />
-              <span>Abnormal</span>
-            </label>
-            <label class="mb-0 mr-3">
-              <input @change.prevent="onInputChange" type="radio" data-name="PE_Psych" value="" v-model="data.PE_Psych" />
-              <span>--</span>
-            </label>
+        <div class="form-group">
+          <label class="mb-0">
+            <b>Psychiatric</b>
+          </label>
+          <div class="bg-light p-1">
+            <div>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Psych" value="Normal" v-model="data.PE_Psych" />
+                <span>Normal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Psych" value="Abnormal" v-model="data.PE_Psych" />
+                <span>Abnormal</span>
+              </label>
+              <label class="mb-0 mr-3">
+                <input @change.prevent="onInputChange" type="radio" data-name="PE_Psych" value="" v-model="data.PE_Psych" />
+                <span>--</span>
+              </label>
+            </div>
+            <input @change.prevent="onInputChange" v-if="data.PE_Psych == 'Normal'" data-name="PE_Psych_Normal" v-model="data.PE_Psych_Normal" class="form-control form-control-sm" />
+            <input @change.prevent="onInputChange" v-if="data.PE_Psych == 'Abnormal'" data-name="PE_Psych_Abnormal" v-model="data.PE_Psych_Abnormal" class="form-control form-control-sm" />
           </div>
-          <input @change.prevent="onInputChange" v-if="data.PE_Psych == 'Normal'" data-name="PE_Psych_Normal" v-model="data.PE_Psych_Normal" class="form-control form-control-sm" />
-          <input @change.prevent="onInputChange" v-if="data.PE_Psych == 'Abnormal'" data-name="PE_Psych_Abnormal" v-model="data.PE_Psych_Abnormal" class="form-control form-control-sm" />
         </div>
       </div>
-    </div>
 
 
-    <div class="pt-2">
-      <button submit class="btn btn-sm btn-primary mr-2"><i class="fa fa-save"></i></button>
-      <div class="d-inline-flex align-self-stretch align-items-center">
-        <span class="autosave-indicator saving text-sm text-secondary">Saving changes &hellip;</span>
-        <span class="autosave-indicator saved text-sm text-secondary">
-          <i class="fa fa-check"></i>
-          Saved
-        </span>
+      <div class="pt-2">
+        <button submit class="btn btn-sm btn-primary mr-2"><i class="fa fa-save"></i></button>
+        <div class="d-inline-flex align-self-stretch align-items-center">
+          <span class="autosave-indicator saving text-sm text-secondary">Saving changes &hellip;</span>
+          <span class="autosave-indicator saved text-sm text-secondary">
+            <i class="fa fa-check"></i>
+            Saved
+          </span>
+        </div>
       </div>
-    </div>
-  </form>
+    </form>
+  </div>
 </div>
+
 <script>
   (function() {
-    window.segmentInitializers.<?= $segment->segmentTemplate->internal_name ?> = function() {
-      // any JS can come here
-      // will be run on page-load as well as whenever this segment is refreshed
-
+    function initPE() {
+      let model = <?= $contentData ? json_encode($contentData) : '{}' ?>;
+      let form = $('#edit-univ_physical_exam-container').closest('form');
       new Vue({
         el: '#edit-univ_physical_exam-container',
         delimiters: ["@{{", "}}"],
         data: {
-          form: $('#edit-univ_physical_exam-container').closest('form'),
-          data: <?= json_encode($contentData) ?>,
+          data: model,
           defaultDropdownOptions: {}
         },
         watch: {
           $data: {
-            handler: function(val, oldVal) {
-              this.autoSaveForm();
-            },
+            // handler: function(val, oldVal) {
+            //   this.autoSaveForm();
+            // },
             deep: true
           }
         },
-        mounted: function() {},
+        mounted: function() {
+          console.log('DATA', this.data);
+        },
         methods: {
           onInputChange: function(evt) {
             var self = this;
@@ -401,10 +404,10 @@ if ($point->lastChildReview && $point->lastChildReview->data) {
           },
           autoSaveForm: function() {
             var self = this;
-            var url = self.form.attr('url');
-            self.form.find('input[name=data]').val(JSON.stringify(self.data));
+            var url = form.attr('url');
+            form.find('input[name=data]').val(JSON.stringify(self.data));
             // autosave on change
-            var dataArray = self.form.serializeArray();
+            var dataArray = form.serializeArray();
             $.post(url, dataArray, function(response) {}, 'json');
           },
           _autoSaveForm: function() {
@@ -421,6 +424,10 @@ if ($point->lastChildReview && $point->lastChildReview->data) {
           },
         },
       });
-    };
-  })();
+
+    }
+    window.segmentInitializers.omega_pe = initPE;
+    addMCInitializer('init-pe-{{$note->id}}', initPE, '#edit-univ_physical_exam-container');
+
+  }).call(window);
 </script>