Эх сурвалжийг харах

Style client history page

Vijayakrishnan Krishnan 5 жил өмнө
parent
commit
79cf5a633d

+ 48 - 37
resources/views/app/patient/history.blade.php

@@ -5,18 +5,21 @@
 
 @section('inner-content')
     <div class="">
-        <div class="d-flex align-items-center" moe>
-            <h4 class="mr-3 mb-3 font-weight-normal">Medical History</h4>
-            <a start show class="btn btn-sm btn-primary py-0 mb-3">+ Add</a>
-            <form url="/api/clientInfoLine/create">
-                <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
-                <input type="hidden" name="category" value="history_medical">
-                <div class="mb-2"><input type="text" class="form-control form-control-sm" name="contentText" value="" placeholder="History"></div>
-                <div class="d-flex align-items-center">
-                    <button class="btn btn-sm btn-primary mr-2" submit>Save</button>
-                    <button class="btn btn-sm btn-default mr-2 border" cancel>Cancel</button>
-                </div>
-            </form>
+        <div class="d-flex align-items-center pb-2">
+            <h4 class="m-0 font-weight-bold">Medical History</h4>
+            <span class="mx-2 text-secondary">|</span>
+            <div moe>
+                <a start show class="py-0">Add</a>
+                <form url="/api/clientInfoLine/create">
+                    <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
+                    <input type="hidden" name="category" value="history_medical">
+                    <div class="mb-2"><input type="text" class="form-control form-control-sm" name="contentText" value="" placeholder="History"></div>
+                    <div class="d-flex align-items-center">
+                        <button class="btn btn-sm btn-primary mr-2" submit>Save</button>
+                        <button class="btn btn-sm btn-default mr-2 border" cancel>Cancel</button>
+                    </div>
+                </form>
+            </div>
         </div>
         <table class="table table-striped table-sm table-bordered">
             <thead>
@@ -35,7 +38,7 @@
                             <td class="px-2">{{$line->contentText}}</td>
                             <td class="px-2 text-center delete-column">
                                 <div moe relative>
-                                    <a start show><i class="fa fa-trash text-danger"></i></a>
+                                    <a start show class="on-hover-opaque"><i class="fa fa-trash-alt text-danger"></i></a>
                                     <form url="/api/clientInfoLine/remove" right>
                                         <input type="hidden" name="uid" value="{{ $line->uid }}">
                                         <p class="small">Are you sure you want to delete this entry?</p>
@@ -57,9 +60,10 @@
     {{-- history_surgical --}}
     <div class="mt-4">
         <div class="d-flex align-items-center pb-2">
-            <h4 class="mr-3 mb-3 font-weight-normal">Surgical History</h4>
+            <h4 class="m-0 font-weight-bold">Surgical History</h4>
+            <span class="mx-2 text-secondary">|</span>
             <div moe>
-                <a start show class="btn btn-sm btn-primary py-0 mb-3">+ Add</a>
+                <a start show class="py-0 mb-3">Add</a>
                 <form url="/api/clientInfoLine/create">
                     <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
                     <input type="hidden" name="category" value="history_surgical">
@@ -88,7 +92,7 @@
                             <td class="px-2">{{$line->contentText}}</td>
                             <td class="px-2 text-center delete-column">
                                 <div moe relative>
-                                    <a start show><i class="fa fa-trash text-danger"></i></a>
+                                    <a start show class="on-hover-opaque"><i class="fa fa-trash-alt text-danger"></i></a>
                                     <form url="/api/clientInfoLine/remove" right>
                                         <input type="hidden" name="uid" value="{{ $line->uid }}">
                                         <p class="small">Are you sure you want to delete this entry?</p>
@@ -110,9 +114,10 @@
     {{-- history_family --}}
     <div class="mt-4">
         <div class="d-flex align-items-center pb-2">
-            <h4 class="mr-3 mb-3 font-weight-normal">Family History</h4>
+            <h4 class="m-0 font-weight-bold">Family History</h4>
+            <span class="mx-2 text-secondary">|</span>
             <div moe>
-                <a start show class="btn btn-sm btn-primary py-0 mb-3">+ Add</a>
+                <a start show class="py-0 mb-3">Add</a>
                 <form url="/api/clientInfoLine/create">
                     <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
                     <input type="hidden" name="category" value="history_family">
@@ -141,7 +146,7 @@
                             <td class="px-2">{{$line->contentText}}</td>
                             <td class="px-2 text-center delete-column">
                                 <div moe relative>
-                                    <a start show><i class="fa fa-trash text-danger"></i></a>
+                                    <a start show class="on-hover-opaque"><i class="fa fa-trash-alt text-danger"></i></a>
                                     <form url="/api/clientInfoLine/remove" right>
                                         <input type="hidden" name="uid" value="{{ $line->uid }}">
                                         <p class="small">Are you sure you want to delete this entry?</p>
@@ -163,9 +168,10 @@
     {{-- history_social --}}
     <div class="mt-4">
         <div class="d-flex align-items-center pb-2">
-            <h4 class="mr-3 mb-3 font-weight-normal">Social History</h4>
+            <h4 class="m-0 font-weight-bold">Social History</h4>
+            <span class="mx-2 text-secondary">|</span>
             <div moe>
-                <a start show class="btn btn-sm btn-primary py-0 mb-3">+ Add</a>
+                <a start show class="py-0 mb-3">Add</a>
                 <form url="/api/clientInfoLine/create">
                     <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
                     <input type="hidden" name="category" value="history_social">
@@ -194,7 +200,7 @@
                             <td class="px-2">{{$line->contentText}}</td>
                             <td class="px-2 text-center delete-column">
                                 <div moe relative>
-                                    <a start show><i class="fa fa-trash text-danger"></i></a>
+                                    <a start show class="on-hover-opaque"><i class="fa fa-trash-alt text-danger"></i></a>
                                     <form url="/api/clientInfoLine/remove" right>
                                         <input type="hidden" name="uid" value="{{ $line->uid }}">
                                         <p class="small">Are you sure you want to delete this entry?</p>
@@ -216,9 +222,10 @@
     {{-- history_ob_and_preg --}}
     <div class="mt-4">
         <div class="d-flex align-items-center pb-2">
-            <h4 class="mr-3 mb-3 font-weight-normal">OB & Pregnancy History</h4>
+            <h4 class="m-0 font-weight-bold">OB & Pregnancy History</h4>
+            <span class="mx-2 text-secondary">|</span>
             <div moe>
-                <a start show class="btn btn-sm btn-primary py-0 mb-3">+ Add</a>
+                <a start show class="py-0 mb-3">Add</a>
                 <form url="/api/clientInfoLine/create">
                     <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
                     <input type="hidden" name="category" value="history_ob_and_preg">
@@ -247,7 +254,7 @@
                             <td class="px-2">{{$line->contentText}}</td>
                             <td class="px-2 text-center delete-column">
                                 <div moe relative>
-                                    <a start show><i class="fa fa-trash text-danger"></i></a>
+                                    <a start show class="on-hover-opaque"><i class="fa fa-trash-alt text-danger"></i></a>
                                     <form url="/api/clientInfoLine/remove" right>
                                         <input type="hidden" name="uid" value="{{ $line->uid }}">
                                         <p class="small">Are you sure you want to delete this entry?</p>
@@ -269,9 +276,10 @@
     {{-- history_hospitalizations_procedures --}}
     <div class="mt-4">
         <div class="d-flex align-items-center pb-2">
-            <h4 class="mr-3 mb-3 font-weight-normal">Hospitalizations / Procedures History</h4>
+            <h4 class="m-0 font-weight-bold">Hospitalizations / Procedures History</h4>
+            <span class="mx-2 text-secondary">|</span>
             <div moe>
-                <a start show class="btn btn-sm btn-primary py-0 mb-3">+ Add</a>
+                <a start show class="py-0 mb-3">Add</a>
                 <form url="/api/clientInfoLine/create">
                     <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
                     <input type="hidden" name="category" value="history_hospitalizations_procedures">
@@ -300,7 +308,7 @@
                             <td class="px-2">{{$line->contentText}}</td>
                             <td class="px-2 text-center delete-column">
                                 <div moe relative>
-                                    <a start show><i class="fa fa-trash text-danger"></i></a>
+                                    <a start show class="on-hover-opaque"><i class="fa fa-trash-alt text-danger"></i></a>
                                     <form url="/api/clientInfoLine/remove" right>
                                         <input type="hidden" name="uid" value="{{ $line->uid }}">
                                         <p class="small">Are you sure you want to delete this entry?</p>
@@ -322,9 +330,10 @@
     {{-- history_screenings --}}
     <div class="mt-4">
         <div class="d-flex align-items-center pb-2">
-            <h4 class="mr-3 mb-3 font-weight-normal">Screenings History</h4>
+            <h4 class="m-0 font-weight-bold">Screenings History</h4>
+            <span class="mx-2 text-secondary">|</span>
             <div moe>
-                <a start show class="btn btn-sm btn-primary py-0 mb-3">+ Add</a>
+                <a start show class="py-0 mb-3">Add</a>
                 <form url="/api/clientInfoLine/create">
                     <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
                     <input type="hidden" name="category" value="history_screenings">
@@ -353,7 +362,7 @@
                             <td class="px-2">{{$line->contentText}}</td>
                             <td class="px-2 text-center delete-column">
                                 <div moe relative>
-                                    <a start show><i class="fa fa-trash text-danger"></i></a>
+                                    <a start show class="on-hover-opaque"><i class="fa fa-trash-alt text-danger"></i></a>
                                     <form url="/api/clientInfoLine/remove" right>
                                         <input type="hidden" name="uid" value="{{ $line->uid }}">
                                         <p class="small">Are you sure you want to delete this entry?</p>
@@ -375,9 +384,10 @@
     {{-- history_colonoscopy --}}
     <div class="mt-4">
         <div class="d-flex align-items-center pb-2">
-            <h4 class="mr-3 mb-3 font-weight-normal">Colonoscopy History</h4>
+            <h4 class="m-0 font-weight-bold">Colonoscopy History</h4>
+            <span class="mx-2 text-secondary">|</span>
             <div moe>
-                <a start show class="btn btn-sm btn-primary py-0 mb-3">+ Add</a>
+                <a start show class="py-0 mb-3">Add</a>
                 <form url="/api/clientInfoLine/create">
                     <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
                     <input type="hidden" name="category" value="history_colonoscopy">
@@ -406,7 +416,7 @@
                             <td class="px-2">{{$line->contentText}}</td>
                             <td class="px-2 text-center delete-column">
                                 <div moe relative>
-                                    <a start show><i class="fa fa-trash text-danger"></i></a>
+                                    <a start show class="on-hover-opaque"><i class="fa fa-trash-alt text-danger"></i></a>
                                     <form url="/api/clientInfoLine/remove" right>
                                         <input type="hidden" name="uid" value="{{ $line->uid }}">
                                         <p class="small">Are you sure you want to delete this entry?</p>
@@ -428,9 +438,10 @@
     {{-- history_mammogram --}}
     <div class="mt-4">
         <div class="d-flex align-items-center pb-2">
-            <h4 class="mr-3 mb-3 font-weight-normal">Mammogram History</h4>
+            <h4 class="m-0 font-weight-bold">Mammogram History</h4>
+            <span class="mx-2 text-secondary">|</span>
             <div moe>
-                <a start show class="btn btn-sm btn-primary py-0 mb-3">+ Add</a>
+                <a start show class="py-0 mb-3">Add</a>
                 <form url="/api/clientInfoLine/create">
                     <input type="hidden" name="clientUid" value="{{ $patient->uid }}">
                     <input type="hidden" name="category" value="history_mammogram">
@@ -459,7 +470,7 @@
                             <td class="px-2">{{$line->contentText}}</td>
                             <td class="px-2 text-center delete-column">
                                 <div moe relative>
-                                    <a start show><i class="fa fa-trash text-danger"></i></a>
+                                    <a start show class="on-hover-opaque"><i class="fa fa-trash-alt text-danger"></i></a>
                                     <form url="/api/clientInfoLine/remove" right>
                                         <input type="hidden" name="uid" value="{{ $line->uid }}">
                                         <p class="small">Are you sure you want to delete this entry?</p>