135/netdisco
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

collapse on inventory for long lists (#1103)

Browse Source 
implements #1083
This commit is contained in:
Oliver Gorwits
2023-09-19 08:11:05 +01:00
committed by GitHub
parent 3a820c06e4
commit c651ff107b
3 changed files with 139 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
share/config.yml
View File

@@ -244,6 +244,9 @@ table_pagesize: 10
table_showrecordsmenu:
- [10, 25, 50, 100, '-1']
- [10, 25, 50, 100, 'All']
inventory_collapse_threshold: 0
inventory_platforms_collapse_threshold: 5
inventory_releases_collapse_threshold: 5
vlanctl: true
portctl_nameonly: false
portctl_no: []

114
share/views/inventory.tt
View File

@@ -12,26 +12,55 @@
</tr>
</thead>
<tbody>
[% FOREACH platform IN platforms %]
[% NEXT UNLESS platform.vendor OR platform.model %]
[% SET vendorcount = 0 %]
[% FOREACH vendor IN platforms %]
[% SET vendorcount = vendorcount + 1 %]
[% IF settings.inventory_collapse_threshold
AND platforms.size > settings.inventory_collapse_threshold
AND platform_totals.$vendor.rows > settings.inventory_platforms_collapse_threshold %]
<tr>
<th>
[% IF platform.vendor %]
<a class="nd_linkcell"
href="[% search_device | none %]&q=[% platform.vendor | uri %]&vendor=[% platform.vendor | uri %]">
[% platform.vendor | html_entity %]</a>
href="[% search_device | none %]&q=[% vendor | uri %]&vendor=[% vendor | uri %]">
[% vendor | html_entity %]</a>
</th>
<th>
<span id="nd_platforms_[% vendorcount %]_chevron" class="icon-chevron-up"></span>
<a href="#" class="nd_collapse-inventory"
data-chevron="#nd_platforms_[% vendorcount %]_chevron"
data-target=".nd_platforms_[% vendorcount %]">
Show [% platform_totals.$vendor.rows | html_entity %]
</a>
</th>
<th>[% platform_totals.$vendor.count | html_entity %]</th>
</tr>
[% END %]
[% FOREACH row IN platform_map.$vendor %]
[% IF settings.inventory_collapse_threshold
AND platforms.size > settings.inventory_collapse_threshold
AND platform_totals.$vendor.rows > settings.inventory_platforms_collapse_threshold %]
<tr class="nd_inventory_collapser nd_platforms_[% vendorcount %]">
[% ELSE %]
<tr>
[% END %]
<th>
[% IF row.vendor %]
<a class="nd_linkcell"
href="[% search_device | none %]&q=[% row.vendor | uri %]&vendor=[% row.vendor | uri %]">
[% row.vendor | html_entity %]</a>
[% ELSE %]unknown[% END %]
</th>
<th>
[% IF platform.model %]
[% IF row.model %]
<a class="nd_linkcell"
href="[% search_device | none %]&q=[% platform.model | uri %]&model=[% platform.model | uri %]">
[% platform.model | html_entity %]</a>
href="[% search_device | none %]&q=[% row.model | uri %]&model=[% row.model | uri %]">
[% row.model | html_entity %]</a>
[% ELSE %]unknown[% END %]
</th>
<th>[% platform.count | html_entity %]</th>
<th>[% row.count | html_entity %]</th>
</tr>
[% END %]
[% END %]
</tbody>
</table>
</div>
@@ -46,26 +75,56 @@
</tr>
</thead>
<tbody>
[% FOREACH release IN releases %]
[% NEXT UNLESS release.os OR release.os_ver %]
[% SET oscount = 0 %]
[% FOREACH os IN releases %]
[% SET oscount = oscount + 1 %]
[% IF settings.inventory_collapse_threshold
AND releases.size > settings.inventory_collapse_threshold
AND release_totals.$os.rows > settings.inventory_releases_collapse_threshold %]
<tr>
<th>
[% IF release.os %]
<a class="nd_linkcell"
href="[% search_device | none %]&q=[% release.os | uri %]&os=[% release.os | uri %]">
[% release.os | html_entity %]</a>
href="[% search_device | none %]&q=[% os | uri %]&vendor=[% os | uri %]">
[% os | html_entity %]</a>
</th>
<th>
<span id="nd_releases_[% oscount %]_chevron" class="icon-chevron-up"></span>
<a href="#" class="nd_collapse-inventory"
data-chevron="#nd_releases_[% oscount %]_chevron"
data-target=".nd_releases_[% oscount %]">
Show [% release_totals.$os.rows | html_entity %]
</a>
</th>
<th>[% release_totals.$os.count | html_entity %]</th>
</tr>
<div>
[% END %]
[% FOREACH row IN release_map.$os %]
[% IF settings.inventory_collapse_threshold
AND releases.size > settings.inventory_collapse_threshold
AND release_totals.$os.rows > settings.inventory_releases_collapse_threshold %]
<tr class="nd_inventory_collapser nd_releases_[% oscount %]">
[% ELSE %]
<tr>
[% END %]
<th>
[% IF row.os %]
<a class="nd_linkcell"
href="[% search_device | none %]&q=[% row.os | uri %]&os=[% row.os | uri %]">
[% row.os | html_entity %]</a>
[% ELSE %]unknown[% END %]
</th>
<th>
[% IF release.os_ver %]
[% IF row.os_ver %]
<a class="nd_linkcell"
href="[% search_device | none %]&q=[% release.os_ver | uri %]&os_ver=[% release.os_ver | uri %]">
[% release.os_ver | html_entity %]</a>
href="[% search_device | none %]&q=[% row.os_ver | uri %]&os_ver=[% row.os_ver | uri %]">
[% row.os_ver | html_entity %]</a>
[% ELSE %]unknown[% END %]
</th>
<th>[% release.count | html_entity %]</th>
<th>[% row.count | html_entity %]</th>
</tr>
[% END %]
[% END %]
</tbody>
</table>
</div>
@@ -76,3 +135,22 @@
</script>
[% END %]
</div>
<script type="text/javascript">
$('.nd_inventory_collapser').toggle();
$('.nd_collapse-inventory').on('click', function () {
var target = $(this).attr('data-target');
var chevron = $(this).attr('data-chevron');
$(target).toggle();
if ($(chevron).hasClass('icon-chevron-up')) {
$(chevron).removeClass('icon-chevron-up');
$(chevron).addClass('icon-chevron-down');
}
else {
$(chevron).addClass('icon-chevron-up');
$(chevron).removeClass('icon-chevron-down');
}
});
</script>