grahamc/hydra - Change VBWHG272ASPCVRBVSR7B2VXAPSSYXTWFMAN6ZV2KEQUHWLRRPYYQC

Re-add the history tab (store size and build time), now as lazy-loaded tab on build page.

Created by Hydra on January 28, 2014

VBWHG272ASPCVRBVSR7B2VXAPSSYXTWFMAN6ZV2KEQUHWLRRPYYQC

Dependencies

In channels

upstream

main

Change contents

Replacement in src/lib/Hydra/Controller/Build.pm at line 74 [5.1]
B:BD[3.272] → [4.2418:2451]
```
    if ($build->finished && 0) {
```
[3.272]
[6.3178]
```
    if ($build->finished) {
```

Insertion in src/lib/Hydra/Controller/Build.pm at line 399 [5.1]

[7.658]

[8.1323]

}
sub history_graphs : Chained('buildChain') PathPart('history-graphs') {
    my ($self, $c) = @_;
    my $build = $c->stash->{build};
    if ($build->finished) {
        $c->stash->{prevBuilds} = [$c->model('DB::Builds')->search(
            { project => $c->stash->{project}->name
            , jobset => $c->stash->{build}->jobset->name
            , job => $c->stash->{build}->job->name
            , 'me.system' => $build->system
            , finished => 1
            , buildstatus => 0
            , 'me.id' =>  { '<=' => $build->id }
            }
          , { join => "actualBuildStep"
            , "+select" => ["actualBuildStep.stoptime - actualBuildStep.starttime"]
            , "+as" => ["actualBuildTime"]
            , order_by => "me.id DESC"
            , rows => 50
            }
          )
        ];
    }
    $c->stash->{template} = 'build-history-tab.tt';

Replacement in src/lib/Hydra/Schema/Builds.pm at line 553 [10.5202]

B:BD[9.147] → [4.10710:10872]

#__PACKAGE__->has_one(
#  "actualBuildStep",
#  "Hydra::Schema::BuildSteps",
#  { 'foreign.outpath' => 'self.outpath'
#  , 'foreign.build' => 'self.id'
#  },
#);

[9.147]

[11.308]

__PACKAGE__->has_one(
  "actualBuildStep",
  "Hydra::Schema::BuildSteps",
  { 'foreign.drvpath' => 'self.drvpath'
  , 'foreign.build' => 'self.id'
  },
);

File addition: build-history-tab.tt (----------)

[12.1486]

[% PROCESS common.tt %]
[% PROCESS "product-list.tt" %]
[% USE HTML %]
[% USE Date %]
      <h3>Build time history (in seconds)</h3>
      <div id="placeholder" style="width:800px;height:400px;"></div>
      <div id="overview" style="margin-left:50px;margin-top:20px;width:600px;height:50px"></div>
      <script src="[% c.uri_for("/static/js/flot/jquery.flot.js") %]" type="text/javascript"></script>
      <script src="[% c.uri_for("/static/js/flot/jquery.flot.selection.js") %]" type="text/javascript"></script>
      <script type="text/javascript">
        $(function() {
          var d = [];
          var ids = [];
          [% FOREACH prevbuild IN prevBuilds; IF prevbuild.build.starttime != 0 %]
            d.push([[% prevbuild.starttime * 1000 %],[% prevbuild.get_column('actualBuildTime') %]]);
            ids[[% prevbuild.starttime * 1000 %]] = [% prevbuild.id %] ;
          [% END; END %]
          var options = {
            xaxis: { mode: "time" },
            selection: { mode: "x" },
            points: { show: true },
            lines: { show: true },
            grid: {
              clickable: true,
              hoverable: true,
              hoverFill: '#444',
              hoverRadius: 4,
            },
          };
          var plot = $.plot($("#placeholder"), [d], options);
          var overview = $.plot($("#overview"), [d], {
            series: {
              lines: { show: true, lineWidth: 1 },
              shadowSize: 0
            },
            xaxis: { ticks: [], mode: "time" },
            yaxis: { ticks: [], min: 0, autoscaleMargin: 0.1 },
            selection: { mode: "x" }
          });
          // now connect the two
          $("#placeholder").bind("plotselected", function (event, ranges) {
            // do the zooming
            plot = $.plot($("#placeholder"), [d],
              $.extend(true, {}, options, {
                xaxis: { min: ranges.xaxis.from, max: ranges.xaxis.to }
              }));
            // don't fire event on the overview to prevent eternal loop
            overview.setSelection(ranges, true);
          });
          $("#overview").bind("plotselected", function (event, ranges) {
            plot.setSelection(ranges);
          });
          $("#placeholder").bind("plotclick", function (e, pos, item) {
            if (item) {
              plot.highlight(item.series, item.datapoint);
              buildid = ids[item.datapoint[0]];
              window.location = "/build/"+buildid;
            }
          });
        });
      </script>
      <h3>Store path size history (in MB)</h3>
      <div id="placeholder-size" style="width:800px;height:400px;"></div>
      <div id="overview-size" style="margin-left:50px;margin-top:20px;width:600px;height:50px"></div>
      <script type="text/javascript">
        $(function() {
          var d = [];
          var ids = [];
          [% FOREACH prevbuild IN prevBuilds; IF prevbuild.size != 0 %]
            d.push([[% prevbuild.starttime * 1000 %],[% prevbuild.size / (1024*1024.0) %]]);
            ids[[% prevbuild.starttime * 1000 %]] = [% prevbuild.id %] ;
          [% END; END %]
          var options = {
            xaxis: { mode: "time" },
            selection: { mode: "x" },
            points: { show: true },
            lines: { show: true },
            grid: {
              clickable: true,
              hoverable: true,
              hoverFill: '#444',
              hoverRadius: 4,
            },
          };
          var plot = $.plot($("#placeholder-size"), [d], options);
          var overview = $.plot($("#overview-size"), [d], {
            series: {
              lines: { show: true, lineWidth: 1 },
              shadowSize: 0
            },
            xaxis: { ticks: [], mode: "time" },
            yaxis: { ticks: [], min: 0, autoscaleMargin: 0.1 },
            selection: { mode: "x" }
          });
          // now connect the two
          $("#placeholder-size").bind("plotselected", function (event, ranges) {
            // do the zooming
            plot = $.plot($("#placeholder-size"), [d],
              $.extend(true, {}, options, {
                xaxis: { min: ranges.xaxis.from, max: ranges.xaxis.to }
              }));
            // don't fire event on the overview to prevent eternal loop
            overview.setSelection(ranges, true);
          });
          $("#overview-size").bind("plotselected", function (event, ranges) {
            plot.setSelection(ranges);
          });
          $("#placeholder-size").bind("plotclick", function (e, pos, item) {
            if (item) {
              plot.highlight(item.series, item.datapoint);
              buildid = ids[item.datapoint[0]];
              window.location = "/build/"+buildid;
            }
          });
        });
      </script>

Replacement in src/root/build.tt at line 109 [10.7350]

B:BD[13.2065] → [13.2065:2164]

  [% IF prevBuilds %]<li><a href="#tabs-history" data-toggle="tab">History chart</a></li>[% END %]

[13.2065]

[7.830]

  <li><a href="#tabs-history" data-toggle="tab">History chart</a></li>

Deletion in src/root/build.tt at line 409 [10.7350]

∅:D[13.13191] → [14.20974:20975]

B:BD[15.2522] → [14.20974:20975]

B:BD[14.20975] → [13.13192:13259]

B:BD[13.13259] → [7.1200:1248]

∅:D[7.1248] → [13.13306:13472]

B:BD[13.13306] → [13.13306:13472]

∅:D[13.13472] → [16.974:975]

∅:D[14.20975] → [16.974:975]

B:BD[16.974] → [16.974:975]

B:BD[16.975] → [2.0:216]

∅:D[2.216] → [13.13651:14041]

B:BD[13.13651] → [13.13651:14041]

∅:D[13.14041] → [14.20976:20977]

B:BD[16.1039] → [14.20976:20977]

B:BD[14.20977] → [13.14042:14387]

∅:D[13.14387] → [14.20980:20981]

B:BD[16.1451] → [14.20980:20981]

B:BD[16.1807] → [14.20982:20983]

B:BD[14.20983] → [13.14388:14450]

∅:D[13.14450] → [14.20984:20985]

B:BD[16.1954] → [14.20984:20985]

B:BD[14.20985] → [13.14451:14785]

∅:D[13.14785] → [16.2093:2094]

B:BD[16.2093] → [16.2093:2094]

B:BD[16.2094] → [13.14786:14819]

∅:D[13.14819] → [17.270:271]

B:BD[17.270] → [17.270:271]

B:BD[17.271] → [13.14820:15111]

∅:D[13.15111] → [17.281:282]

B:BD[17.281] → [17.281:282]

B:BD[17.282] → [13.15112:15247]

∅:D[13.15247] → [17.888:889]

∅:D[14.21225] → [17.888:889]

B:BD[17.888] → [17.888:889]

B:BD[17.889] → [13.15248:15374]

∅:D[13.15374] → [17.1295:1296]

B:BD[17.1295] → [17.1295:1296]

B:BD[17.1296] → [13.15375:15685]

∅:D[13.15685] → [14.21226:21227]

B:BD[17.1296] → [14.21226:21227]

B:BD[14.21227] → [7.1249:1297]

∅:D[7.1297] → [13.15733:15909]

B:BD[13.15733] → [13.15733:15909]

B:BD[13.15909] → [7.1298:1299]

∅:D[7.1299] → [13.15909:16279]

B:BD[13.15909] → [13.15909:16279]

∅:D[13.16279] → [14.21228:21229]

B:BD[17.1365] → [14.21228:21229]

B:BD[14.21229] → [13.16280:16625]


  [% IF prevBuilds %]
    <div id="tabs-history" class="tab-pane">
      <h3>Build time history (in seconds)</h3>
      <div id="placeholder" style="width:800px;height:400px;"></div>
      <div id="overview" style="margin-left:50px;margin-top:20px;width:600px;height:50px"></div>
      <script src="[% c.uri_for("/static/js/flot/jquery.flot.js") %]" type="text/javascript"></script>
      <script src="[% c.uri_for("/static/js/flot/jquery.flot.selection.js") %]" type="text/javascript"></script>
      <script type="text/javascript">
        $(function() {
          var d = [];
          var ids = [];
          [% FOREACH prevbuild IN prevBuilds; IF prevbuild.build.starttime != 0 %]
            d.push([[% prevbuild.starttime * 1000 %],[% prevbuild.get_column('actualBuildTime') %]]);
            ids[[% prevbuild.starttime * 1000 %]] = [% prevbuild.id %] ;
          [% END; END %]
          var options = {
            xaxis: { mode: "time" },
            selection: { mode: "x" },
            points: { show: true },
            lines: { show: true },
            grid: {
              clickable: true,
              hoverable: true,
              hoverFill: '#444',
              hoverRadius: 4,
            },
          };
          var plot = $.plot($("#placeholder"), [d], options);
          var overview = $.plot($("#overview"), [d], {
            series: {
              lines: { show: true, lineWidth: 1 },
              shadowSize: 0
            },
            xaxis: { ticks: [], mode: "time" },
            yaxis: { ticks: [], min: 0, autoscaleMargin: 0.1 },
            selection: { mode: "x" }
          });
          // now connect the two
          $("#placeholder").bind("plotselected", function (event, ranges) {
            // do the zooming
            plot = $.plot($("#placeholder"), [d],
              $.extend(true, {}, options, {
                xaxis: { min: ranges.xaxis.from, max: ranges.xaxis.to }
              }));
            // don't fire event on the overview to prevent eternal loop
            overview.setSelection(ranges, true);
          });
          $("#overview").bind("plotselected", function (event, ranges) {
            plot.setSelection(ranges);
          });
          $("#placeholder").bind("plotclick", function (e, pos, item) {
            if (item) {
              plot.highlight(item.series, item.datapoint);
              buildid = ids[item.datapoint[0]];
              window.location = "/build/"+buildid;
            }
          });
        });
      </script>
      <h3>Store path size history (in MB)</h3>
      <div id="placeholder-size" style="width:800px;height:400px;"></div>
      <div id="overview-size" style="margin-left:50px;margin-top:20px;width:600px;height:50px"></div>
      <script type="text/javascript">
        $(function() {
          var d = [];
          var ids = [];
          [% FOREACH prevbuild IN prevBuilds; IF prevbuild.size != 0 %]
            d.push([[% prevbuild.starttime * 1000 %],[% prevbuild.size / (1024*1024.0) %]]);
            ids[[% prevbuild.starttime * 1000 %]] = [% prevbuild.id %] ;
          [% END; END %]
          var options = {
            xaxis: { mode: "time" },
            selection: { mode: "x" },
            points: { show: true },
            lines: { show: true },
            grid: {
              clickable: true,
              hoverable: true,
              hoverFill: '#444',
              hoverRadius: 4,
            },
          };

Replacement in src/root/build.tt at line 410 [10.7350]

B:BD[14.21231] → [13.16626:16693]

          var plot = $.plot($("#placeholder-size"), [d], options);

[14.21231]

[14.21232]

  [% INCLUDE makeLazyTab tabName="tabs-history" uri=c.uri_for('/build' build.id 'history-graphs') %]

Deletion in src/root/build.tt at line 412 [10.7350]

B:BD[14.21233] → [13.16694:17033]

∅:D[13.17033] → [14.21234:21235]

B:BD[17.2148] → [14.21234:21235]

B:BD[14.21235] → [13.17034:17067]

∅:D[13.17067] → [14.21236:21237]

B:BD[17.2295] → [14.21236:21237]

B:BD[14.21237] → [13.17068:17369]

∅:D[13.17369] → [17.2439:2440]

B:BD[17.2439] → [17.2439:2440]

B:BD[17.2440] → [13.17370:17505]

∅:D[13.17505] → [15.2808:2809]

B:BD[15.2808] → [15.2808:2809]

B:BD[15.2809] → [13.17506:17637]

∅:D[13.17637] → [15.2819:2820]

B:BD[15.2819] → [15.2819:2820]

B:BD[15.2820] → [13.17638:17953]

∅:D[13.17953] → [14.21273:21274]

B:BD[15.2820] → [14.21273:21274]

∅:D[14.21274] → [15.2829:2840]

B:BD[15.2829] → [15.2829:2840]

B:BD[15.2840] → [7.1300:1313]

          var overview = $.plot($("#overview-size"), [d], {
            series: {
              lines: { show: true, lineWidth: 1 },
              shadowSize: 0
            },
            xaxis: { ticks: [], mode: "time" },
            yaxis: { ticks: [], min: 0, autoscaleMargin: 0.1 },
            selection: { mode: "x" }
          });
          // now connect the two
          $("#placeholder-size").bind("plotselected", function (event, ranges) {
            // do the zooming
            plot = $.plot($("#placeholder-size"), [d],
              $.extend(true, {}, options, {
                xaxis: { min: ranges.xaxis.from, max: ranges.xaxis.to }
              }));
            // don't fire event on the overview to prevent eternal loop
            overview.setSelection(ranges, true);
          });
          $("#overview-size").bind("plotselected", function (event, ranges) {
            plot.setSelection(ranges);
          });
          $("#placeholder-size").bind("plotclick", function (e, pos, item) {
            if (item) {
              plot.highlight(item.series, item.datapoint);
              buildid = ids[item.datapoint[0]];
              window.location = "/build/"+buildid;
            }
          });
        });
      </script>
    </div>
  [% END %]