Dashboard appts. UI updates

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

@@ -397,6 +397,8 @@
                                         // self.highlightDatesWithEvents(self.datesWithEvents);
                                         initFastLoad($('.appointments-tab'));
                                         initFastLoad($('#pro-dashboard-container'));
+                                        $('#pro-dashboard-container').find('[moe][initialized]').removeAttr('initialized');
+                                        initMoes();
                                     });
                                 });
                             }, 25);

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

@@ -1,17 +1,17 @@
 <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="event.uid">
-		<p class="text-nowrap">Change appointment status</p>
-		<select name="status" class="form-control input-sm bg-light">
-			<option value="PENDING">PENDING</option>
-			<option value="CONFIRMED">CONFIRMED</option>
-			<option value="CANCELLED">CANCELLED</option>
-			<option value="COMPLETED">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>
+    <a href="#" start show><i class="fa fa-edit"></i></a>
+    <form url="/api/appointment/updateStatus">
+        <input type="hidden" name="uid" :value="event.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" :selected="event.status === 'PENDING'">PENDING</option>
+            <option value="CONFIRMED" :selected="event.status === 'CONFIRMED'">CONFIRMED</option>
+            <option value="CANCELLED" :selected="event.status === 'CANCELLED'">CANCELLED</option>
+            <option value="COMPLETED" :selected="event.status === 'COMPLETED'">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>