[E2-70]

public/css/style.css

@@ -3,6 +3,9 @@
   --primary-color: #1c4587;
   --bg-grey: #EDEEF1;
 }
+.pointer {
+    cursor: pointer;
+}
 /* login css */
 .login-container {
   background-color: var(--bg-grey);

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

@@ -104,26 +104,25 @@
                         <div class='form-group mb-3'>
                             <label class='control-label d-flex align-items-center'>
                                 <span>Home Phone Number</span>
-                                <a href="#"
-                                   class="ml-2 px-1 on-hover-opaque hpn-to-cpn">
+                                <a v-if="form.homeNumber" @click="hpnToCpn" 
+                                   class="ml-2 px-1 on-hover-opaque hpn-to-cpn pointer">
                                     <i class="fa fa-arrow-down"></i>
                                 </a>
-                                <a href="#"
-                                   class="ml-2 px-1 on-hover-opaque swap-pns">
+                                <a v-if="form.cellNumber && form.homeNumber" @click="swapHpnCpn"
+                                   class="ml-2 px-1 on-hover-opaque swap-pns pointer">
                                     <i class="fa fa-retweet"></i>
                                 </a>
                             </label>
-                            <input class='form-control' stag-input-phone type='tel' name='homeNumber'>
+                            <input class='form-control' stag-input-phone type='tel' name='homeNumber' v-model="form.homeNumber">
                         </div>
                         <div class='form-group mb-3'>
                             <label class='control-label d-flex align-items-center'>
                                 <span>Cell Phone Number</span>
-                                <a href="#"
-                                   class="ml-2 px-1 on-hover-opaque cpn-to-hpn">
+                                <a v-if="form.cellNumber" @click="cpnToHpn" class="ml-2 px-1 on-hover-opaque cpn-to-hpn pointer">
                                     <i class="fa fa-arrow-up"></i>
                                 </a>
                             </label>
-                            <input class='form-control' stag-input-phone type='tel' name='cellNumber'>
+                            <input class='form-control' stag-input-phone type='tel' name='cellNumber' v-model="form.cellNumber">
                         </div>
                         <div class='form-group mb-3'>
                             <label class='control-label'>Email Address </label>
@@ -228,62 +227,9 @@
                 						<input class="form-control input-sm" list="mcdPayer" name="mcdPayerName" id="mcdPayerName">
                 						<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>
 
@@ -324,29 +270,7 @@
     <script>
         (function() {
             function init() {
-                let im = new Inputmask("(999) 999-9999").mask('[stag-input-phone]');
-                $(document)
-                    .off('click.hpn-to-cpn', '.hpn-to-cpn')
-                    .on('click.hpn-to-cpn', '.hpn-to-cpn', function() {
-                        $('[name="cellNumber"]').val($('[name="homeNumber"]').val());
-                        $('[name="homeNumber"]').val('');
-                        return false;
-                    });
-                $(document)
-                    .off('click.cpn-to-hpn', '.cpn-to-hpn')
-                    .on('click.cpn-to-hpn', '.cpn-to-hpn', function() {
-                        $('[name="homeNumber"]').val($('[name="cellNumber"]').val());
-                        $('[name="cellNumber"]').val('');
-                        return false;
-                    });
-                $(document)
-                    .off('click.swap-pns', '.swap-pns')
-                    .on('click.swap-pns', '.swap-pns', function() {
-                        let hpn = $('[name="homeNumber"]').val();
-                        $('[name="homeNumber"]').val($('[name="cellNumber"]').val());
-                        $('[name="cellNumber"]').val(hpn);
-                        return false;
-                    });
+                let im = new Inputmask("(999) 999-9999").mask('[stag-input-phone]');                
                 $(document)
                     .off('change.insurance', '.insurance')
                     .on('change.insurance', '.insurance', function() {
@@ -367,10 +291,24 @@
         var newPatientContainer = new Vue({
           el: '#newPatientContainer',
           data: {
+			form:{},
             planType: 'MEDICARE',
             isPatientSubscriber: true
           },
           methods: {
+			hpnToCpn: function(){
+				this.form.cellNumber = this.form.homeNumber;
+				this.form.homeNumber = null;
+			},
+			cpnToHpn: function(){
+				this.form.homeNumber = this.form.cellNumber;
+				this.form.cellNumber = null;
+			},
+			swapHpnCpn: function(){
+				var data = $.extend({}, this.form);
+				this.form.homeNumber = data.cellNumber;
+				this.form.cellNumber = data.homeNumber;
+			},
             onCommercialPayerChange: function() {
 							var input = $('input[name=commercialPayerUidSuggest]');
 							var hiddenInput = $('input[name=commercialPayerUid]');