vriska/hydra
0
0
Fork 0
forked from lix-project/hydra
Code Pull requests Activity

Run the JS code to make build trees collapsible at the right time

Browse source
This commit is contained in:
Ilya K 2022-08-11 13:30:19 +03:00
parent 2b1c1e65d5
commit 74caaa696e
3 changed files with 23 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/root/build.tt
View file

@ -481,11 +481,11 @@ END;
[% END %] [% END %]
[% IF drvAvailable %] [% IF drvAvailable %]
[% INCLUDE makeLazyTab tabName="tabs-build-deps" uri=c.uri_for('/build' build.id 'build-deps') %] [% INCLUDE makeLazyTab tabName="tabs-build-deps" uri=c.uri_for('/build' build.id 'build-deps') callback="makeTreeCollapsible" %]
[% END %] [% END %]
[% IF available %] [% IF available %]
[% INCLUDE makeLazyTab tabName="tabs-runtime-deps" uri=c.uri_for('/build' build.id 'runtime-deps') %] [% INCLUDE makeLazyTab tabName="tabs-runtime-deps" uri=c.uri_for('/build' build.id 'runtime-deps') callback="makeTreeCollapsible" %]
[% END %] [% END %]
<div id="tabs-runcommandlogs" class="tab-pane"> <div id="tabs-runcommandlogs" class="tab-pane">

6
src/root/common.tt
View file

@ -520,7 +520,11 @@ BLOCK makeLazyTab %]
<center><span class="spinner-border spinner-border-sm"/></center> <center><span class="spinner-border spinner-border-sm"/></center>
</div> </div>
<script> <script>
$(function() { makeLazyTab("[% tabName %]", "[% uri %]"); }); [% IF callback.defined %]
$(function() { makeLazyTab("[% tabName %]", "[% uri %]", [% callback %] ); });
[% ELSE %]
$(function() { makeLazyTab("[% tabName %]", "[% uri %]", null ); });
[% END %]
</script> </script>
[% END; [% END;

27
src/root/static/js/common.js
View file

@ -1,10 +1,9 @@
$(document).ready(function() { function makeTreeCollapsible(tab) {
/*** Tree toggles in logfiles. ***/ /*** Tree toggles in logfiles. ***/
/* Set the appearance of the toggle depending on whether the /* Set the appearance of the toggle depending on whether the
corresponding subtree is initially shown or hidden. */ corresponding subtree is initially shown or hidden. */
$(".tree-toggle").map(function() { tab.find(".tree-toggle").map(function() {
if ($(this).siblings("ul:hidden").length == 0) { if ($(this).siblings("ul:hidden").length == 0) {
$(this).text("-"); $(this).text("-");
} else { } else {
@ -13,7 +12,7 @@ $(document).ready(function() {
}); });
/* When a toggle is clicked, show or hide the subtree. */ /* When a toggle is clicked, show or hide the subtree. */
$(".tree-toggle").click(function() { tab.find(".tree-toggle").click(function() {
if ($(this).siblings("ul:hidden").length != 0) { if ($(this).siblings("ul:hidden").length != 0) {
$(this).siblings("ul").show(); $(this).siblings("ul").show();
$(this).text("-"); $(this).text("-");
@ -24,21 +23,23 @@ $(document).ready(function() {
}); });
/* Implementation of the expand all link. */ /* Implementation of the expand all link. */
$(".tree-expand-all").click(function() { tab.find(".tree-expand-all").click(function() {
$(".tree-toggle", $(this).parent().siblings(".tree")).map(function() { tab.find(".tree-toggle", $(this).parent().siblings(".tree")).map(function() {
$(this).siblings("ul").show(); $(this).siblings("ul").show();
$(this).text("-"); $(this).text("-");
}); });
}); });
/* Implementation of the collapse all link. */ /* Implementation of the collapse all link. */
$(".tree-collapse-all").click(function() { tab.find(".tree-collapse-all").click(function() {
$(".tree-toggle", $(this).parent().siblings(".tree")).map(function() { tab.find(".tree-toggle", $(this).parent().siblings(".tree")).map(function() {
$(this).siblings("ul").hide(); $(this).siblings("ul").hide();
$(this).text("+"); $(this).text("+");
}); });
}); });
}
$(document).ready(function() {
$("table.clickable-rows").click(function(event) { $("table.clickable-rows").click(function(event) {
if ($(event.target).closest("a").length) return; if ($(event.target).closest("a").length) return;
link = $(event.target).parents("tr").find("a.row-link"); link = $(event.target).parents("tr").find("a.row-link");
@ -132,7 +133,7 @@ $(document).ready(function() {
var tabsLoaded = {}; var tabsLoaded = {};
function makeLazyTab(tabName, uri) { function makeLazyTab(tabName, uri, callback) {
$('.nav-tabs').bind('show.bs.tab', function(e) { $('.nav-tabs').bind('show.bs.tab', function(e) {
var pattern = /#.+/gi; var pattern = /#.+/gi;
var id = e.target.toString().match(pattern)[0]; var id = e.target.toString().match(pattern)[0];
@ -140,11 +141,15 @@ function makeLazyTab(tabName, uri) {
tabsLoaded[id] = 1; tabsLoaded[id] = 1;
$('#' + tabName).load(uri, function(response, status, xhr) { $('#' + tabName).load(uri, function(response, status, xhr) {
var lazy = xhr.getResponseHeader("X-Hydra-Lazy") === "Yes"; var lazy = xhr.getResponseHeader("X-Hydra-Lazy") === "Yes";
var tab = $('#' + tabName);
if (status == "error" && !lazy) { if (status == "error" && !lazy) {
$('#' + tabName).html("<div class='alert alert-error'>Error loading tab: " + xhr.status + " " + xhr.statusText + "</div>"); tab.html("<div class='alert alert-error'>Error loading tab: " + xhr.status + " " + xhr.statusText + "</div>");
} }
else { else {
$('#' + tabName).html(response); tab.html(response);
if (callback) {
callback(tab);
}
} }
}); });
} }