Commit 96c9cea9 authored by Brian Wangora's avatar Brian Wangora

Initial changes to basic search

parent 0ca0417a
...@@ -14,14 +14,14 @@ ...@@ -14,14 +14,14 @@
<x-adminlte-modal id="searchModalBirth" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg" <x-adminlte-modal id="searchModalBirth" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg"
title="{{ $fname }} {{ $oname }} {{ $surname }}'s Birth Details" v-centered static-backdrop scrollable> title="Birth Details: {{ $fname }} {{ $oname }} {{ $surname }}" v-centered static-backdrop scrollable>
<div class="modal-body"> <div class="modal-body">
<ul class="nav nav-tabs" id="custom-tabs-five-tab" role="tablist"> <ul class="nav nav-tabs" id="custom-tabs-five-tab" role="tablist">
@if($role->hasAnyPermission(["Basic View Birth Details"])) @if($role->hasAnyPermission(["Basic View Birth Details"]))
<li class="nav-item"> <li class="nav-item">
@if($modalStatus) @if($modalStatus)
<a class="nav-link active" id="custom-tabs-five-home-tab" data-toggle="pill" <a class="nav-link active" id="custom-tabs-one-home-tab" data-toggle="pill"
href="#custom-tabs-five-home" role="tab" aria-controls="custom-tabs-five-home" href="#custom-tabs-five-home" role="tab" aria-controls="custom-tabs-five-home"
aria-selected="true"> aria-selected="true">
Document data Document data
...@@ -34,67 +34,9 @@ ...@@ -34,67 +34,9 @@
</li> </li>
@endif @endif
@if($role->hasAnyPermission(["Basic View Birth Family relations"]))
<li class="nav-item">
@if($modalStatus)
<a class="nav-link" id="custom-tabs-five-family-tab" data-toggle="pill"
href="#custom-tabs-five-family" role="tab" aria-controls="custom-tabs-five-family"
aria-selected="false">
Family relations
</a>
@else
<a class="nav-link" id="custom-tabs-five-family-tab" data-toggle="pill" href="#custom-tabs-five-family" role="tab" aria-controls="custom-tabs-five-family" aria-selected="false">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a>
@endif
</li>
@endif
@if($role->hasAnyPermission(["Basic View Birth Documents"]))
<li class="nav-item">
@if($modalStatus)
<a class="nav-link" id="custom-tabs-five-history-tab" data-toggle="pill"
href="#custom-tabs-five-history" role="tab" aria-controls="custom-tabs-five-history"
aria-selected="false">
Document History
</a>
@else
<a class="nav-link" id="custom-tabs-five-family-tab" data-toggle="pill" href="#custom-tabs-five-family" role="tab" aria-controls="custom-tabs-five-family" aria-selected="false">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a>
@endif
</li>
@endif
@if($role->hasAnyPermission(["Basic View Birth History"]))
<li class="nav-item">
@if($modalStatus)
<a class="nav-link" id="custom-tabs-five-photo-tab" data-toggle="pill"
href="#custom-tabs-five-photo" role="tab" aria-controls="custom-tabs-five-photo"
aria-selected="false">
Photo & Signature
</a>
@else
<a class="nav-link" id="custom-tabs-five-family-tab" data-toggle="pill" href="#custom-tabs-five-family" role="tab" aria-controls="custom-tabs-five-family" aria-selected="false">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a>
@endif
</li>
@endif
<li class="nav-item">
@if($modalStatus)
<a class="nav-link" id="custom-tabs-five-death-tab" data-toggle="pill"
href="#custom-tabs-five-death" role="tab" aria-controls="custom-tabs-five-death"
aria-selected="false">
Date of Death
</a>
@else
<a class="nav-link" id="custom-tabs-five-family-tab" data-toggle="pill" href="#custom-tabs-five-family" role="tab" aria-controls="custom-tabs-five-family" aria-selected="false">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a>
@endif
</li>
</ul> </ul>
</div> </div>
...@@ -109,33 +51,9 @@ ...@@ -109,33 +51,9 @@
</div> </div>
@endif @endif
@if($role->hasAnyPermission(["Basic View Birth Details"]))
<div class="tab-pane fade" id="custom-tabs-five-family" role="tabpanel"
aria-labelledby="custom-tabs-five-family-tab">
@include('livewire.search.partials.tabs.birth.document_header_details')
</div>
@endif
@if($role->hasAnyPermission(["Basic View Birth Details"]))
<div class="tab-pane fade" id="custom-tabs-five-history" role="tabpanel"
aria-labelledby="custom-tabs-five-history-tab">
@include('livewire.search.partials.tabs.birth.document_history')
</div>
@endif
@if($role->hasAnyPermission(["Basic View Birth Details"]))
<div class="tab-pane fade" id="custom-tabs-five-photo" role="tabpanel"
aria-labelledby="custom-tabs-five-photo-tab">
@include('livewire.search.partials.tabs.birth.family_relation')
</div>
@endif
@if($role->hasAnyPermission(["Basic View Birth Details"]))
<div class="tab-pane fade" id="custom-tabs-five-death" role="tabpanel"
aria-labelledby="custom-tabs-five-death-tab">
@include('livewire.search.partials.tabs.birth.document_data')
</div>
@endif
</div> </div>
</div> </div>
......
...@@ -6,14 +6,6 @@ ...@@ -6,14 +6,6 @@
<div class="row"> <div class="row">
<div class="col-2"> <div class="col-2">
<div class="row"> <div class="row">
<x-adminlte-card>
@if($modalStatus)
<img class="card-img-top"
src="{{ asset('../images/imgplaceholder.png') }}" alt="Card image cap">
@else
<div class="skeleton skeleton-text short skeleton-img"></div>
@endif
</x-adminlte-card>
<div class="row" style="width: 100%;"> <div class="row" style="width: 100%;">
@if($role->hasPermissionTo("Basic View Birth Details")) @if($role->hasPermissionTo("Basic View Birth Details"))
<div class="col-12 text-center"> <div class="col-12 text-center">
...@@ -29,7 +21,7 @@ ...@@ -29,7 +21,7 @@
<div class="col-12 text-center"> <div class="col-12 text-center">
@if(isset($human)) @if(isset($human))
<small class="">Country of Birth</small> <small class="">Country of Birth</small>
<p class="card-text">KENYA</p> <p class="card-text">{{ $human->birth_country }}</p>
<span class="fi fi-ke" style="font-size: 2rem;"></span> <span class="fi fi-ke" style="font-size: 2rem;"></span>
@else @else
<div class="skeleton skeleton-text short"></div> <div class="skeleton skeleton-text short"></div>
...@@ -55,7 +47,7 @@ ...@@ -55,7 +47,7 @@
@endif @endif
</div> </div>
<div class="col-6"> <div class="col-6">
<small>Sur name</small> <small>Surname</small>
@if(isset($human->surn)) @if(isset($human->surn))
<p class="field-value">{{ $human->surn }}</p> <p class="field-value">{{ $human->surn }}</p>
@else @else
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<x-adminlte-card> <x-adminlte-card>
@if($modalStatus) @if($modalStatus)
<img class="card-img-top" <img class="card-img-top"
src="{{ asset('../images/imgplaceholder.png') }}" alt="Card image cap"> src="{{ asset('../images/passport-photo.jpg') }}" alt="Card image cap">
@else @else
<div class="skeleton skeleton-text short skeleton-img"></div> <div class="skeleton skeleton-text short skeleton-img"></div>
@endif @endif
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
<div class="col-12 text-center"> <div class="col-12 text-center">
@if(isset($human->o_pid)) @if(isset($human->o_pid))
<small class="">Country of Birth</small> <small class="">Country of Birth</small>
<p class="card-text">KEN </p> <p class="card-text">{{ $human->birth_country }} </p>
<span class="fi fi-ke" style="font-size: 2rem;"></span> <span class="fi fi-ke" style="font-size: 2rem;"></span>
@else @else
<div class="skeleton skeleton-text short"></div> <div class="skeleton skeleton-text short"></div>
...@@ -60,20 +60,6 @@ ...@@ -60,20 +60,6 @@
</div> </div>
</div> </div>
@if($doctype == 'ID')
@if($role->hasPermissionTo("Basic View ID Details"))
<div class="row">
@if(isset($human->name))
<x-adminlte-card style="margin: 1rem auto;">
<img class="card-img-top" height="100"
src="{{ asset('../images/fingerprints/biometric.png') }}" alt="Card image cap">
</x-adminlte-card>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
@endif
@endif
</div> </div>
......
...@@ -206,6 +206,14 @@ ...@@ -206,6 +206,14 @@
border-radius: 6.25rem; border-radius: 6.25rem;
opacity: .5 opacity: .5
} }
.table td{
font-size: 1.2rem !important;
}
.field-value-text{
font-size: 1.2rem !important;
}
</style> </style>
</div> </div>
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<x-adminlte-card> <x-adminlte-card>
@if($modalStatus) @if($modalStatus)
<img class="card-img-top" <img class="card-img-top"
src="{{ asset('../images/imgplaceholder.png') }}" alt="Card image cap"> src="{{ asset('../images/passport-photo.jpg') }}" alt="Card image cap">
@else @else
<div class="skeleton skeleton-text short skeleton-img"></div> <div class="skeleton skeleton-text short skeleton-img"></div>
@endif @endif
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
<div class="col-12 text-center"> <div class="col-12 text-center">
@if(isset($human_passport->identity_card_no)) @if(isset($human_passport->identity_card_no))
<small class="">Country of Birth</small> <small class="">Country of Birth</small>
<p class="card-text">KEN </p> <p class="card-text">{{ $human_passport->birth_country }}</p>
<span class="fi fi-ke" style="font-size: 2rem;"></span> <span class="fi fi-ke" style="font-size: 2rem;"></span>
@else @else
<div class="skeleton skeleton-text short"></div> <div class="skeleton skeleton-text short"></div>
...@@ -40,18 +40,7 @@ ...@@ -40,18 +40,7 @@
</div> </div>
</div> </div>
@if($role->hasPermissionTo("Basic View ID Details"))
<div class="row">
@if(isset($human_passport->identity_card_no))
<x-adminlte-card style="margin: 1rem auto;">
<img class="card-img-top" height="100"
src="{{ asset('../images/fingerprints/biometric.png') }}" alt="Card image cap">
</x-adminlte-card>
@else
<div class="skeleton skeleton-text short"></div>
@endif
</div>
@endif
</div> </div>
<div class="col-6" style="padding-left: 27px;"> <div class="col-6" style="padding-left: 27px;">
......
...@@ -11,16 +11,14 @@ ...@@ -11,16 +11,14 @@
@endphp @endphp
<x-adminlte-modal id="searchModalPassport" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg" <x-adminlte-modal id="searchModalPassport" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg" title="Passport Details: {{ $fname }} {{ $sname }}" v-centered static-backdrop scrollable>
title="{{ $fname }} {{ $sname }}'s Passport Details" v-centered static-backdrop scrollable>
<div class="modal-body"> <div class="modal-body">
<ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist"> <ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
@if($role->hasAnyPermission(["Basic View ID Details", "Basic View Passport Details", "Basic View Birth Details"])) @if($role->hasAnyPermission(["Basic View ID Details", "Basic View Passport Details", "Basic View Birth Details"]))
<li class="nav-item"> <li class="nav-item">
@if($modalStatus) @if($modalStatus)
<a class="nav-link active" id="custom-tabs-four-home-tab" data-toggle="pill" <a class="nav-link active" id="custom-tabs-four-home-tab" data-toggle="pill" href="#custom-tabs-four-home" role="tab" aria-controls="custom-tabs-four-home" aria-selected="true">
href="#custom-tabs-four-home" role="tab" aria-controls="custom-tabs-four-home" aria-selected="true">
Document data Document data
</a> </a>
@else @else
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
@endphp @endphp
<x-adminlte-modal id="searchModalBasic" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg" <x-adminlte-modal id="searchModalBasic" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg"
title="{{ $fname }} {{ $mname }} {{ $sname }}" v-centered static-backdrop scrollable> title="ID Details: {{ $fname }} {{ $mname }} {{ $sname }}" v-centered static-backdrop scrollable>
<div class="modal-body"> <div class="modal-body">
<ul class="nav nav-tabs" id="custom-tabs-six-tab" role="tablist"> <ul class="nav nav-tabs" id="custom-tabs-six-tab" role="tablist">
@if($role->hasAnyPermission(["Basic View ID Details", "Basic View Passport Details", "Basic View Birth Details"])) @if($role->hasAnyPermission(["Basic View ID Details", "Basic View Passport Details", "Basic View Birth Details"]))
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment