Skip to content

I
IPRSv2
Commit 5c8fb931 authored by Brian Wangora's avatar Brian Wangora
Browse files
Options

Search form reset, birth modal working

parent 9464e894
Expand all Show whitespace changes
Inline Side-by-side
Showing with 260 additions and 126 deletions
app/Livewire/Search/Searchform.php
View file @ 5c8fb931
......@@ -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' :
......@@ -259,6 +262,18 @@ class Searchform extends Component
$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;
}
......
resources/views/livewire/search/partials/tabs/birth/document_data.blade.php
View file @ 5c8fb931
......@@ -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 @ 5c8fb931
<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 @ 5c8fb931
......@@ -6,13 +6,14 @@
$modalStatus= 'show';
$modalStyle="display: block;";
}
$fnames = $passport['first_names'] ?? '';
$lname = $passport['last_names'] ?? '';
$fname = $passport['first_names'] ?? '';
$sname = $passport['last_name'] ?? '';
@endphp
<x-adminlte-modal id="searchModalPassport" class="{{ $modalStatus }}" style="{{ $modalStyle }}" size="lg"
title="{{ $fnames }} {{ $lname }}" v-centered static-backdrop scrollable>
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"]))
......@@ -118,10 +119,4 @@
</x-slot>
</x-adminlte-modal>
<style>
#searchModalPassportBasic > .modal-dialog{
max-width: 95vw;
margin: auto;
}
</style>
</div>
resources/views/livewire/search/searchform.blade.php
View file @ 5c8fb931
<div>
<div id="overlaySpinner" wire:loading>
......@@ -37,16 +36,16 @@
@endforeach
</select>
<div id="fieldsContainerID" class="d-none d-flex">
<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 ID Number" wire:model="docNumber">
<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">
<div id="fieldsContainerPassport" class="{{ $showFields !== 'Passport' ? '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
......@@ -54,28 +53,10 @@
<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">
@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/>
@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/>
@endif
</div>
<div id="fieldsContainerBirth" class="d-none d-flex">
<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>
<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>
<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;">
......@@ -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 @ 5c8fb931
......@@ -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"
......@@ -149,15 +163,33 @@
@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"
......@@ -186,7 +218,6 @@
</td>
<td>
{{ $doc_human['name'] ?? '-' }}
</td>
<td>
{{ $doc_human['last_name'] ?? '-' }}
......@@ -194,7 +225,9 @@
<td>
{{ $doc_human['surn'] ?? '-' }}
</td>
<td>KENYAN <span class="fi fi-ke" style="font-size: 1rem;"></span></td>
<td>
KENYAN <span class="fi fi-ke" style="font-size: 1rem;"></span>
</td>
<td>
{{ $doc_human['sex'] ?? '-' }}
</td>
......
resources/views/search/search.blade.php
View file @ 5c8fb931
......@@ -54,6 +54,11 @@
margin: auto;
}
#searchModalBirth > .modal-dialog{
max-width: 95vw;
margin: auto;
}
#overlaySpinner{
position: fixed;
top: 0;
......@@ -148,6 +153,11 @@
$('#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