mirror of
https://github.com/DanielnetoDotCom/YouPHPTube
synced 2025-10-03 17:59:55 +02:00
Improve search form
This commit is contained in:
parent
be16a356f6
commit
4c305903e5
5 changed files with 23 additions and 27 deletions
|
@ -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({
|
||||
|
|
|
@ -135,6 +135,7 @@ $videosCounter = 0;
|
|||
}
|
||||
TimeLogEnd($timeLog, __LINE__);
|
||||
if (empty($videosCounter)) {
|
||||
include_once __DIR__.'/notFoundHTML.php';
|
||||
echo "</div>";
|
||||
return false;
|
||||
}
|
||||
|
|
|
@ -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();
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
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');
|
||||
|
|
|
@ -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) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue