Skip to content

I
IPRSv2
Commit 49f4c19d authored by Michael Ngei's avatar Michael Ngei
Browse files
Options

Merge branch 'iprsv2_brian' into 'master' 

Iprsv2 brian

See merge request !19
parents bcef16fd 5c8fb931
Hide whitespace changes
Inline Side-by-side
Showing with 509 additions and 332 deletions
app/Livewire/Search/Searchform.php
View file @ 49f4c19d
......@@ -44,6 +44,8 @@ class Searchform extends Component
public $doctype='';
public $records_found= [];
public $showFields = '';
public function save()
{
$this->store();
......@@ -51,6 +53,7 @@ class Searchform extends Component
public function store()
{
$this->validate();
$this->showFields = $this->searchcategory;
switch ($this->searchcategory){
case 'ID' :
......@@ -256,9 +259,21 @@ class Searchform extends Component
*/
public function showTableResults(): void
{
$this->dispatch('viewResults', $this->humans,$this->serial_number,
$this->dispatch('viewResults', $this->humans,$this->serial_number,
$this->doctype,$this->records_not_found,
$this->search_count,$this->records_found);
// Clear the search fields
$this->reset([
'docNumber',
'serialNumber',
'passportNum',
'passportIdNum',
'searchBirthEntryNum'
]);
// For Option 1 only:
$this->showFields = $this->searchcategory;
}
......
public/vendor/adminlte/dist/css/adminlte.css
View file @ 49f4c19d
......@@ -12829,7 +12829,7 @@ body:not(.layout-fixed) .main-sidebar .sidebar {
}
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link {
color: #777;
color: #454444;
}
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:focus {
public/vendor/adminlte/dist/css/adminlte.min.css
View file @ 49f4c19d
This source diff could not be displayed because it is too large. You can view the blob instead.
resources/views/layouts/app.blade.php
View file @ 49f4c19d
......@@ -16,6 +16,9 @@
<!-- Bootstrap -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.0/js/bootstrap.bundle.min.js"></script>
<!-- Include Select2 CSS -->
<link href="{{ asset('public/vendor/select2/css/select2.min.css') }}" rel="stylesheet">
......
resources/views/livewire/search/birth-modal.blade.php
View file @ 49f4c19d
<div>
@php
$modalStyle="";
$modalStatus='';
if($isOpen) {
$modalStatus= 'show';
$modalStyle="display: block;";
}
@endphp
@php
$modalStyle="";
$modalStatus='';
if($isOpen) {
$modalStatus= 'show';
$modalStyle="display: block;";
}
$fname = $human['name'] ?? '';
$oname = $human['last_name'] ?? '';
$surname = $human['surn'] ?? '';
@endphp
<x-adminlte-modal id="searchModalBirthBasic" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg"
title="" v-centered static-backdrop scrollable>
<x-adminlte-modal id="searchModalBirth" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg"
title="{{ $fname }} {{ $oname }} {{ $surname }}'s Birth Details" v-centered static-backdrop scrollable>
<div class="modal-body">
<ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
<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-four-home-tab" data-toggle="pill"
href="#custom-tabs-four-home" role="tab" aria-controls="custom-tabs-four-home"
<a class="nav-link active" id="custom-tabs-five-home-tab" data-toggle="pill"
href="#custom-tabs-five-home" role="tab" aria-controls="custom-tabs-five-home"
aria-selected="true">
Document data
</a>
@else
<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-five-home-tab" data-toggle="pill" href="#custom-tabs-five-home" role="tab" aria-controls="custom-tabs-five-home" aria-selected="true">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a>
@endif
......@@ -33,13 +37,13 @@
@if($role->hasAnyPermission(["Basic View Birth Family relations"]))
<li class="nav-item">
@if($modalStatus)
<a class="nav-link" id="custom-tabs-four-family-tab" data-toggle="pill"
href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family"
<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-four-family-tab" data-toggle="pill" href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family" aria-selected="false">
<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
......@@ -49,12 +53,13 @@
@if($role->hasAnyPermission(["Basic View Birth Documents"]))
<li class="nav-item">
@if($modalStatus)
<a class="nav-link" id="custom-tabs-four-history-tab" data-toggle="pill"
href="#custom-tabs-four-documents" role="tab" aria-controls="custom-tabs-four-documents"
<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">
Documents</a>
Document History
</a>
@else
<a class="nav-link" id="custom-tabs-four-family-tab" data-toggle="pill" href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family" aria-selected="false">
<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
......@@ -64,44 +69,74 @@
@if($role->hasAnyPermission(["Basic View Birth History"]))
<li class="nav-item">
@if($modalStatus)
<a class="nav-link" id="custom-tabs-four-history-tab" data-toggle="pill"
href="#custom-tabs-four-history" role="tab" aria-controls="custom-tabs-four-history"
<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">
Document History</a>
Photo & Signature
</a>
@else
<a class="nav-link" id="custom-tabs-four-family-tab" data-toggle="pill" href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family" aria-selected="false">
<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-four-history-tab" data-toggle="pill"
href="#custom-tabs-four-death" role="tab" aria-controls="custom-tabs-four-death"
<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-four-family-tab" data-toggle="pill" href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family" aria-selected="false">
<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 class="card card-primary card-outline card-outline-tabs" style="box-shadow: none;">
<div class="card-header p-0 border-bottom-0">
</div>
<div class="card-header p-0 border-bottom-0"></div>
<div class="card-body">
<div class="tab-content" id="custom-tabs-four-tabContent">
<div class="tab-content" id="custom-tabs-five-tabContent">
@if($role->hasAnyPermission(["Basic View Birth Details"]))
<div class="tab-pane fade show active" id="custom-tabs-five-home" role="tabpanel"
aria-labelledby="custom-tabs-five-home-tab">
@include('livewire.search.partials.tabs.birth.document_data')
</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 show active" id="custom-tabs-four-home" role="tabpanel"
aria-labelledby="custom-tabs-four-home-tab">
<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>
......@@ -111,11 +146,4 @@
</x-slot>
</x-adminlte-modal>
<style>
#searchModalBirthBasic > .modal-dialog{
max-width: 95vw;
margin: auto;
}
</style>
</div>
resources/views/livewire/search/partials/tabs/birth/document_data.blade.php
View file @ 49f4c19d
......@@ -19,7 +19,9 @@
<div class="col-12 text-center">
@if(isset($human))
<small class="">Birth Entry Number</small>
<h4 class="upi"></h4>
<h4 class="upi">
{{ $docums[0]['SER_NUM'] }}
</h4>
@else
<div class="skeleton skeleton-text short"></div>
@endif
......@@ -27,7 +29,7 @@
<div class="col-12 text-center">
@if(isset($human))
<small class="">Country of Birth</small>
<p class="card-text">KEN </p>
<p class="card-text">KENYA</p>
<span class="fi fi-ke" style="font-size: 2rem;"></span>
@else
<div class="skeleton skeleton-text short"></div>
......
resources/views/livewire/search/partials/tabs/birth/document_header_details.blade.php
View file @ 49f4c19d
<h1>headaer</h1>
@php use Carbon\Carbon;
@endphp
<div class="row">
<div class="col-2" style="text-align: center;border: 1px solid #e2e5e9; border-radius: 10px;">
<img src="{{ asset('images/coat-of-arms.webp') }}"
alt="IPRS Logo" class="brand-image" style=" width: 10em;">
</div>
<div class="col-10">
<div class="row">
<div class="col-3">
<small>PIN</small>
<p class="field-value user-field-data">
{{ $human->pid ?? '-' }}
</p>
</div>
<div class="col-3">
<small>First name</small>
<p class="field-value user-field-data">
{{ $human->name ?? '-' }}
</p>
</div>
<div class="col-3">
<small>Other names</small>
<p class="field-value user-field-data">
{{ $human->last_name ?? '-' }}
</p>
</div>
<div class="col-3">
<small>Sur name</small>
<p class="field-value user-field-data">
{{ $human->surn ?? '-' }}
</p>
</div>
</div>
<div class="row">
<div class="col-3">
<small>ID Number</small>
<p class="field-value user-field-data">
{{ $human->o_pid ?? '-' }}
</p>
</div>
<div class="col-3">
<small>Gender</small>
<p class="field-value user-field-data">
{{ $human->sex ?? '-' }}
</p>
</div>
<div class="col-3">
<small>Date of Birth</small>
<p class="field-value user-field-data">
@if(isset($human->date_birth))
{{ Carbon::parse($human->date_birth)->format("d-m-Y") }}
@else
-
@endif
</p>
</div>
<div class="col-3">
<small>Citizenship</small>
<p class="field-value user-field-data">
KENYAN <span class="fi fi-ke" style="font-size: 1rem;"></span>
</p>
</div>
</div>
</div>
<div style="width: 100%;height: 1px;background-color: #e2e5e9;margin-bottom: 2rem;margin-top: 1rem;"></div>
</div>
resources/views/livewire/search/passport-modal.blade.php
View file @ 49f4c19d
<div>
@php
$modalStyle="";
$modalStatus='';
if($isOpen) {
$modalStatus= 'show';
$modalStyle="display: block;";
}
@endphp
<x-adminlte-modal id="searchModalPassportBasic" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg"
title="" 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">
Document data
</a>
@else
<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">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a>
@endif
</li>
@endif
@if($role->hasPermissionTo("Basic View ID Photo and Signature"))
<li class="nav-item">
@if($modalStatus)
<a class="nav-link" id="custom-tabs-four-photo-tab" data-toggle="pill"
href="#custom-tabs-four-photo" role="tab" aria-controls="custom-tabs-four-photo"
aria-selected="false">
Photo & signature </a>
@else
<a class="nav-link" id="custom-tabs-four-family-tab" data-toggle="pill" href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family" aria-selected="false">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a>
@endif
</li>
@endif
@if($role->hasAnyPermission(["Basic View ID Documents", "Basic View Passport Documents", "Basic View Birth Documents"]))
<li class="nav-item">
@if($modalStatus)
<a class="nav-link" id="custom-tabs-four-history-tab" data-toggle="pill"
href="#custom-tabs-four-documents" role="tab" aria-controls="custom-tabs-four-documents"
aria-selected="false">
Documents</a>
@else
<a class="nav-link" id="custom-tabs-four-family-tab" data-toggle="pill" href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family" aria-selected="false">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a>
@endif
</li>
@endif
@if($role->hasAnyPermission(["Basic View ID History", "Basic View Passport History", "Basic View Birth History"]))
<li class="nav-item">
@if($modalStatus)
<a class="nav-link" id="custom-tabs-four-history-tab" data-toggle="pill"
href="#custom-tabs-four-history" role="tab" aria-controls="custom-tabs-four-history"
aria-selected="false">
Document History</a>
@else
<a class="nav-link" id="custom-tabs-four-family-tab" data-toggle="pill" href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family" aria-selected="false">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a>
@endif
</li>
@endif
</ul>
<div class="card card-primary card-outline card-outline-tabs" style="box-shadow: none;">
<div class="card-header p-0 border-bottom-0">
</div>
<div class="card-body">
<div class="tab-content" id="custom-tabs-four-tabContent">
@if($role->hasAnyPermission(["Basic View Passport Details"]))
<div class="tab-pane fade show active" id="custom-tabs-four-home" role="tabpanel"
aria-labelledby="custom-tabs-four-home-tab">
@include('livewire.search.partials.tabs.passport_tabs.document_data')
</div>
@endif
@if($role->hasPermissionTo("Basic View Passport Details"))
<div class="tab-pane fade" id="custom-tabs-four-photo" role="tabpanel"
aria-labelledby="custom-tabs-four-photo-tab">
@include('livewire.search.partials.tabs.passport_tabs.document_header_details')
</div>
@endif
@if($role->hasAnyPermission(["Basic View Passport Documents"]))
<div class="tab-pane fade" id="custom-tabs-four-documents" role="tabpanel"
aria-labelledby="custom-tabs-four-documents-tab">
@include('livewire.search.partials.tabs.passport_tabs.document_header_details')
@php
$modalStyle="";
$modalStatus='';
if($isOpen) {
$modalStatus= 'show';
$modalStyle="display: block;";
}
$fname = $passport['first_names'] ?? '';
$sname = $passport['last_name'] ?? '';
</div>
@endif
@if($role->hasAnyPermission(["Basic View Passport History"]))
<div class="tab-pane fade" id="custom-tabs-four-history" role="tabpanel"
aria-labelledby="custom-tabs-four-history-tab">
@include('livewire.search.partials.tabs.passport_tabs.document_header_details')
</div>
@endif
</div>
</div>
</div>
</div>
<x-slot name="footerSlot">
<x-adminlte-button theme="info" label="Print" data-dismiss="modal"/>
<x-adminlte-button theme="danger" label="Close" data-dismiss="modal" wire:click="$refresh"/>
</x-slot>
@endphp
<x-adminlte-modal id="searchModalPassport" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg"
title="{{ $fname }} {{ $sname }}'s Passport Details" 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">
Document data
</a>
@else
<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">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a>
@endif
</li>
@endif
@if($role->hasPermissionTo("Basic View ID Photo and Signature"))
<li class="nav-item">
@if($modalStatus)
<a class="nav-link" id="custom-tabs-four-photo-tab" data-toggle="pill"
href="#custom-tabs-four-photo" role="tab" aria-controls="custom-tabs-four-photo" aria-selected="false">
Photo & signature
</a>
@else
<a class="nav-link" id="custom-tabs-four-photo-tab" data-toggle="pill" href="#custom-tabs-four-photo" role="tab" aria-controls="custom-tabs-four-photo" aria-selected="false">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a>
@endif
</li>
@endif
@if($role->hasAnyPermission(["Basic View ID Documents", "Basic View Passport Documents", "Basic View Birth Documents"]))
<li class="nav-item">
@if($modalStatus)
<a class="nav-link" id="custom-tabs-four-documents-tab" data-toggle="pill"
href="#custom-tabs-four-documents" role="tab" aria-controls="custom-tabs-four-documents" aria-selected="false">
Documents
</a>
@else
<a class="nav-link" id="custom-tabs-four-documents-tab" data-toggle="pill" href="#custom-tabs-four-documents" role="tab" aria-controls="custom-tabs-four-documents" aria-selected="false">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a>
@endif
</li>
@endif
@if($role->hasAnyPermission(["Basic View ID History", "Basic View Passport History", "Basic View Birth History"]))
<li class="nav-item">
@if($modalStatus)
<a class="nav-link" id="custom-tabs-four-history-tab" data-toggle="pill"
href="#custom-tabs-four-history" role="tab" aria-controls="custom-tabs-four-history" aria-selected="false">
Document History
</a>
@else
<a class="nav-link" id="custom-tabs-four-history-tab" data-toggle="pill" href="#custom-tabs-four-history" role="tab" aria-controls="custom-tabs-four-history" aria-selected="false">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a>
@endif
</li>
@endif
</ul>
<div class="card card-primary card-outline card-outline-tabs" style="box-shadow: none;">
<div class="card-header p-0 border-bottom-0"></div>
<div class="card-body">
<div class="tab-content" id="custom-tabs-four-tabContent">
@if($role->hasAnyPermission(["Basic View ID Details", "Basic View Passport Details", "Basic View Birth Details"]))
<div class="tab-pane fade show active" id="custom-tabs-four-home" role="tabpanel" aria-labelledby="custom-tabs-four-home-tab">
@include('livewire.search.partials.tabs.passport_tabs.document_data')
</div>
@endif
@if($role->hasPermissionTo("Basic View ID Photo and Signature"))
<div class="tab-pane fade" id="custom-tabs-four-photo" role="tabpanel" aria-labelledby="custom-tabs-four-photo-tab">
@include('livewire.search.partials.tabs.passport_tabs.document_header_details')
<h4>Photos</h4>
</div>
@endif
@if($role->hasAnyPermission(["Basic View ID Documents", "Basic View Passport Documents", "Basic View Birth Documents"]))
<div class="tab-pane fade" id="custom-tabs-four-documents" role="tabpanel" aria-labelledby="custom-tabs-four-documents-tab">
@include('livewire.search.partials.tabs.passport_tabs.document_header_details')
<h4>Documents</h4>
</div>
@endif
@if($role->hasAnyPermission(["Basic View ID History", "Basic View Passport History", "Basic View Birth History"]))
<div class="tab-pane fade" id="custom-tabs-four-history" role="tabpanel" aria-labelledby="custom-tabs-four-history-tab">
@include('livewire.search.partials.tabs.passport_tabs.document_header_details')
<h4>History</h4>
</div>
@endif
</div>
</div>
</div>
</div>
<x-slot name="footerSlot">
<x-adminlte-button theme="info" label="Print" data-dismiss="modal"/>
<x-adminlte-button theme="danger" label="Close" data-dismiss="modal" wire:click="$refresh"/>
</x-slot>
</x-adminlte-modal>
<style>
#searchModalPassportBasic > .modal-dialog{
max-width: 95vw;
margin: auto;
}
</style>
</div>
resources/views/livewire/search/resultsmodal.blade.php
View file @ 49f4c19d
......@@ -14,17 +14,17 @@
<x-adminlte-modal id="searchModalBasic" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg"
title="{{ $fname }} {{ $mname }} {{ $sname }}" v-centered static-backdrop scrollable>
<div class="modal-body">
<ul class="nav nav-tabs" id="custom-tabs-four-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"]))
<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">
Document data
</a>
<a class="nav-link active" id="custom-tabs-six-home-tab" data-toggle="pill"
href="#custom-tabs-six-home" role="tab" aria-controls="custom-tabs-six-home"
aria-selected="true">
Document data
</a>
@else
<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-six-home-tab" data-toggle="pill" href="#custom-tabs-six-home" role="tab" aria-controls="custom-tabs-six-home" aria-selected="true">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a>
@endif
......@@ -33,13 +33,13 @@
@if($role->hasAnyPermission(["Basic View ID Family relations","Basic View Passport Family relations", "Basic View Birth Family relations"]))
<li class="nav-item">
@if($modalStatus)
<a class="nav-link" id="custom-tabs-four-family-tab" data-toggle="pill"
href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family"
aria-selected="false">
Family relations
</a>
<a class="nav-link" id="custom-tabs-six-family-tab" data-toggle="pill"
href="#custom-tabs-six-family" role="tab" aria-controls="custom-tabs-six-family"
aria-selected="false">
Family relations
</a>
@else
<a class="nav-link" id="custom-tabs-four-family-tab" data-toggle="pill" href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family" aria-selected="false">
<a class="nav-link" id="custom-tabs-six-family-tab" data-toggle="pill" href="#custom-tabs-six-family" role="tab" aria-controls="custom-tabs-six-family" aria-selected="false">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a>
@endif
......@@ -49,12 +49,12 @@
@if($role->hasPermissionTo("Basic View ID Photo and Signature"))
<li class="nav-item">
@if($modalStatus)
<a class="nav-link" id="custom-tabs-four-photo-tab" data-toggle="pill"
href="#custom-tabs-four-photo" role="tab" aria-controls="custom-tabs-four-photo"
aria-selected="false">
Photo & signature </a>
<a class="nav-link" id="custom-tabs-six-photo-tab" data-toggle="pill"
href="#custom-tabs-six-photo" role="tab" aria-controls="custom-tabs-six-photo"
aria-selected="false">
Photo & signature </a>
@else
<a class="nav-link" id="custom-tabs-four-family-tab" data-toggle="pill" href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family" aria-selected="false">
<a class="nav-link" id="custom-tabs-six-family-tab" data-toggle="pill" href="#custom-tabs-six-family" role="tab" aria-controls="custom-tabs-six-family" aria-selected="false">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a>
@endif
......@@ -64,12 +64,12 @@
@if($role->hasAnyPermission(["Basic View ID Documents", "Basic View Passport Documents", "Basic View Birth Documents"]))
<li class="nav-item">
@if($modalStatus)
<a class="nav-link" id="custom-tabs-four-history-tab" data-toggle="pill"
href="#custom-tabs-four-documents" role="tab" aria-controls="custom-tabs-four-documents"
aria-selected="false">
Documents</a>
<a class="nav-link" id="custom-tabs-six-history-tab" data-toggle="pill"
href="#custom-tabs-six-documents" role="tab" aria-controls="custom-tabs-six-documents"
aria-selected="false">
Documents</a>
@else
<a class="nav-link" id="custom-tabs-four-family-tab" data-toggle="pill" href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family" aria-selected="false">
<a class="nav-link" id="custom-tabs-six-family-tab" data-toggle="pill" href="#custom-tabs-six-family" role="tab" aria-controls="custom-tabs-six-family" aria-selected="false">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a>
@endif
......@@ -78,12 +78,12 @@
@if($role->hasAnyPermission(["Basic View ID History", "Basic View Passport History", "Basic View Birth History"]))
<li class="nav-item">
@if($modalStatus)
<a class="nav-link" id="custom-tabs-four-history-tab" data-toggle="pill"
href="#custom-tabs-four-history" role="tab" aria-controls="custom-tabs-four-history"
aria-selected="false">
Document History</a>
<a class="nav-link" id="custom-tabs-six-history-tab" data-toggle="pill"
href="#custom-tabs-six-history" role="tab" aria-controls="custom-tabs-six-history"
aria-selected="false">
Document History</a>
@else
<a class="nav-link" id="custom-tabs-four-family-tab" data-toggle="pill" href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family" aria-selected="false">
<a class="nav-link" id="custom-tabs-six-family-tab" data-toggle="pill" href="#custom-tabs-six-family" role="tab" aria-controls="custom-tabs-six-family" aria-selected="false">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a>
@endif
......@@ -91,65 +91,64 @@
@endif
<li class="nav-item">
@if($modalStatus)
<a class="nav-link" id="custom-tabs-four-history-tab" data-toggle="pill"
href="#custom-tabs-four-death" role="tab" aria-controls="custom-tabs-four-death"
aria-selected="false">
Date of Death
</a>
<a class="nav-link" id="custom-tabs-six-history-tab" data-toggle="pill"
href="#custom-tabs-six-death" role="tab" aria-controls="custom-tabs-six-death"
aria-selected="false">
Date of Death
</a>
@else
<a class="nav-link" id="custom-tabs-four-family-tab" data-toggle="pill" href="#custom-tabs-four-family" role="tab" aria-controls="custom-tabs-four-family" aria-selected="false">
<a class="nav-link" id="custom-tabs-six-family-tab" data-toggle="pill" href="#custom-tabs-six-family" role="tab" aria-controls="custom-tabs-six-family" aria-selected="false">
<div class="skeleton skeleton-text short" style="width: 10rem;"></div>
</a>
@endif
</li>
</ul>
</div>
<div class="card card-primary card-outline card-outline-tabs" style="box-shadow: none;">
<div class="card-header p-0 border-bottom-0">
</div>
<div class="card-body">
<div class="tab-content" id="custom-tabs-four-tabContent">
@if($role->hasAnyPermission(["Basic View ID Details", "Basic View Passport Details", "Basic View Birth Details"]))
<div class="tab-pane fade show active" id="custom-tabs-four-home" role="tabpanel"
aria-labelledby="custom-tabs-four-home-tab">
@include('livewire.search.partials.tabs.id.document_data')
</div>
@endif
@if($role->hasAnyPermission(["Basic View ID Family relations","Basic View Passport Family relations", "Basic View Birth Family relations"]))
<div class="tab-pane fade" id="custom-tabs-four-family" role="tabpanel"
aria-labelledby="custom-tabs-four-family-tab">
@include('livewire.search.partials.tabs.id.document_header_details')
@include('livewire.search.partials.tabs.id.family_relation')
</div>
@endif
@if($doctype == 'ID')
@if($role->hasPermissionTo("Basic View ID Photo and Signature"))
<div class="tab-pane fade" id="custom-tabs-four-photo" role="tabpanel"
aria-labelledby="custom-tabs-four-photo-tab">
<div class="card card-primary card-outline card-outline-tabs" style="box-shadow: none;">
<div class="card-header p-0 border-bottom-0">
</div>
<div class="card-body">
<div class="tab-content" id="custom-tabs-six-tabContent">
@if($role->hasAnyPermission(["Basic View ID Details", "Basic View Passport Details", "Basic View Birth Details"]))
<div class="tab-pane fade show active" id="custom-tabs-six-home" role="tabpanel"
aria-labelledby="custom-tabs-six-home-tab">
@include('livewire.search.partials.tabs.id.document_data')
</div>
@endif
@if($role->hasAnyPermission(["Basic View ID Family relations","Basic View Passport Family relations", "Basic View Birth Family relations"]))
<div class="tab-pane fade" id="custom-tabs-six-family" role="tabpanel"
aria-labelledby="custom-tabs-six-family-tab">
@include('livewire.search.partials.tabs.id.document_header_details')
@include('livewire.search.partials.tabs.id.photo')
@include('livewire.search.partials.tabs.id.family_relation')
</div>
@endif
@endif
@if($role->hasAnyPermission(["Basic View ID Documents", "Basic View Passport Documents", "Basic View Birth Documents"]))
<div class="tab-pane fade" id="custom-tabs-four-documents" role="tabpanel"
aria-labelledby="custom-tabs-four-documents-tab">
@include('livewire.search.partials.tabs.id.document_header_details')
@include('livewire.search.partials.tabs.id.human_document')
</div>
@endif
@if($role->hasAnyPermission(["Basic View ID History", "Basic View Passport History", "Basic View Birth History"]))
<div class="tab-pane fade" id="custom-tabs-four-history" role="tabpanel"
aria-labelledby="custom-tabs-four-history-tab">
@if($doctype == 'ID')
@if($role->hasPermissionTo("Basic View ID Photo and Signature"))
<div class="tab-pane fade" id="custom-tabs-six-photo" role="tabpanel"
aria-labelledby="custom-tabs-six-photo-tab">
@include('livewire.search.partials.tabs.id.document_header_details')
@include('livewire.search.partials.tabs.id.photo')
</div>
@endif
@endif
@if($role->hasAnyPermission(["Basic View ID Documents", "Basic View Passport Documents", "Basic View Birth Documents"]))
<div class="tab-pane fade" id="custom-tabs-six-documents" role="tabpanel"
aria-labelledby="custom-tabs-six-documents-tab">
@include('livewire.search.partials.tabs.id.document_header_details')
@include('livewire.search.partials.tabs.id.human_document')
</div>
@endif
@if($role->hasAnyPermission(["Basic View ID History", "Basic View Passport History", "Basic View Birth History"]))
<div class="tab-pane fade" id="custom-tabs-six-history" role="tabpanel"
aria-labelledby="custom-tabs-six-history-tab">
@include('livewire.search.partials.tabs.id.document_header_details')
@include('livewire.search.partials.tabs.id.document_history')
</div>
@endif
<div class="tab-pane fade" id="custom-tabs-six-death" role="tabpanel"
aria-labelledby="custom-tabs-six-death-tab">
@include('livewire.search.partials.tabs.id.document_header_details')
@include('livewire.search.partials.tabs.id.document_history')
<h2>No results!</h2>
</div>
@endif
<div class="tab-pane fade" id="custom-tabs-four-death" role="tabpanel"
aria-labelledby="custom-tabs-four-death-tab">
@include('livewire.search.partials.tabs.id.document_header_details')
<h2>No results!</h2>
</div>
</div>
</div>
......
resources/views/livewire/search/searchform.blade.php
View file @ 49f4c19d
<div>
<div id="overlaySpinner" wire:loading>
......@@ -27,60 +26,42 @@
@method('POST')
@if($role->hasAnyPermission(["Basic Search ID with Serial number","Basic Search ID with ID number", "Basic Search Passport with Passport number", "Basic Search Passport with ID number", "Basic Search Birth with Certificate number", "Basic Search Birth with ID number"]))
<div id="searchContainer" class="d-flex align-items-center search-container">
<select wire:model="searchcategory" name="searchcategory"
class="form-control search-element text-center fw-bold custom-select" title="Select document type"
id="category" required>
<option value="">Choose Document</option>
@foreach($searchGroups as $searchGroup)
<option value={{ $searchGroup }} >{{ $searchGroup }}</option>
@endforeach
</select>
<div id="fieldsContainerID" class="d-none d-flex">
@if($role->hasPermissionTo('Basic Search ID with ID number'))
<input type="text" class="form-control search-element no-radius" id="searchInputID" name="docNumber" placeholder="Enter Maisha Number" title="Enter ID Number" wire:model="docNumber">
@endif
@if($role->hasPermissionTo('Basic Search ID with Serial number'))
<input type="text" class="form-control search-element no-radius" id="searchInputSerial" name="SerialNumber" placeholder="Enter Serial Number" title="Enter Serial Number" wire:model="serialNumber">
@endif
</div>
<div id="searchContainer" class="d-flex align-items-center search-container">
<select wire:model="searchcategory" name="searchcategory"
class="form-control search-element text-center fw-bold custom-select" title="Select document type"
id="category" required>
<option value="">Choose Document</option>
@foreach($searchGroups as $searchGroup)
<option value={{ $searchGroup }} >{{ $searchGroup }}</option>
@endforeach
</select>
<div id="fieldsContainerID" class="{{ $showFields !== 'ID' ? 'd-none' : '' }} d-flex">
@if($role->hasPermissionTo('Basic Search ID with ID number'))
<input type="text" class="form-control search-element no-radius" id="searchInputID" name="docNumber" placeholder="Enter Maisha Number" title="Enter Maisha Number" wire:model="docNumber">
@endif
@if($role->hasPermissionTo('Basic Search ID with Serial number'))
<input type="text" class="form-control search-element no-radius" id="searchInputSerial" name="SerialNumber" placeholder="Enter Serial Number" title="Enter Serial Number" wire:model="serialNumber">
@endif
</div>
<div id="fieldsContainerPassport" class="d-none d-flex">
@if($role->hasPermissionTo("Basic Search Passport with Passport number"))
<input type="text" class="form-control search-element no-radius" id="searchInputPassportNo" name="pno" placeholder="Enter Passport Number" title="Enter Passport Number" wire:model="passportNum">
@endif
@if($role->hasPermissionTo("Basic Search Passport with ID number"))
<input type="text" class="form-control search-element no-radius" id="searchInputPassportId" name="pino" placeholder="Enter Maisha Number" title="Enter ID Number" wire:model="passportIdNum">
@endif
</div>
<div id="fieldsContainerPassport" class="form-group col-md-12 d-none d-none mt-3 mb-3 justify-content-center">
<div id="fieldsContainerPassport" class="{{ $showFields !== 'Passport' ? 'd-none' : '' }} d-flex">
@if($role->hasPermissionTo("Basic Search Passport with Passport number"))
<x-adminlte-input type="text" label="Passport Number" fgroup-class="col-md-6 search-form-group"
id="searchInputPassportNo" name="pno"
placeholder="Passport Number" autofocus/>
<input type="text" class="form-control search-element no-radius" id="searchInputPassportNo" name="pno" placeholder="Enter Passport Number" title="Enter Passport Number" wire:model="passportNum">
@endif
@if($role->hasPermissionTo("Basic Search Passport with ID number"))
<x-adminlte-input type="text" label="ID Number" fgroup-class="col-md-6 search-form-group"
id="searchInputPassportId" name="pino"
placeholder="Passport ID Number" autofocus/>
<input type="text" class="form-control search-element no-radius" id="searchInputPassportId" name="pino" placeholder="Enter Maisha Number" title="Enter ID Number" wire:model="passportIdNum">
@endif
</div>
<div id="fieldsContainerBirth" class="d-none d-flex">
<input type="text" class="form-control search-element no-radius" id="searchBirthEntry" name="searchBirthEntryNum" placeholder="Enter Birth Entry Number" title="Enter Birth Entry Number" wire:model="searchBirthEntryNum">
</div>
<div id="fieldsContainerBirth" class="form-group d-none mt-3 mb-3 justify-content-center" style="width: 100%;">
<x-adminlte-input type="text" label="Birth Entry Number" fgroup-class="col-md-6 search-form-group"
id="searchBirthEntry" name="searchBirthEntryNum" wire:model="searchBirthEntryNum"
placeholder="Birth Entry Number" autofocus/>
<div id="fieldsContainerBirth" class="{{ $showFields !== 'Birth' ? 'd-none' : '' }} d-flex">
<input type="text" class="form-control search-element no-radius" id="searchBirthEntry" name="searchBirthEntryNum" placeholder="Enter Birth Entry Number" title="Enter Birth Entry Number" wire:model="searchBirthEntryNum">
</div>
<button type="submit" id="submitSearch" class="btn search-element search-btn" title="search">
<img src="{{ asset('images/search-white.png') }}" alt="Search" style="width: 24px; height: 24px;">
</button>
</div>
<button type="submit" id="submitSearch" class="btn search-element search-btn" title="search">
<img src="{{ asset('images/search-white.png') }}" alt="Search" style="width: 24px; height: 24px;">
</button>
</div>
@else
<div class="alert alert-dark w-100">
<i class="fas fa-fw fa-info-circle"></i>
......@@ -120,10 +101,6 @@
<style>
.row {
margin-top: 20px;
/* display: flex;
justify-content: center;
align-items: center;
height: 80vh; */
}
.search-container {
display: flex;
......
resources/views/livewire/search/tableresult.blade.php
View file @ 49f4c19d
......@@ -126,19 +126,33 @@
@if($doctype === 'Birth')
<tr>
<td><h4 class="text-black">{{ $doc_human['o_pid'] ?? '-' }}</h4></td>
<td><h4 class="text-info">{{ $serial_number[$count] ?? '-' }}</h4></td>
<td>{{ $doc_human['name'] ?? '-' }}</td>
<td>{{ $doc_human['last_name'] ?? '-' }}</td>
<td>{{ $doc_human['surn'] ?? '-' }}</td>
<td>KENYAN <span class="fi fi-ke" style="font-size: 1rem;"></span></td>
<td>{{ $doc_human['sex'] ?? '-' }}</td>
<td>
<h4 class="text-black">{{ $doc_human['o_pid'] ?? '-' }}</h4>
</td>
<td>
<h4 class="text-info">{{ $serial_number[$count] ?? '-' }}</h4>
</td>
<td>
{{ $doc_human['name'] ?? '-' }}
</td>
<td>
{{ $doc_human['last_name'] ?? '-' }}
</td>
<td>
{{ $doc_human['surn'] ?? '-' }}
</td>
<td>
KENYAN <span class="fi fi-ke" style="font-size: 1rem;"></span>
</td>
<td>
{{ $doc_human['sex'] ?? '-' }}
</td>
<td></td>
<td>
<x-adminlte-button
label="Details"
theme="info"
id="humanbtn"
id="birthbtn"
icon="fas fa-info-circle"
wire:click="birthresultsModal('{{ urlencode($serial_number[$count]) ?? '' }}')"
data-toggle="modal"
......@@ -147,54 +161,92 @@
</tr>
@endif
@if($doctype === 'Passport')
@if($doctype === 'Passport')
<tr>
<td><h4 class="text-black">{{ $human["passport_no"] ?? '-'}}</h4></td>
<td><h4 class="text-info">{{ $human["identity_card_no"] ?? '-' }}</h4></td>
<td>{{ $human["first_names"] ?? '-' }}</td>
<td>{{ $human["last_name"] ?? '-' }}</td>
<td>{{ $human["gender"] ?? '-' }}</td>
<td>KENYAN <span class="fi fi-ke" style="font-size: 1rem;"></span></td>
<td>{{ $human["birth_day"] ?? '-' }} / {{ $human["birth_month"] ?? '-' }} / {{ $human["birth_year"] ?? '-' }}</td>
<td>{{ Carbon::parse($human["issue_date"])->format("d-m-Y") ?? '-' }}</td>
<td>{{ Carbon::parse($human['expiry_date'])->format("d-m-Y") ?? '-' }}</td>
<td>
<h4 class="text-black">{{ $human["passport_no"] ?? '-'}}</h4>
</td>
<td>
<h4 class="text-info">{{ $human["identity_card_no"] ?? '-' }}</h4>
</td>
<td>
{{ $human["first_names"] ?? '-' }}
</td>
<td>
{{ $human["last_name"] ?? '-' }}
</td>
<td>
{{ $human["gender"] ?? '-' }}
</td>
<td>
KENYAN <span class="fi fi-ke" style="font-size: 1rem;"></span>
</td>
<td>
{{ $human["birth_day"] ?? '-' }} / {{ $human["birth_month"] ?? '-' }} / {{ $human["birth_year"] ?? '-' }}
</td>
<td>
{{ Carbon::parse($human["issue_date"])->format("d-m-Y") ?? '-' }}
</td>
<td>
{{ Carbon::parse($human['expiry_date'])->format("d-m-Y") ?? '-' }}
</td>
<td>
<x-adminlte-button
label="Details"
theme="info"
id="humanbtn"
id="passportbtn"
icon="fas fa-info-circle"
wire:click="passportresultsModal({{ $human['identity_card_no'] ?? 0 }},'{{ $human['passport_no'] ?? 0 }}','{{ $doctype ?? 0 }}')"
data-toggle="modal"
/>
</td>
</tr>
@endif
@endif
@if($doctype === 'ID')
@if($doctype === 'ID')
@foreach($human as $doc_human)
<tr>
<td><h4 class="text-black">{{ $doc_human['o_pid'] ?? '-' }}</h4></td>
<td><h4 class="text-info">{{ $serial_number[$count] ?? '-' }}</h4></td>
<td>{{ $doc_human['name'] ?? '-' }}</td>
<td>{{ $doc_human['last_name'] ?? '-' }}</td>
<td>{{ $doc_human['surn'] ?? '-' }}</td>
<td>KENYAN <span class="fi fi-ke" style="font-size: 1rem;"></span></td>
<td>{{ $doc_human['sex'] ?? '-' }}</td>
<td>{{ Carbon::parse($doc_human['date_birth'])->format("d-m-Y") ?? '-' }}</td>
<td>
<x-adminlte-button
label="Details"
theme="info"
id="humanbtn"
icon="fas fa-info-circle"
wire:click="triggerResultsModal({{ $doc_human['o_pid'] ?? 0 }},'{{ $serial_number[$count] ?? 0 }}','{{ $doctype ?? 0 }}')"
data-toggle="modal"
/>
</td>
</tr>
@php $count++; @endphp
@endforeach
<tr>
<td>
<h4 class="text-black">
{{ $doc_human['o_pid'] ?? '-' }}
</h4>
</td>
<td>
<h4 class="text-info">
{{ $serial_number[$count] ?? '-' }}
</h4>
</td>
<td>
{{ $doc_human['name'] ?? '-' }}
</td>
<td>
{{ $doc_human['last_name'] ?? '-' }}
</td>
<td>
{{ $doc_human['surn'] ?? '-' }}
</td>
<td>
KENYAN <span class="fi fi-ke" style="font-size: 1rem;"></span>
</td>
<td>
{{ $doc_human['sex'] ?? '-' }}
</td>
<td>
{{ Carbon::parse($doc_human['date_birth'])->format("d-m-Y") ?? '-' }}
</td>
<td>
<x-adminlte-button
label="Details"
theme="info"
id="humanbtn"
icon="fas fa-info-circle"
wire:click="triggerResultsModal({{ $doc_human['o_pid'] ?? 0 }},'{{ $serial_number[$count] ?? 0 }}','{{ $doctype ?? 0 }}')"
data-toggle="modal"
/>
</td>
</tr>
@php $count++; @endphp
@endforeach
@endif
@endforeach
......
resources/views/search/search.blade.php
View file @ 49f4c19d
......@@ -39,14 +39,26 @@
color:red;
}
#submitSearch{
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
width: 20%;
}
#searchModalBasic > .modal-dialog{
max-width: 95vw;
margin: auto;
}
#searchModalPassport > .modal-dialog{
max-width: 95vw;
margin: auto;
}
#searchModalBirth > .modal-dialog{
max-width: 95vw;
margin: auto;
}
#overlaySpinner{
position: fixed;
top: 0;
......@@ -131,9 +143,21 @@
@section('js')
<script>
//handle modal: event delegation
//handle basic modal: event delegation
$(document).on('click', '#humanbtn',function(event){
$('#searchModalBasic').modal('show');
});
//handle passport modal: event delegation
$(document).on('click', '#passportbtn', function(event){
$('#searchModalPassport').modal('show');
});
//handle passport modal: event delegation
$(document).on('click', '#birthbtn', function(event){
$('#searchModalBirth').modal('show');
});
</script>
@stop
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