← Back to branch summary

~andrewjbeach/juju-ci-tools/make-local-patcher

« back to all changes in this revision

Viewing changes to perf_report_template.html

  • Committer: Aaron Bentley
  • Date: 2015-06-15 19:04:10 UTC
  • mfrom: (976.2.4 fix-log-rotation)
  • Revision ID: aaron.bentley@canonical.com-20150615190410-vvhtl7yxn0xbtbiy
Fix error handling in assess_log_rotation.

Show diffs side-by-side

added added

removed removed

Lines of Context:
perf_report_template.html
1
 
<html>
2
 
  <head>
3
 
    <meta charset="utf-8">
4
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
5
 
    <meta name="viewport" content="width=device-width, initial-scale=1">
6
 
    <!-- Latest compiled and minified CSS -->
7
 
    <link
8
 
       rel="stylesheet"
9
 
       href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
10
 
       integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7"
11
 
       crossorigin="anonymous">
12
 
 
13
 
    <!-- Optional theme -->
14
 
    <link
15
 
       rel="stylesheet"
16
 
       href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css"
17
 
       integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r"
18
 
       crossorigin="anonymous">
19
 
 
20
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
21
 
    <!-- Latest compiled and minified JavaScript -->
22
 
    <script
23
 
       src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
24
 
       integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"
25
 
       crossorigin="anonymous"></script>
26
 
 
27
 
    <!-- WIP stylings for table collapse. -->
28
 
    <style type="text/css" media="screen">
29
 
      table.table tr.clickable td:first-child:before {
30
 
      content: " \25b2 ";
31
 
      font-weight: bold;
32
 
      padding-left: 8px;
33
 
      padding-right: 8px;
34
 
      }
35
 
      table.table tr.collapsed td:first-child:before {
36
 
      content: " \25bc ";
37
 
      font-weight: bold;
38
 
      padding-left: 8px;
39
 
      padding-right: 8px;
40
 
      }
41
 
    </style>
42
 
 
43
 
    <title>Simple performance/scale reporting</title>
44
 
 
45
 
  </head>
46
 
  <body role="document">
47
 
    <div class="container" role="main">
48
 
      <div class="page-header">
49
 
        <h1>Performance &amp; Scale testing</h1>
50
 
      </div>
51
 
 
52
 
      <div class="page-header">
53
 
        <h2>Action Timings</h2>
54
 
      </div>
55
 
 
56
 
      <blockquote>
57
 
        <p>
58
 
          Breakdown of start and end times of an action (i.e. either
59
 
          bootstrapping or deploying a charm).
60
 
        </p>
61
 
      </blockquote>
62
 
 
63
 
      <table class="table">
64
 
        <tr>
65
 
          <th>Action</th>
66
 
          <th>Start</th>
67
 
          <th>End</th>
68
 
          <th>Duration</th>
69
 
        </tr>
70
 
        <tr>
71
 
          <td>Bootstrap</td>
72
 
          <td>{{deployments.bootstrap.start}}</td>
73
 
          <td>{{deployments.bootstrap.end}}</td>
74
 
          <td>{{deployments.bootstrap.seconds}} Seconds</td>
75
 
        </tr>
76
 
        {% for deploy in deployments.deploys %}
77
 
        <tr>
78
 
          <td>Deploy {{deploy.name}}</td>
79
 
          <td>{{deploy.timings.start}}</td>
80
 
          <td>{{deploy.timings.end}}</td>
81
 
          <td>{{deploy.timings.seconds}} Seconds</td>
82
 
        </tr>
83
 
        <tr>
84
 
          <td colspan=4>
85
 
            Units
86
 
            <ul>
87
 
              {% for name in deploy.applications.keys() %}
88
 
              <li><b>{{name}}:</b> {{deploy.applications[name]}}</li>
89
 
              {% endfor %}
90
 
            </ul>
91
 
          </td>
92
 
        </tr>
93
 
        {% endfor %}
94
 
        <tr>
95
 
          <td>Kill Controller</td>
96
 
          <td>{{deployments.cleanup.start}}</td>
97
 
          <td>{{deployments.cleanup.end}}</td>
98
 
          <td>{{deployments.cleanup.seconds}} Seconds</td>
99
 
        </tr>
100
 
      </table>
101
 
 
102
 
      <div class="page-header">
103
 
        <h1>Controller system metrics</h1>
104
 
      </div>
105
 
 
106
 
      <blockquote>
107
 
        <p>
108
 
          System metrics are collected on the api-server(s) during the deployment
109
 
          of charms. No metrics are collected during the bootstrap process.
110
 
        </p>
111
 
      </blockquote>
112
 
 
113
 
      <h2>CPU Usage</h2>
114
 
      <img src="file://{{cpu_graph}}" alt="CPU Usage Graph" />
115
 
 
116
 
      <h2>Memory Usage</h2>
117
 
      <img src="file://{{memory_graph}}" alt="Memory Usage Graph" />
118
 
 
119
 
      <h2>Network Usage</h2>
120
 
      <img src="file://{{network_graph}}" alt="Network Usage Graph" />
121
 
 
122
 
      {% if mongo_graph is not none %}
123
 
      <h2>MongoDB Action Statistics</h2>
124
 
      <img src="file://{{mongo_graph}}" alt="MongoDB Actions Details Graph" />
125
 
      {% endif %}
126
 
 
127
 
      {% if mongo_memory_graph is not none %}
128
 
      <h2>MongoDB Memory Usage Statistics</h2>
129
 
      <img src="file://{{mongo_memory_graph}}" alt="MongoDB Memory Usage Details Graph" />
130
 
      {% endif %}
131
 
 
132
 
      <div class="page-header">
133
 
        <h1>Log Breakdown</h1>
134
 
      </div>
135
 
      <blockquote>
136
 
        <p>
137
 
          Logs broken down into 20 second chunks (to match the graphs.)
138
 
        </p>
139
 
      </blockquote>
140
 
 
141
 
      <ul class="nav nav-tabs" role="tablist">
142
 
        {% for date_stamp, values in log_message_chunks|dictsort %}
143
 
        {% set safe_date_stamp = date_stamp|replace(":", "")|replace(" ", "") %}
144
 
        <li
145
 
           role="presentation"
146
 
           {% if loop.index == 1 %}
147
 
           class="active"
148
 
           {% endif %}
149
 
           >
150
 
          <a
151
 
             href="#{{safe_date_stamp}}"
152
 
             aria-controls="{{safe_date_stamp}}"
153
 
             role="tab"
154
 
             data-toggle="tab">
155
 
            {{values.name}}
156
 
          </a>
157
 
        </li>
158
 
        {% endfor %}
159
 
      </ul>
160
 
 
161
 
      <div class="tab-content">
162
 
        {% for date_stamp, values in log_message_chunks|dictsort %}
163
 
        {% set safe_date_stamp = date_stamp|replace(":", "")|replace(" ", "")|replace("(", "")|replace(")", "") %}
164
 
        <div
165
 
           role="tabpanel"
166
 
           class="tab-pane {% if loop.index == 1 %}active{% endif %}"
167
 
           id="{{safe_date_stamp}}">
168
 
          <h4 class="text-center">Log period: <b>{{date_stamp}}</b></h4>
169
 
          <table class="table table-condensed table-bordered">
170
 
            {% for log_detail in values.logs|sort(attribute='timeframe') %}
171
 
            {% set safe_timeframe = log_detail.timeframe|replace(":", "")|replace(" ", "")|replace("(", "")|replace(")", "") %}
172
 
            <tr
173
 
               data-toggle="collapse"
174
 
               data-target="#{{safe_timeframe}}"
175
 
               style="cursor: pointer;"
176
 
               class="clickable active collapsed">
177
 
              <td>
178
 
                {{log_detail.timeframe}}
179
 
              </td>
180
 
            </tr>
181
 
            <tr>
182
 
              <td>
183
 
                <div id="{{safe_timeframe}}" class="collapse">
184
 
                  <small>
185
 
                    {{log_detail.message}}
186
 
                  </small>
187
 
                </div>
188
 
              </td>
189
 
            </tr>
190
 
            {%endfor%}
191
 
 
192
 
          </table>
193
 
        </div>
194
 
        {% endfor %}
195
 
      </div>
196
 
 
197
 
    </div>
198
 
    <footer style="background-color: #f5f5f5; height: 25px; border-top: 1px solid lightgray; padding-left: 12px;">
199
 
      Juju Performance/Scale testing
200
 
    </footer>
201
 
  </body>
202
 
</html>