forked from zaclys/searxng
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>
|
||
|---|---|---|
| .. | ||
| css | ||
| fonts | ||
| img | ||
| js | ||
| src | ||
| .gitignore | ||
| gruntfile.js | ||
| package.json | ||
| README.rst | ||
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 packageleaflet.min.css: minimized version ofleaflet.css(see gruntfile.js)logicodev.*: compiled fromsrc/less/logicodevlogicodev-dark*: compiled fromsrc/less/logicodev-darkpointhi*: compiled fromsrc/less/pointhiimages: leaflet NPM package
font directory
- from bootstrap NPM package
js directory
searx.*: compiled fromsrc/js- other files are from NPM packages
img directory
- images for the oscar theme