瀏覽代碼

Patient header style updates

Vijayakrishnan 3 年之前
父節點
當前提交
003fb7e9e4
共有 2 個文件被更改,包括 25 次插入133 次删除
  1. 2 2
      public/css/style.css
  2. 23 131
      resources/views/layouts/patient.blade.php

+ 2 - 2
public/css/style.css

@@ -1690,8 +1690,9 @@ button.note-templates-trigger-assessment {
 }
 .on-hover-show .on-hover-content {
     position: absolute;
-    width: 300px;
+    max-width: 300px;
     right: 0;
+    top: 100%;
     background: #fff;
     opacity: 0;
     padding: 0 0.75rem;
@@ -1700,7 +1701,6 @@ button.note-templates-trigger-assessment {
     pointer-events: none;
     transition: opacity 0.3s ease;
     z-index: 2;
-    top: 0;
 }
 .on-hover-show.left .on-hover-content {
     right: auto;

+ 23 - 131
resources/views/layouts/patient.blade.php

@@ -376,7 +376,12 @@ $isOldClient = (date_diff(date_create(config('app.point_impl_date')), date_creat
 											style="background-image:<?=$thumbnail?>"><?=$initials?></div>
 											<div class="d-inline-flex align-items-baseline">
 												<i class="chart mr-2">#{{$patient->chart_number}}</i>
-												<i class="fas fa-info-circle text-primary" data-toggle="tooltip" data-placement="right" title="Joined <?=$memberSince?>"></i>
+												<span class="on-hover-show d-inline-block on-hover-opaque">
+													<i class="fa fa-info-circle ml-1 text-primary"></i>
+													<div class="on-hover-content py-2 pl-3 text-nowrap">
+														Joined <?=$memberSince?>
+													</div>
+												</span>
 											</div>
 										</div>
 										<div class=separators>
@@ -385,8 +390,13 @@ $isOldClient = (date_diff(date_create(config('app.point_impl_date')), date_creat
 											</div>
 											@if($patient->getPrimaryCoverage() &&  $patient->getPrimaryCoverageStatus() === 'YES')
 												<div class="text-nowrap screen-only">
-													<i class="fa fa-check-circle text-success" data-toggle="tooltip" data-placement="bottom" title="Covered"></i>
 													{{$patient->getPrimaryCoverage()->insuranceDisplayName()}}
+													<span class="on-hover-show d-inline-block on-hover-opaque">
+														<i class="fa fa-check-circle text-success"></i>
+														<div class="on-hover-content py-2 pl-3 text-nowrap">
+															Covered
+														</div>
+													</span>
 												</div>
 											@endif
 											<div class="screen-only">
@@ -564,119 +574,10 @@ $isOldClient = (date_diff(date_create(config('app.point_impl_date')), date_creat
 
                                         </div>
                                     </section>
-                                    {{--<section>
-                                        <div>
-                                            <label>Next Appt:</label>
-                                            <?php
-                                            $nextAppointment = $patient->nextMcpAppointment();
-                                            $startTime = false;
-                                            $endTime = false;
-                                            if($nextAppointment) {
-                                                $startTime = date('H:i', strtotime($nextAppointment->start_time));
-                                                $endTime = date('H:i', strtotime($nextAppointment->end_time));
-                                                $nextAppointment = date('Y-m-d', strtotime($nextAppointment->start_time));
-                                            }
-                                            ?>
-                                            {{$nextAppointment ? friendly_date_time($nextAppointment . ($startTime ? ' ' . $startTime : ''), true, '') : '-'}}
-                                            <span moe relative class="ml-1">
-                                                <a start show><i class="fa fa-edit"></i></a>
-                                                <form url="/api/appointment/create" class="mcp-theme-1" right>
-                                                    <input type="hidden" name="clientUid" value="{{$patient->uid}}">
-                                                    <input type="hidden" name="title" value="MCP Appointment">
-                                                    <div class="mb-2">
-                                                        <label class="text-secondary text-sm">Pro</label>
-                                                        <select name="proUid" class="form-control form-control-sm">
-                                                            <option value=""> --select-- </option>
-                                                            @foreach($pros as $iPro)
-                                                                <option value="{{$iPro->uid}}" {{ $iPro->uid === $pro->uid ? 'selected' : '' }}>{{$iPro->displayName()}}</option>
-                                                            @endforeach
-                                                        </select>
-                                                    </div>
-                                                    <div class="mb-2">
-                                                        <label class="text-secondary text-sm">Date</label>
-                                                        <input type="date" name="date" min="{{ date('Y-m-d') }}"
-                                                               value="{{ $nextAppointment ? $nextAppointment : date('Y-m-d') }}"
-                                                               class="form-control form-control-sm">
-                                                    </div>
-                                                    <div class="mb-2">
-                                                        <label class="text-secondary text-sm">Start Time</label>
-                                                        <input type="time" name="startTime" class="form-control form-control-sm"
-                                                               value="{{ $startTime ? $startTime : '' }}">
-                                                    </div>
-                                                    <div class="mb-2">
-                                                        <label class="text-secondary text-sm">End Time</label>
-                                                        <input type="time" name="endTime" class="form-control form-control-sm"
-                                                               value="{{ $endTime ? $endTime : '' }}">
-                                                    </div>
-                                                    <div>
-                                                        <button submit class="btn btn-sm btn-primary mr-1">Submit</button>
-                                                        <button cancel class="btn btn-sm btn-default border">Cancel</button>
-                                                    </div>
-                                                </form>
-                                            </span>
-                                        </div>
-                                        <div>
-                                            <label>CM:</label> {{ $patient->is_enrolled_in_cm === 'YES' ? 'Yes' : 'No' }}
-                                            <label class="ml-2">RM:</label> {{ $patient->is_enrolled_in_rm === 'YES' ? 'Yes' : 'No' }}
-                                        </div>
-                                    </section>--}}
-                                    <section class="hide-inside-popup screen-only vbox mt-2 align-self-start ml-4">
-										@if(false)
-                                        <div moe>
-                                            <button class="col-2-button" start show><i class="fa fa-plus text-sm text-secondary"></i>&nbsp;Note
-                                            </button>
-                                            <form url="/api/note/createUsingTemplate"
-                                                  redir="/patients/view/{{$patient->uid}}/notes/view/[data]"
-                                                  class="mcp-theme-1">
-                                                <input type="hidden" name="clientUid" value="{{$patient->uid}}">
-                                                @if($pro->is_hcp)
-                                                <input type="hidden" name="hcpProUid" value="{{$pro->uid}}">
-                                                @else
-                                                <input type="hidden" name="naProUid" value="{{$pro->uid}}">
-                                                @endif
-                                                <input type="hidden" name="effectiveDateEST" value="{{date("Y-m-d")}}">
-                                                <input type="hidden" name="effectiveTime" value="{{date("h:i")}}">
-                                                <input type="hidden" name="title" id="note-create-title" value="">
-                                                <div class="form-group mb-2">
-                                                    <label for="" class="text-secondary text-sm mb-1">Note Template *</label>
-                                                    <select name="noteTemplateUid" class="form-control form-control-sm"
-                                                            onchange="$('#note-create-title').val($(this).find('option:selected').text())"
-                                                            required>
-                                                        <option value=""> --select--</option>
-                                                        @foreach($pro->noteTemplates as $noteTemplate)
-                                                            <?php $nT = $noteTemplate->template(); ?>
-                                                            <option value="{{$nT->uid}}">{{$nT->title}}</option>
-                                                        @endforeach
-                                                    </select>
-                                                </div>
-                                                <div class="mb-2">
-                                                    <label for="" class="text-secondary text-sm mb-1">Method *</label>
-                                                    <select name="method" class="form-control form-control-sm note-method-select" required>
-                                                        <option value="AUDIO">Audio</option>
-                                                        <option value="VIDEO">Video</option>
-                                                        <option value="IN_CLINIC">In-Clinic</option>
-                                                        <option value="HOUSE_CALL">House Call</option>
-                                                    </select>
-                                                </div>
-                                                <div class="form-group if-in-clinic">
-                                                    <label for="" class="text-secondary text-sm mb-1">Location</label>
-                                                    <select name="hcpCompanyLocationUid" class="form-control">
-                                                        <option value=""></option>
-                                                        @foreach($pro->companyLocations() as $location)
-                                                            <option value="{{$location->uid}}">{{$location->line1}} {{$location->city}}</option>
-                                                        @endforeach
-                                                    </select>
-                                                </div>
-                                                <div class="form-group m-0">
-                                                    <button submit class="btn btn-primary btn-sm">submit</button>
-                                                </div>
-                                            </form>
-                                        </div>
-										@endif
+                                    <section class="hide-inside-popup screen-only vbox mt-2 align-self-start ml-3 pl-3 border-left mcp-theme-1">
                                         <div>
                                             <div moe relative>
-                                                <button class="col-2-button" start show><i class="fa fa-plus text-sm text-secondary"></i>&nbsp;SMS
-                                                </button>
+                                                <a href="#" start show class="d-flex align-items-baseline"><i class="fa fa-plus text-sm mr-1"></i><span>SMS</span></a>
                                                 <form url="/api/clientSms/createOutgoing" right class="mcp-theme-1" noreload>
                                                     <input type="hidden" name="uid" value="{{ $patient->uid }}">
                                                     <div class="mb-2">
@@ -702,8 +603,7 @@ $isOldClient = (date_diff(date_create(config('app.point_impl_date')), date_creat
                                         </div>
                                         <div>
                                         <span moe relative class="">
-                                            <button class="col-2-button" start show title="SMS check-in link to the patient"><i
-                                                    class="on-hover-opaque fa fa-paper-plane text-secondary"></i>&nbsp;Send</button>
+                                            <a href="#" start show class="d-flex align-items-baseline" title="SMS check-in link to the patient"><i class="fa fa-paper-plane text-sm mr-1"></i><span>Send</span></a>
                                             <form url="/api/client/sendCheckInTokenViaSmsOrEmail" right
                                                   class="mcp-theme-1">
                                                 <input type="hidden" name="uid" value="{{ $patient->uid }}">
@@ -728,16 +628,14 @@ $isOldClient = (date_diff(date_create(config('app.point_impl_date')), date_creat
                                             </form>
                                         </span>
                                         </div>
-																				@if($performer->pro->pro_type == 'ADMIN')
-																				<div>
-																					<button class="col-2-button" onclick="return openInRHS('/pro/check-video/{{ $patient->uid }}')"><i
-																									class="on-hover-opaque fa fa-video text-secondary"></i>&nbsp;Check</button>
-																				</div>
-																				@endif
-																				<div>
-																					<button class="col-2-button" onclick="return openInRHS('/pro/meet/{{ $patient->uid }}')"><i
-																									class="on-hover-opaque fa fa-video text-secondary"></i>&nbsp;Join</button>
-																				</div>
+										@if($performer->pro->pro_type == 'ADMIN')
+										<div>
+											<a href="#" start show class="d-flex align-items-baseline" onclick="return openInRHS('/pro/check-video/{{ $patient->uid }}')"><i class="fa fa-video text-sm mr-1"></i><span>Check</span></a>
+										</div>
+										@endif
+										<div>
+											<a href="#" start show class="d-flex align-items-baseline" onclick="return openInRHS('/pro/meed/{{ $patient->uid }}')"><i class="fa fa-video text-sm mr-1"></i><span>Join</span></a>
+										</div>
                                     </section>
 									@if(!$patient->getPrimaryCoverage() || $patient->getPrimaryCoverageStatus() !== 'YES')
 									<section class="hide-inside-popup screen-only vbox align-self-start mt-2 mx-2">
@@ -922,8 +820,6 @@ $isOldClient = (date_diff(date_create(config('app.point_impl_date')), date_creat
 						form.find('.if-in-clinic').hide();
 					}
 				});
-
-				// $('[data-toggle="tooltip"]').tooltip('hover');
 			}
 			addMCInitializer('patient-add-note-popup', init, '#patient-header')
 		}).call(window);
@@ -939,10 +835,6 @@ $isOldClient = (date_diff(date_create(config('app.point_impl_date')), date_creat
 				if(localStorage.sidebarMenuScrollTop) {
 					$('#sidebarMenu').scrollTop(+localStorage.sidebarMenuScrollTop);
 				}
-
-				$(function () {
-					$('[data-toggle="tooltip"]').tooltip();
-				});
 			}
 			addMCInitializer('sidebarMenu', init, '#sidebarMenu')
 		}).call(window);