stats.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. {% extends "oscar/base.html" %}
  2. {% block styles %}
  3. <link rel="stylesheet" href="{{ url_for('static', filename='css/charts.min.css') }}" type="text/css" />
  4. <style>
  5. #engine-times {
  6. --labels-size: 20rem;
  7. }
  8. #engine-times th {
  9. text-align: right;
  10. }
  11. </style>
  12. {% endblock %}
  13. {% block title %}{{ _('stats') }} - {% endblock %}
  14. {% block content %}
  15. <div class="container-fluid">
  16. <h1>{{ _('Engine stats') }}</h1>
  17. <div class="row">
  18. {% for stat_name,stat_category in stats %}
  19. <div class="col-xs-12 col-sm-12 col-md-6">
  20. <h3>{{ stat_name }}</h3>
  21. <div class="container-fluid">
  22. {% for engine in stat_category %}
  23. <div class="row">
  24. <div class="col-sm-4 col-md-4">{{ engine.name }}</div>
  25. <div class="col-sm-8 col-md-8">
  26. <div class="progress">
  27. <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="{{ '%i'|format(engine.avg) }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ engine.percentage }}%;">
  28. {{ '%.02f'|format(engine.avg) }}
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. {% endfor %}
  34. {% if not stat_category %}
  35. <div class="col-sm-12 col-md-12">
  36. {% include 'oscar/messages/no_data_available.html' %}
  37. </div>
  38. {% endif %}
  39. </div>
  40. </div>
  41. {% endfor %}
  42. </div>
  43. </div>
  44. {% endblock %}