Updated autocomplete

config/constants.php

@@ -1,75 +1,91 @@
 <?php
-  return [
-      'medicaid_states' => [
-        "MEDICAID ALABAMA",
-        "MEDICAID ALASKA",
-        "MEDICAID ARIZONA",
-        "MEDICAID ARKANSAS",
-        "MEDICAID CALIFORNIA MEDI-CAL",
-        "MEDICAID COLORADO",
-        "MEDICAID CONNECTICUT",
-        "MEDICAID DELAWARE",
-        "MEDICAID DISTRICT OF COLUMBIA",
-        "MEDICAID FLORIDA",
-        "MEDICAID GEORGIA",
-        "MEDICAID HAWAII",
-        "MEDICAID IDAHO",
-        "MEDICAID ILLINOIS",
-        "MEDICAID INDIANA",
-        "MEDICAID IOWA",
-        "MEDICAID KANSAS",
-        "MEDICAID KENTUCKY",
-        "MEDICAID LOUISIANA",
-        "MEDICAID MAINE",
-        "MEDICAID MARYLAND",
-        "MEDICAID MARYLAND DHMH",
-        "MEDICAID MASSACHUSETTS",
-        "MEDICAID MICHIGAN",
-        "MEDICAID MINNESOTA",
-        "MEDICAID MISSISSIPPI",
-        "MEDICAID MISSISSIPPI",
-        "MEDICAID MISSOURI",
-        "MEDICAID MONTANA",
-        "MEDICAID NEBRASKA",
-        "MEDICAID NEVADA",
-        "MEDICAID NEW HAMPSHIRE",
-        "MEDICAID NEW JERSEY",
-        "MEDICAID NEW MEXICO",
-        "MEDICAID NEW YORK",
-        "MEDICAID NEW YORK",
-        "MEDICAID NORTH CAROLINA",
-        "MEDICAID NORTH DAKOTA",
-        "MEDICAID OHIO",
-        "MEDICAID OKLAHOMA",
-        "MEDICAID OREGON",
-        "MEDICAID OREGON (DHS OMAP)",
-        "MEDICAID PENNSYLVANIA",
-        "MEDICAID RHODE ISLAND",
-        "MEDICAID SOUTH CAROLINA",
-        "MEDICAID SOUTH DAKOTA",
-        "MEDICAID TENNESSEE",
-        "MEDICAID TEXAS",
-        "MEDICAID TEXAS AND TEXAS HEALTH STEPS",
-        "MEDICAID UTAH",
-        "MEDICAID VERMONT",
-        "MEDICAID VIRGINIA",
-        "MEDICAID WASHINGTON (PROVIDER ONE)",
-        "MEDICAID WEST VIRGINIA",
-        "MEDICAID WISCONSIN",
-        "MEDICAID WYOMING",
-      ],
-      'client_engagement_status_color_codes' => [
-        'ACTIVE' => 'rgba(157, 223, 172, 0.5)',
-        'INACTIVE' => 'rgba(220, 53, 69, 0.5)',
-        'ENTRY_ERROR' => 'rgba(220, 53, 69, 0.5)',
-        'DUMMY' => 'rgba(255, 193, 7, 0.5)',
-        'DECEASED' => 'rgba(78, 80, 82, 0.5)',
-        'DUPLICATE' => 'rgba(23, 162, 184, 0.5)',
-        'NO_LONGER_INTERESTED' => 'rgba(255, 3, 61, 0.5)',
-        'BAD_RECORD' => 'rgba(102, 16, 242, 0.5)',
-        'NO_LONGER_ELIGIBLE' => 'rgba(253, 126, 20, 0.5)',
-      ]
-  ];
-
-
-?>
+return [
+  'medicaid_states' => [
+    "MEDICAID ALABAMA",
+    "MEDICAID ALASKA",
+    "MEDICAID ARIZONA",
+    "MEDICAID ARKANSAS",
+    "MEDICAID CALIFORNIA MEDI-CAL",
+    "MEDICAID COLORADO",
+    "MEDICAID CONNECTICUT",
+    "MEDICAID DELAWARE",
+    "MEDICAID DISTRICT OF COLUMBIA",
+    "MEDICAID FLORIDA",
+    "MEDICAID GEORGIA",
+    "MEDICAID HAWAII",
+    "MEDICAID IDAHO",
+    "MEDICAID ILLINOIS",
+    "MEDICAID INDIANA",
+    "MEDICAID IOWA",
+    "MEDICAID KANSAS",
+    "MEDICAID KENTUCKY",
+    "MEDICAID LOUISIANA",
+    "MEDICAID MAINE",
+    "MEDICAID MARYLAND",
+    "MEDICAID MARYLAND DHMH",
+    "MEDICAID MASSACHUSETTS",
+    "MEDICAID MICHIGAN",
+    "MEDICAID MINNESOTA",
+    "MEDICAID MISSISSIPPI",
+    "MEDICAID MISSISSIPPI",
+    "MEDICAID MISSOURI",
+    "MEDICAID MONTANA",
+    "MEDICAID NEBRASKA",
+    "MEDICAID NEVADA",
+    "MEDICAID NEW HAMPSHIRE",
+    "MEDICAID NEW JERSEY",
+    "MEDICAID NEW MEXICO",
+    "MEDICAID NEW YORK",
+    "MEDICAID NEW YORK",
+    "MEDICAID NORTH CAROLINA",
+    "MEDICAID NORTH DAKOTA",
+    "MEDICAID OHIO",
+    "MEDICAID OKLAHOMA",
+    "MEDICAID OREGON",
+    "MEDICAID OREGON (DHS OMAP)",
+    "MEDICAID PENNSYLVANIA",
+    "MEDICAID RHODE ISLAND",
+    "MEDICAID SOUTH CAROLINA",
+    "MEDICAID SOUTH DAKOTA",
+    "MEDICAID TENNESSEE",
+    "MEDICAID TEXAS",
+    "MEDICAID TEXAS AND TEXAS HEALTH STEPS",
+    "MEDICAID UTAH",
+    "MEDICAID VERMONT",
+    "MEDICAID VIRGINIA",
+    "MEDICAID WASHINGTON (PROVIDER ONE)",
+    "MEDICAID WEST VIRGINIA",
+    "MEDICAID WISCONSIN",
+    "MEDICAID WYOMING",
+  ],
+  'client_engagement_status_color_codes' => [
+    'ACTIVE' => 'rgba(157, 223, 172, 0.5)',
+    'INACTIVE' => 'rgba(220, 53, 69, 0.5)',
+    'ENTRY_ERROR' => 'rgba(220, 53, 69, 0.5)',
+    'DUMMY' => 'rgba(255, 193, 7, 0.5)',
+    'DECEASED' => 'rgba(78, 80, 82, 0.5)',
+    'DUPLICATE' => 'rgba(23, 162, 184, 0.5)',
+    'NO_LONGER_INTERESTED' => 'rgba(255, 3, 61, 0.5)',
+    'BAD_RECORD' => 'rgba(102, 16, 242, 0.5)',
+    'NO_LONGER_ELIGIBLE' => 'rgba(253, 126, 20, 0.5)',
+  ],
+  'insurance_payers' => [
+    "Aetna",
+    "Anthem Blue Cross Blue Shield",
+    "Cigna",
+    "Humana",
+    "Kaiser Permanente",
+    "UnitedHealthcare",
+    "Blue Cross Blue Shield",
+    "Health Net",
+    "Molina Healthcare",
+    "Oscar Health",
+    "Ambetter",
+    "CareSource",
+    "Centene Corporation",
+    "Highmark",
+    "Independence Blue Cross",
+    "WellCare",
+    "Tricare",
+  ]
+];

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

@@ -18,6 +18,7 @@ $medicaidStates = Config::get('constants.medicaid_states');
 		font-size: 11px;
 	}
 </style>
+<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
 
 <div class="p-3 mcp-theme-1" id="newPatientContainer" v-cloak>
 	<div class="col-12">
@@ -147,13 +148,25 @@ $medicaidStates = Config::get('constants.medicaid_states');
 					$(this).val(value);
 				});
 			},
+			initAutocomplete: function(){
+				$( "input[name=carrierFreeText]" ).autocomplete({
+				source: <?= json_encode(config('constants.insurance_payers')) ?>
+				});
+			},
 			init: function() {
 				this.initOnInputChange();
 				this.onCommercialPayerChange();
+				this.initAutocomplete();
 			}
 		},
 		mounted: function() {
 			this.init();
+		},
+		updated: function(){
+			var self = this;
+			self.$nextTick(function(){
+				self.initAutocomplete();
+			});
 		}
 	});
 </script>

resources/views/app/patient/create-patient/insurance-coverage-form.blade.php

@@ -26,26 +26,7 @@
 		<div class="row" v-show="planType == 'COMMERCIAL'">
 			<div class="form-group col-md-6">
 				<label class="control-label">Insurance</label>
-				<input type="text" name="carrierFreeText" list="insurance" class="form-control input-sm">
-				<datalist id="insurance">
-					<option value="Aetna">
-					<option value="Anthem Blue Cross Blue Shield">
-					<option value="Cigna">
-					<option value="Humana">
-					<option value="Kaiser Permanente">
-					<option value="UnitedHealthcare">
-					<option value="Blue Cross Blue Shield">
-					<option value="Health Net">
-					<option value="Molina Healthcare">
-					<option value="Oscar Health">
-					<option value="Ambetter">
-					<option value="CareSource">
-					<option value="Centene Corporation">
-					<option value="Highmark">
-					<option value="Independence Blue Cross">
-					<option value="WellCare">
-					<option value="Tricare">
-				</datalist>
+				<input type="text" name="carrierFreeText"  class="form-control input-sm">
 			</div>
 			<div class="form-group col-md-6">
 				<label class="control-label">ID Number</label>

resources/views/app/patient/primary-coverage-form.blade.php

@@ -35,26 +35,7 @@ $cpc = $patient->getPrimaryCoverage();
 				<div class="row" v-show="insuranceCardType == 'commercial'">
 					<div class="form-group col-md-6">
 						<label class="control-label">Insurance</label>
-						<input type="text" name="carrierFreeText" list="insurance" class="form-control input-sm">
-						<datalist id="insurance">
-							<option value="Aetna">
-							<option value="Anthem Blue Cross Blue Shield">
-							<option value="Cigna">
-							<option value="Humana">
-							<option value="Kaiser Permanente">
-							<option value="UnitedHealthcare">
-							<option value="Blue Cross Blue Shield">
-							<option value="Health Net">
-							<option value="Molina Healthcare">
-							<option value="Oscar Health">
-							<option value="Ambetter">
-							<option value="CareSource">
-							<option value="Centene Corporation">
-							<option value="Highmark">
-							<option value="Independence Blue Cross">
-							<option value="WellCare">
-							<option value="Tricare">
-					  </datalist>
+						<input type="text" name="carrierFreeText" class="form-control input-sm">
 					</div>
 					<div class="form-group col-md-6">
 						<label class="control-label">ID Number</label>
@@ -66,7 +47,7 @@ $cpc = $patient->getPrimaryCoverage();
 					</div>
 					<div class="form-group col-md-6">
 						<label class="control-label">Support Phone Number</label>
-						<input type="text" name="primaryInsurancePhoneNumberForHcps" class="form-control input-sm phone">
+						<input type="text" name="primaryInsurancePhoneNumberForHcps" class="form-control input-sm phone" stag-input-phone>
 					</div>
 				</div>
 
@@ -406,8 +387,13 @@ $cpc = $patient->getPrimaryCoverage();
 							}
 						}, 'json');
 					},
+					initAutocomplete: function(){
+						$( "input[name=carrierFreeText]" ).autocomplete({
+						source: <?= json_encode(config('constants.insurance_payers')) ?>
+						});
+					},
 					init: function() {
-						$('.phone').mask('(000) 000-0000')
+						
 					}
 				},
 				mounted: function() {
@@ -417,6 +403,7 @@ $cpc = $patient->getPrimaryCoverage();
 					var self = this;
 					self.$nextTick(function(){
 						self.initSelect2();
+						self.initAutocomplete();
 					});
 				}
 			});