Fixes

resources/views/app/new-patient.blade.php

@@ -2,10 +2,13 @@
 
 @section('content')
 
-    <?php $patients = [1,2,3,4]; ?>
+    <?php
+    $patients = [1,2,3,4]; 
+    $medicaidStates = Config::get('constants.medicaid_states');
+    ?>
 
-    <div class="p-3 mcp-theme-1" id="newPatientContainer">
-        <div class="col-12 col-lg-6 px-0">
+    <div class="p-3 mcp-theme-1" id="newPatientContainer" v-cloak>
+        <div class="col-12 col-lg-7 px-0">
             <div class="card d-block mb-3" moe="">
 
                 <div class="card-header">
@@ -124,11 +127,11 @@
                                 </label>
                             </div>
                         </div>
-                        <div v-if="insuranceType == 'COMMERCIAL'">
+                        <div v-show="insuranceType == 'COMMERCIAL'">
                             <div class='form-group mb-3'>
                                 <label class='control-label d-block'>Commercial Payer</label>
                                 <input name="commercialPayerUidSuggest" class="form-control input-sm" value="" stag-suggest stag-suggest-ep="/search-payer/json" />
-						                    <input type="hidden" name="commercialPayerUid" />
+						        <input type="hidden" name="commercialPayerUid" />
                             </div>
                             <div class="row">
                               <div class='form-group col-md-6 mb-3'>
@@ -161,62 +164,9 @@
                               <input class="form-control input-sm" list="mcdPayer" name="mcdPayerUid" id="mcdPayerUid">
                               <datalist id="mcdPayer">
                                 <option value="">--</option>
-                                <option>MEDICAID ALABAMA</option>
-                                <option>MEDICAID ALASKA</option>
-                                <option>MEDICAID ARIZONA</option>
-                                <option>MEDICAID ARKANSAS</option>
-                                <option>MEDICAID CALIFORNIA MEDI-CAL</option>
-                                <option>MEDICAID COLORADO</option>
-                                <option>MEDICAID CONNECTICUT</option>
-                                <option>MEDICAID DELAWARE</option>
-                                <option>MEDICAID DISTRICT OF COLUMBIA</option>
-                                <option>MEDICAID FLORIDA</option>
-                                <option>MEDICAID GEORGIA</option>
-                                <option>MEDICAID HAWAII</option>
-                                <option>MEDICAID IDAHO</option>
-                                <option>MEDICAID ILLINOIS</option>
-                                <option>MEDICAID INDIANA</option>
-                                <option>MEDICAID IOWA</option>
-                                <option>MEDICAID KANSAS</option>
-                                <option>MEDICAID KENTUCKY</option>
-                                <option>MEDICAID LOUISIANA</option>
-                                <option>MEDICAID MAINE</option>
-                                <option>MEDICAID MARYLAND</option>
-                                <option>MEDICAID MARYLAND DHMH</option>
-                                <option>MEDICAID MASSACHUSETTS</option>
-                                <option>MEDICAID MICHIGAN</option>
-                                <option>MEDICAID MINNESOTA</option>
-                                <option>MEDICAID MISSISSIPPI</option>
-                                <option>MEDICAID MISSISSIPPI</option>
-                                <option>MEDICAID MISSOURI</option>
-                                <option>MEDICAID MONTANA</option>
-                                <option>MEDICAID NEBRASKA</option>
-                                <option>MEDICAID NEVADA</option>
-                                <option>MEDICAID NEW HAMPSHIRE</option>
-                                <option>MEDICAID NEW JERSEY</option>
-                                <option>MEDICAID NEW MEXICO</option>
-                                <option>MEDICAID NEW YORK</option>
-                                <option>MEDICAID NEW YORK</option>
-                                <option>MEDICAID NORTH CAROLINA</option>
-                                <option>MEDICAID NORTH DAKOTA</option>
-                                <option>MEDICAID OHIO</option>
-                                <option>MEDICAID OKLAHOMA</option>
-                                <option>MEDICAID OREGON</option>
-                                <option>MEDICAID OREGON (DHS OMAP)</option>
-                                <option>MEDICAID PENNSYLVANIA</option>
-                                <option>MEDICAID RHODE ISLAND</option>
-                                <option>MEDICAID SOUTH CAROLINA</option>
-                                <option>MEDICAID SOUTH DAKOTA</option>
-                                <option>MEDICAID TENNESSEE</option>
-                                <option>MEDICAID TEXAS</option>
-                                <option>MEDICAID TEXAS AND TEXAS HEALTH STEPS</option>
-                                <option>MEDICAID UTAH</option>
-                                <option>MEDICAID VERMONT</option>
-                                <option>MEDICAID VIRGINIA</option>
-                                <option>MEDICAID WASHINGTON (PROVIDER ONE)</option>
-                                <option>MEDICAID WEST VIRGINIA</option>
-                                <option>MEDICAID WISCONSIN</option>
-                                <option>MEDICAID WYOMING</option>
+                                @foreach($medicaidStates as $state)
+                                <option>{{ $state }}</option>
+                                @endforeach
                               </datalist>
                             </div>
 
@@ -284,18 +234,6 @@
                 $('.select2').select2({
                     width: '100%'
                 });
-
-                function onCommercialPayerChange() {
-                    var input = $('input[name=commercialPayerUidSuggest]');
-                    var hiddenInput = $('input[name=commercialPayerUid]');
-                    input
-                        .off('stag-suggest-selected')
-                        .on('stag-suggest-selected', (e, input, _data) => {
-                            hiddenInput.val(_data.uid);
-                        });
-
-                }
-                onCommercialPayerChange();
             }
             addMCInitializer('new-patient', init, '#newPatientContainer');
         }).call(window);
@@ -304,6 +242,21 @@
           el: '#newPatientContainer',
           data: {
             insuranceType: 'MEDICARE'
+          },
+          methods:{
+            onCommercialPayerChange:function() {
+                var input = $('input[name=commercialPayerUidSuggest]');
+                var hiddenInput = $('input[name=commercialPayerUid]');
+                input
+                    .off('stag-suggest-selected')
+                    .on('stag-suggest-selected', (e, input, _data) => {
+                        hiddenInput.val(_data.uid);
+                    });
+
+            }
+          },
+          mounted: function(){
+            this.onCommercialPayerChange();
           }
         })
     </script>