wip

app/DataTables/WorklistDataTable.php

@@ -255,7 +255,7 @@ private function renderCustomColumns(): array
                     break;
                 case WorklistColumn::History:
                     $columns[$col->value] = fn (Study $study) => sprintf('
-   <a href="#" data-id="%s" class="btn btn-sm btn-outline-light show-attach">
+   <a href="#" data-id="%s" class="btn btn-sm btn-outline-light show-attach" data-bs-toggle="tooltip" data-bs-placement="right" title="Tooltip on right">
     <i class="fa-light fa-file-prescription %s"></i>
     </a>
 ',

resources/assets/js/forms-pickers.js

@@ -0,0 +1,11 @@
+'use strict';
+
+(function () {
+    const flatpickrDate = document.querySelector('.flatpickr-date');
+
+    if (flatpickrDate) {
+        flatpickrDate.flatpickr({
+            monthSelectorType: 'static'
+        });
+    }
+})();

resources/assets/js/ui-popover.js

@@ -0,0 +1,8 @@
+'use strict';
+
+(function () {
+    const popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
+    const popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
+        return new bootstrap.Popover(popoverTriggerEl);
+    });
+})();

resources/views/_partials/_tooltip.blade.php

@@ -0,0 +1 @@
+data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="{{ $tip }}"

resources/views/layouts/sections/scripts.blade.php

@@ -4,10 +4,6 @@
   'resources/assets/vendor/libs/jquery/jquery.js',
   'resources/assets/vendor/libs/popper/popper.js',
   'resources/assets/vendor/js/bootstrap.js',
-  'resources/assets/vendor/libs/node-waves/node-waves.js',
-  'resources/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js',
-  'resources/assets/vendor/libs/hammer/hammer.js',
-  'resources/assets/vendor/libs/typeahead-js/typeahead.js',
   'resources/assets/vendor/js/menu.js'
 ])
 
@@ -17,12 +13,8 @@
 @vite(['resources/assets/js/main.js'])
 
 <!-- END: Theme JS-->
-<!-- Pricing Modal JS-->
-@stack('pricing-script')
-<!-- END: Pricing Modal JS-->
 <!-- BEGIN: Page JS-->
 @yield('page-script')
 <!-- END: Page JS-->
 
 @stack('modals')
-@livewireScripts

resources/views/layouts/sections/scriptsFront.blade.php

@@ -13,9 +13,6 @@
 <!-- BEGIN: Theme JS-->
 @vite(['resources/assets/js/front-main.js'])
 <!-- END: Theme JS-->
-<!-- Pricing Modal JS-->
-@stack('pricing-script')
-<!-- END: Pricing Modal JS-->
 <!-- BEGIN: Page JS-->
 @yield('page-script')
 <!-- END: Page JS-->

resources/views/layouts/sections/styles.blade.php

@@ -17,12 +17,10 @@
 
 <!-- Vendor Styles -->
 @vite([
-  'resources/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.scss',
+  'resources/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.scss'
-  'resources/assets/vendor/libs/typeahead-js/typeahead.scss'
 ])
 @yield('vendor-style')
 
 <!-- Page Styles -->
 @yield('page-style')
 
-@livewireStyles

resources/views/staff/meta/edit.blade.php

@@ -3,12 +3,22 @@
 @section('title', 'Edit Study')
 
 @section('vendor-style')
+    @vite([
+        'resources/assets/vendor/libs/flatpickr/flatpickr.scss'
+    ])
 @endsection
 
 @section('vendor-script')
+    @vite([
+        'resources/assets/vendor/libs/flatpickr/flatpickr.js'
+    ])
 @endsection
 
 @section('page-script')
+    @vite([
+        'resources/assets/js/forms-pickers.js',
+        'resources/assets/js/ui-popover.js'
+    ])
 @endsection
 
 @section('content')
@@ -62,7 +72,8 @@
 
         <button type="submit" class="btn btn-primary me-4">
             <i class="fa-regular fa-cloud-arrow-up me-1"></i>
-            Save</button>
+            Save
+        </button>
         <button type="button" class="btn btn-danger" onclick="window.open('', '_self', ''); window.close();">Cancel
         </button>
     </form>

resources/views/staff/meta/partials/_date.blade.php

@@ -1,4 +1,4 @@
 <div class="form-floating form-floating-outline mb-6">
-    <input type="text" name="{{ $name }}" id="{{ $name }}" class="form-control dob-picker" placeholder="YYYY-MM-DD" value="{{ $value }}" />
+    <input type="text" type="date" name="{{ $name }}" id="{{ $name }}" class="form-control flatpickr-date" placeholder="YYYY-MM-DD" value="{{ $value }}" />
     <label for="{{ $name }}">{{ $label }}</label>
 </div>

resources/views/staff/worklist/index.blade.php

@@ -31,11 +31,16 @@
 
     @vite([
         'resources/assets/vendor/libs/jquery/jquery.js',
+        'resources/assets/vendor/libs/popper/popper.js',
         'resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js',
     ])
 @endsection
 
 @section('page-script')
+    @vite([
+        'resources/assets/js/ui-popover.js'
+    ])
+
     {{ $dataTable->scripts(attributes: ['type' => 'module']) }}
 
     <script type="text/javascript">