Markus Heiser cdfb4b7ff9 [fix] make /stats more CSP compliant - bar graph
Replace bar graph's *styles* (see below) by CSP compliant implementation in
``searx/static/themes/__common__/less/stats.less`` ::

    ./simple/stats.html:49: <span style="width: calc(max(2px, 100%*{{ (engine_stat.result_count / engine_stats.max_result_count )|round(3) }}))" class="stacked-bar-chart-serie1"></span>{{- "" -}}
    ./simple/stats.html:57: <span style="width: calc(max(2px, 100%*{{ (engine_stat.http / engine_stats.max_time )|round(3) }}))" class="stacked-bar-chart-serie1"></span>{{- "" -}}
    ./simple/stats.html:58: <span style="width: calc(100%*{{ engine_stat.processing / engine_stats.max_time |round(3) }})" class="stacked-bar-chart-serie2"></span>{{- "" -}}
    ./oscar/stats.html:50:  <span style="width: calc(max(2px, 100%*{{ (engine_stat.result_count / engine_stats.max_result_count )|round(3) }}))" class="stacked-bar-chart-serie1"></span>{{- "" -}}
    ./oscar/stats.html:58:  <span style="width: calc(max(2px, 100%*{{ (engine_stat.http / engine_stats.max_time )|round(3) }}))" class="stacked-bar-chart-serie1"></span>{{- "" -}}
    ./oscar/stats.html:59:  <span style="width: calc(100%*{{ engine_stat.processing / engine_stats.max_time |round(3) }})" class="stacked-bar-chart-serie2"></span>{{- "" -}}

Reported-by: https://github.com/searxng/searxng/issues/57
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
2021-05-17 17:41:22 +02:00
..
2021-04-24 06:58:22 +02:00
2021-03-11 09:33:04 +01:00

install dependencies
~~~~~~~~~~~~~~~~~~~~

run this command in the directory ``searx/static/themes/oscar``

``npm install``

compile sources
~~~~~~~~~~~~~~~

run this command in the directory ``searx/static/themes/oscar``

``grunt``

or in the root directory:

``make grunt``

directory structure
~~~~~~~~~~~~~~~~~~~

see:

- gruntfile.js
- package.json

*************
css directory
*************

- ``bootstrap*``: bootstrap NPM package,
- ``leaflet.*``: leaflet NPM package
- ``leaflet.min.css``: minimized version of ``leaflet.css`` (see gruntfile.js)
- ``logicodev.*``: compiled from ``src/less/logicodev``
- ``logicodev-dark*``: compiled from ``src/less/logicodev-dark``
- ``pointhi*``: compiled from ``src/less/pointhi``
- ``images``: leaflet NPM package

**************
font directory
**************

- from bootstrap NPM package

************
js directory
************

- ``searx.*``: compiled from ``src/js``
- other files are from NPM packages

*************
img directory
*************

- images for the oscar theme