My text shortcuts page overhaul (wip)

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

@@ -14,20 +14,23 @@
         <div class="card-body p-3">
 
             <div class="d-flex align-items-baseline" tab-links="">
-                <a class="{{$performer->pro->pro_type !== 'ADMIN' ? 'tab-link-active' : ''}}" href="#" tab-link="personal">My Text Shortcuts</a>
+                <a class="{{$performer->pro->pro_type !== 'ADMIN' ? 'tab-link-active' : ''}}" href="#" tab-link="personal">Personal Text Shortcuts</a>
                 <a class="{{$performer->pro->pro_type === 'ADMIN' ? 'tab-link-active' : ''}}" href="#" tab-link="global">Global Text Shortcuts</a>
             </div>
 
             <!-- personal shortcuts -->
             <div tab-key="personal" class="cm-tab {{$performer->pro->pro_type === 'ADMIN' ? 'd-none' : ''}}">
                 <div class="d-flex align-items-baseline">
-                    <div class="py-3 font-weight-bold font-size-14">My Text Shortcuts</div>
+                    <div class="py-3 font-weight-bold font-size-14">Personal Text Shortcuts</div>
                     <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}}">
                             <p><b>Add Personal Shortcut</b></p>
+                            <div class="mb-2">
+                                Pro: <b>{{$pro->displayName()}}</b>
+                            </div>
                             <div class="mb-2">
                                 <input type="text" class="form-control form-control-sm" name="shortcut" placeholder="Shortcut *" required>
                             </div>
@@ -50,6 +53,20 @@
                             <th class="border-0">Text</th>
                             <th class="border-0 width-200px">&nbsp;</th>
                         </tr>
+                        <tr>
+                            <th class="p-0 border-top border-bottom-0">
+                                @if($performer->pro->pro_type === 'ADMIN')
+                                    <input type="text" class="form-control form-control-sm min-width-unset rounded-0 border-0" placeholder="Filter">
+                                @endif
+                            </th>
+                            <th class="p-0 border-top border-bottom-0 width-200px">
+                                <input type="text" class="form-control form-control-sm min-width-unset rounded-0 border-0" placeholder="Filter">
+                            </th>
+                            <th class="p-0 border-top border-bottom-0">
+                                <input type="text" class="form-control form-control-sm min-width-unset rounded-0 border-0" placeholder="Filter">
+                            </th>
+                            <th class="p-0 border-top border-bottom-0 width-200px"></th>
+                        </tr>
                         </thead>
                         <tbody>
                         @foreach($personalShortcuts as $textShortcut)
@@ -148,6 +165,18 @@
                                 <th class="border-0 width-200px">&nbsp;</th>
                             @endif
                         </tr>
+                        <tr>
+                            <th class="p-0 border-top border-bottom-0"></th>
+                            <th class="p-0 border-top border-bottom-0 width-200px">
+                                <input type="text" class="form-control form-control-sm min-width-unset rounded-0 border-0" placeholder="Filter">
+                            </th>
+                            <th class="p-0 border-top border-bottom-0">
+                                <input type="text" class="form-control form-control-sm min-width-unset rounded-0 border-0" placeholder="Filter">
+                            </th>
+                            @if($performer->pro->pro_type === 'ADMIN')
+                                <th class="p-0 border-top border-bottom-0 width-200px"></th>
+                            @endif
+                        </tr>
                         </thead>
                         <tbody>
                         @foreach($globalTextShortcuts as $textShortcut)