Manage eRx (wip)

resources/views/app/patient/medications-center.blade.php

@@ -577,7 +577,7 @@ $medications = $points;
             // add button for "eRx"
             $('.btn-manage-erx').remove();
             $('<a ' +
-                'href="/patients/view/{{$patient->uid}}/prescriptions-popup?note_uid={{$note->uid}}&erx_category=DRUG" ' +
+                'href="/patients/view/{{$patient->uid}}/prescriptions-popup?noteUid={{$note->uid}}&erx_category=DRUG" ' +
                 'title="Manage eRx" ' +
                 'open-in-stag-popup ' +
                 'mc-initer="prescriptions-popup-{{$patient->id}}" ' +

resources/views/app/patient/prescriptions/list-popup.blade.php

@@ -202,7 +202,7 @@
 
             <div v-if="addDrugToErxMode === 'existing'" class="border border-info p-2 bg-aliceblue mb-2 rounded">
                 <div class="d-flex align-items-baseline mb-2">
-                    <label for="" class="text-secondary font-weight-bold m-0">Existing Medications</label>
+                    <label for="" class="text-secondary font-weight-bold m-0">Add From Existing Medications</label>
                     <a href="#" v-on:click.prevent="addDrugToErxMode = ''" class="ml-auto">Close</a>
                 </div>
                 <table class="m-0 table table-sm border bg-white table-hover">
@@ -223,8 +223,56 @@
                 </table>
             </div>
 
-            <div v-if="addDrugToErxMode === 'new'" class="border border-info p-2 bg-aliceblue mb-2">
-                Add new form
+            <div v-if="addDrugToErxMode === 'new'" class="border border-info p-2 bg-aliceblue mb-2 rounded">
+                <form action="/api/visitPoint/addTopLevel" class="mcp-theme-1 w-100" id="frm-add-medication-and-add-to-erx">
+                    <input type="hidden" name="noteUid" value="{{$note->uid}}">
+                    <input type="hidden" name="category" value="MEDICATION">
+                    <input type="hidden" name="data">
+
+                    <input type="hidden" data-name="medId">
+                    <input type="hidden" data-name="routedMedId">
+                    <input type="hidden" data-name="routedDosageFormMedId">
+                    <input type="hidden" data-name="gcnSeqno">
+
+                    <input type="hidden" name="additionReasonCategory" value="DURING_VISIT">
+                    <input type="hidden" name="isRemoved" value="0">
+                    <input type="hidden" name="removalReasonCategory">
+                    <input type="hidden" name="isRemovedDueToEntryError" value="0">
+
+                    <div class="d-flex align-items-baseline mb-2">
+                        <label for="" class="text-secondary font-weight-bold m-0">Add New Medication</label>
+                        <a href="#" v-on:click.prevent="addDrugToErxMode = ''" class="ml-auto">Close</a>
+                    </div>
+
+                    <div class="row mb-2">
+                        <div class="col-8 pr-0">
+                            <label class="text-sm text-secondary mb-0">Name</label>
+                            <input type="text" data-name="name" class="form-control form-control-sm" stag-suggest="" stag-suggest-bottom-left="" stag-suggest-ep="/fdb-med-suggest-v2/json" required="" stag-suggest-initialized="1"><div class="stag-suggestions-container position-relative"><div class="suggestions-outer stag-suggestions position-absolute d-none"></div></div>
+                        </div>
+                        <div class="col-4">
+                            <label class="text-sm text-secondary mb-0">Frequency</label>
+                            <input type="text" class="form-control form-control-sm min-width-unset" data-name="frequency" data-option-list="frequency-options" autocomplete="off">
+                            <div id="frequency-options" class="data-option-list">
+                                <div>Once a day</div>
+                                <div>Twice a day</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row mb-2">
+                        <div class="col-4 pr-0">
+                            <label class="text-sm text-secondary mb-0">Dispense</label>
+                            <input type="text" class="form-control form-control-sm" name="dispense" autocomplete="off">
+                        </div>
+                        <div class="col-4 pr-0">
+                            <label class="text-sm text-secondary mb-0">Refills</label>
+                            <input type="text" class="form-control form-control-sm" name="refills" autocomplete="off">
+                        </div>
+                    </div>
+
+                    <div class="d-flex align-items-center">
+                        <button type="submit" class="btn btn-sm btn-primary mr-2 my-1">Save &amp; Add to eRx</button>
+                    </div>
+                </form>
             </div>
 
             <hr class="my-3">
@@ -975,6 +1023,16 @@
                     $(document).on('pro-changed', '.erx-hcp-pro-select', function() {
                         self.currentPrescriptionHcpPro.newHcpProUid = this.value;
                     });
+
+                    // auto select latest prescription (if no current is set)
+                    Vue.nextTick(() => {
+                        if(!this.currentPrescription) {
+                            for(let x in this.prescriptions) {
+                                this.currentPrescription = this.prescriptions[x];
+                                break;
+                            }
+                        }
+                    });
                 }
             });