From 278f285e4b999046c471e368a07a18d95d61c150 Mon Sep 17 00:00:00 2001
From: Dr Masroor Ehsan <masroore@gmail.com>
Date: Tue, 7 Jan 2025 01:30:55 +0600
Subject: [PATCH] UI fixes

---
 resources/views/staff/history/edit.blade.php  | 54 +++++--------------
 .../staff/history/partials/_history.blade.php | 27 ++++++----
 .../partials/_uploaded-studies-list.blade.php | 53 +++++++++---------
 resources/views/staff/history/view.blade.php  |  2 +-
 .../staff/studies/show-details.blade.php      | 10 ++++
 5 files changed, 71 insertions(+), 75 deletions(-)

diff --git a/resources/views/staff/history/edit.blade.php b/resources/views/staff/history/edit.blade.php
index 268aba4..12c686a 100644
--- a/resources/views/staff/history/edit.blade.php
+++ b/resources/views/staff/history/edit.blade.php
@@ -20,38 +20,16 @@
         'resources/fontawesome/scss/light.scss',
         'resources/assets/vendor/libs/dropzone/dropzone.scss'
     ])
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.27.3/ui/trumbowyg.min.css"
-          integrity="sha512-Fm8kRNVGCBZn0sPmwJbVXlqfJmPC13zRsMElZenX6v721g/H7OukJd8XzDEBRQ2FSATK8xNF9UYvzsCtUpfeJg=="
-          crossorigin="anonymous" referrerpolicy="no-referrer"/>
 @endsection
 
 @section('vendor-script')
     <script src="//code.jquery.com/jquery-3.7.1.min.js" crossorigin="anonymous"></script>
     <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.7.1.slim.js"><\/script>')</script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.27.3/trumbowyg.min.js"
-            integrity="sha512-YJgZG+6o3xSc0k5wv774GS+W1gx0vuSI/kr0E0UylL/Qg/noNspPtYwHPN9q6n59CTR/uhgXfjDXLTRI+uIryg=="
-            crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/Trumbowyg/2.27.3/plugins/cleanpaste/trumbowyg.cleanpaste.min.js"
-            integrity="sha512-UInqT8f+K1tkck6llPo0HDxlT/Zxv8t4OGeCuVfsIlXLrnP1ZKDGb+tBsBPMqDW15OcmV8NDfQe9+EaAG4aXeg=="
-            crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-
     <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.3/min/dropzone.min.js"></script>
 @endsection
 
 @section('page-script')
     <script>
-
-        $('.tw_ed').trumbowyg({
-            btns: [
-                ['strong', 'em'],
-                ['removeformat'],
-                ['viewHTML'],
-                ['fullscreen']
-            ],
-            removeformatPasted: true
-        });
-
-
         (function () {
             // previewTemplate: Updated Dropzone default previewTemplate
             // ! Don't change it unless you really know what you are doing
@@ -108,31 +86,25 @@
             <form action="{{ route('staff.history.save', $details->hash) }}" method="post">
                 @csrf
                 <input type="hidden" name="study_id" value="{{ $details->hash }}">
+
                 <h5>Clinical History</h5>
-                <div class="p-4 border-gray-100">
-                    <div class="tw_ed" name="clinical_history" id="clinical_history"
-                    >{!! $details->clinical_history !!}</div class="tw_ed">
+                <div class="form-floating form-floating-outline mb-6 border-gray-100">
+                    <textarea name="clinical_history" id="clinical_history" class="form-control h-px-100">{!! $details->clinical_history !!}</textarea>
                 </div>
-                <x-section-border/>
 
-                <h5>surgical history</h5>
-                <div class="p-4 border-gray-100">
-                    <div class="tw_ed" name="surgical_history" id="surgical_history"
-                    >{!! $details->surgical_history !!}</div class="tw_ed">
+                <h5>Surgical history</h5>
+                <div class="form-floating form-floating-outline mb-6 border-gray-100">
+                    <textarea name="surgical_history" id="surgical_history" class="form-control h-px-100">{!! $details->surgical_history !!}</textarea>
                 </div>
-                <x-section-border/>
 
-                <h5>lab results</h5>
-                <div class="p-4 border-gray-100">
-                    <div class="tw_ed" name="lab_results" id="lab_results"
-                    >{!! $details->lab_results !!}</div class="tw_ed">
+                <h5>Laboratory Results</h5>
+                <div class="form-floating form-floating-outline mb-6 border-gray-100">
+                    <textarea name="lab_results" id="lab_results" class="form-control h-px-100">{!! $details->lab_results !!}</textarea>
                 </div>
-                <x-section-border/>
 
-                <h5>clinical diagnosis</h5>
-                <div class="p-4 border-gray-100">
-                    <div class="tw_ed" name="clinical_diagnosis" id="clinical_diagnosis"
-                    >{!! $details->clinical_diagnosis !!}</div class="tw_ed">
+                <h5>Clinical Diagnosis</h5>
+                <div class="form-floating form-floating-outline mb-6 border-gray-100">
+                    <textarea name="clinical_diagnosis" id="clinical_diagnosis" class="form-control h-px-100">{!! $details->clinical_diagnosis !!}</textarea>
                 </div>
 
                 <button class="btn btn-primary btn-lg text-end" type="submit">Save</button>
@@ -160,7 +132,7 @@
             </div>
 
             <!-- List of uploaded files -->
-            @include('staff.history.partials._uploaded-studies-list', ['study' => $study, 'allow_delete' => true])
+            @include('staff.history.partials._uploaded-studies-list', ['study' => $study, 'allow_delete' => true, 'table_header' => true])
         </div>
 
 
diff --git a/resources/views/staff/history/partials/_history.blade.php b/resources/views/staff/history/partials/_history.blade.php
index a048f72..e8e8447 100644
--- a/resources/views/staff/history/partials/_history.blade.php
+++ b/resources/views/staff/history/partials/_history.blade.php
@@ -1,15 +1,20 @@
-<div class="card shadow-none bg-transparent border mb-4">
-    <div class="card-body">
-        <h5 class="card-title">Clinical History</h5>
-        {!! $details->clinical_history !!}
+@if (!blank($details->surgical_history))
+    <div class="card shadow-none bg-transparent border mb-4">
+        <div class="card-body">
+            <h5 class="card-title">Clinical History</h5>
+            <p class="card-text text-wrap">
+                {{ $details->clinical_history }}
+            </p>
+        </div>
     </div>
-</div>
-
+@endif
 @if (!blank($details->surgical_history))
     <div class="card shadow-none bg-transparent border mb-4">
         <div class="card-body">
             <h5 class="card-title">Surgical History</h5>
-            {!! $details->surgical_history !!}
+            <p class="card-text text-wrap">
+                {{ $details->surgical_history }}
+            </p>
         </div>
     </div>
 @endif
@@ -18,7 +23,9 @@
     <div class="card shadow-none bg-transparent border mb-4">
         <div class="card-body">
             <h5 class="card-title">Lab Results</h5>
-            {!! $details->lab_results !!}
+            <p class="text-wrap">
+                {{ $details->lab_results }}
+            </p>
         </div>
     </div>
 @endif
@@ -27,7 +34,9 @@
     <div class="card shadow-none bg-transparent border mb-4">
         <div class="card-body">
             <h5 class="card-title">Clinical Diagnosis</h5>
-            {!! $details->clinical_diagnosis !!}
+            <p class="text-wrap">
+                {{ $details->clinical_diagnosis }}
+            </p>
         </div>
     </div>
 @endif
diff --git a/resources/views/staff/history/partials/_uploaded-studies-list.blade.php b/resources/views/staff/history/partials/_uploaded-studies-list.blade.php
index 84a1315..ee67bcf 100644
--- a/resources/views/staff/history/partials/_uploaded-studies-list.blade.php
+++ b/resources/views/staff/history/partials/_uploaded-studies-list.blade.php
@@ -1,15 +1,17 @@
 <div class="table-responsive text-nowrap">
     <table class="table dataTable no-footer table-sm">
-        <thead>
-        <tr>
-            <th>File</th>
-            <th>Size</th>
-            <th>Uploaded</th>
-            @if ($allow_delete)
-            <th>&nbsp;</th>
-            @endif
-        </tr>
-        </thead>
+        @if ($table_header)
+            <thead>
+            <tr>
+                <th>File</th>
+                <th>Size</th>
+                <th>Uploaded</th>
+                @if ($allow_delete)
+                    <th>&nbsp;</th>
+                @endif
+            </tr>
+            </thead>
+        @endif
         <tbody>
 
         @foreach ($study->getMedia(\App\Models\Study::MEDIA_COLLECTION) as $media)
@@ -18,11 +20,14 @@
                     <div class="d-flex justify-content-start align-items-center">
                         <div class="avatar-wrapper">
                             <div class="avatar me-2">
-                                <img class="rounded" src="{{ thumb_url($media) }}"/>
+                                <a target="_blank" href="{{ $media->getUrl() }}">
+                                    <img class="rounded" src="{{ thumb_url($media) }}"/>
+                                </a>
                             </div>
                         </div>
                         <div class="d-flex flex-column">
-                            <a data-bs-popper="{{ $media->file_name }}" class="text-heading fw-medium" target="_blank" href="{{ $media->getUrl() }}">
+                            <a data-bs-popper="{{ $media->file_name }}" class="text-heading fw-medium" target="_blank"
+                               href="{{ $media->getUrl() }}">
                                 {{ chomp($media->file_name, 20) }}
                             </a>
                         </div>
@@ -37,18 +42,18 @@
                     {{ $media->created_at->format('d.m.Y h:iA') }}
                 </td>
                 @if ($allow_delete)
-                <td>
-                    <div class="d-flex align-items-end">
-                        <form action="{{ route('staff.attachment.delete', [$study->hash, $media->id]) }}"
-                              method="POST" style="display:inline;">
-                            @csrf
-                            @method('DELETE')
-                            <button type="submit" class="btn btn-google-plus btn-xs btn-icon">
-                                <i class="fa fa-trash"></i>
-                            </button>
-                        </form>
-                    </div>
-                </td>
+                    <td>
+                        <div class="d-flex align-items-end">
+                            <form action="{{ route('staff.attachment.delete', [$study->hash, $media->id]) }}"
+                                  method="POST" style="display:inline;">
+                                @csrf
+                                @method('DELETE')
+                                <button type="submit" class="btn btn-google-plus btn-xs btn-icon">
+                                    <i class="fa fa-trash"></i>
+                                </button>
+                            </form>
+                        </div>
+                    </td>
                 @endif
             </tr>
         @endforeach
diff --git a/resources/views/staff/history/view.blade.php b/resources/views/staff/history/view.blade.php
index 07afa9c..eb4c4d9 100644
--- a/resources/views/staff/history/view.blade.php
+++ b/resources/views/staff/history/view.blade.php
@@ -36,7 +36,7 @@
 
         <div class="col-4">
             <h5>Attachments</h5>
-            @include('staff.history.partials._uploaded-studies-list', ['study' => $study, 'allow_delete' => false])
+            @include('staff.history.partials._uploaded-studies-list', ['study' => $study, 'allow_delete' => false, 'table_header' => false])
         </div>
     </div>
 @endsection
diff --git a/resources/views/staff/studies/show-details.blade.php b/resources/views/staff/studies/show-details.blade.php
index 76cc144..b09bb30 100644
--- a/resources/views/staff/studies/show-details.blade.php
+++ b/resources/views/staff/studies/show-details.blade.php
@@ -17,4 +17,14 @@
     </table>
 
     @include('staff.history.partials._history', ['details' => $study->details])
+
+    <div class="card shadow-none bg-transparent border">
+        <div class="card-header">
+            Attachments
+        </div>
+        <div class="card-body">
+            @include('staff.history.partials._uploaded-studies-list', ['study' => $study, 'allow_delete' => false, 'table_header' => false])
+        </div>
+    </div>
+
 </div>