diff options
| -rw-r--r-- | searx/static/themes/__common__/less/stats.less | 47 | ||||
| -rw-r--r-- | searx/templates/simple/stats.html | 36 |
2 files changed, 65 insertions, 18 deletions
diff --git a/searx/static/themes/__common__/less/stats.less b/searx/static/themes/__common__/less/stats.less index 6c2117b39..2204fb02b 100644 --- a/searx/static/themes/__common__/less/stats.less +++ b/searx/static/themes/__common__/less/stats.less @@ -1,3 +1,50 @@ +#main_stats { + + table { + margin: 0 auto 0 0; + } + + table .engine-name { + width: 20rem; + } + + table .engine-scores { + width: 7rem; + } + + table .result-count { + } + + table .response-time { + } + + table .engine-reliability { + text-align: right; + } + + table.engine-error { + max-width: 1280px; + margin: 1rem; + border: 1px solid gray; + } + + table.engine-error th.engine-error-type, + table.engine-error td.engine-error-type, + failed-test { + width: 10rem; + } + + table.engine-error span.log_parameters + { + border-right: 1px solid gray; + padding: 0 1rem 0 0; + margin: 0 0 0 0.5rem; + } +} + +@media screen and (max-width: 75em) { +} + .bar-chart-value { width: 3em; } diff --git a/searx/templates/simple/stats.html b/searx/templates/simple/stats.html index c2396f0e5..968208381 100644 --- a/searx/templates/simple/stats.html +++ b/searx/templates/simple/stats.html @@ -23,18 +23,18 @@ {% if not engine_stats.get('time') %} {{ _('There is currently no data available. ') }} {% else %} -<table style="max-width: 1280px; margin: 0 auto 0 0;"> +<table class="engine-stats"> <tr> - <th scope="col" style="width:20rem;">{{ th_sort('name', _("Engine name")) }}</th> - <th scope="col" style="width:7rem; text-align: right;">{{ th_sort('score', _('Scores')) }}</th> - <th scope="col">{{ th_sort('result_count', _('Result count')) }}</th> - <th scope="col">{{ th_sort('time', _('Response time')) }}</th> - <th scope="col" style="text-align: right;">{{ th_sort('reliability', _('Reliability')) }}</th> + <th scope="col" class="engine-name">{{ th_sort('name', _("Engine name")) }}</th> + <th scope="col" class="engine-scores">{{ th_sort('score', _('Scores')) }}</th> + <th scope="col" class="result-count">{{ th_sort('result_count', _('Result count')) }}</th> + <th scope="col" class="response-time">{{ th_sort('time', _('Response time')) }}</th> + <th scope="col" class="engine-reliability">{{ th_sort('reliability', _('Reliability')) }}</th> </tr> {% for engine_stat in engine_stats.get('time', []) %} <tr> - <td><a href="{{ url_for('stats', engine=engine_stat.name|e) }}">{{ engine_stat.name }}</a></td> - <td style="text-align: right;"> + <td class="engine-name"><a href="{{ url_for('stats', engine=engine_stat.name|e) }}">{{ engine_stat.name }}</a></td> + <td class="engine-scores"> {% if engine_stat.score %} <span aria-labelledby="{{engine_stat.name}}_score" >{{ engine_stat.score|round(1) }}</span> <div class="engine-tooltip" role="tooltip" id="{{engine_stat.name}}_score">{{- "" -}} @@ -42,7 +42,7 @@ </div> {% endif %} </td> - <td> + <td class="engine-result-count"> {%- if engine_stat.result_count -%} <div class="bar-chart-value">{{- engine_stat.result_count | int -}}</div>{{- "" -}} @@ -51,7 +51,7 @@ </div> {%- endif -%} </td> - <td> + <td class="response-time"> {%- if engine_stat.total -%} <div class="bar-chart-value">{{- engine_stat.total | round(1) -}}</div>{{- "" -}} @@ -89,7 +89,7 @@ </div> {%- endif -%} </td> - <td style="text-align: right;"> {{ engine_reliabilities.get(engine_stat.name, {}).get('reliablity') }}</td> + <td class="engine-reliability"> {{ engine_reliabilities.get(engine_stat.name, {}).get('reliablity') }}</td> </tr> {% endfor %} </table> @@ -105,20 +105,20 @@ {% set ns.first = false %} <h3>{% if secondary %}{{ _('Warnings') }}{% else %}{{ _('Errors and exceptions') }}{% endif %}</h3> {% endif %} - <table style="max-width: 1280px; margin: 1rem; border: 1px solid gray;"> - <tbody style="padding-top: 1rem;"> + <table class="engine-error"> + <tbody> <tr> {%- if error.exception_classname -%} - <th scope="row" style="width: 10rem">{{ _('Exception') }}</th><td>{{ error.exception_classname }}</td> + <th scope="row" class="engine-error-type">{{ _('Exception') }}</th><td>{{ error.exception_classname }}</td> {%- elif error.log_message -%} - <th scope="row" style="width: 10rem">{{ _('Message') }}</th><td>{{ error.log_message }}</td> + <th scope="row" class="engine-error-type">{{ _('Message') }}</th><td>{{ error.log_message }}</td> {%- endif -%} - <th scope="row" style="width: 10rem">{{ _('Percentage') }}</th><td style="width: 10rem">{{ error.percentage }}</td> + <th scope="row" class="engine-error-type">{{ _('Percentage') }}</th><td class="engine-error-type">{{ error.percentage }}</td> </tr> {% if error.log_parameters and error.log_parameters != (None, None, None) %}<tr><th scope="row">{{ _('Parameter') }}</th>{{- '' -}} <td colspan="3"> {%- for param in error.log_parameters -%} - <span style="border-right: 1px solid gray; padding: 0 1rem 0 0; margin: 0 0 0 0.5rem;">{{ param }}</span> + <span class="log_parameters">{{ param }}</span> {%- endfor -%} </td> </tr> @@ -135,7 +135,7 @@ <h3>{{ _('Checker') }}</h3> <table> <tr> - <th scope="col" style="width: 10rem">{{ _('Failed test') }}</th> + <th scope="col" class="failed-test">{{ _('Failed test') }}</th> <th scope="col">{{ _('Comment(s)') }}</th> </tr> {% for test_name, results in engine_reliabilities[selected_engine_name].checker.items() %} |