Boyoung Jeong | 1cca5e8 | 2018-08-01 21:00:08 +0900 | [diff] [blame] | 1 | <!-- partial HTML --> |
| 2 | <div id="ov-openstacktelemetry"> |
| 3 | <div id="chart-loader" ng-show="!flowOpt && showLoader"> |
| 4 | No Data |
| 5 | </div> |
| 6 | <div ng-show="!flowOpt && !periodOpt"> |
| 7 | <canvas id="bar" class="chart chart-bar" chart-data="data" |
| 8 | chart-labels="labels" chart-legend="true" chart-click="onClick" |
| 9 | chart-series="series" chart-options="options" height="100%"> |
| 10 | </canvas> |
| 11 | </div> |
| 12 | <div ng-show="flowOpt || periodOpt"> |
| 13 | <h3> |
| 14 | Chart for Flow {{flowOpt || "(No flow selected)"}} . |
| 15 | </h3> |
| 16 | <table> |
| 17 | <tr> |
| 18 | <td> |
| 19 | <div class="ctrl-btns"> |
| 20 | <select ng-options="flowId as flowId for flowId in flowIds" |
| 21 | ng-model="selectedItem" ng-change="onChange(selectedItem)"> |
| 22 | <option value="">-- select a flow --</option> |
| 23 | </select> |
| 24 | </div> |
| 25 | </td> |
| 26 | |
| 27 | <td> |
| 28 | <div class="ctrl-btns"> |
| 29 | <select ng-options="period as period for period in periodOptions" |
| 30 | ng-model="selectedPeriod" ng-change="onPeriodChange(selectedPeriod)"> |
| 31 | <option value="">-- select a period --</option> |
| 32 | </select> |
| 33 | </div> |
| 34 | </td> |
| 35 | </tr> |
| 36 | </table> |
| 37 | |
| 38 | <canvas id="line" class="chart chart-line" chart-data="data" |
| 39 | chart-labels="labels" chart-legend="true" |
| 40 | chart-series="series" chart-options="options" height="100%"> |
| 41 | </canvas> |
| 42 | </div> |
| 43 | </div> |