feat: homepage search
This commit is contained in:
myuqinurrohman
parent
e8817bbf9f
commit
a7f97d64ab
@ -18,7 +18,6 @@ public function index(){
|
|||||||
->where('category', '=', '0')
|
->where('category', '=', '0')
|
||||||
->latest()
|
->latest()
|
||||||
->get(),
|
->get(),
|
||||||
// 'news' => News::all(),
|
|
||||||
'announcements' => News::whereBetween('created_at', [Carbon::now()->startOfWeek(), Carbon::now()->endOfWeek()])
|
'announcements' => News::whereBetween('created_at', [Carbon::now()->startOfWeek(), Carbon::now()->endOfWeek()])
|
||||||
->where('category', '=', '1')
|
->where('category', '=', '1')
|
||||||
->latest()
|
->latest()
|
||||||
@ -27,4 +26,19 @@ public function index(){
|
|||||||
|
|
||||||
return view('homepage.index', $data);
|
return view('homepage.index', $data);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public function search(Request $request){
|
||||||
|
$search = $request->input('search');
|
||||||
|
|
||||||
|
$data = [
|
||||||
|
'title' => 'Pencarian',
|
||||||
|
'page' => 'search',
|
||||||
|
'data' => News::where('title', 'LIKE', '%'.$search.'%')
|
||||||
|
->latest()
|
||||||
|
->simplePaginate(12),
|
||||||
|
'search' => $search
|
||||||
|
];
|
||||||
|
|
||||||
|
return view('homepage.search', $data);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -52,3 +52,7 @@ .detail-announcement-img {
|
|||||||
.announcement-title{
|
.announcement-title{
|
||||||
height: 7rem;
|
height: 7rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.search-title{
|
||||||
|
height: 6.8rem;
|
||||||
|
}
|
||||||
|
|||||||
65
resources/views/homepage/search.blade.php
Normal file
65
resources/views/homepage/search.blade.php
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
@include('partials.homepage.head')
|
||||||
|
<body data-mobile-nav-style="full-screen-menu" data-mobile-nav-bg-color="">
|
||||||
|
@include('partials.homepage.header')
|
||||||
|
<!-- start page title -->
|
||||||
|
<section class="half-section page-title-center-alignment cover-background top-space-margin">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 text-center position-relative page-title-large">
|
||||||
|
<h1 class="d-inline-block fw-600 ls-minus-1px text-dark-gray mb-15px">Hasil pencarian untuk "{{$search}}"</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- end page title -->
|
||||||
|
<!-- start section -->
|
||||||
|
<section class="pt-0 ps-11 pe-11 xl-ps-2 xl-pe-2">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<ul class="blog-grid blog-wrapper grid-loading grid grid-4col xl-grid-4col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large">
|
||||||
|
<li class="grid-sizer"></li>
|
||||||
|
@foreach ($data as $item)
|
||||||
|
<!-- start blog item -->
|
||||||
|
<li class="grid-item">
|
||||||
|
<div class="card border-0 border-radius-4px box-shadow-extra-large box-shadow-extra-large-hover">
|
||||||
|
<div class="blog-image">
|
||||||
|
<a href="{{route('homepage.'.($item->category === '0' ? 'news' : 'announcements').'.read', ['slug' => $item->slug])}}" class="d-block"><img src="{{asset(display_image($item->image, 'news'))}}" alt="" class="information-img" /></a>
|
||||||
|
<div class="blog-categories">
|
||||||
|
<a href="{{route('homepage.'.($item->category === '0' ? 'news' : 'announcements').'.read', ['slug' => $item->slug])}}" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase alt-font fw-700">{{$item->category === '0' ? 'Berita' : 'Pengumuman'}}</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-body p-12">
|
||||||
|
<a href="{{route('homepage.'.($item->category === '0' ? 'news' : 'announcements').'.read', ['slug' => $item->slug])}}" class="card-title mb-15px fw-600 fs-17 lh-26 text-dark-gray text-dark-gray-hover d-inline-block search-title">{{shorten_text($item->title, 70)}}</a>
|
||||||
|
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-14 text-uppercase">
|
||||||
|
<div class="me-auto">
|
||||||
|
<span class="blog-date fw-500 d-inline-block">{{idn_date($item->created_at, 'd F Y')}}</span>
|
||||||
|
<div class="d-inline-block author-name">Baca selengkapnya</div>
|
||||||
|
</div>
|
||||||
|
<div class="like-count">
|
||||||
|
<a href="{{route('homepage.'.($item->category === '0' ? 'news' : 'announcements').'.read', ['slug' => $item->slug])}}"><i class="fa-regular fa-eye text-red d-inline-block"></i><span class="text-dark-gray align-middle fw-600">{{$item->views}}</span></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<!-- end blog item -->
|
||||||
|
@endforeach
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 mt-4 d-flex justify-content-center">
|
||||||
|
<ul class="pagination pagination-style-01 fs-13 fw-500 mb-0">
|
||||||
|
<li class="page-item"><a class="page-link" href="#"><i class="feather icon-feather-arrow-left fs-18 d-xs-none"></i></a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">01</a></li>
|
||||||
|
<li class="page-item active"><a class="page-link" href="#">02</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">03</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#">04</a></li>
|
||||||
|
<li class="page-item"><a class="page-link" href="#"><i class="feather icon-feather-arrow-right fs-18 d-xs-none"></i></a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- end section -->
|
||||||
|
<!-- start footer -->
|
||||||
|
@include('partials.homepage.footer')
|
||||||
@ -46,10 +46,10 @@
|
|||||||
<a href="#" class="search-form-icon header-search-form"><i class="align-middle feather icon-feather-search fs-18 me-5px xl-me-0"></i><span class="align-middle d-none d-xxl-inline-block"> Search</span></a>
|
<a href="#" class="search-form-icon header-search-form"><i class="align-middle feather icon-feather-search fs-18 me-5px xl-me-0"></i><span class="align-middle d-none d-xxl-inline-block"> Search</span></a>
|
||||||
<div class="search-form-wrapper">
|
<div class="search-form-wrapper">
|
||||||
<button title="Close" type="button" class="search-close">×</button>
|
<button title="Close" type="button" class="search-close">×</button>
|
||||||
<form id="search-form" role="search" method="get" class="search-form text-left" action="search-result.html">
|
<form id="search-form" role="search" method="get" class="search-form text-left" action="{{route('homepage.search')}}" method="get">
|
||||||
<div class="search-form-box">
|
<div class="search-form-box">
|
||||||
<h2 class="text-dark-gray fw-700 ls-minus-2px text-center mb-4 alt-font">Apa yang kamu cari?</h2>
|
<h2 class="text-dark-gray fw-700 ls-minus-2px text-center mb-4 alt-font">Apa yang kamu cari?</h2>
|
||||||
<input class="search-input" id="search-form-input5e219ef164995" placeholder="Masukan kata kunci..." name="s" value="" type="text" autocomplete="off">
|
<input class="search-input" id="search-form-input5e219ef164995" placeholder="Masukan kata kunci..." name="search" value="" type="text" autocomplete="off">
|
||||||
<button type="submit" class="search-button">
|
<button type="submit" class="search-button">
|
||||||
<i class="feather icon-feather-search" aria-hidden="true"></i>
|
<i class="feather icon-feather-search" aria-hidden="true"></i>
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@ -34,6 +34,7 @@
|
|||||||
|
|
||||||
Route::name('homepage.')->group(function(){
|
Route::name('homepage.')->group(function(){
|
||||||
Route::get('/', [LandingPageController::class, 'index'])->name('landing');
|
Route::get('/', [LandingPageController::class, 'index'])->name('landing');
|
||||||
|
Route::get('/search', [LandingPageController::class, 'search'])->name('search');
|
||||||
|
|
||||||
Route::prefix('news')->name('news.')->controller(HomepageNewsController::class)->group(function(){
|
Route::prefix('news')->name('news.')->controller(HomepageNewsController::class)->group(function(){
|
||||||
Route::get('/', 'index')->name('index');
|
Route::get('/', 'index')->name('index');
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user