a1gard
/
xshop
mirror of https://github.com/4xmen/xshop.git
1
0
Fork 1
Code Issues 1 Packages Projects Releases Wiki Activity

optimzed lives

Browse Source
master
A1Gard 1 day ago
parent 50e5d053fb
commit 189c246488
7 changed files with 171 additions and 48 deletions
Show Stats Download Patch File Download Diff File

19
app/Http/Controllers/ClientController.php
Unescape Escape View File

@ -242,7 +242,7 @@ class ClientController extends Controller
public function search(Request $request) public function search(Request $request)
{ {
if (isGuestMaxAttemptTry('search', 5, 1)) { if (isGuestMaxAttemptTry('search', 10, 1)) {
return abort(403); return abort(403);
} }
@ -273,6 +273,23 @@ class ClientController extends Controller
return view('client.tag', compact('posts', 'products', 'clips', 'title', 'subtitle','noIndex')); return view('client.tag', compact('posts', 'products', 'clips', 'title', 'subtitle','noIndex'));
} }
public function ajaxSearch(Request $request)
{
$q = trim($request->input('q'));
if (mb_strlen($q) < 3) {
return __('Search word is too short');
}
$q = '%' . $q . '%';
$products = Product::where('status', 1)->where(function ($query) use ($q) {
$query->where('name', 'LIKE', $q)
->orWhere('excerpt', 'LIKE', $q)
->orWhere('description', 'LIKE', $q);
})->paginate(5);
return view('components.search-items',compact('products'));
}
public function group($slug) public function group($slug)
{ {

51
resources/js/client-custom/lives.js
Unescape Escape View File

@ -1,4 +1,6 @@
let defSearchText = '';
window.addEventListener('load', function () { window.addEventListener('load', function () {
defSearchText = document.querySelector('#live-search-data').innerHTML;
document.querySelectorAll('.live-card-show')?.forEach(function (el) { document.querySelectorAll('.live-card-show')?.forEach(function (el) {
el.addEventListener('click', async function (e) { el.addEventListener('click', async function (e) {
e.preventDefault(); e.preventDefault();
@ -9,9 +11,54 @@ window.addEventListener('load', function () {
}); });
}); });
document.querySelector('#live-card-modal').addEventListener('click',function (e) { document.querySelector('#live-card-modal').addEventListener('click', function (e) {
if (e.target == this){ if (e.target == this) {
document.querySelector('#live-card-modal').style.display = 'none'; document.querySelector('#live-card-modal').style.display = 'none';
} }
}); });
});
document.querySelectorAll('.live-search')?.forEach(function (el) {
el.addEventListener('focus', function () {
const rect = this.getBoundingClientRect();
const scrollTop = window.scrollY || document.documentElement.scrollTop; // Get the current scroll position
const scrollLeft = window.scrollX || document.documentElement.scrollLeft; // Get the current scroll position
document.querySelector('#live-search-content').style.left = (rect.left + scrollLeft) + 'px'; // Adjust left position
document.querySelector('#live-search-content').style.top = (rect.bottom + scrollTop) + 'px'; // Adjust top position
document.querySelector('#live-search-content').style.width = rect.width + 'px';
document.querySelector('#live-search-content').style.display = 'block';
})
});
document.querySelectorAll('.live-search')?.forEach(function (el) {
el.addEventListener('keyup', async function (e) {
if (e.code == 'Escape'){
document.querySelector('#live-search-content').style.display = 'none';
return;
}else{
document.querySelector('#live-search-content').style.display = 'block';
}
if (this.value.length > 3){
document.querySelector('#search-ajax-loader').style.display = 'inline-block';
const url = this.closest('form').getAttribute('action');
let response = await axios.post(url,{q: this.value});
document.querySelector('#live-search-data').innerHTML = response.data ;
document.querySelector('#search-ajax-loader').style.display = 'none';
}else{
document.querySelector('#live-search-data').innerHTML = defSearchText;
}
})
});
document.querySelectorAll('.live-search')?.forEach(function (el) {
el.addEventListener('blur', function () {
setTimeout(function () {
document.querySelector('#live-search-content').style.display = 'none';
},500);
});
}) })

74
resources/sass/client-custom/_lives.scss
Unescape Escape View File

@ -1,4 +1,14 @@
#live-card-modal{ @keyframes rotate-z {
from {
transform: rotateZ(0deg);
}
to {
transform: rotateZ(360deg);
}
}
#live-card-modal {
display: none; display: none;
position: fixed; position: fixed;
top: 0; top: 0;
@ -9,7 +19,7 @@
backdrop-filter: blur(7px); backdrop-filter: blur(7px);
z-index: 9999; z-index: 9999;
#live-card-container{ #live-card-container {
background: var(--xshop-background); background: var(--xshop-background);
width: 300px; width: 300px;
padding: 1rem; padding: 1rem;
@ -17,32 +27,78 @@
overflow-y: auto; overflow-y: auto;
max-width: 85%; max-width: 85%;
#live-card-list{ #live-card-list {
margin: 0; margin: 0;
list-style: none; list-style: none;
padding: 1rem 0; padding: 1rem 0;
li{ li {
border-radius: var(--xshop-border-radius); border-radius: var(--xshop-border-radius);
border: 1px solid var(--xshop-text); border: 1px solid var(--xshop-text);
margin-bottom: .5rem; margin-bottom: .5rem;
.product-card-item{
.product-card-item {
padding: 5px; padding: 5px;
display: grid; display: grid;
grid-template-columns: 4fr 8fr; grid-template-columns: 4fr 8fr;
grid-gap: 5px; grid-gap: 5px;
img{
img {
width: 100%; width: 100%;
height: 75px; height: 75px;
object-fit: cover; object-fit: cover;
border-radius: var(--xshop-border-radius);
} }
h3{
h3 {
font-size: 18px; font-size: 18px;
margin: .5rem 0 ; margin: .5rem 0;
} }
} }
} }
} }
} }
} }
#live-search-content {
display: none;
background: var(--xshop-background);
padding: 1rem ;
position: absolute;
z-index: 9999;
top: 50px;
left: 0;
border-radius: var(--xshop-border-radius);
li {
list-style: none;
border-radius: var(--xshop-border-radius);
border: 1px solid var(--xshop-text);
margin-bottom: .5rem;
.product-search-item {
padding: 5px;
display: grid;
grid-template-columns: 4fr 8fr;
grid-gap: 5px;
img {
width: 100%;
height: 75px;
object-fit: cover;
border-radius: var(--xshop-border-radius);
}
h3 {
font-size: 18px;
margin: .5rem 0;
}
}
}
#search-ajax-loader{
animation: rotate-z 1s linear infinite;
display: none;
font-size: 45px;
}
}

6
resources/views/components/card-items.blade.php
Unescape Escape View File

@ -1,4 +1,5 @@
@foreach(\App\Models\Product::whereIn('id', json_decode(\Cookie::get('card'), true)) @if(isJson(\Cookie::get('card')))
@foreach(\App\Models\Product::whereIn('id', json_decode(\Cookie::get('card'), true))
->where('status', 1) ->where('status', 1)
->get() as $product) ->get() as $product)
<li> <li>
@ -19,4 +20,5 @@
</div> </div>
</li> </li>
@endforeach @endforeach
@endif

8
resources/views/segments/slider/DowntownSlider/DowntownSlider.scss
Unescape Escape View File

@ -1,12 +1,4 @@
@keyframes rotate-z {
from {
transform: rotateZ(0deg);
}
to {
transform: rotateZ(360deg);
}
}
.DowntownSlider { .DowntownSlider {
position: relative; position: relative;

32
resources/views/website/inc/website-foot.blade.php
Unescape Escape View File

@ -1,18 +1,18 @@
</div> </div>
@yield('custom-foot') @yield('custom-foot')
<input type="hidden" id="api-display-url" value="{{route('v1.visitor.display')}}"> <input type="hidden" id="api-display-url" value="{{route('v1.visitor.display')}}">
<input type="hidden" id="api-fav-toggle" value="{{route('client.product-fav-toggle','')}}/"> <input type="hidden" id="api-fav-toggle" value="{{route('client.product-fav-toggle','')}}/">
<input type="hidden" id="api-compare-toggle" value="{{route('client.product-compare-toggle','')}}/"> <input type="hidden" id="api-compare-toggle" value="{{route('client.product-compare-toggle','')}}/">
@if(auth()->check() && (auth()->user()->hasRole('developer') || auth()->user()->hasRole('admin'))) @if(auth()->check() && (auth()->user()->hasRole('developer') || auth()->user()->hasRole('admin')))
<a id="do-edit" data-bs-custom-class="custom-tooltip" <a id="do-edit" data-bs-custom-class="custom-tooltip"
data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-toggle="tooltip" data-bs-placement="auto"
title="{{__("Customize theme")}}"> title="{{__("Customize theme")}}">
<i class="ri-settings-2-line"></i> <i class="ri-settings-2-line"></i>
</a> </a>
<input type="hidden" id="live-url" value="{{route('admin.setting.live','')}}/"> <input type="hidden" id="live-url" value="{{route('admin.setting.live','')}}/">
@endif @endif
<div id="live-card-modal"> <div id="live-card-modal">
<div id="live-card-container"> <div id="live-card-container">
<a href="{{ route('client.card') }}" class="btn btn-outline-primary d-block"> <a href="{{ route('client.card') }}" class="btn btn-outline-primary d-block">
<i class="ri-shopping-bag-2-line"></i> <i class="ri-shopping-bag-2-line"></i>
@ -22,6 +22,14 @@
@include('components.card-items') @include('components.card-items')
</div> </div>
</div> </div>
</div> </div>
<div id="live-search-content">
<div id="live-search-data">
{{__("You need to type at least 4 characters to perform a search...")}}
</div>
<div class="text-center">
<i class="ri-loader-4-line" id="search-ajax-loader"></i>
</div>
</div>
</body> </body>
</html> </html>

1
routes/web.php
Unescape Escape View File

@ -442,6 +442,7 @@ Route::middleware([\App\Http\Middleware\VisitorCounter::class])
Route::get('/video/{clip}', [ClientController::class, 'clip'])->name('clip'); Route::get('/video/{clip}', [ClientController::class, 'clip'])->name('clip');
Route::get('/category/{category}', [ClientController::class, 'category'])->name('category'); Route::get('/category/{category}', [ClientController::class, 'category'])->name('category');
Route::get('/gallery/{gallery}', [ClientController::class, 'gallery'])->name('gallery'); Route::get('/gallery/{gallery}', [ClientController::class, 'gallery'])->name('gallery');
Route::post('/search', [ClientController::class, 'ajaxSearch'])->name('search.ajax');
Route::get('/search', [ClientController::class, 'search'])->name('search'); Route::get('/search', [ClientController::class, 'search'])->name('search');
Route::get('attach/download/{attachment}', [ClientController::class, 'attachDl'])->name('attach-dl'); Route::get('attach/download/{attachment}', [ClientController::class, 'attachDl'])->name('attach-dl');
Route::get('pay/{invoice}', [ClientController::class, 'pay'])->name('pay'); Route::get('pay/{invoice}', [ClientController::class, 'pay'])->name('pay');

Write Preview
Loading…
Cancel
Save