mirror/webgui
1
0
Fork 0
mirror of https://github.com/unraid/webgui.git synced 2026-01-05 00:59:48 -06:00
Code Issues Packages Projects Releases Wiki Activity

Refactor fixed listing height processing

Browse Source
This commit is contained in:
Squidly271
2025-10-16 10:23:31 -04:00
committed by GitHub
parent ce4653aafb
commit b54bb1a164
1 changed files with 33 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
emhttp/plugins/dynamix.vm.manager/VMMachines.page
View File

@@ -3,6 +3,7 @@ Title="Virtual Machines"
Tag="columns"
Cond="is_file('/var/run/libvirt/libvirtd.pid')"
Markdown="false"
Focus="tableHeaderResize"
---
<?PHP
/* Copyright 2005-2023, Lime Technology
@@ -462,37 +463,43 @@ function loadlist() {
$('.text').click(showInput);
$('.input').blur(hideInput);
<?if (_var($display,'resize')):?>
fillAvailableHeight({
targetElementSelector: '.js-fill-available-height',
elementSelectorsForHeight: [
'.js-actions',
'#kvm_table thead',
],
elementSelectorsForSpacing: [
'#kvm_table',
],
manualSpacingOffset: 50, // without this, the main content will still be scrollable by like 20px
});
// Handle table header fixed positioning after resize
function tableHeaderResize() {
$('#kvm_table thead,#kvm_table tbody').removeClass('fixed');
$('#kvm_table thead tr th').each(function(){$(this).width($(this).width());});
$('#kvm_table tbody tr td').each(function(){$(this).width($(this).width());});
$('#kvm_table thead,#kvm_table tbody').not('.child').addClass('fixed');
}
tableHeaderResize();
// Handle table header resizing when window is resized with debouncing
var resizeTimeout;
$(window).bind('resize',function(){
tableHeaderResize();
});
// Handle table header resizing when tab is clicked
<?if (count($pages) > 2):?>
$("#tab1").on('click',function(){
clearTimeout(resizeTimeout);
resizeTimeout = setTimeout(function(){
tableHeaderResize();
});
<?endif;?>
<?endif;?>
}, 150);
});
<?endif;?>
});
}
// Handle table header fixed positioning after resize
// Only applicable to listing height: fixed
// Function needs to exist in the global scope due to "Focus" attribute in the page
function tableHeaderResize() {
<?if (_var($display,'resize')):?>
fillAvailableHeight({
targetElementSelector: '.js-fill-available-height',
elementSelectorsForHeight: [
'.js-actions',
'#kvm_table thead',
],
elementSelectorsForSpacing: [
'#kvm_table',
],
manualSpacingOffset: 50, // without this, the main content will still be scrollable by like 20px
});
$('#kvm_table thead,#kvm_table tbody').removeClass('fixed');
$('#kvm_table thead tr th').each(function(){$(this).width($(this).width());});
$('#kvm_table tbody tr td').each(function(){$(this).width($(this).width());});
$('#kvm_table thead,#kvm_table tbody').not('.child').addClass('fixed');
<?endif;?>
}
$(function() {
<?if ($msg):?>
<?$color = strpos($msg, "rror:")!==false ? 'red-text':'green-text'?>