Instant filter for shortcuts

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

@@ -14,12 +14,12 @@
         <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">Personal Text Shortcuts</a>
-                <a class="{{$performer->pro->pro_type === 'ADMIN' ? 'tab-link-active' : ''}}" href="#" tab-link="global">Global Text Shortcuts</a>
+                <a class="tab-link-active" href="#" tab-link="personal">Personal Text Shortcuts</a>
+                <a class="" 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 tab-key="personal" class="cm-tab">
                 <div class="d-flex align-items-baseline">
                     <div class="py-3 font-weight-bold font-size-14">Personal Text Shortcuts</div>
                     <span class="mx-2 text-secondary">|</span>
@@ -56,14 +56,14 @@
                         <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">
+                                    <input type="text" class="form-control form-control-sm min-width-unset rounded-0 border-0" stag-table-filter 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">
+                                <input type="text" class="form-control form-control-sm min-width-unset rounded-0 border-0" stag-table-filter 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">
+                                <input type="text" class="form-control form-control-sm min-width-unset rounded-0 border-0" stag-table-filter placeholder="Filter">
                             </th>
                             <th class="p-0 border-top border-bottom-0 width-200px"></th>
                         </tr>
@@ -129,7 +129,7 @@
             </div>
 
             <!-- global shortcuts -->
-            <div tab-key="global" class="cm-tab {{$performer->pro->pro_type !== 'ADMIN' ? 'd-none' : ''}}">
+            <div tab-key="global" class="cm-tab d-none">
                 <div class="d-flex align-items-baseline">
                     <div class="py-3 font-weight-bold font-size-14">Global Text Shortcuts</div>
                     @if($performer->pro->pro_type === 'ADMIN')
@@ -164,10 +164,10 @@
                         </tr>
                         <tr>
                             <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">
+                                <input type="text" class="form-control form-control-sm min-width-unset rounded-0 border-0" stag-table-filter 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">
+                                <input type="text" class="form-control form-control-sm min-width-unset rounded-0 border-0" stag-table-filter placeholder="Filter">
                             </th>
                             @if($performer->pro->pro_type === 'ADMIN')
                                 <th class="p-0 border-top border-bottom-0 width-200px"></th>