Tickets v1 (wip) - Common templates for header-end

resources/views/app/patient/tickets/equipment.blade.php

@@ -55,98 +55,13 @@
     <div v-if="!preparing" class="stag-popup stag-popup-sm stag-slide mcp-theme-1" stag-popup-key="equipment-popup">
         <form method="POST" action="" class="p-0">
             <h3 class="stag-popup-title mb-0 p-3 bg-light">
-
                 <span v-if="equipmentPopupMode === 'add'" class="flex-grow-1 text-nowrap overflow-hidden text-ellipsis mr-3">Add Equipment Ticket</span>
                 <span v-if="equipmentPopupMode === 'edit'" class="flex-grow-1 text-nowrap overflow-hidden text-ellipsis mr-3"
                       v-html="equipmentPopupItem.data.items && Array.isArray(equipmentPopupItem.data.items) ? equipmentPopupItem.data.items.join(', ') : 'Edit Lab Ticket'"></span>
-
-                <div v-if="equipmentPopupMode === 'edit'" class="ml-auto mr-3">
-                    <a v-if="equipmentPopupItem.is_open" href="#"
-                       class="btn btn-sm btn-default border bg-white text-dark text-nowrap shadow-none"
-                       v-on:click.prevent="closeItem(equipmentPopupItem)">
-                        <i class="fa fa-check text-success mr-2"></i>Mark Complete
-                    </a>
-                    <a v-if="!equipmentPopupItem.is_open" href="#"
-                       class="btn btn-sm btn-success text-nowrap text-white shadow-none"
-                       v-on:click.prevent="openItem(equipmentPopupItem)">
-                        <i class="fa fa-check mr-2"></i>Complete
-                    </a>
-                </div>
-                <a href="#" class="text-secondary"
-                   onclick="return closeStagPopup()"><i class="fa fa-chevron-right"></i></a>
+                @include('app.patient.tickets.header-end', ['category' => 'equipment'])
             </h3>
 
             <!-- common - only applicable for edit -->
-            <div class="p-3 border-bottom">
-
-                <div v-if="equipmentPopupMode === 'edit'">
-                    <div class="row mb-2">
-                        <div class="col-3 d-inline-flex align-items-center">
-                            <label class="text-secondary m-0">Assigned Pro</label>
-                        </div>
-                        <div class="col-9">
-                            <div class="d-flex align-items-center">
-                                <div class="pro-initials text-uppercase"
-                                     :title="allProsFlat['pro_' + equipmentPopupItem.assigned_pro_id].displayedName"
-                                     :style="'background-color: ' + allProsFlat['pro_' + equipmentPopupItem.assigned_pro_id].colors.bc + '; color: ' + allProsFlat['pro_' + equipmentPopupItem.assigned_pro_id].colors.fc + ';'">
-                                    @{{allProsFlat['pro_' + equipmentPopupItem.assigned_pro_id].displayedInitials}}
-                                </div>
-                                <div class="flex-grow-1 ml-2">
-                                    <select provider-search
-                                            data-field="assigned_pro_uid"
-                                            v-model="equipmentPopupItem.assigned_pro_uid"
-                                            :data-pro-name="[equipmentPopupItem.assigned_pro.name_last, equipmentPopupItem.assigned_pro.name_first].filter(Boolean).join(', ')"
-                                            class="form-control form-control-sm">
-                                        <option value=""> --select--</option>
-                                    </select>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="row mb-2">
-                        <div class="col-3 d-inline-flex align-items-center">
-                            <label class="text-secondary m-0">Ordering Pro</label>
-                        </div>
-                        <div class="col-9">
-                            <div class="d-flex align-items-center">
-                                <div class="pro-initials text-uppercase"
-                                     :title="allProsFlat['pro_' + equipmentPopupItem.ordering_pro_id].displayedName"
-                                     :style="'background-color: ' + allProsFlat['pro_' + equipmentPopupItem.ordering_pro_id].colors.bc + '; color: ' + allProsFlat['pro_' + equipmentPopupItem.ordering_pro_id].colors.fc + ';'">
-                                    @{{allProsFlat['pro_' + equipmentPopupItem.ordering_pro_id].displayedInitials}}
-                                </div>
-                                <div class="flex-grow-1 ml-2">
-                                    <select provider-search
-                                            data-field="ordering_pro_uid"
-                                            v-model="equipmentPopupItem.ordering_pro_uid"
-                                            :data-pro-name="[equipmentPopupItem.ordering_pro.name_last, equipmentPopupItem.ordering_pro.name_first].filter(Boolean).join(', ')"
-                                            class="form-control form-control-sm">
-                                        <option value=""> --select--</option>
-                                    </select>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="row">
-                    <div class="col-3 d-inline-flex align-items-center">
-                        <label class="text-secondary m-0">Due Date</label>
-                    </div>
-                    <div class="col-9">
-                        <div class="d-flex align-items-center">
-                            <div class="pro-initials text-uppercase text-white bg-info"
-                                 title="Due Date">
-                                <i class="fa fa-calendar-day"></i>
-                            </div>
-                            <div class="flex-grow-1 ml-2">
-                                <input type="text" data-field="due_date" placeholder="Due Date"
-                                       v-model="equipmentPopupItem.data.due_date" class="form-control form-control-sm date-input">
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-            </div>
             @include('app.patient.tickets.common-fields', ['category' => 'equipment'])
 
             <!-- equipment specific -->

resources/views/app/patient/tickets/erx.blade.php

@@ -83,20 +83,7 @@
         <form method="POST" action="" class="p-0">
             <h3 class="stag-popup-title mb-0 p-3 bg-light">
                 <span class="flex-grow-1 text-nowrap overflow-hidden text-ellipsis mr-3">@{{ erxPopupMode === 'add' ? 'Add ERx Ticket' : erxPopupItem.data.medication + '  •  ' + erxPopupItem.data.strength }}</span>
-                <div v-if="erxPopupMode === 'edit'" class="ml-auto mr-3">
-                    <a v-if="erxPopupItem.is_open" href="#"
-                       class="btn btn-sm btn-default border bg-white text-dark text-nowrap shadow-none"
-                       v-on:click.prevent="closeItem(erxPopupItem)">
-                        <i class="fa fa-check text-success mr-2"></i>Mark Complete
-                    </a>
-                    <a v-if="!erxPopupItem.is_open" href="#"
-                       class="btn btn-sm btn-success text-nowrap text-white shadow-none"
-                       v-on:click.prevent="openItem(erxPopupItem)">
-                        <i class="fa fa-check mr-2"></i>Complete
-                    </a>
-                </div>
-                <a href="#" class="text-secondary"
-                   onclick="return closeStagPopup()"><i class="fa fa-chevron-right"></i></a>
+                @include('app.patient.tickets.header-end', ['category' => 'erx'])
             </h3>
 
             <!-- common - only applicable for edit -->

resources/views/app/patient/tickets/header-end.blade.php

@@ -0,0 +1,13 @@
+<div v-if="<?=$category?>PopupMode === 'edit'" class="ml-auto mr-3">
+    <a v-if="<?=$category?>PopupItem.is_open" href="#"
+       class="btn btn-sm btn-default border bg-white text-dark text-nowrap shadow-none"
+       v-on:click.prevent="closeItem(<?=$category?>PopupItem)">
+        <i class="fa fa-check text-success mr-2"></i>Mark Complete
+    </a>
+    <a v-if="!<?=$category?>PopupItem.is_open" href="#"
+       class="btn btn-sm btn-success text-nowrap text-white shadow-none"
+       v-on:click.prevent="openItem(<?=$category?>PopupItem)">
+        <i class="fa fa-check mr-2"></i>Complete
+    </a>
+</div>
+<a href="#" class="text-secondary" onclick="return closeStagPopup()"><i class="fa fa-chevron-right"></i></a>

resources/views/app/patient/tickets/imaging.blade.php

@@ -58,20 +58,7 @@
                 <span v-if="imagingPopupMode === 'add'" class="flex-grow-1 text-nowrap overflow-hidden text-ellipsis mr-3">Add Imaging Ticket</span>
                 <span v-if="imagingPopupMode === 'edit'" class="flex-grow-1 text-nowrap overflow-hidden text-ellipsis mr-3"
                       v-html="imagingPopupItem.data.tests && Array.isArray(imagingPopupItem.data.tests) ? imagingPopupItem.data.tests.join(', ') : 'Edit Imaging Ticket'"></span>
-                <div v-if="imagingPopupMode === 'edit'" class="ml-auto mr-3">
-                    <a v-if="imagingPopupItem.is_open" href="#"
-                       class="btn btn-sm btn-default border bg-white text-dark text-nowrap shadow-none"
-                       v-on:click.prevent="closeItem(imagingPopupItem)">
-                        <i class="fa fa-check text-success mr-2"></i>Mark Complete
-                    </a>
-                    <a v-if="!imagingPopupItem.is_open" href="#"
-                       class="btn btn-sm btn-success text-nowrap text-white shadow-none"
-                       v-on:click.prevent="openItem(imagingPopupItem)">
-                        <i class="fa fa-check mr-2"></i>Complete
-                    </a>
-                </div>
-                <a href="#" class="text-secondary"
-                   onclick="return closeStagPopup()"><i class="fa fa-chevron-right"></i></a>
+                @include('app.patient.tickets.header-end', ['category' => 'imaging'])
             </h3>
 
             <!-- common - only applicable for edit -->

resources/views/app/patient/tickets/lab.blade.php

@@ -55,24 +55,10 @@
     <div v-if="!preparing" class="stag-popup stag-popup-sm stag-slide mcp-theme-1" stag-popup-key="lab-popup">
         <form method="POST" action="" class="p-0">
             <h3 class="stag-popup-title mb-0 p-3 bg-light">
-
                 <span v-if="labPopupMode === 'add'" class="flex-grow-1 text-nowrap overflow-hidden text-ellipsis mr-3">Add Lab Ticket</span>
                 <span v-if="labPopupMode === 'edit'" class="flex-grow-1 text-nowrap overflow-hidden text-ellipsis mr-3"
                       v-html="labPopupItem.data.tests && Array.isArray(labPopupItem.data.tests) ? labPopupItem.data.tests.join(', ') : 'Edit Lab Ticket'"></span>
-                <div v-if="labPopupMode === 'edit'" class="ml-auto mr-3">
-                    <a v-if="labPopupItem.is_open" href="#"
-                       class="btn btn-sm btn-default border bg-white text-dark text-nowrap shadow-none"
-                       v-on:click.prevent="closeItem(labPopupItem)">
-                        <i class="fa fa-check text-success mr-2"></i>Mark Complete
-                    </a>
-                    <a v-if="!labPopupItem.is_open" href="#"
-                       class="btn btn-sm btn-success text-nowrap text-white shadow-none"
-                       v-on:click.prevent="openItem(labPopupItem)">
-                        <i class="fa fa-check mr-2"></i>Complete
-                    </a>
-                </div>
-                <a href="#" class="text-secondary"
-                   onclick="return closeStagPopup()"><i class="fa fa-chevron-right"></i></a>
+                @include('app.patient.tickets.header-end', ['category' => 'lab'])
             </h3>
 
             <!-- common - only applicable for edit -->