DB appt status change moe - use hook to refresh just the appts.

resources/views/app/dashboard-mcp.blade.php

@@ -501,6 +501,10 @@
                         }, 'json');
                         return false;
                     });
+
+                addMCHook('refreshDashboardAppointments', function() {
+                    onDateChange(selectedDate);
+                });
             }
 
             addMCInitializer('pro-dashboard', init, '#pro-dashboard-container');

resources/views/app/mcp/dashboard/appointment-change-status.blade.php

@@ -1,17 +0,0 @@
-<div class="ml-2" moe relative>
-    <a href="#" start show><i class="fa fa-edit"></i></a>
-    <form url="/api/appointment/updateStatus">
-        <input type="hidden" name="uid" value="{{$appointment->uid}}">
-        <p class="text-nowrap mb-2 font-weight-bold text-secondary">Change appointment status</p>
-        <select name="status" class="form-control form-control-sm input-sm bg-light mb-2">
-            <option value="PENDING" {{$appointment->status === 'PENDING' ? 'selected' : ''}}>PENDING</option>
-            <option value="CONFIRMED" {{$appointment->status === 'CONFIRMED' ? 'selected' : ''}}>CONFIRMED</option>
-            <option value="CANCELLED" {{$appointment->status === 'CANCELLED' ? 'selected' : ''}}>CANCELLED</option>
-            <option value="COMPLETED" {{$appointment->status === 'COMPLETED' ? 'selected' : ''}}>COMPLETED</option>
-        </select>
-        <div class="mb-0">
-            <button class="btn btn-primary btn-sm" submit>Submit</button>
-            <button class="btn btn-default border btn-sm" cancel>Cancel</button>
-        </div>
-    </form>
-</div>

resources/views/app/mcp/dashboard/appointments-list.blade.php

@@ -44,7 +44,23 @@
                                     Completed
                                 </div>
                             @endif
-                            @include('app.mcp.dashboard.appointment-change-status', compact('appointment'))
+                            <div class="ml-2" moe relative>
+                                <a href="#" start show><i class="fa fa-edit"></i></a>
+                                <form url="/api/appointment/updateStatus" hook="refreshDashboardAppointments">
+                                    <input type="hidden" name="uid" value="{{$appointment->uid}}">
+                                    <p class="text-nowrap mb-2 font-weight-bold text-secondary">Change appointment status</p>
+                                    <select name="status" class="form-control form-control-sm input-sm bg-light mb-2">
+                                        <option value="PENDING" {{$appointment->status === 'PENDING' ? 'selected' : ''}}>PENDING</option>
+                                        <option value="CONFIRMED" {{$appointment->status === 'CONFIRMED' ? 'selected' : ''}}>CONFIRMED</option>
+                                        <option value="CANCELLED" {{$appointment->status === 'CANCELLED' ? 'selected' : ''}}>CANCELLED</option>
+                                        <option value="COMPLETED" {{$appointment->status === 'COMPLETED' ? 'selected' : ''}}>COMPLETED</option>
+                                    </select>
+                                    <div class="mb-0">
+                                        <button class="btn btn-primary btn-sm" submit>Submit</button>
+                                        <button class="btn btn-default border btn-sm" cancel>Cancel</button>
+                                    </div>
+                                </form>
+                            </div>
                         </div>
                         @if($from === date('Y-m-d'))
                             <div class="{{$appointment->started ? 'text-danger': 'text-secondary'}}">