s-ahy/sogandAsghary.Project09
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix : update breadcrumb

Browse Source 
, flightShow , sidebar
This commit is contained in:
Admin
2026-08-17 18:21:53 -07:00
parent 914c1aedbd
commit e6d23f9442
5 changed files with 215 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/css/style.css
+4 -4
View File
@@ -1704,7 +1704,7 @@ search css
transform: translateX(-50%); transform: translateX(-50%);
} }
/* flight */ /* flights */
.search-form .flight-type{ .search-form .flight-type{
margin-bottom: 10px; margin-bottom: 10px;
} }
@@ -2217,7 +2217,7 @@ destination css
/* =================== /* ===================
flight css flights css
====================== */ ====================== */
.flight-area{ .flight-area{
@@ -4776,7 +4776,7 @@ booking sort
/* =================== /* ===================
flight booking css flights booking css
====================== */ ====================== */
.flight-booking-item{ .flight-booking-item{
@@ -5037,7 +5037,7 @@ flight booking css
} }
/* flight booking grid */ /* flights booking grid */
.flight-grid .flight-booking-wrapper{ .flight-grid .flight-booking-wrapper{
flex-direction: column; flex-direction: column;
public/assets/js/main.js
+17 -17
View File
@@ -415,19 +415,19 @@ Version : 1.1
} }
// flight type search form // flights type search form
$('.flight-type .form-check-input').change(function (e) { $('.flights-type .form-check-input').change(function (e) {
var ft = $(this).val(); var ft = $(this).val();
if (ft === "round-way") { if (ft === "round-way") {
$('.flight-search .search-form-return').show(); $('.flights-search .search-form-return').show();
$('.have-to-clone').hide(); $('.have-to-clone').hide();
$('.another-item').remove(); $('.another-item').remove();
} else if (ft === "multi-city") { } else if (ft === "multi-city") {
$('.flight-search .search-form-return').hide(); $('.flights-search .search-form-return').hide();
$('.have-to-clone').show(); $('.have-to-clone').show();
$('.another-item').remove(); $('.another-item').remove();
} else { } else {
$('.flight-search .search-form-return').hide(); $('.flights-search .search-form-return').hide();
$('.have-to-clone').hide(); $('.have-to-clone').hide();
$('.another-item').remove(); $('.another-item').remove();
} }
@@ -510,11 +510,11 @@ Version : 1.1
// search multicity form // search multicity form
$(".multicity-btn").click(function () { $(".multicity-btn").click(function () {
if (document.querySelectorAll('.flight-search-item').length === 5) { if (document.querySelectorAll('.flights-search-item').length === 5) {
return alert("Maximum Flight Limit Reached!!"); return alert("Maximum Flight Limit Reached!!");
} }
$('.flight-multicity-item .date-picker').datepicker('destroy'); $('.flights-multicity-item .date-picker').datepicker('destroy');
var cloneMulticity = $(".have-to-clone").clone(); var cloneMulticity = $(".have-to-clone").clone();
cloneMulticity.removeClass("have-to-clone"); cloneMulticity.removeClass("have-to-clone");
@@ -522,10 +522,10 @@ Version : 1.1
cloneMulticity.find(".multicity-btn").addClass("multicity-item-remove").html(`<div> cloneMulticity.find(".multicity-btn").addClass("multicity-item-remove").html(`<div>
<i class="fal fa-circle-xmark"></i> Remove Flight</div>`); <i class="fal fa-circle-xmark"></i> Remove Flight</div>`);
$(".flight-search-content").append(cloneMulticity); $(".flights-search-content").append(cloneMulticity);
var i = 0; var i = 0;
$('.flight-multicity-item .date-picker').each(function () { $('.flights-multicity-item .date-picker').each(function () {
$(this).attr("id", 'date' + i).datepicker(); $(this).attr("id", 'date' + i).datepicker();
i++; i++;
}); });
@@ -533,22 +533,22 @@ Version : 1.1
}); });
$(document).on('click', '.multicity-item-remove', function () { $(document).on('click', '.multicity-item-remove', function () {
$(this).parent().closest('.flight-multicity-item').remove(); $(this).parent().closest('.flights-multicity-item').remove();
}); });
$(document).on('change', '.flight-multicity-item .date-picker', function (e) { $(document).on('change', '.flights-multicity-item .date-picker', function (e) {
var jd = $(e.target).val(); var jd = $(e.target).val();
const journeyDayName = new Date(jd).toLocaleString('en-us', { weekday: 'long' }); const journeyDayName = new Date(jd).toLocaleString('en-us', { weekday: 'long' });
$(e.target).closest(".flight-multicity-item").find('.journey-day-name').html(journeyDayName); $(e.target).closest(".flights-multicity-item").find('.journey-day-name').html(journeyDayName);
}); });
// swap search form value // swap search form value
$(document).on('click', '.flight-search-item .search-form-swap', function (e) { $(document).on('click', '.flights-search-item .search-form-swap', function (e) {
var swapFrom = $(e.target).closest(".flight-search-item").find('.swap-from').val(); var swapFrom = $(e.target).closest(".flights-search-item").find('.swap-from').val();
var swapTo = $(e.target).closest(".flight-search-item").find('.swap-to').val(); var swapTo = $(e.target).closest(".flights-search-item").find('.swap-to').val();
$(e.target).closest(".flight-search-item").find('.swap-from').val(swapTo); $(e.target).closest(".flights-search-item").find('.swap-from').val(swapTo);
$(e.target).closest(".flight-search-item").find('.swap-to').val(swapFrom); $(e.target).closest(".flights-search-item").find('.swap-to').val(swapFrom);
}); });
resources/views/flights/show.blade.php
+14 -4
View File
@@ -17,7 +17,9 @@
<div class="listing-content"> <div class="listing-content">
<div class="listing-slider owl-carousel owl-theme" dir="ltr"> <div class="listing-slider owl-carousel owl-theme" dir="ltr">
<img src="{{ $flight->file ? asset('storage/'.$flight->file->path) : asset('assets/img/flight/single-1.jpg') }}" alt> <img
src="{{ $flight->file ? asset('storage/'.$flight->file->path) : asset('assets/img/flight/single-1.jpg') }}"
alt>
</div> </div>
<div class="listing-header"> <div class="listing-header">
@@ -27,7 +29,8 @@
<i class="far fa-exchange"></i> <i class="far fa-exchange"></i>
{{ $flight->arrivalAirport->city->name }} {{ $flight->arrivalAirport->city->name }}
</h4> </h4>
<p class="listing-stop"><i class="far fa-plane"></i> {{ $flight->airline->name }}</p> <p class="listing-stop"><i
class="far fa-plane"></i> {{ $flight->airline->name }}</p>
</div> </div>
</div> </div>
@@ -114,12 +117,19 @@
</div> </div>
@endif @endif
@include('show-layouts.reviews', ['comments' => $flight->comments]) @include('show-layouts.reviews', [
'comments' => $flight->comments,
'item' => $flight,
'type' => 'flight'
])
</div> </div>
</div> </div>
@include('show-layouts.sidebar') @include('show-layouts.sidebar', [
'item' => $flight,
'type' => 'flight'
])
</div> </div>
</div> </div>
resources/views/show-layouts/breadcrumb.blade.php
+2 -9
View File
@@ -1,14 +1,7 @@
{{-- {
Shared page breadcrumb.
Props:
- string $title Heading shown in the breadcrumb band.
- string $current Label for the active (last) breadcrumb item. Defaults to $title.
- string $background Path (relative to /assets) used as the band background image.
--}}
@php @php
$current = $current ?? $title; $current = $current ?? $title;
$background = $background ?? 'assets/img/breadcrumb/01.jpg'; $background = $background ?? asset('assets/img/breadcrumb/01.jpg');
@endphp @endphp
<div class="site-breadcrumb" style="background: url({{ asset($background) }})"> <div class="site-breadcrumb" style="background: url({{ asset($background) }})">
resources/views/show-layouts/sidebar.blade.php
+120 -53
View File
@@ -1,86 +1,153 @@
<div class="col-lg-4"> <div class="col-lg-4">
<div class="booking-sidebar listing-side-content"> <div class="booking-sidebar listing-side-content">
<div class="booking-item"> <div class="booking-item">
{{-- Price --}}
<div class="listing-price"> <div class="listing-price">
<h4 class="listing-price-tag">قیمت هر نفر</h4> <h4 class="listing-price-tag">قیمت هر نفر</h4>
<div class="listing-price-amount"> <div class="listing-price-amount">
از <span>{{ number_format($flight->price) }} تومان</span> از
<span>
{{ number_format($item->price) }} تومان
</span>
</div> </div>
</div> </div>
{{-- Flight specific --}}
@if($type === 'flight')
<div class="search-form"> <div class="search-form">
<form action="#"> <form action="">
@csrf @csrf
<div class="tour-search-wrapper"> <div class="tour-search-wrapper">
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<div class="form-group"> <div class="form-group">
<div class="search-form-date"> <div class="search-form-date">
<div class="search-form-journey"> <div class="search-form-journey">
<label>تاریخ سفر</label> <label>تاریخ سفر</label>
<div class="form-group-icon"> <div class="form-group-icon">
<input type="text" name="journey-date" class="form-control date-picker journey-date" value="{{ $flight->departure_time->toJalali()->format('Y/m/d') }}" readonly>
<input
type="text"
name="journey-date"
class="form-control date-picker journey-date"
value="{{ $item->departure_time->toJalali()->format('Y/m/d') }}"
readonly
>
<i class="fal fa-calendar-days"></i> <i class="fal fa-calendar-days"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="form-group dropdown static-dropdown passenger-box">
<div class="passenger-class" role="menu" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false">
<label>مسافر</label>
<div class="form-group-icon">
<div class="passenger-total"><span class="passenger-total-amount">1</span> مسافر</div>
<i class="fal fa-user-plus"></i>
</div>
<p class="passenger-class-name">اقتصادی</p>
</div>
<div class="dropdown-menu dropdown-menu-end">
<div class="dropdown-item">
<div class="passenger-item">
<div class="passenger-info">
<h6>بزرگسالان</h6>
<p>+12 سال</p>
</div>
<div class="passenger-qty">
<button type="button" class="minus-btn"><i class="far fa-minus"></i></button>
<input type="text" name="adult" class="qty-amount passenger-adult" value="1" readonly>
<button type="button" class="plus-btn"><i class="far fa-plus"></i></button>
</div>
</div>
</div>
<div class="passenger-item">
<div class="passenger-info">
<h6>کودکان</h6>
<p>۲ تا ۱۲ سال</p>
</div> </div>
<div class="passenger-qty"> </div>
<button type="button" class="minus-btn"> </div>
<i class="far fa-minus"></i>
</button>
<input type="text" name="child" class="qty-amount passenger-child" value="0" readonly> </div>
</div>
<button type="button" class="plus-btn">
<i class="far fa-plus"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<div class="listing-side-btn"> <div class="listing-side-btn">
<button type="submit" class="theme-btn"><span class="far fa-shopping-bag"></span>اکنون رزرو کن</button>
<a href="#" class="border-btn"><i class="far fa-heart"></i> افزودن به علاقه‌مندی‌ها</a> <button type="submit" class="theme-btn">
<span class="far fa-shopping-bag"></span>
اکنون رزرو کن
</button>
<a href="#" class="border-btn">
<i class="far fa-heart"></i>
افزودن به علاقه‌مندی‌ها
</a>
</div> </div>
</div> </div>
</form> </form>
</div> </div>
@endif
{{-- Tour specific --}}
@if($type === 'tour')
<div class="listing-item p-3 mt-3">
<div class="listing-feature mb-3">
<div class="listing-feature-icon">
<i class="far fa-clock"></i>
</div>
<div class="listing-feature-content">
<h6>مدت تور</h6>
<span>
{{ $item->duration }} روز
</span>
</div>
</div>
<div class="listing-feature">
<div class="listing-feature-icon">
<i class="far fa-location-dot"></i>
</div>
<div class="listing-feature-content">
<h6>مسیر تور</h6>
<span>
{{ $item->origin }}
<i class="far fa-arrow-left mx-1"></i>
{{ $item->destination }}
</span>
</div>
</div>
</div>
<div class="listing-side-btn mt-3">
<a href="#" class="theme-btn">
<span class="far fa-shopping-bag"></span>
اکنون رزرو کن
</a>
<a href="#" class="border-btn">
<i class="far fa-heart"></i>
افزودن به علاقه‌مندی‌ها
</a>
</div>
@endif
{{-- Views --}}
<div class="listing-side-share"> <div class="listing-side-share">
<span><i class="far fa-eye"></i> {{ number_format($flight->views) }} مشاهده</span>
</div> <span>
<i class="far fa-eye"></i>
{{ number_format($item->views) }}
مشاهده
</span>
</div>
</div> </div>
</div> </div>
</div> </div>