[STAG-53] Shortcuts CRUD UI

app/Http/Controllers/PracticeManagementController.php

@@ -130,7 +130,7 @@ class PracticeManagementController extends Controller
     public function myTextShortcuts(Request $request)
     {
         $performer = $this->performer();
-        $myTextShortcuts = ProTextShortcut::where('pro_id', $performer->pro_id)->get();
+        $myTextShortcuts = ProTextShortcut::where('pro_id', $performer->pro_id)->where('is_removed', false)->get();
         return view('app.practice-management.my-text-shortcuts', compact('myTextShortcuts'));
     }
 

resources/views/app/practice-management/my-text-shortcuts.blade.php

@@ -6,11 +6,31 @@
     <div class="card">
 
         <div class="card-header px-3 py-2 d-flex align-items-center">
-            <strong class="mr-4">
+            <strong class="">
                 <i class="fas fa-user-injured"></i>
                 Text Shortcuts
             </strong>
-           
+            <span class="mx-2 text-secondary">|</span>
+            <div moe wide class="mr-2">
+                <a start show>
+                    Add
+                </a>
+                <form url="/api/proTextShortcut/create">
+                    <input type="hidden" name="proUid" value="{{$pro->uid}}">
+                    <div class="mb-2">
+                        <input type="text" class="form-control form-control-sm" name="shortcut"
+                               placeholder="Shortcut *">
+                    </div>
+                    <div class="mb-2">
+                        <textarea type="text" class="form-control form-control-sm" name="shortcut"
+                                                      placeholder="Context *"></textarea>
+                    </div>
+                    <div class="form-group m-0">
+                        <button submit class="btn btn-primary btn-sm mr-2">Submit</button>
+                        <button cancel class="btn btn-default border btn-sm mr-2">Cancel</button>
+                    </div>
+                </form>
+            </div>
         </div>
         <div class="card-body p-0">
             <table class="table table-condensed p-0 m-0">
@@ -27,15 +47,43 @@
                         <td class="px-3">{{ $textShortcut->shortcut }}</td>
                         <td>{{ $textShortcut->text }}</td>
                         <td>
-                            <div moe>
-                                <a start show>Update</a>
-                                <form url="/api/clientSms/assignIncomingSmsToClient">
-                                    <input type="hidden" name="uid" value="{{$textShortcut->uid}}">
-                                   
-                                    <div class="form-group m-0">
-                                        <button submit class="btn btn-primary btn-sm">submit</button>
-                                    </div>
-                                </form>
+                            <div class="d-flex align-items-center">
+                                <div moe wide class="mr-3">
+                                    <a start show>
+                                        <i class="fa fa-pencil-alt"></i>
+                                    </a>
+                                    <form url="/api/proTextShortcut/update" right>
+                                        <input type="hidden" name="uid" value="{{$textShortcut->uid}}">
+                                        <div class="mb-2">
+                                            <input type="text" class="form-control form-control-sm" name="shortcut"
+                                                   value="{{$textShortcut->shortcut}}"
+                                                   placeholder="Shortcut *">
+                                        </div>
+                                        <div class="mb-2">
+                                            <textarea type="text" class="form-control form-control-sm" name="shortcut"
+                                                      placeholder="Context *">{{$textShortcut->text}}</textarea>
+                                        </div>
+                                        <div class="form-group m-0">
+                                            <button submit class="btn btn-primary btn-sm mr-2">Submit</button>
+                                            <button cancel class="btn btn-default border btn-sm mr-2">Cancel</button>
+                                        </div>
+                                    </form>
+                                </div>
+                                <div moe wide class="mr-2">
+                                    <a start show class="text-danger">
+                                        <i class="fa fa-trash-alt"></i>
+                                    </a>
+                                    <form url="/api/proTextShortcut/remove" right>
+                                        <input type="hidden" name="uid" value="{{$textShortcut->uid}}">
+                                        <p>
+                                            Are you sure you want to remove this shortcut?
+                                        </p>
+                                        <div class="form-group m-0">
+                                            <button submit class="btn btn-danger btn-sm mr-2">Yes</button>
+                                            <button cancel class="btn btn-default border btn-sm mr-2">No</button>
+                                        </div>
+                                    </form>
+                                </div>
                             </div>
                         </td>
                     </tr>