1
0
Fork 0
mirror of https://github.com/DanielnetoDotCom/YouPHPTube synced 2025-10-03 17:59:55 +02:00

Improve search form

This commit is contained in:
Daniel Neto 2025-02-11 11:09:02 -03:00
parent be16a356f6
commit 4c305903e5
5 changed files with 23 additions and 27 deletions

View file

@ -482,6 +482,7 @@ $videoFound = false;
<?php
}
if ($obj->Categories) {
$videoFound = true; // it will be decided inside the infinity scroll
$url = "{$global['webSiteRootURL']}plugin/YouPHPFlix2/view/modeFlixCategory.php";
if (!empty($_REQUEST['catName'])) {
$url = addQueryStringParameter($url, 'catName', $_REQUEST['catName']);
@ -505,7 +506,7 @@ $videoFound = false;
<i class="fas fa-spinner fa-pulse text-muted"></i>
</div>
</div>
<script src="<?php echo getCDN(); ?>node_modules/infinite-scroll/dist/infinite-scroll.pkgd.min.js" type="text/javascript"></script>
<script src="<?php echo getURL('node_modules/infinite-scroll/dist/infinite-scroll.pkgd.min.js'); ?>" type="text/javascript"></script>
<script>
$(document).ready(function() {
$container = $('#categoriesContainer').infiniteScroll({

View file

@ -135,6 +135,7 @@ $videosCounter = 0;
}
TimeLogEnd($timeLog, __LINE__);
if (empty($videosCounter)) {
include_once __DIR__.'/notFoundHTML.php';
echo "</div>";
return false;
}

View file

@ -2,7 +2,7 @@
<div class="navbar-header">
<div class="navbar-header">
<button type="button" class="visible-xs navbar-toggle btn btn-default navbar-btn faa-parent animated-hover animate__animated animate__bounceIn" data-toggle="collapse" data-target="#mysearch" style="padding: 6px 12px;">
<button type="button" class="visible-xs navbar-toggle btn btn-default navbar-btn faa-parent animated-hover" data-toggle="collapse" data-target="#mysearch" style="padding: 6px 12px;">
<span class="fa fa-search faa-shake"></span>
</button>
</div>
@ -10,16 +10,12 @@
<form class="navbar-form form-inline input-group" role="search" id="searchForm" method="get" action="<?php echo $global['webSiteRootURL']; ?>">
<span class="input-group-prepend">
<button type="button" id="filterButton"
class="btn btn-default navbar-btn dropdown-toggle faa-parent animated-hover animate__animated animate__bounceIn"
class="btn btn-default navbar-btn dropdown-toggle"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-sliders-h"></i>
</button>
</span>
<input class="form-control globalsearchfield" type="text" value="<?php
if (!empty($_GET['search'])) {
echo htmlentities($_GET['search']);
}
?>" name="search" placeholder="<?php echo __("Search"); ?>" id="searchFormInput">
<input class="form-control globalsearchfield" type="text" name="search" placeholder="<?php echo __("Search"); ?>" id="searchFormInput">
<span class="input-group-append">
<button class="btn btn-default btn-outline-secondary border-right-0 border py-2 faa-parent animated-hover" type="submit" id="buttonSearch" data-toggle="collapse" data-target="#mysearch">
<i class="fas fa-search faa-shake notLoadingIcon"></i>
@ -56,6 +52,7 @@
$('#filterDropdown').toggleClass('show');
});
setSearchFilterIcon();
$("#searchFormInput").val(getSearchParam("search"));
});
function setSearchFilterIcon() {
updateSearchSelectedValues();

View file

@ -71,7 +71,8 @@ $(document).ready(function () {
$("#buttonSearch").click(function (event) {
event.stopPropagation();
if (isSearchOpen()) {
closeSearchMenu();
modal.showPleaseWait();
//closeSearchMenu();
} else {
openSearchMenu();
}
@ -109,7 +110,6 @@ $(document).ready(function () {
$(selector).attr('aria-expanded', 'false');
$("#mysearch").css({ display: '' });
$("#mysearch").removeClass('animate__bounceOutUp');
}
});
});
@ -149,26 +149,18 @@ async function openRightMenu() {
}
var selector = '#buttonMyNavbar svg';
$(selector).addClass('active');
$("#myNavbar").removeClass('animate__bounceOutRight');
$("#myNavbar").show();
$("#myNavbar").addClass('animate__animated animate__bounceInRight');
}
async function closeSearchMenu() {
$("#mysearch").removeClass('animate__bounceInDown');
$("#mysearch").addClass('animate__bounceOutUp');
setTimeout(function () {
$("#mysearch").hide();
}, 500);
$("#mysearch").hide();
}
async function openSearchMenu() {
if (isScreeWidthCollapseSize()) {
closeLeftMenu();
closeRightMenu();
}
$("#mysearch").removeClass('animate__bounceOutUp');
$("#mysearch").show();
$("#mysearch").addClass('animate__animated animate__bounceInDown');
}
async function seachFormPlayURL(url) {
@ -200,7 +192,7 @@ async function seachFormPlayURL(url) {
}
function isSearchOpen() {
return $('#mysearch').hasClass('animate__bounceInDown');
return $("#mysearch").is(":visible");
}
function isMyNMavbarOpen() {
return $('#myNavbar').hasClass('animate__bounceInRight');

View file

@ -86,6 +86,7 @@ if (window.navigator.standalone || window.matchMedia('(display-mode: standalone)
document.body.classList.add('pwa');
}
var queryString = window.location.search;
var urlParams = new URLSearchParams(queryString);
@ -93,6 +94,10 @@ if (urlParams.has('debug')) {
isDebuging = false;
}
function getSearchParam(param) {
return urlParams.get(param) || "";
}
function forwardToIframe(data) {
var iframe = document.getElementById('avideoModalIframe'); // Get the iframe by ID
if (iframe && iframe.contentWindow) {