update

resources/views/app/patient/modules/sleep_health_intake/edit.blade.php

@@ -128,13 +128,20 @@ if ($point->lastChildReview && $point->lastChildReview->data) {
 						self.autoSaveForm();
 					},
 					initSelect2: function() {
-						var select2 = $('.select2').select2({
+						var self = this;
+						var arr = $('.select2');
+						for (var i = 0; i < arr.length; i++) {
+							console.log(arr[i]);
+						};
+						$('.select2').select2({
 							tags: true,
 							allowClear: true,
 							placeholder: 'Press "Enter" to create a new selection',
-						});
-						select2.on('select2:select', function(e) {
-							console.log(e.params);
+						}).on('change', function(e) {
+							var name = $(e.target)[0].name;
+							var value = $(e.target).val();
+							self.data[name] = value;
+							self.autoSaveForm();
 						});
 					},
 					calculateScore: function() {

resources/views/app/patient/modules/sleep_health_intake/partials/epworth_sleepiness_study.blade.php

@@ -49,67 +49,67 @@
         <div class="form-group textarea">
             <label class="m-0">History of Present Illness:</label>
             <div class="d-flex align-items-end">
-                <select data-name="HPI_description" name="HPI_description[]" multiple="multiple" class="select2" v-model="data.HPI_description"></select>
+                <select name="HPI_description" multiple="multiple" class="select2" v-model="data.HPI_description"></select>
             </div>
         </div>
         <div class="form-group">
             <label class="m-0">Symptoms</label>
             <div class="d-flex align-items-end">
-                <select data-name="HPI_symptoms" name="HPI_symptoms[]" multiple="multiple" class="select2" v-model="data.HPI_symptoms"></select>
+                <select name="HPI_symptoms" multiple="multiple" class="select2" v-model="data.HPI_symptoms"></select>
             </div>
         </div>
         <div class="form-group">
             <label class="m-0">Severity</label>
             <div class="d-flex align-items-end">
-                <select data-name="HPI_severity" name="HPI_severity[]" multiple="multiple" class="select2" v-model="data.HPI_severity"></select>
+                <select name="HPI_severity" multiple="multiple" class="select2" v-model="data.HPI_severity"></select>
             </div>
         </div>
         <div class="form-group">
             <label class="m-0">Duration</label>
             <div class="d-flex align-items-end">
-                <select data-name="HPI_duration" name="HPI_duration[]" multiple="multiple" class="select2" v-model="data.HPI_duration"></select>
+                <select name="HPI_duration" multiple="multiple" class="select2" v-model="data.HPI_duration"></select>
             </div>
         </div>
         <div class="form-group">
             <label class="m-0">Timing</label>
             <div class="d-flex align-items-end">
-                <select data-name="HPI_timing" name="HPI_timing[]" multiple="multiple" class="select2" v-model="data.HPI_timing"></select>
+                <select name="HPI_timing" multiple="multiple" class="select2" v-model="data.HPI_timing"></select>
             </div>
         </div>
         <div class="form-group">
             <label class="m-0">Context</label>
             <div class="d-flex align-items-end">
-                <select data-name="HPI_context" name="HPI_context[]" multiple="multiple" class="select2" v-model="data.HPI_context"></select>
+                <select name="HPI_context" multiple="multiple" class="select2" v-model="data.HPI_context"></select>
             </div>
         </div>
         <div class="form-group">
             <label class="m-0">Aggravating Factors:</label>
             <div class="d-flex align-items-end">
-                <select data-name="HPI_aggravating_factors" name="HPI_aggravating_factors[]" multiple="multiple" class="select2" v-model="data.HPI_aggravating_factors"></select>
+                <select name="HPI_aggravating_factors" multiple="multiple" class="select2" v-model="data.HPI_aggravating_factors"></select>
             </div>
         </div>
         <div class="form-group">
             <label class="m-0">Alleviating Factors:</label>
             <div class="d-flex align-items-end">
-                <select data-name="HPI_alleviating_factors" name="HPI_alleviating_factors[]" multiple="multiple" class="select2" v-model="data.HPI_alleviating_factors"></select>
+                <select name="HPI_alleviating_factors" multiple="multiple" class="select2" v-model="data.HPI_alleviating_factors"></select>
             </div>
         </div>
         <div class="form-group textarea">
             <label class="m-0">Sleep Summary:</label>
             <div class="d-flex align-items-end">
-                <select data-name="sleep_exam_sleep_summary" name="sleep_exam_sleep_summary[]" multiple="multiple" class="select2" v-model="data.sleep_exam_sleep_summary"></select>
+                <select data-name="sleep_exam_sleep_summary" name="sleep_exam_sleep_summary" multiple="multiple" class="select2" v-model="data.sleep_exam_sleep_summary"></select>
             </div>
         </div>
         <div class="form-group textarea">
             <label class="m-0">Previous Treatments:</label>
             <div class="d-flex align-items-end">
-                <select data-name="PH_previous_treatment" name="PH_previous_treatment[]" multiple="multiple" class="select2" v-model="data.PH_previous_treatment"></select>
+                <select data-name="PH_previous_treatment" name="PH_previous_treatment" multiple="multiple" class="select2" v-model="data.PH_previous_treatment"></select>
             </div>
         </div>
         <div class="form-group textarea">
             <label class="m-0">Current Treatments:</label>
             <div class="d-flex align-items-end">
-                <select data-name="PH_current_treatment" name="PH_current_treatment[]" multiple="multiple" class="select2" v-model="data.PH_current_treatment"></select>
+                <select data-name="PH_current_treatment" name="PH_current_treatment" multiple="multiple" class="select2" v-model="data.PH_current_treatment"></select>
             </div>
         </div>
     </div>
@@ -121,7 +121,7 @@
             <label class="mb-1">How likely are you to doze off or fall asleep in the following situations, in contrast to feeling just tired? This refers to your usual way of life in recent times. Use the following scale (0, 1, 2, and 3) to choose
                 the most appropriate number for each situation.</label>
             <div class="d-flex align-items-center">
-                <select data-name="dozing" class="form-control form-control-sm select-esc-option" style="max-width:200px;" v-model="data.dozing">
+                <select data-name="dozing" class="form-control form-control-sm select-esc-option" style="max-width:200px;" @change="onInputChange" v-model="data.dozing">
                     <option value=""></option>
                     <option value="Never Chance of Doze">Never Chance of Doze</option>
                     <option value="Slight Chance of Dozing">Slight Chance of Dozing</option>
@@ -190,7 +190,7 @@
             <div class="d-flex align-items-center">
                 <span class="font-weight-bold">Score:</span>
                 <div class="border p-2 mx-1" style="width:50px;">
-                    <input type="hidden" data-name="Score" name="score" v-model="data.score">
+                    <input type="hidden" data-name="Score" name="score" @change="onInputChange" v-model="data.score">
                     <span id="scoreValue">@{{ data.Score }}</span>
                 </div>
                 <div class="">

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

@@ -373,14 +373,12 @@ if ($point->lastChildReview && $point->lastChildReview->data) {
 
         function initPE() {
 
-          let model = <?= $contentData ? json_encode($contentData) : '{}' ?>;
-
           new Vue({
             el: '#edit-univ_physical_exam-container',
             delimiters: ["@{{", "}}"],
             data: {
               form: $('#edit-univ_physical_exam-container').closest('form'),
-              data: model,
+              data: <?= json_encode($contentData) ?>,
               defaultDropdownOptions: {}
             },
             mounted: function() {