stats.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. {% extends "oscar/base.html" %}
  2. {% block styles %}
  3. <style>
  4. #engine-times {
  5. --labels-size: 20rem;
  6. }
  7. #engine-times th {
  8. text-align: right;
  9. }
  10. </style>
  11. {% endblock %}
  12. {% block title %}{{ _('stats') }} - {% endblock %}
  13. {%- macro th_sort(column_order, column_name) -%}
  14. {% if column_order==sort_order %}
  15. {{ column_name }} {{ icon('chevron-down') }}
  16. {% else %}
  17. <a href="{{ url_for('stats', sort=column_order) }}">{{ column_name }}
  18. {% endif %}
  19. {%- endmacro -%}
  20. {% block content %}
  21. <div class="container-fluid">
  22. <h1>{{ _('Engine stats') }}</h1>
  23. <div class="row">
  24. <div class="col-xs-12 col-sm-12 col-md-12">
  25. <div class="table-responsive">
  26. {% if not engine_stats.get('time') %}
  27. <div class="col-sm-12 col-md-12">
  28. {% include 'oscar/messages/no_data_available.html' %}
  29. </div>
  30. {% else %}
  31. <table class="table table-hover table-condensed table-striped">
  32. <tr>
  33. <th scope="col" style="width:20rem;">{{ th_sort('name', _("Engine name")) }}</th>
  34. <th scope="col" style="width:7rem; text-align: right;">{{ th_sort('score', _('Scores')) }}</th>
  35. <th scope="col">{{ th_sort('result_count', _('Result count')) }}</th>
  36. <th scope="col">{{ th_sort('time', _('Response time')) }}</th>
  37. <th scope="col" style="text-align: right;">{{ th_sort('reliability', _('Reliability')) }}</th>
  38. </tr>
  39. {% for engine_stat in engine_stats.get('time', []) %}
  40. <tr>
  41. <td>{{ engine_stat.name }}</td>
  42. <td style="text-align: right;">
  43. {% if engine_stat.score %}
  44. <span aria-labelledby="{{engine_stat.name}}_score" >{{ engine_stat.score|round(1) }}</span>
  45. <div class="engine-tooltip text-left" role="tooltip" id="{{engine_name}}_score">{{- "" -}}
  46. <p>{{ _('Scores per result') }}: {{ engine_stat.score_per_result | round(3) }}</p>
  47. </div>
  48. {% endif %}
  49. </td>
  50. <td>
  51. {%- if engine_stat.result_count -%}
  52. <span class="stacked-bar-chart-value">{{- engine_stat.result_count | int -}}</span>{{- "" -}}
  53. <span class="stacked-bar-chart" aria-labelledby="{{engine_stat.name}}_chart_result_count" aria-hidden="true">{{- "" -}}
  54. <span style="width: calc(max(2px, 100%*{{ (engine_stat.result_count / engine_stats.max_result_count )|round(3) }}))" class="stacked-bar-chart-serie1"></span>{{- "" -}}
  55. </span>
  56. {%- endif -%}
  57. </td>
  58. <td>
  59. {%- if engine_stat.total -%}
  60. <span class="stacked-bar-chart-value">{{- engine_stat.total | round(1) -}}</span>{{- "" -}}
  61. <span class="stacked-bar-chart" aria-labelledby="{{engine_stat.name}}_chart" aria-hidden="true">{{- "" -}}
  62. <span style="width: calc(max(2px, 100%*{{ (engine_stat.http / engine_stats.max_time )|round(3) }}))" class="stacked-bar-chart-serie1"></span>{{- "" -}}
  63. <span style="width: calc(100%*{{ engine_stat.processing / engine_stats.max_time |round(3) }})" class="stacked-bar-chart-serie2"></span>{{- "" -}}
  64. </span>{{- "" -}}
  65. <div class="engine-tooltip text-left" role="tooltip" id="{{engine_name}}_chart">{{- "" -}}
  66. <table class="table table-striped">
  67. <tr>
  68. <th scope="col"></th>
  69. <th scope="col">{{ _('Total') }}</th>
  70. <th scope="col">{{ _('HTTP') }}</th>
  71. <th scope="col">{{ _('Processing') }}</th>
  72. </tr>
  73. <tr>
  74. <th scope="col">{{ _('Median') }}</th>
  75. <td>{{ engine_stat.total }}</td>
  76. <td>{{ engine_stat.http }}</td>
  77. <td>{{ engine_stat.processing }}</td>
  78. </tr>
  79. <tr>
  80. <th scope="col">{{ _('P80') }}</th>
  81. <td>{{ engine_stat.total_p80 }}</td>
  82. <td>{{ engine_stat.http_p80 }}</td>
  83. <td>{{ engine_stat.processing_p80 }}</td>
  84. </tr>
  85. <tr>
  86. <th scope="col">{{ _('P95') }}</th>
  87. <td>{{ engine_stat.total_p95 }}</td>
  88. <td>{{ engine_stat.http_p95 }}</td>
  89. <td>{{ engine_stat.processing_p95 }}</td>
  90. </tr>
  91. </table>
  92. </div>
  93. {%- endif -%}
  94. </td>
  95. <td style="text-align: right;"> {{ engine_reliabilities.get(engine_stat.name, {}).get('reliablity') }}</td>
  96. </tr>
  97. {% endfor %}
  98. </table>
  99. {% endif %}
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. {% endblock %}