Use popovers for the product list help/details

[?]

Apr 26, 2013, 3:47 PM

3ZAJ2ZRPMG62ZTRYBUXXO3TLVMVX3YB6UZNNU77H5COQ5MR45XAQC

Dependencies

[2] S5GCSCNS Update bootstrap to 2.3.1
[3] OIBSCXGI Use a popover to show how to use the build reproduction script
[4] HZWUT4YN Allow users to reproduce builds on their own systems
[5] A4ZMBK7D * Icon for ISOs.
[6] NUIKDEHL * A quick hack to list the contents of various types of files (RPM,
[7] LL36GPHA added help, removed nix closure from 'failed build with output' productlist
[8] 3PNG7NIB Remove trailing whitespace
[9] NDL67SQT * XHTML validity.
[10] XJFHFZCA * Provide some redirects to build products by type so that we can for
[11] ELABMHJI * hydra: layout changes
[12] QCGCX2BR Generalize lazy tabs
[13] 74VYRQ6W Add an icon for binary distributions
[14] VVDQKVNL
[15] JFZNAYJX * Showing releases.
[16] Y35C6GHH * One-click installs.
[17] GPRYAAFP hydra: change icon for positive failures
[18] OEPUOUNB Using twitter bootstrap for more consistent looks for Hydra
[19] E3X3C5LK Replace ugly link with nice small buttons
[*] J5UVLXOK * Start of a basic Catalyst web interface.
[*] IK53RV4V
[*] PZL3SZM3 Give every page a consistent title
[*] TLJC6BJ3 Add a menu item for deleting jobsets

Change contents

replacement in src/root/build.tt at line 81

[4.350]→[3.0:58](∅→∅)

[% WRAPPER makePopover title="Reproduce locally" %]

[4.350]

[3.58]

[% WRAPPER makePopover title="Reproduce locally" classes="btn-info pull-right" placement="left" %]
replacement in src/root/build.tt at line 94

[3.537]→[3.537:615](∅→∅)

bash <(curl <a [% HTML.attributes(href => url) %]>[% HTML.escape(url) %]</a>)

[3.537]

[3.615]

<span class="shell-prompt">$ </span>bash <(curl <a [% HTML.attributes(href => url) %]>[% HTML.escape(url) %]</a>)
replacement in src/root/common.tt at line 496

[3.967]→[3.967:1131](∅→∅)

<div class="btn btn-info pull-right hydra-popover" data-toggle="popover" data-placement="left" data-html="true" [% HTML.attributes('data-content' => content) %]>

[3.967]

[3.1131]

<div class="btn hydra-popover [% classes %]" data-toggle="popover" data-html="true" [% HTML.attributes('data-content' => content, 'data-placement' => placement || 'bottom') %]>
edit in src/root/layout.tt at line 26

[23.3141]

[24.0]

<style>
.popover { max-width: 40%; }
</style>
replacement in src/root/product-list.tt at line 27

[4.301]→[4.1216:1301](∅→∅),[4.1301]→[4.7927:7978](∅→∅),[4.209]→[4.7927:7978](∅→∅),[4.7978]→[4.255:443](∅→∅),[4.255]→[4.255:443](∅→∅),[4.443]→[4.31264:31265](∅→∅),[4.31265]→[4.452:528](∅→∅),[4.452]→[4.452:528](∅→∅)

<a class="productDetailsToggle btn btn-mini" href="javascript:">help</a>
<div class="well hide productDetails">
<p>If you have Nix installed on your machine, this failed build output and
all its dependencies can be unpacked into your local Nix store by doing:</p>

<pre>$ curl [% uri %] | gunzip | nix-store --import</pre>

[4.301]

[4.31266]

[% WRAPPER makePopover title="Help" classes="btn-mini" %]
<p>If you have Nix installed on your machine, this failed build output and
all its dependencies can be unpacked into your local Nix store by doing:</p>
replacement in src/root/product-list.tt at line 31

[4.31267]→[4.537:638](∅→∅),[4.537]→[4.537:638](∅→∅)

<p>The build output can then be found in the path <tt>[% product.path %]</tt>.</p>

[4.31267]

[4.31268]

<pre><span class="shell-prompt">$ </span>curl [% uri %] | gunzip | nix-store --import</pre>
replacement in src/root/product-list.tt at line 33

[4.31269]→[4.653:691](∅→∅),[4.653]→[4.653:691](∅→∅)

</p>
</div>

[4.31269]

[4.301]

<p>The build output can then be found in the path <tt>[% product.path %]</tt>.</p>
[% END %]
replacement in src/root/product-list.tt at line 46

[4.714]→[4.1302:1446](∅→∅),[4.1446]→[4.7979:8030](∅→∅),[4.827]→[4.7979:8030](∅→∅)

<a class="productDetailsToggle btn btn-mini" href="javascript:">help</a> <a class="btn btn-mini" href="[% contents %]">contents</a>
<div class="well hide productDetails">

[4.714]

[4.873]

[% WRAPPER makePopover title="Help" classes="btn-mini" %]
replacement in src/root/product-list.tt at line 55

[4.31273]→[4.1347:1428](∅→∅),[4.1347]→[4.1347:1428](∅→∅)

<pre>$ nix-install-package --non-interactive --url [% uri %]</pre>

[4.31273]

[4.31274]

<pre><span class="shell-prompt">$ </span>nix-install-package --non-interactive --url [% uri %]</pre>
replacement in src/root/product-list.tt at line 59

[4.1590]→[4.1590:1659](∅→∅),[4.1659]→[4.31276:31277](∅→∅),[4.31277]→[4.1674:1712](∅→∅),[4.1674]→[4.1674:1712](∅→∅),[4.1712]→[4.31278:31279](∅→∅)

the Nix store, e.g., run the command as <tt>root</tt>.

</p>
</div>

[4.1590]

[4.1717]

the Nix store, e.g., run the command as <tt>root</tt>.</p>
[% END %]
replacement in src/root/product-list.tt at line 74

[4.31285]→[4.1447:1532](∅→∅),[4.1091]→[4.1447:1532](∅→∅),[4.1532]→[4.8031:8082](∅→∅),[4.1165]→[4.8031:8082](∅→∅)

<a class="productDetailsToggle btn btn-mini" href="javascript:">help</a>
<div class="well hide productDetails">

[4.31285]

[4.1211]

[% WRAPPER makePopover title="Help" classes="btn-mini" %]
replacement in src/root/product-list.tt at line 79

[4.31287]→[4.1396:1471](∅→∅),[4.1396]→[4.1396:1471](∅→∅)

<pre>$ gunzip < [% filename %] | nix-store --import</pre>

[4.31287]

[4.31288]

<pre><span class="shell-prompt">$ </span>gunzip < [% filename %] | nix-store --import</pre>
replacement in src/root/product-list.tt at line 83

[4.31291]→[4.1544:1616](∅→∅),[4.1544]→[4.1544:1616](∅→∅)

<pre>$ curl [% uri %] | gunzip | nix-store --import</pre>

[4.31291]

[4.31292]

<pre><span class="shell-prompt">$ </span>curl [% uri %] | gunzip | nix-store --import</pre>
replacement in src/root/product-list.tt at line 88

[4.31295]→[4.1767:1824](∅→∅),[4.1767]→[4.1767:1824](∅→∅)

<pre>$ nix-env -i [% product.path %]</pre>

[4.31295]

[4.31296]

<pre><span class="shell-prompt">$ </span>nix-env -i [% product.path %]</pre>
replacement in src/root/product-list.tt at line 96

[4.2169]→[4.2169:2188](∅→∅)

</div>

[4.2169]

[4.31300]

[% END %]
replacement in src/root/product-list.tt at line 125

[4.5093]→[4.1533:1676](∅→∅),[4.1676]→[4.8083:8130](∅→∅),[4.2031]→[4.8083:8130](∅→∅),[4.8130]→[4.5203:5221](∅→∅),[4.5203]→[4.5203:5221](∅→∅)

<a class="productDetailsToggle btn btn-mini" href="javascript:">details</a> <a class="btn btn-mini" href="[% contents %]">contents</a>
<div class="well hide productDetails">
<table>

[4.5093]

[4.5221]

[% WRAPPER makePopover title="Details" classes="btn-mini" %]
<table class="info-table">
replacement in src/root/product-list.tt at line 153

[4.5911]→[4.5911:5926](∅→∅),[4.5926]→[4.31322:31323](∅→∅)

</div>

[4.5911]

[4.630]

[% END %]
edit in src/root/product-list.tt at line 212

[4.6935]→[4.6935:6936](∅→∅),[4.6936]→[4.2679:2711](∅→∅),[4.2711]→[4.6945:7203](∅→∅),[4.6945]→[4.6945:7203](∅→∅)

<script type="text/javascript">
$(document).ready(function() {
$('.productDetailsToggle').toggle(
function () { $(".productDetails", $(this).parents(".product")).fadeIn(); },
function () { $(".productDetails", $(this).parents(".product")).hide(); }
);
});
</script>
edit in src/root/static/css/hydra.css at line 81

[2.296]

[2.296]

}

.shell-prompt {
color: gray;