grahamc/hydra - Change 3ZAJ2ZRPMG62ZTRYBUXXO3TLVMVX3YB6UZNNU77H5COQ5MR45XAQC

Use popovers for the product list help/details

Created by Eelco Dolstra on April 26, 2013

3ZAJ2ZRPMG62ZTRYBUXXO3TLVMVX3YB6UZNNU77H5COQ5MR45XAQC

Dependencies

In channels

upstream

main

Change contents

Replacement in src/root/build.tt at line 81 [5.7350]

B:BD[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 [5.7350]

B:BD[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 [6.2803]

B:BD[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') %]>

Insertion in src/root/layout.tt at line 26 [5.11219]

[7.3141]

[8.0]


    <style>
      .popover { max-width: 40%; }
    </style>

Replacement in src/root/product-list.tt at line 27 [11.3098]

B:BD[9.301] → [10.1216:1301]

∅:D[10.1301] → [12.7927:7978]

B:BD[13.209] → [12.7927:7978]

∅:D[12.7978] → [13.255:443]

B:BD[13.255] → [13.255:443]

B:BD[13.443] → [14.31264:31265]

∅:D[14.31265] → [13.452:528]

B:BD[13.452] → [13.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>

[9.301]

[14.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 [11.3098]

∅:D[14.31267] → [13.537:638]

B:BD[13.537] → [13.537:638]

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

[14.31267]

[14.31268]

              <pre><span class="shell-prompt">$ </span>curl [% uri %] | gunzip | nix-store --import</pre>

Replacement in src/root/product-list.tt at line 33 [11.3098]

∅:D[14.31269] → [13.653:691]

B:BD[13.653] → [13.653:691]

              </p>
            </div>

[14.31269]

[9.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 [11.3098]

B:BD[9.714] → [10.1302:1446]

∅:D[10.1446] → [12.7979:8030]

B:BD[9.827] → [12.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">

[9.714]

[9.873]

            [% WRAPPER makePopover title="Help" classes="btn-mini" %]

Replacement in src/root/product-list.tt at line 55 [11.3098]

∅:D[14.31273] → [9.1347:1428]

B:BD[9.1347] → [9.1347:1428]

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

[14.31273]

[14.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 [11.3098]

B:BD[9.1590] → [9.1590:1659]

B:BD[9.1659] → [14.31276:31277]

∅:D[14.31277] → [9.1674:1712]

B:BD[9.1674] → [9.1674:1712]

B:BD[9.1712] → [14.31278:31279]

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

[9.1590]

[9.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 [11.3098]

∅:D[14.31285] → [10.1447:1532]

B:BD[13.1091] → [10.1447:1532]

∅:D[10.1532] → [12.8031:8082]

B:BD[13.1165] → [12.8031:8082]

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

[14.31285]

[13.1211]

            [% WRAPPER makePopover title="Help" classes="btn-mini" %]

Replacement in src/root/product-list.tt at line 79 [11.3098]

∅:D[14.31287] → [13.1396:1471]

B:BD[13.1396] → [13.1396:1471]

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

[14.31287]

[14.31288]

              <pre><span class="shell-prompt">$ </span>gunzip &lt; [% filename %] | nix-store --import</pre>

Replacement in src/root/product-list.tt at line 83 [11.3098]

∅:D[14.31291] → [13.1544:1616]

B:BD[13.1544] → [13.1544:1616]

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

[14.31291]

[14.31292]

              <pre><span class="shell-prompt">$ </span>curl [% uri %] | gunzip | nix-store --import</pre>

Replacement in src/root/product-list.tt at line 88 [11.3098]

∅:D[14.31295] → [13.1767:1824]

B:BD[13.1767] → [13.1767:1824]

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

[14.31295]

[14.31296]

              <pre><span class="shell-prompt">$ </span>nix-env -i [% product.path %]</pre>

Replacement in src/root/product-list.tt at line 96 [11.3098]
B:BD[13.2169] → [13.2169:2188]
```
            </div>
```
[13.2169]
[14.31300]
```
            [% END %]
```

Replacement in src/root/product-list.tt at line 125 [11.3098]

B:BD[11.5093] → [10.1533:1676]

∅:D[10.1676] → [12.8083:8130]

B:BD[15.2031] → [12.8083:8130]

∅:D[12.8130] → [11.5203:5221]

B:BD[11.5203] → [11.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>

[11.5093]

[11.5221]

        [% WRAPPER makePopover title="Details" classes="btn-mini" %]
          <table class="info-table">

Replacement in src/root/product-list.tt at line 153 [11.3098]
B:BD[11.5911] → [11.5911:5926]
B:BD[11.5926] → [14.31322:31323]
```
        </div>
```
[11.5911]
[16.630]
```
        [% END %]
```

Deletion in src/root/product-list.tt at line 212 [11.3098]

B:BD[11.6935] → [11.6935:6936]

B:BD[11.6936] → [17.2679:2711]

∅:D[17.2711] → [11.6945:7203]

B:BD[11.6945] → [11.6945:7203]


<script type="text/javascript">
  $(document).ready(function() {
    $('.productDetailsToggle').toggle(
      function () { $(".productDetails", $(this).parents(".product")).fadeIn(); },
      function () { $(".productDetails", $(this).parents(".product")).hide(); }
    );
  });
</script>

Insertion in src/root/static/css/hydra.css at line 81 [5.8691]
[2.296]
[2.296]
```
}
.shell-prompt {
    color: gray;
```