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 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.7/themes/default/style.min.css">
19 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
20 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
21 <script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.7/jstree.min.js"></script>
22 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.bundle.min.js"></script>
24 {% include 'nsb_report.css' %}
27 {% include 'nsb_report.js' %}
32 <div class="container-fluid">
34 <header class="jumbotron">
35 <h1>Yardstick User Interface</h1>
36 <h4>Report of {{task_id}} Generated</h4>
40 <div class="col-md-2 control-pane">
41 <div id="data_selector"></div>
43 <div class="col-md-10 data-pane">
44 <canvas id="cnvGraph" style="width: 100%; height: 500px"></canvas>
48 <div class="col-md-12 table-responsive">
49 <table class="table table-hover"></table>
55 var arr, jstree_data, timestamps;
57 timestamps = {{Timestamps|safe}};
58 jstree_data = {{jstree_nodes|safe}};
61 create_table(arr, timestamps);
62 create_tree(jstree_data);
63 var objGraph = create_graph($('#cnvGraph'), timestamps);
65 $('#data_selector').on('check_node.jstree uncheck_node.jstree', function(e, data) {
66 var selected_datasets = [];
69 for (var i = 0; i < data.selected.length; i++) {
70 var node = data.instance.get_node(data.selected[i]);
71 if (node.children.length == 0) {
76 selected_datasets.push(dataset);
77 // Create new array for table to show only subset of metrics
78 new_arr[node.id] = arr[node.id];
81 create_table(new_arr, timestamps);
82 update_graph(objGraph, selected_datasets);