5 Copyright (c) 2017 Rajesh Kudaka <4k.rajesh@gmail.com>
6 Copyright (c) 2018 Intel Corporation.
8 All rights reserved. This program and the accompanying materials
9 are made available under the terms of the Apache License, Version 2.0
10 which accompanies this distribution, and is available at
11 http://www.apache.org/licenses/LICENSE-2.0
15 <meta charset="utf-8">
16 <meta name="viewport" content="width=device-width, initial-scale=1">
17 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
18 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
19 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
20 <script src="https://code.highcharts.com/highcharts.js"></script>
29 font-family: Frutiger;
37 <header class="jumbotron text-center">
38 <h1>Yardstick User Interface</h1>
39 <h4>Report of {{task_id}} Generated</h4>
42 <div class="container">
44 <div class="col-md-4">
45 <div class="table-responsive">
46 <table class="table table-hover"></table>
49 <div class="col-md-8">
50 <div id="container"></div>
56 var arr, tab, th, tr, td, tn, row, col, thead, tbody;
58 tab = document.getElementsByTagName('table')[0];
60 thead = document.createElement('thead');
61 tr = document.createElement('tr');
62 for (col = 0; col < Object.keys(arr).length; col++) {
63 th = document.createElement('th');
64 tn = document.createTextNode(Object.keys(arr).sort()[col]);
67 thead.appendChild(tr);
69 tab.appendChild(thead);
71 tbody = document.createElement('tbody');
72 for (row = 0; row < arr[Object.keys(arr)[0]].length; row++) {
73 tr = document.createElement('tr');
74 for (col = 0; col < Object.keys(arr).length; col++) {
75 td = document.createElement('td');
76 tn = document.createTextNode(arr[Object.keys(arr).sort()[col]][row]);
80 tbody.appendChild(tr);
82 tab.appendChild(tbody);
85 $('#container').highcharts({
87 text: 'Yardstick test results',
91 text: 'Report of {{task_id}} Task Generated',
98 categories: {{Timestamps|safe}},
113 verticalAlign: 'middle',
116 series: {{series|safe}},