Erx UI - DRUG

app/Http/Controllers/PatientController.php

@@ -8,6 +8,7 @@ use App\Models\CareMonth;
 use App\Models\Client;
 use App\Models\ClientBDTDevice;
 use App\Models\ClientInfoLine;
+use App\Models\Erx;
 use App\Models\Facility;
 use App\Models\Handout;
 use App\Models\IncomingReport;
@@ -412,6 +413,13 @@ class PatientController extends Controller
         return view('app.patient.tickets', compact('patient', 'pros', 'allPros', 'type', 'currentTicket'));
     }
 
+    public function prescriptions(Request $request, Client $patient, String $type = '', String $currentErx = '') {
+        if(!!$currentErx) {
+            $currentErx = Erx::where('uid', $currentErx)->first();
+        }
+        return view('app.patient.prescriptions.index', compact('patient', 'type', 'currentErx'));
+    }
+
     public function supplyOrders(Request $request, Client $patient, SupplyOrder $supplyOrder = null)
     {
         $products = Product::where('is_active', true)->orderBy('created_at', 'desc')->get();

app/Models/Client.php

@@ -69,6 +69,12 @@ class Client extends Model
             ->orderBy('effective_dateest', 'desc');
     }
 
+    public function prescriptions()
+    {
+        return $this->hasMany(Erx::class, 'client_id', 'id')
+            ->orderBy('created_at', 'desc');
+    }
+
     public function notesAscending()
     {
         return $this->hasMany(Note::class, 'client_id', 'id')

app/Models/Erx.php

@@ -0,0 +1,31 @@
+<?php
+
+namespace App\Models;
+
+# use Illuminate\Database\Eloquent\Model;
+
+class Erx extends Model
+{
+    protected $table = "erx";
+
+    public function managerPro(){
+        return $this->hasOne(Pro::class, 'id', 'manager_pro_id');
+    }
+
+    public function hcpPro(){
+        return $this->hasOne(Pro::class, 'id', 'hcp_pro_id');
+    }
+
+    public function patient(){
+        return $this->hasOne(Client::class, 'id', 'client_id');
+    }
+
+    public function client(){
+        return $this->hasOne(Client::class, 'id', 'client_id');
+    }
+
+    public function note(){
+        return $this->hasOne(Note::class, 'id', 'note_id');
+    }
+
+}

resources/views/app/patient/prescriptions/drug-form.blade.php

@@ -0,0 +1,73 @@
+<div class="stag-popup stag-popup-sm mcp-theme-1" stag-popup-key="prescription-popup-DRUG">
+    <form method="POST" action="">
+        <h3 class="stag-popup-title mb-2">
+            <span>Add Drug Prescription</span>
+            <a href="#" class="ml-auto text-secondary"
+               onclick="return closeStagPopup()"><i class="fa fa-times-circle"></i></a>
+        </h3>
+        <div class="mb-2">
+            <label class="text-sm text-secondary mb-1">Drug</label>
+            <input type="text" class="form-control form-control-sm min-width-unset"
+                   v-model="currentPrescription_DRUG.clinicalDetailJson.medication">
+        </div>
+        <div class="row">
+            <div class="col-6 pr-0">
+                <div class="mb-2">
+                    <label class="text-sm text-secondary mb-1">Strength</label>
+                    <input type="text" class="form-control form-control-sm min-width-unset"
+                           v-model="currentPrescription_DRUG.clinicalDetailJson.strength">
+                </div>
+            </div>
+            <div class="col-6">
+                <div class="mb-2">
+                    <label class="text-sm text-secondary mb-1">Amount</label>
+                    <input type="text" class="form-control form-control-sm min-width-unset"
+                           v-model="currentPrescription_DRUG.clinicalDetailJson.amount">
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-6 pr-0">
+                <div class="mb-2">
+                    <label class="text-sm text-secondary mb-1">Route</label>
+                    <input type="text" class="form-control form-control-sm min-width-unset"
+                           v-model="currentPrescription_DRUG.clinicalDetailJson.route">
+                </div>
+            </div>
+            <div class="col-6">
+                <div class="mb-2">
+                    <label class="text-sm text-secondary mb-1">Frequency</label>
+                    <input type="text" class="form-control form-control-sm min-width-unset"
+                           v-model="currentPrescription_DRUG.clinicalDetailJson.frequency">
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-6 pr-0">
+                <div class="mb-2">
+                    <label class="text-sm text-secondary mb-1">Dispense</label>
+                    <input type="text" class="form-control form-control-sm min-width-unset"
+                           v-model="currentPrescription_DRUG.clinicalDetailJson.dispense">
+                </div>
+            </div>
+            <div class="col-6">
+                <div class="mb-2">
+                    <label class="text-sm text-secondary mb-1">Refills</label>
+                    <input type="text" class="form-control form-control-sm min-width-unset"
+                           v-model="currentPrescription_DRUG.clinicalDetailJson.refills">
+                </div>
+            </div>
+        </div>
+        <div class="mb-2">
+            <label class="text-sm text-secondary mb-1">Purpose</label>
+            <input type="text" class="form-control form-control-sm min-width-unset"
+                   v-model="currentPrescription_DRUG.clinicalDetailJson.purpose">
+        </div>
+        <div class="d-flex align-items-center justify-content-center mt-3">
+            <button type="button" class="btn btn-sm btn-primary mr-2" v-on:click.prevent="savePrescription()">Submit
+            </button>
+            <button type="button" class="btn btn-sm btn-default border" onclick="return closeStagPopup()">Cancel
+            </button>
+        </div>
+    </form>
+</div>

resources/views/app/patient/prescriptions/hcp-pro-form.blade.php

@@ -0,0 +1,61 @@
+<div class="stag-popup stag-popup-sm mcp-theme-1" stag-popup-key="logistics-popup">
+    <form method="POST" action="">
+        <h3 class="stag-popup-title mb-2">
+            <span>HCP Pro</span>
+            <a href="#" class="ml-auto text-secondary"
+               onclick="return closeStagPopup()"><i class="fa fa-times-circle"></i></a>
+        </h3>
+        <div class="mb-2">
+            <label class="text-sm text-secondary mb-1">Pro</label>
+            <select class="form-control form-control-sm min-width-unset"
+                    provider-search
+                    v-model="currentPrescriptionLogistics.logisticsDetailJson.facilityName">
+            </select>
+        </div>
+        <div class="row">
+            <div class="col-4 pr-0">
+                <div class="mb-2">
+                    <label class="text-sm text-secondary mb-1">City</label>
+                    <input type="text" class="form-control form-control-sm min-width-unset"
+                           v-model="currentPrescriptionLogistics.logisticsDetailJson.facilityCity">
+                </div>
+            </div>
+            <div class="col-4 pr-0">
+                <div class="mb-2">
+                    <label class="text-sm text-secondary mb-1">State</label>
+                    <input type="text" class="form-control form-control-sm min-width-unset"
+                           v-model="currentPrescriptionLogistics.logisticsDetailJson.facilityState">
+                </div>
+            </div>
+            <div class="col-4">
+                <div class="mb-2">
+                    <label class="text-sm text-secondary mb-1">ZIP</label>
+                    <input type="text" class="form-control form-control-sm min-width-unset"
+                           v-model="currentPrescriptionLogistics.logisticsDetailJson.facilityZip">
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-6 pr-0">
+                <div class="mb-2">
+                    <label class="text-sm text-secondary mb-1">Phone</label>
+                    <input type="text" class="form-control form-control-sm min-width-unset"
+                           v-model="currentPrescriptionLogistics.logisticsDetailJson.facilityPhone">
+                </div>
+            </div>
+            <div class="col-6">
+                <div class="mb-2">
+                    <label class="text-sm text-secondary mb-1">Fax</label>
+                    <input type="text" class="form-control form-control-sm min-width-unset"
+                           v-model="currentPrescriptionLogistics.logisticsDetailJson.facilityFax">
+                </div>
+            </div>
+        </div>
+        <div class="d-flex align-items-center justify-content-center mt-3">
+            <button type="button" class="btn btn-sm btn-primary mr-2" v-on:click.prevent="saveLogistics()">Submit
+            </button>
+            <button type="button" class="btn btn-sm btn-default border" onclick="return closeStagPopup()">Cancel
+            </button>
+        </div>
+    </form>
+</div>

resources/views/app/patient/prescriptions/index.blade.php

@@ -0,0 +1,234 @@
+@extends ('layouts.patient')
+
+@section('inner-content')
+    <div id="prescriptions-{{$patient->id}}">
+        <div class="d-flex align-items-baseline pt-2">
+            <h6 class="my-0 font-weight-bold text-secondary">Prescriptions</h6>
+            <span class="mx-2 text-secondary">|</span>
+            <a v-on:click.prevent="newPrescription('DRUG')">+ Drug</a>
+        </div>
+        <table class="table table-striped table-sm table-bordered mt-2 mb-0">
+            <thead>
+            <tr>
+                <th class="px-2 text-secondary border-bottom-0">Created</th>
+                <th class="px-2 text-secondary border-bottom-0">Type</th>
+                <th class="px-2 text-secondary border-bottom-0">Clinical</th>
+                <th class="px-2 text-secondary border-bottom-0">Logistics</th>
+                <th class="px-2 text-secondary border-bottom-0">Prescriber</th>
+                <th class="px-2 text-secondary border-bottom-0">Pro Status</th>
+                <th class="px-2 text-secondary border-bottom-0">Client Status</th>
+                <th class="px-2 text-secondary border-bottom-0">Sign</th>
+                <th class="px-2 text-secondary border-bottom-0"></th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr v-for="(prescription, index) in prescriptions">
+                <td class="px-2">@{{prescription.created_at_friendly}}</td>
+                <td class="px-2">@{{prescription.erx_category}}</td>
+                <td class="px-2">
+                    <div class="d-flex align-items-baseline">
+                        <a class="mr-2" href="#" v-on:click.prevent="editClinicalDetails(prescription)"><i class="fa fa-edit on-hover-opaque"></i></a>
+                        <div v-if="prescription.clinical_detail_json" class="d-inline-flex align-items-baseline">
+                            <div class="d-flex align-items-baseline">
+                                <b class="mr-2">@{{prescription.clinical_detail_json.medication ?? '-'}}</b>
+                                <span class="text-secondary mr-1">@{{prescription.clinical_detail_json.strength ?? '-'}}</span>
+                                <span class="text-secondary mr-1">@{{prescription.clinical_detail_json.amount ?? '-'}}</span>
+                                <span class="text-secondary mr-1">@{{prescription.clinical_detail_json.route ?? '-'}}</span>
+                            </div>
+                        </div>
+                        <div v-else>-</div>
+                    </div>
+                </td>
+                <td class="px-2">
+                    <div class="d-flex align-items-baseline">
+                        <a class="mr-2" href="#" v-on:click.prevent="editLogisticsDetails(prescription)"><i class="fa fa-edit on-hover-opaque"></i></a>
+                        <div v-if="prescription.logistics_detail_json" class="d-flex align-items-baseline">
+                            <div class="d-flex align-items-baseline">
+                                <b class="mr-2">@{{prescription.logistics_detail_json.facilityName ?? '-'}}</b>
+                                <span class="text-secondary mr-1">@{{prescription.logistics_detail_json.facilityCity ?? '-'}}</span>
+                                <span class="text-secondary mr-1">@{{prescription.logistics_detail_json.facilityState ?? '-'}}</span>
+                            </div>
+                        </div>
+                        <div v-else>-</div>
+                    </div>
+                </td>
+                <td class="px-2">@{{prescription.hcpProDisplayName}}</td>
+                <td class="px-2">@{{prescription.pro_declared_status}}</td>
+                <td class="px-2">@{{prescription.client_declared_status}}</td>
+                <td class="px-2"></td>
+                <td class="px-2"></td>
+            </tr>
+            </tbody>
+        </table>
+        @include('app.patient.prescriptions.drug-form')
+        @include('app.patient.prescriptions.logistics-form')
+    </div>
+    <script>
+        (function() {
+
+            <?php
+            $prescriptions = $patient->prescriptions;
+            foreach ($prescriptions as $prescription) {
+                if($prescription->clinical_detail_json) {
+                    $prescription->clinical_detail_json = json_decode($prescription->clinical_detail_json);
+                }
+                if($prescription->logistics_detail_json) {
+                    $prescription->logistics_detail_json = json_decode($prescription->logistics_detail_json);
+                }
+                $prescription->created_at_friendly = friendlier_date_time($prescription->created_at);
+                $prescription->hcpProDisplayName = $prescription->hcpPro ? $prescription->hcpPro->displayName() : '-';
+            }
+            ?>
+
+            function init() {
+
+                new Vue({
+                    el: '#prescriptions-{{$patient->id}}',
+                    delimiters: ['@{{', '}}'],
+                    data: {
+                        prescriptions: <?= json_encode($prescriptions) ?>,
+
+                        currentPrescriptionAction: '',
+                        currentPrescriptionType: '',
+                        currentPrescription_DRUG: {
+                            noteUid: null, // TODO: this won't be null if created from a note
+                            clientUid: '{{ $patient->uid }}',
+                            replacesCancelledErxUid: null, // TODO: step-2 support UI to mark a new one as replacing a cancelled one
+                            hcpProUid: '{{$pro->uid}}',
+                            erxCategory: 'DRUG',
+                            clinicalDetailJson: {
+                                medication: '',
+                                strength: '',
+                                amount: '',
+                                route: '',
+                                frequency: '',
+                                dispense: '',
+                                refills: '',
+                                purpose: '',
+                            }
+                        },
+
+                        currentPrescriptionLogistics: {
+                            uid: '',
+                            logisticsDetailJson: {
+                                facilityName: '',
+                                facilityCity: '',
+                                facilityState: '',
+                                facilityAddressMemo: '',
+                                facilityPhone: '',
+                                facilityFax: '',
+                                facilityZip: '',
+                            }
+                        }
+                    },
+                    methods: {
+
+                        // new/edit/save-clinical
+                        newPrescription: function(_type) {
+                            this.currentPrescriptionAction = 'ADD';
+                            this.currentPrescriptionType = _type;
+                            if (_type === 'DRUG') {
+                                this.currentPrescription_DRUG = {
+                                    noteUid: null, // TODO: this won't be null if created from a note
+                                    clientUid: '{{ $patient->uid }}',
+                                    replacesCancelledErxUid: null, // TODO: step-2 support UI to mark a new one as replacing a cancelled one
+                                    hcpProUid: '{{$pro->uid}}',
+                                    erxCategory: 'DRUG',
+                                    clinicalDetailJson: {
+                                        medication: '',
+                                        strength: '',
+                                        amount: '',
+                                        route: '',
+                                        frequency: '',
+                                        dispense: '',
+                                        refills: '',
+                                        purpose: '',
+                                    }
+                                }
+                            }
+                            Vue.nextTick(() => {
+                                showStagPopup('prescription-popup-' + this.currentPrescriptionType, true);
+                            });
+                        },
+                        editClinicalDetails: function(_prescription) {
+                            this.currentPrescriptionAction = 'EDIT_CLINICAL';
+                            this.currentPrescriptionType = _prescription.erx_category;
+                            if (this.currentPrescriptionType === 'DRUG') {
+                                this.currentPrescription_DRUG = {
+                                    uid: _prescription.uid,
+                                    clinicalDetailJson: JSON.parse(JSON.stringify(_prescription.clinical_detail_json))
+                                }
+                            }
+                            Vue.nextTick(() => {
+                                showStagPopup('prescription-popup-' + this.currentPrescriptionType, true);
+                            });
+                        },
+                        savePrescription: function() {
+                            let payload = JSON.parse(JSON.stringify(this['currentPrescription_' + this.currentPrescriptionType]));
+                            payload.clinicalDetailJson = JSON.stringify(payload.clinicalDetailJson);
+                            switch (this.currentPrescriptionAction) {
+                                case 'ADD':
+                                    $.post('/api/erx/create', payload, _data => {
+                                        if(!hasResponseError(_data)) {
+                                            toastr.success('Prescription added');
+                                            closeStagPopup();
+                                            fastReload();
+                                        }
+                                    }, 'json');
+                                    break;
+                                case 'EDIT_CLINICAL':
+                                    $.post('/api/erx/updateClinicalDetail', payload, _data => {
+                                        if(!hasResponseError(_data)) {
+                                            toastr.success('Prescription updated');
+                                            closeStagPopup();
+                                            fastReload();
+                                        }
+                                    }, 'json');
+                                    break;
+                            }
+                        },
+
+                        // edit logistics
+                        editLogisticsDetails: function(_prescription) {
+                            this.currentPrescriptionAction = 'EDIT_LOGISTICS';
+                            this.currentPrescriptionLogistics = {
+                                uid: _prescription.uid,
+                                logisticsDetailJson: _prescription.logistics_detail_json ? JSON.parse(JSON.stringify(_prescription.logistics_detail_json)) : {
+                                    facilityName: '',
+                                    facilityCity: '',
+                                    facilityState: '',
+                                    facilityAddressMemo: '',
+                                    facilityPhone: '',
+                                    facilityFax: '',
+                                    facilityZip: '',
+                                }
+                            }
+                            Vue.nextTick(() => {
+                                showStagPopup('logistics-popup', true);
+                            });
+                        },
+                        saveLogistics: function() {
+                            let payload = JSON.parse(JSON.stringify(this.currentPrescriptionLogistics));
+                            payload.logisticsDetailJson = JSON.stringify(payload.logisticsDetailJson);
+                            $.post('/api/erx/updateLogisticsDetail', payload, _data => {
+                                if(!hasResponseError(_data)) {
+                                    toastr.success('Logistics updated');
+                                    closeStagPopup();
+                                    fastReload();
+                                }
+                            }, 'json');
+                        }
+
+                        // edit hcp (ordering) pro
+
+                    },
+                    mounted: function() {
+
+                    }
+                });
+
+            }
+            addMCInitializer('prescriptions-{{$patient->id}}', init, '#prescriptions-{{$patient->id}}')
+        }).call(window);
+    </script>
+@endsection

resources/views/app/patient/prescriptions/logistics-form.blade.php

@@ -0,0 +1,59 @@
+<div class="stag-popup stag-popup-sm mcp-theme-1" stag-popup-key="logistics-popup">
+    <form method="POST" action="">
+        <h3 class="stag-popup-title mb-2">
+            <span>Logistics</span>
+            <a href="#" class="ml-auto text-secondary"
+               onclick="return closeStagPopup()"><i class="fa fa-times-circle"></i></a>
+        </h3>
+        <div class="mb-2">
+            <label class="text-sm text-secondary mb-1">Business Name</label>
+            <input type="text" class="form-control form-control-sm min-width-unset"
+                   v-model="currentPrescriptionLogistics.logisticsDetailJson.facilityName">
+        </div>
+        <div class="row">
+            <div class="col-4 pr-0">
+                <div class="mb-2">
+                    <label class="text-sm text-secondary mb-1">City</label>
+                    <input type="text" class="form-control form-control-sm min-width-unset"
+                           v-model="currentPrescriptionLogistics.logisticsDetailJson.facilityCity">
+                </div>
+            </div>
+            <div class="col-4 pr-0">
+                <div class="mb-2">
+                    <label class="text-sm text-secondary mb-1">State</label>
+                    <input type="text" class="form-control form-control-sm min-width-unset"
+                           v-model="currentPrescriptionLogistics.logisticsDetailJson.facilityState">
+                </div>
+            </div>
+            <div class="col-4">
+                <div class="mb-2">
+                    <label class="text-sm text-secondary mb-1">ZIP</label>
+                    <input type="text" class="form-control form-control-sm min-width-unset"
+                           v-model="currentPrescriptionLogistics.logisticsDetailJson.facilityZip">
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-6 pr-0">
+                <div class="mb-2">
+                    <label class="text-sm text-secondary mb-1">Phone</label>
+                    <input type="text" class="form-control form-control-sm min-width-unset"
+                           v-model="currentPrescriptionLogistics.logisticsDetailJson.facilityPhone">
+                </div>
+            </div>
+            <div class="col-6">
+                <div class="mb-2">
+                    <label class="text-sm text-secondary mb-1">Fax</label>
+                    <input type="text" class="form-control form-control-sm min-width-unset"
+                           v-model="currentPrescriptionLogistics.logisticsDetailJson.facilityFax">
+                </div>
+            </div>
+        </div>
+        <div class="d-flex align-items-center justify-content-center mt-3">
+            <button type="button" class="btn btn-sm btn-primary mr-2" v-on:click.prevent="saveLogistics()">Submit
+            </button>
+            <button type="button" class="btn btn-sm btn-default border" onclick="return closeStagPopup()">Cancel
+            </button>
+        </div>
+    </form>
+</div>

resources/views/layouts/patient.blade.php

@@ -90,6 +90,42 @@
                                 </li>
                             </ul>
                         </li> */ ?>
+                        <li class="nav-item">
+                            <a class="nav-link {{ strpos($routeName, 'patients.view.patient-prescriptions') === 0 ? 'active' : '' }}"
+                               href="{{ route('patients.view.patient-prescriptions', ['patient' => $patient]) }}">Prescriptions **</a>
+                            <?php /*
+                            <ul class="m-0 p-0 nav-child-list">
+                                <li class="nav-item">
+                                    <a class="nav-link {{ strpos($routeName, 'patients.view.patient-erx') === 0 && @$type === '' ? 'active' : '' }}"
+                                       href="{{ route('patients.view.patient-erx', ['patient' => $patient, 'type' => '']) }}">All</a>
+                                </li>
+                                <li class="nav-item">
+                                    <a class="nav-link {{ strpos($routeName, 'patients.view.patient-erx') === 0 && @$type === 'erx' ? 'active' : '' }}"
+                                       href="{{ route('patients.view.patient-erx', ['patient' => $patient, 'type' => 'erx']) }}">Drug</a>
+                                </li>
+                                <li class="nav-item">
+                                    <a class="nav-link {{ strpos($routeName, 'patients.view.patient-erx') === 0 && @$type === 'lab' ? 'active' : '' }}"
+                                       href="{{ route('patients.view.patient-erx', ['patient' => $patient, 'type' => 'lab']) }}">Lab</a>
+                                </li>
+                                <li class="nav-item">
+                                    <a class="nav-link {{ strpos($routeName, 'patients.view.patient-erx') === 0 && @$type === 'imaging' ? 'active' : '' }}"
+                                       href="{{ route('patients.view.patient-erx', ['patient' => $patient, 'type' => 'imaging']) }}">Imaging</a>
+                                </li>
+                                <li class="nav-item">
+                                    <a class="nav-link {{ strpos($routeName, 'patients.view.patient-erx') === 0 && @$type === 'referral' ? 'active' : '' }}"
+                                       href="{{ route('patients.view.patient-erx', ['patient' => $patient, 'type' => 'referral']) }}">Referral</a>
+                                </li>
+                                <li class="nav-item">
+                                    <a class="nav-link {{ strpos($routeName, 'patients.view.patient-erx') === 0 && @$type === 'supply' ? 'active' : '' }}"
+                                       href="{{ route('patients.view.patient-erx', ['patient' => $patient, 'type' => 'supply']) }}">Supply</a>
+                                </li>
+                                <li class="nav-item">
+                                    <a class="nav-link {{ strpos($routeName, 'patients.view.patient-erx') === 0 && @$type === 'other' ? 'active' : '' }}"
+                                       href="{{ route('patients.view.patient-erx', ['patient' => $patient, 'type' => 'other']) }}">Other</a>
+                                </li>
+                            </ul>
+                            */ ?>
+                        </li>
                         <li class="nav-item">
                             <a class="nav-link {{ strpos($routeName, 'patients.view.patient-tickets') === 0 ? 'active' : '' }}"
                                href="{{ route('patients.view.patient-tickets', ['patient' => $patient]) }}">ERx / Orders</a>

routes/web.php

@@ -277,9 +277,12 @@ Route::middleware('pro.auth')->group(function () {
             // vitals-graph
             Route::get('vitals-graph/{filter?}', 'PatientController@vitalsGraph')->name('vitals-graph');
 
-            // tickets
+            // tickets (old/deprecated)
             Route::get('tickets/{type?}/{currentTicket?}', 'PatientController@tickets')->name('patient-tickets');
 
+            // prescriptions (new)
+            Route::get('prescriptions/{type?}/{currentErx?}', 'PatientController@prescriptions')->name('patient-prescriptions');
+
             // appointments
             Route::get('appointments/{forPro}/{status}', 'PatientController@appointments')->name('appointments');