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

Initial changes to basic search

parent 0ca0417a
......@@ -14,14 +14,14 @@
<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">
<ul class="nav nav-tabs" id="custom-tabs-five-tab" role="tablist">
@if($role->hasAnyPermission(["Basic View Birth Details"]))
<li class="nav-item">
@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"
aria-selected="true">
Document data
......@@ -34,67 +34,9 @@
</li>
@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>
</div>
......@@ -109,33 +51,9 @@
</div>
@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>
......
......@@ -6,14 +6,6 @@
<div class="row">
<div class="col-2">
<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%;">
@if($role->hasPermissionTo("Basic View Birth Details"))
<div class="col-12 text-center">
......@@ -29,7 +21,7 @@
<div class="col-12 text-center">
@if(isset($human))
<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>
@else
<div class="skeleton skeleton-text short"></div>
......@@ -55,7 +47,7 @@
@endif
</div>
<div class="col-6">
<small>Sur name</small>
<small>Surname</small>
@if(isset($human->surn))
<p class="field-value">{{ $human->surn }}</p>
@else
......
......@@ -6,7 +6,7 @@
<x-adminlte-card>
@if($modalStatus)
<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
<div class="skeleton skeleton-text short skeleton-img"></div>
@endif
......@@ -49,7 +49,7 @@
<div class="col-12 text-center">
@if(isset($human->o_pid))
<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>
@else
<div class="skeleton skeleton-text short"></div>
......@@ -60,20 +60,6 @@
</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>
......
......@@ -206,6 +206,14 @@
border-radius: 6.25rem;
opacity: .5
}
.table td{
font-size: 1.2rem !important;
}
.field-value-text{
font-size: 1.2rem !important;
}
</style>
</div>
......@@ -8,7 +8,7 @@
<x-adminlte-card>
@if($modalStatus)
<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
<div class="skeleton skeleton-text short skeleton-img"></div>
@endif
......@@ -29,7 +29,7 @@
<div class="col-12 text-center">
@if(isset($human_passport->identity_card_no))
<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>
@else
<div class="skeleton skeleton-text short"></div>
......@@ -40,18 +40,7 @@
</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 class="col-6" style="padding-left: 27px;">
......
......@@ -11,16 +11,14 @@
@endphp
<x-adminlte-modal id="searchModalPassport" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg"
title="{{ $fname }} {{ $sname }}'s Passport Details" v-centered static-backdrop scrollable>
<x-adminlte-modal id="searchModalPassport" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg" title="Passport Details: {{ $fname }} {{ $sname }}" v-centered static-backdrop scrollable>
<div class="modal-body">
<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"]))
<li class="nav-item">
@if($modalStatus)
<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">
<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">
Document data
</a>
@else
......@@ -118,5 +116,5 @@
<x-adminlte-button theme="danger" label="Close" data-dismiss="modal" wire:click="$refresh"/>
</x-slot>
</x-adminlte-modal>
</x-adminlte-modal>
</div>
......@@ -12,7 +12,7 @@
@endphp
<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">
<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"]))
......
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