mirror of
https://github.com/netdata/netdata.git
synced 2025-04-10 08:07:34 +00:00
chore(packaging): remove old dashboard (#19523)
* don't package old dashboard * remove old dashboard files from the repo * remove dnt * update REDISTRIBUTED.md
This commit is contained in:
Ilya Mashchenko
GitHub
parent
55768ba2fa
commit
7377725d7e
222 changed files with 0 additions and 64741 deletions
CMakeLists.txtREDISTRIBUTED.md
src/web/gui
.dashboard-notice.md
.well-known/dnt
README.mdbrowserconfig.xmlbundle_dashboard_v1.pycss
custom
dashboard_info.jsdashboard_info_custom_example.jsgui.cmakemain.cssmain.jsold
src/dashboard.js
alarms.jsboot.jschart-registry.jscharting.js
charting
_c3.js_morris.js_raphael.jsd3.jsd3pie.jsdygraph.jseasy-pie-chart.jsgauge.jsgoogle-charts.jspeity.jssparkline.jstextonly.js
colors.jscommon.jscompatibility.jsdependencies.jsepilogue.js.incerror-handling.jslocalstorage.jsmain.jsoptions.jsprologue.js.incregistry.jsserver-detection.jsthemes.jstimeout.jsunits-conversion.jsutils.jsxss.jsstatic/img
switch.htmlv0v1
README.mdasset-manifest.jsonconsole.html
css
bootstrap-3.3.7.cssbootstrap-slate-flat-3.3.7.cssbootstrap-slider-10.0.0.min.cssbootstrap-theme-3.3.7.min.cssbootstrap-toggle-2.2.2.min.cssdashboard.cssdashboard.slate.css
dash-example.htmldashboard-react.jsdashboard.cssdashboard.htmldashboard.jsdashboard.slate.cssdashboard_v1.cmakedemo.htmldemo2.htmldemosites.htmldemosites2.htmlfavicon.icofonts
glyphicons-halflings-regular.eotglyphicons-halflings-regular.svgglyphicons-halflings-regular.ttfglyphicons-halflings-regular.woffglyphicons-halflings-regular.woff2
goto-host-from-alarm.htmlimages
alert-128-orange.pngalert-128-red.pngalert-multi-size-orange.icoalert-multi-size-red.icoalerts.jpgalerts.pngandroid-icon-144x144.pngandroid-icon-192x192.pngandroid-icon-36x36.pngandroid-icon-48x48.pngandroid-icon-72x72.pngandroid-icon-96x96.pnganimated.gifapple-icon-114x114.pngapple-icon-120x120.pngapple-icon-144x144.pngapple-icon-152x152.pngapple-icon-180x180.pngapple-icon-57x57.pngapple-icon-60x60.png
|
|
@ -3537,66 +3537,11 @@ if(ENABLE_DASHBOARD)
|
|||
include(NetdataDashboard)
|
||||
bundle_dashboard()
|
||||
|
||||
include(src/web/gui/v1/dashboard_v1.cmake)
|
||||
include(src/web/gui/gui.cmake)
|
||||
|
||||
function(cat IN_FILE OUT_FILE)
|
||||
file(READ ${IN_FILE} CONTENTS)
|
||||
file(APPEND ${OUT_FILE} "${CONTENTS}")
|
||||
endfunction()
|
||||
|
||||
file(WRITE ${CMAKE_BINARY_DIR}/src/web/gui/dashboard.js.in "")
|
||||
|
||||
foreach(JS_FILE ${DASHBOARD_JS_FILES})
|
||||
cat(${JS_FILE} ${CMAKE_BINARY_DIR}/dashboard.js.in)
|
||||
endforeach()
|
||||
|
||||
configure_file(${CMAKE_BINARY_DIR}/dashboard.js.in
|
||||
${CMAKE_BINARY_DIR}/dashboard.js COPYONLY)
|
||||
|
||||
install(FILES
|
||||
${CMAKE_BINARY_DIR}/dashboard.js
|
||||
COMPONENT dashboard
|
||||
DESTINATION ${WEB_DEST})
|
||||
|
||||
install(FILES
|
||||
src/web/gui/dashboard_info_custom_example.js
|
||||
src/web/gui/dashboard_info.js
|
||||
src/web/gui/main.css
|
||||
src/web/gui/main.js
|
||||
src/web/gui/switch.html
|
||||
src/web/gui/ilove.html
|
||||
COMPONENT dashboard
|
||||
DESTINATION ${WEB_DEST})
|
||||
|
||||
install(FILES
|
||||
src/web/gui/old/index.html
|
||||
COMPONENT dashboard
|
||||
DESTINATION ${WEB_DEST}/old)
|
||||
|
||||
install(FILES
|
||||
src/web/gui/static/img/netdata-logomark.svg
|
||||
COMPONENT dashboard
|
||||
DESTINATION ${WEB_DEST}/static/img)
|
||||
|
||||
install(FILES
|
||||
src/web/gui/css/morris-0.5.1.css
|
||||
src/web/gui/css/c3-0.4.18.min.css
|
||||
COMPONENT dashboard
|
||||
DESTINATION ${WEB_DEST}/css)
|
||||
|
||||
install(FILES
|
||||
src/web/gui/.well-known/dnt/cookies
|
||||
COMPONENT dashboard
|
||||
DESTINATION ${WEB_DEST}/.well-known/dnt)
|
||||
|
||||
if(NOT OS_WINDOWS)
|
||||
# v0 dashboard
|
||||
install(FILES
|
||||
src/web/gui/v0/index.html
|
||||
COMPONENT dashboard
|
||||
DESTINATION ${WEB_DEST}/v0)
|
||||
endif()
|
||||
endif()
|
||||
|
||||
if(OS_WINDOWS)
|
||||
|
|
|
|||
|
|
@ -40,33 +40,3 @@ We have decided to redistribute all these, instead of using them through a CDN,
|
|||
| Name | Copyright | License |
|
||||
|----------------------------------------------------|-----------------------------|---------------------------------------------------------------------|
|
||||
| [lmsensors](https://github.com/mdlayher/lmsensors) | Copyright 2016, Matt Layher | [MIT](https://github.com/mdlayher/lmsensors/blob/master/LICENSE.md) |
|
||||
|
||||
---
|
||||
|
||||
**Old User Interface (Dashboard v1)**:
|
||||
|
||||
| Name | Copyright | License |
|
||||
|---------------------------------------------------------------------------------|-------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
|
||||
| [Dygraphs](http://dygraphs.com/) | Copyright 2009, Dan Vanderkam | [MIT](http://dygraphs.com/legal.html) |
|
||||
| [Easy Pie Chart](https://rendro.github.io/easy-pie-chart/) | Copyright 2013, Robert Fleischmann | [MIT](https://github.com/rendro/easy-pie-chart/blob/master/LICENSE) |
|
||||
| [Gauge.js](http://bernii.github.io/gauge.js/) | Copyright, Bernard Kobos | [MIT](https://github.com/getgauge/gauge-js/blob/master/LICENSE) |
|
||||
| [d3pie](https://github.com/benkeen/d3pie) | Copyright (c) 2014-2015 Benjamin Keen | [MIT](https://github.com/benkeen/d3pie/blob/master/LICENSE) |
|
||||
| [jQuery Sparklines](http://omnipotent.net/jquery.sparkline/) | Copyright 2009-2012, Splunk Inc. | [New BSD](http://opensource.org/licenses/BSD-3-Clause) |
|
||||
| [Peity](http://benpickles.github.io/peity/) | Copyright 2009-2015, Ben Pickles | [MIT](https://github.com/benpickles/peity/blob/master/LICENCE) |
|
||||
| [morris.js](http://morrisjs.github.io/morris.js/) | Copyright 2013, Olly Smith | [Simplified BSD](http://morrisjs.github.io/morris.js/) |
|
||||
| [Raphaël](http://dmitrybaranovskiy.github.io/raphael/) | Copyright 2008, Dmitry Baranovskiy | [MIT](http://dmitrybaranovskiy.github.io/raphael/license.html) |
|
||||
| [C3](http://c3js.org/) | Copyright 2013, Masayuki Tanaka | [MIT](https://github.com/masayuki0812/c3/blob/master/LICENSE) |
|
||||
| [D3](http://d3js.org/) | Copyright 2015, Mike Bostock | [BSD](http://opensource.org/licenses/BSD-3-Clause) |
|
||||
| [jQuery](https://jquery.org/) | Copyright 2015, jQuery Foundation | [MIT](https://jquery.org/license/) |
|
||||
| [Bootstrap](http://getbootstrap.com/getting-started/) | Copyright 2015, Twitter | [MIT](https://github.com/twbs/bootstrap/blob/v4-dev/LICENSE) |
|
||||
| [Bootstrap Toggle](http://www.bootstraptoggle.com/) | Copyright (c) 2011-2014 Min Hur, The New York Times Company | [MIT](https://github.com/minhur/bootstrap-toggle/blob/master/LICENSE) |
|
||||
| [Bootstrap-slider](http://seiyria.com/bootstrap-slider/) | Copyright 2017 Kyle Kemp, Rohit Kalkur, and contributors | [MIT](https://github.com/seiyria/bootstrap-slider/blob/master/LICENSE.md) |
|
||||
| [bootstrap-table](http://bootstrap-table.wenzhixin.net.cn/) | Copyright (c) 2012-2016 Zhixin Wen | [MIT](https://github.com/wenzhixin/bootstrap-table/blob/master/LICENSE) |
|
||||
| [tableExport.jquery.plugin](https://github.com/hhurz/tableExport.jquery.plugin) | Copyright (c) 2015,2016 hhurz | [MIT](https://github.com/hhurz/tableExport.jquery.plugin/blob/master/LICENSE) |
|
||||
| [perfect-scrollbar](https://jamesflorentino.github.io/nanoScrollerJS/) | Copyright 2016, Hyunje Alex Jun and other contributors | [MIT](https://github.com/noraesae/perfect-scrollbar/blob/master/LICENSE) |
|
||||
| [FontAwesome](https://github.com/FortAwesome/Font-Awesome) | Created by Dave Gandy | Font: [SIL OFL 1.1](http://scripts.sil.org/OFL), Icon: [Creative Commons Attribution 4.0 (CC-BY 4.0)](https://creativecommons.org/licenses/by/4.0/), Code: [MIT](http://opensource.org/licenses/mit-license.html) |
|
||||
| [node-extend](https://github.com/justmoon/node-extend) | Copyright 2014, Stefan Thomas | [MIT](https://github.com/justmoon/node-extend/blob/master/LICENSE) |
|
||||
| [pixl-xml](https://github.com/jhuckaby/pixl-xml) | Copyright 2015, Joseph Huckaby | [MIT](https://github.com/jhuckaby/pixl-xml#license) |
|
||||
| [pako](http://nodeca.github.io/pako/) | Copyright 2014-2017 Vitaly Puzrin and Andrei Tuputcyn | [MIT](https://github.com/nodeca/pako/blob/master/LICENSE) |
|
||||
| [lz-string](http://pieroxy.net/blog/pages/lz-string/index.html) | Copyright 2013 Pieroxy | [WTFPL](http://pieroxy.net/blog/pages/lz-string/index.html#inline_menu_10) |
|
||||
| [clipboard-polyfill](https://github.com/lgarron/clipboard-polyfill) | Copyright (c) 2014 Lucas Garron | [MIT](https://github.com/lgarron/clipboard-polyfill/blob/master/LICENSE.md) |
|
||||
|
|
|
|||
|
|
@ -1,7 +0,0 @@
|
|||
# Do not edit any files in this directory!
|
||||
|
||||
If you spot any errors or bugs in these files and wish to fix them, please submit your changes at
|
||||
https://github.com/netdata/dashboard instead.
|
||||
|
||||
These files are copied from the most recent release of that repository, and any changes you make here will be
|
||||
overwritten the next time there’s a new release there.
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
{
|
||||
"tracking": "T",
|
||||
"compliance": ["https://github.com/netdata/netdata/wiki/cookies#compliance"],
|
||||
"qualifiers": "afc",
|
||||
"controller": ["https://github.com/netdata/netdata/wiki/cookies#controller"],
|
||||
"same-party": [
|
||||
"my-netdata.io",
|
||||
"mynetdata.io",
|
||||
"netdata.online",
|
||||
"netdata.rocks",
|
||||
"registry.my-netdata.io"
|
||||
],
|
||||
"policy": "https://github.com/netdata/netdata/wiki/cookies#policy",
|
||||
}
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
# Legacy Agent dashboard
|
||||
|
||||
> ⚠️ You're checking the documentation for the legacy Agent dashboard.
|
||||
> For the current version, check [Accessing Netdata Dashboards](/docs/dashboards-and-charts/README.md).
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig><msapplication><tile><square70x70logo src="images/ms-icon-70x70.png"/><square150x150logo src="images/ms-icon-150x150.png"/><square310x310logo src="images/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>
|
||||
|
|
@ -1,82 +0,0 @@
|
|||
#!/usr/bin/env python3
|
||||
# SPDX-License-Identifier: GPL-3.0-or-later
|
||||
|
||||
import os
|
||||
import shutil
|
||||
import subprocess
|
||||
import sys
|
||||
|
||||
from pathlib import Path
|
||||
|
||||
os.chdir(Path(__file__).parent.absolute())
|
||||
|
||||
BASEPATH = Path('v1')
|
||||
|
||||
URLTEMPLATE = 'https://github.com/netdata/dashboard/releases/download/{0}/dashboard.tar.gz'
|
||||
|
||||
CMAKETEMPLATE = '''
|
||||
install(FILES {0} COMPONENT dashboard DESTINATION ${{WEB_DEST}})
|
||||
install(FILES {1} COMPONENT dashboard DESTINATION ${{WEB_DEST}}/css)
|
||||
install(FILES {2} COMPONENT dashboard DESTINATION ${{WEB_DEST}}/fonts)
|
||||
install(FILES {3} COMPONENT dashboard DESTINATION ${{WEB_DEST}}/images)
|
||||
install(FILES {4} COMPONENT dashboard DESTINATION ${{WEB_DEST}}/lib)
|
||||
install(FILES {5} COMPONENT dashboard DESTINATION ${{WEB_DEST}}/static/css)
|
||||
install(FILES {6} COMPONENT dashboard DESTINATION ${{WEB_DEST}}/static/js)
|
||||
install(FILES {7} COMPONENT dashboard DESTINATION ${{WEB_DEST}}/static/media)
|
||||
install(FILES web/gui/v1/index.html COMPONENT dashboard DESTINATION ${WEB_DEST}/v1)
|
||||
'''
|
||||
|
||||
def copy_dashboard(tag):
|
||||
'''Fetch and bundle the dashboard code.'''
|
||||
print('Preparing target directory')
|
||||
shutil.rmtree(BASEPATH)
|
||||
BASEPATH.mkdir()
|
||||
print('::group::Fetching dashboard release tarball')
|
||||
subprocess.check_call('curl -L -o dashboard.tar.gz ' + URLTEMPLATE.format(tag), shell=True)
|
||||
print('::endgroup::')
|
||||
print('::group::Extracting dashboard release tarball')
|
||||
subprocess.check_call('tar -xvzf dashboard.tar.gz -C ' + str(BASEPATH) + ' --strip-components=1', shell=True)
|
||||
print('::endgroup::')
|
||||
print('Copying README.md')
|
||||
BASEPATH.joinpath('README.md').symlink_to('../.dashboard-notice.md')
|
||||
print('Removing dashboard release tarball')
|
||||
BASEPATH.joinpath('..', 'dashboard.tar.gz').unlink()
|
||||
|
||||
|
||||
def genfilelist(path):
|
||||
'''Generate a list of files for the Makefile.'''
|
||||
files = [f for f in path.iterdir() if f.is_file() and f.name != 'README.md']
|
||||
files = [Path(*f.parts[1:]) for f in files]
|
||||
files.sort()
|
||||
return '\n'.join([("src/web/gui/v1/" + str(f)) for f in files])
|
||||
|
||||
|
||||
def write_cmakefile():
|
||||
'''Write out the cmake file for the dashboard code.'''
|
||||
print('Generating cmake file')
|
||||
output = CMAKETEMPLATE.format(
|
||||
genfilelist(BASEPATH),
|
||||
genfilelist(BASEPATH.joinpath('css')),
|
||||
genfilelist(BASEPATH.joinpath('fonts')),
|
||||
genfilelist(BASEPATH.joinpath('images')),
|
||||
genfilelist(BASEPATH.joinpath('lib')),
|
||||
genfilelist(BASEPATH.joinpath('static', 'css')),
|
||||
genfilelist(BASEPATH.joinpath('static', 'js')),
|
||||
genfilelist(BASEPATH.joinpath('static', 'media')),
|
||||
)
|
||||
|
||||
BASEPATH.joinpath('dashboard_v1.cmake').write_text(output)
|
||||
|
||||
|
||||
def list_changed_files():
|
||||
'''Create a list of changed files, and set it in an environment variable.'''
|
||||
if 'GITHUB_ENV' in os.environ:
|
||||
print('Generating file list for commit.')
|
||||
subprocess.check_call('echo "COMMIT_FILES<<EOF" >> $GITHUB_ENV', shell=True)
|
||||
subprocess.check_call('git status --porcelain=v1 --no-renames --untracked-files=all | rev | cut -d \' \' -f 1 | rev >> $GITHUB_ENV', shell=True)
|
||||
subprocess.check_call('echo "EOF" >> $GITHUB_ENV', shell=True)
|
||||
|
||||
|
||||
copy_dashboard(sys.argv[1])
|
||||
write_cmakefile()
|
||||
list_changed_files()
|
||||
2
src/web/gui/css/c3-0.4.18.min.css
vendored
2
src/web/gui/css/c3-0.4.18.min.css
vendored
|
|
@ -1,2 +0,0 @@
|
|||
/* SPDX-License-Identifier: MIT */
|
||||
.c3 svg{font:10px sans-serif;-webkit-tap-highlight-color:transparent}.c3 line,.c3 path{fill:none;stroke:#000}.c3 text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges}.c3-chart-arc path{stroke:#fff}.c3-chart-arc text{fill:#fff;font-size:13px}.c3-grid line{stroke:#aaa}.c3-grid text{fill:#aaa}.c3-xgrid,.c3-ygrid{stroke-dasharray:3 3}.c3-text.c3-empty{fill:grey;font-size:2em}.c3-line{stroke-width:1px}.c3-circle._expanded_{stroke-width:1px;stroke:#fff}.c3-selected-circle{fill:#fff;stroke-width:2px}.c3-bar{stroke-width:0}.c3-bar._expanded_{fill-opacity:1;fill-opacity:.75}.c3-target.c3-focused{opacity:1}.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{stroke-width:2px}.c3-target.c3-defocused{opacity:.3!important}.c3-region{fill:#4682b4;fill-opacity:.1}.c3-brush .extent{fill-opacity:.1}.c3-legend-item{font-size:12px}.c3-legend-item-hidden{opacity:.15}.c3-legend-background{opacity:.75;fill:#fff;stroke:#d3d3d3;stroke-width:1}.c3-title{font:14px sans-serif}.c3-tooltip-container{z-index:10}.c3-tooltip{border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;-webkit-box-shadow:7px 7px 12px -9px #777;-moz-box-shadow:7px 7px 12px -9px #777;box-shadow:7px 7px 12px -9px #777;opacity:.9}.c3-tooltip tr{border:1px solid #ccc}.c3-tooltip th{background-color:#aaa;font-size:14px;padding:2px 5px;text-align:left;color:#fff}.c3-tooltip td{font-size:13px;padding:3px 6px;background-color:#fff;border-left:1px dotted #999}.c3-tooltip td>span{display:inline-block;width:10px;height:10px;margin-right:6px}.c3-tooltip td.value{text-align:right}.c3-area{stroke-width:0;opacity:.2}.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:none}.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}.c3-chart-arcs .c3-chart-arcs-gauge-max{fill:#777}.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}.c3-chart-arc .c3-gauge-value{fill:#000}.c3-chart-arc.c3-target g path{opacity:1}.c3-chart-arc.c3-target.c3-focused g path{opacity:1}
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
/* SPDX-License-Identifier: BSD-2-Clause */
|
||||
.morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}
|
||||
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}
|
||||
|
|
@ -1,596 +0,0 @@
|
|||
# Build new dashboards with HTML
|
||||
|
||||
>❗This feature is only available on v1 dashboards and is not currently supported on v2.
|
||||
> For more information on the new Custom Dashboards check [this documentation](/docs/dashboards-and-charts/dashboards-tab.md).
|
||||
|
||||
You can build dashboards with Netdata charts just with some basic HTML knowledge.
|
||||
|
||||
These dashboards allow you to utilize any or all of the available chart libraries, on the same dashboard.
|
||||
You can use data from one or more Netdata servers, on the same dashboard and host your dashboard HTML page on
|
||||
any web server, anywhere. You can also add Netdata charts to existing web pages.
|
||||
|
||||
Check this **[very simple working example of a dashboard](https://my-netdata.io/demo.html)**.
|
||||
|
||||
You should also look at the [dashboard
|
||||
template](https://my-netdata.io/dashboard.html), which contains samples of all
|
||||
supported charts. The code is [here](https://my-netdata.io/dashboard.html).
|
||||
|
||||
If you plan to put the dashboard on TV, check out
|
||||
[tv.html](https://my-netdata.io/tv.html). Here's is a screenshot of it,
|
||||
monitoring two servers on the same page:
|
||||
|
||||
<img width="954" alt="image" src="https://user-images.githubusercontent.com/43294513/233790352-2780fd51-3293-49fe-8ad9-30ad9a362c60.png"/>
|
||||
|
||||
|
||||
|
||||
|
||||
## Web directory
|
||||
|
||||
All of the mentioned examples are available on your local Netdata installation
|
||||
(e.g. `http://myhost:19999/dashboard.html`). The default web root directory with
|
||||
the HTML and JS code is `/usr/share/netdata/web`. The main dashboard is also in
|
||||
that directory and called `index.html`.\
|
||||
Note: index.html has a different syntax. Don't use it as a template for simple dashboards.
|
||||
|
||||
> Some operating systems will use `/opt/netdata/usr/share/netdata/web` as the web directory. If you're not sure where
|
||||
> yours is, navigate to `http://NODE:19999/netdata.conf` in your browser, replacing `NODE` with the IP address or hostname
|
||||
> of your node, and find the `# web files directory = ` setting. The value listed is the web directory for your system.
|
||||
|
||||
## Example empty dashboard
|
||||
|
||||
If you need to create a new dashboard on an empty page, we suggest the following
|
||||
header:
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Your dashboard</title>
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
|
||||
<!-- here we will add dashboard.js -->
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- here we will add charts -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
|
||||
## dashboard.js
|
||||
|
||||
To add Netdata charts to any web page (dedicated to Netdata or not), you need to
|
||||
include the `/dashboard.js` file of a Netdata server.
|
||||
|
||||
For example, if your Netdata server listens at `http://box:19999/`, you will
|
||||
need to add the following to the `head` section of your web page:
|
||||
|
||||
```html
|
||||
<script type="text/javascript" src="http://box:19999/dashboard.js"></script>
|
||||
```
|
||||
|
||||
### What does dashboard.js do?
|
||||
|
||||
`dashboard.js` will automatically load the following:
|
||||
|
||||
1. `dashboard.css`, required for the Netdata charts
|
||||
|
||||
2. `jquery.min.js`, (only if jQuery is not already loaded for this web page)
|
||||
|
||||
3. `bootstrap.min.js` (only if Bootstrap is not already loaded) and
|
||||
`bootstrap.min.css`.
|
||||
|
||||
You can disable this by adding the following before loading `dashboard.js`:
|
||||
|
||||
```html
|
||||
<script>var netdataNoBootstrap = true;</script>
|
||||
```
|
||||
|
||||
4. `jquery.nanoscroller.min.js`, required for the scrollbar of the chart
|
||||
legends.
|
||||
|
||||
5. `bootstrap-toggle.min.js` and `bootstrap-toggle.min.css`, required for the
|
||||
settings toggle buttons.
|
||||
|
||||
6. `font-awesome.min.css`, for icons.
|
||||
|
||||
When `dashboard.js` loads will scan the page for elements that define charts
|
||||
(see below) and immediately start refreshing them. Keep in mind more javascript
|
||||
modules may be loaded (every chart library is a different javascript file, that
|
||||
is loaded on first use).
|
||||
|
||||
### Prevent dashboard.js from starting chart refreshes
|
||||
|
||||
If your web page is not static and you plan to add charts using JavaScript, you
|
||||
can tell `dashboard.js` not to start processing charts immediately after loaded,
|
||||
by adding this fragment before loading it:
|
||||
|
||||
```html
|
||||
<script>var netdataDontStart = true;</script>
|
||||
```
|
||||
|
||||
The above, will inform the `dashboard.js` to load everything, but not process the web page until you tell it to.
|
||||
You can tell it to start processing the page, by running this javascript code:
|
||||
|
||||
```js
|
||||
NETDATA.start();
|
||||
```
|
||||
|
||||
Be careful not to call the `NETDATA.start()` multiple times. Each call to this
|
||||
function will spawn a new thread that will start refreshing the charts.
|
||||
|
||||
If, after calling `NETDATA.start()` you need to update the page (or even get
|
||||
your javascript code synchronized with `dashboard.js`), you can call (after you
|
||||
loaded `dashboard.js`):
|
||||
|
||||
```js
|
||||
NETDATA.pause(function() {
|
||||
// ok, it is paused
|
||||
|
||||
// update the DOM as you wish
|
||||
|
||||
// and then call this to let the charts refresh:
|
||||
NETDATA.unpause();
|
||||
});
|
||||
```
|
||||
|
||||
### The default Netdata server
|
||||
|
||||
`dashboard.js` will attempt to auto-detect the URL of the Netdata server it is
|
||||
loaded from, and set this server as the default Netdata server for all charts.
|
||||
|
||||
If you need to set any other URL as the default Netdata server for all charts
|
||||
that do not specify a Netdata server, add this before loading `dashboard.js`:
|
||||
|
||||
```html
|
||||
<script type="text/javascript">var netdataServer = "http://your.netdata.server:19999";</script>
|
||||
```
|
||||
|
||||
|
||||
|
||||
## Adding charts
|
||||
|
||||
To add charts, you need to add a `div` for each of them. Each of these `div`
|
||||
elements accept a few `data-` attributes:
|
||||
|
||||
### The chart unique ID
|
||||
|
||||
The unique ID of a chart is shown at the title of the chart of the default
|
||||
Netdata dashboard. You can also find all the charts available at your Netdata
|
||||
server with this URL: `http://your.netdata.server:19999/api/v1/charts`
|
||||
([example](http://netdata.firehol.org/api/v1/charts)).
|
||||
|
||||
To specify the unique id, use this:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"></div>
|
||||
```
|
||||
|
||||
The above is enough for adding a chart. It most probably have the wrong visual
|
||||
settings though. Keep reading...
|
||||
|
||||
### The duration of the chart
|
||||
|
||||
You can specify the duration of the chart (how much time of data it will show)
|
||||
using:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-after="AFTER_SECONDS"
|
||||
data-before="BEFORE_SECONDS"
|
||||
></div>
|
||||
```
|
||||
|
||||
`AFTER_SECONDS` and `BEFORE_SECONDS` are numbers representing a time-frame in
|
||||
seconds.
|
||||
|
||||
The can be either:
|
||||
|
||||
- **absolute** unix timestamps (in javascript terms, they are `new
|
||||
Date().getTime() / 1000`. Using absolute timestamps you can have a chart
|
||||
showing always the same time-frame.
|
||||
|
||||
- **relative** number of seconds to now. To show the last 10 minutes of data,
|
||||
`AFTER_SECONDS` must be `-600` (relative to now) and `BEFORE_SECONDS` must
|
||||
be `0` (meaning: now). If you want the chart to auto-refresh the current
|
||||
values, you need to specify **relative** values.
|
||||
|
||||
### Chart sizes
|
||||
|
||||
You can set the size of the chart using this:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-width="WIDTH"
|
||||
data-height="HEIGHT"
|
||||
></div>
|
||||
```
|
||||
|
||||
`WIDTH` and `HEIGHT` can be anything CSS accepts for width and height (e.g.
|
||||
percentages, pixels, etc). Keep in mind that for certain chart libraries,
|
||||
`dashboard.js` may apply an aspect ratio to these.
|
||||
|
||||
If you want `dashboard.js` to permanently remember (browser local storage) the
|
||||
dimensions of the chart (the user may resize it), you can add: `data-id="
|
||||
SETTINGS_ID"`, where `SETTINGS_ID` is anything that will be common for this
|
||||
chart across user sessions.
|
||||
|
||||
### Netdata server
|
||||
|
||||
Each chart can get data from a different Netdata server. You can specify the Netdata server to use for each chart using:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-host="http://another.netdata.server:19999/"
|
||||
></div>
|
||||
```
|
||||
|
||||
If you have ephemeral monitoring setup ([More info here](/src/streaming/README.md#monitoring-ephemeral-nodes)) and have no
|
||||
direct access to the nodes dashboards, you can use the following:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-host="http://yournetdata.server:19999/host/reported-hostname"
|
||||
></div>
|
||||
```
|
||||
|
||||
### Chart library
|
||||
|
||||
Netdata supports a number of chart libraries. The default chart library is
|
||||
`dygraph`, but you can set a different chart library per chart using
|
||||
`data-chart-library`:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-chart-library="gauge"
|
||||
></div>
|
||||
```
|
||||
|
||||
Each chart library has a number of specific settings. To learn more about them,
|
||||
you should investigate the documentation of the given chart library, or visit
|
||||
the appropriate JavaScript file that defines the library's options. These files
|
||||
are concatenated into the monolithic `dashboard.js` for deployment.
|
||||
|
||||
- [Dygraph](https://github.com/netdata/netdata/blob/5b57fc441c40959514c4e2d0863be2e6a417e352/web/gui/dashboard.js#L2034)
|
||||
- [d3](https://github.com/netdata/netdata/blob/5b57fc441c40959514c4e2d0863be2e6a417e352/web/gui/dashboard.js#L4095)
|
||||
- [d3pie](https://github.com/netdata/netdata/blob/5b57fc441c40959514c4e2d0863be2e6a417e352/web/gui/dashboard.js#L3753)
|
||||
- [Gauge.js](https://github.com/netdata/netdata/blob/5b57fc441c40959514c4e2d0863be2e6a417e352/web/gui/dashboard.js#L3065)
|
||||
- [Google Charts](https://github.com/netdata/netdata/blob/5b57fc441c40959514c4e2d0863be2e6a417e352/web/gui/dashboard.js#L2936)
|
||||
- [EasyPieChart](https://github.com/netdata/netdata/blob/5b57fc441c40959514c4e2d0863be2e6a417e352/web/gui/dashboard.js#L3531)
|
||||
- [Peity](https://github.com/netdata/netdata/blob/5b57fc441c40959514c4e2d0863be2e6a417e352/web/gui/dashboard.js#L4137)
|
||||
- [Sparkline](https://github.com/netdata/netdata/blob/5b57fc441c40959514c4e2d0863be2e6a417e352/web/gui/dashboard.js#L2779)
|
||||
- [Text-only](https://github.com/netdata/netdata/blob/5b57fc441c40959514c4e2d0863be2e6a417e352/web/gui/dashboard.js#L4200)
|
||||
|
||||
### Data points
|
||||
|
||||
For the time-frame requested, `dashboard.js` will use the chart dimensions and
|
||||
the settings of the chart library to find out how many data points it can show.
|
||||
|
||||
For example, most line chart libraries are using 3 pixels per data point. If the
|
||||
chart shows 10 minutes of data (600 seconds), its update frequency is 1 second,
|
||||
and the chart width is 1800 pixels, then `dashboard.js` will request from the
|
||||
Netdata server: 10 minutes of data, represented in 600 points, and the chart
|
||||
will be refreshed per second. If the user resizes the window so that the chart
|
||||
becomes 600 pixels wide, then `dashboard.js` will request the same 10 minutes of
|
||||
data, represented in 200 points and the chart will be refreshed once every 3
|
||||
seconds.
|
||||
|
||||
If you need the chart to show a fixed number of points, you can set the `data-points` option. Replace `DATA_POINTS` with the number of points you need:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-points="DATA_POINTS"
|
||||
></div>
|
||||
```
|
||||
|
||||
You can also overwrite the pixels-per-point per chart using this:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-pixels-per-point="PIXELS_PER_POINT"
|
||||
></div>
|
||||
```
|
||||
|
||||
Where `PIXELS_PER_POINT` is the number of pixels each data point should occupy.
|
||||
|
||||
### Data grouping method
|
||||
|
||||
Netdata supports **average** (the default), **sum** and **max** grouping
|
||||
methods. The grouping method is used when the Netdata server is requested to
|
||||
return fewer points for a time-frame, compared to the number of points
|
||||
available.
|
||||
|
||||
You can give it per chart, using:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-method="max"
|
||||
></div>
|
||||
```
|
||||
|
||||
### Changing rates
|
||||
|
||||
Netdata can change the rate of charts on the fly. So a charts that shows values
|
||||
**per second** can be turned to **per minute** (or any other, e.g. **per 10
|
||||
seconds**), with this:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-method="average"
|
||||
data-gtime="60"
|
||||
data-units="per minute"
|
||||
></div>
|
||||
```
|
||||
|
||||
The above will provide the average rate per minute (60 seconds). Use 60 for
|
||||
`/minute`, 3600 for `/hour`, 86400 for `/day` (provided you have that many
|
||||
data).
|
||||
|
||||
- The `data-gtime` setting does not change the units of the chart. You have to
|
||||
change them yourself with `data-units`.
|
||||
- This works only for `data-method="average"`.
|
||||
- Netdata may aggregate multiple points to satisfy the `data-points` setting.
|
||||
For example, you request `per minute` but the requested number of points to
|
||||
be returned are not enough to report every single minute. In this case
|
||||
Netdata will sum the `per second` raw data of the database to find the `per
|
||||
minute` for every single minute and then **average** them to find the
|
||||
**average per minute rate of every X minutes**. So, it works as if the data
|
||||
collection frequency was per minute.
|
||||
|
||||
### Selecting dimensions
|
||||
|
||||
By default, `dashboard.js` will show all the dimensions of the chart. You can
|
||||
select specific dimensions using this:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-dimensions="dimension1,dimension2,dimension3,..."
|
||||
></div>
|
||||
```
|
||||
|
||||
Netdata supports coma (`,`) or pipe (`|`) separated [simple
|
||||
patterns](/src/libnetdata/simple_pattern/README.md) for dimensions. By default it
|
||||
searches for both dimension IDs and dimension NAMEs. You can control the target
|
||||
of the match with: `data-append-options="match-ids"` or
|
||||
`data-append-options="match-names"`. Spaces in `data-dimensions=""` are matched
|
||||
in the dimension names and IDs.
|
||||
|
||||
### Chart title
|
||||
|
||||
You can overwrite the title of the chart using this:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-title="my super chart"
|
||||
></div>
|
||||
```
|
||||
|
||||
### Chart units
|
||||
|
||||
You can overwrite the units of measurement of the dimensions of the chart, using
|
||||
this:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-units="words/second"
|
||||
></div>
|
||||
```
|
||||
|
||||
### Chart colors
|
||||
|
||||
`dashboard.js` has an internal palette of colors for the dimensions of the
|
||||
charts. You can prepend colors to it (so that your will be used first) using
|
||||
this:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-colors="#AABBCC #DDEEFF ..."
|
||||
></div>
|
||||
```
|
||||
|
||||
### Extracting dimension values
|
||||
|
||||
`dashboard.js` can update the selected values of the chart at elements you
|
||||
specify. For example, let's assume we have a chart that measures the bandwidth
|
||||
of eth0, with 2 dimensions `in` and `out`. You can use this:
|
||||
|
||||
```html
|
||||
<div data-netdata="net.eth0"
|
||||
data-show-value-of-in-at="eth0_in_value"
|
||||
data-show-value-of-out-at="eth0_out_value"
|
||||
></div>
|
||||
|
||||
My eth0 interface, is receiving <span id="eth0_in_value"></span>
|
||||
and transmitting <span id="eth0_out_value"></span>.
|
||||
```
|
||||
|
||||
### Hiding the legend of a chart
|
||||
|
||||
On charts that by default have a legend managed by `dashboard.js` you can remove
|
||||
it, using this:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-legend="no"
|
||||
></div>
|
||||
```
|
||||
|
||||
### API options
|
||||
|
||||
You can append Netdata **[REST API v1](/src/web/api/README.md)** data options, using this:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-append-options="absolute,percentage"
|
||||
></div>
|
||||
```
|
||||
|
||||
A few useful options are:
|
||||
|
||||
- `absolute` to show all values are absolute (i.e. turn negative dimensions to
|
||||
positive)
|
||||
- `percentage` to express the values as a percentage of the chart total (so,
|
||||
the values of the dimensions are added, and the sum of them if expressed as
|
||||
a percentage of the sum of all dimensions)
|
||||
- `unaligned` to prevent Netdata from aligning the charts (e.g. when
|
||||
requesting 60 seconds aggregation per point, Netdata returns chart data
|
||||
aligned to XX:XX:00 to XX:XX:59 - similarly for hours, days, etc - the
|
||||
`unaligned` option disables this feature)
|
||||
- `match-ids` or `match-names` is used to control what `data-dimensions=` will
|
||||
match.
|
||||
|
||||
### Chart library performance
|
||||
|
||||
`dashboard.js` measures the performance of the chart library when it renders the
|
||||
charts. You can specify an element ID you want this information to be
|
||||
visualized, using this:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-dt-element-name="measurement1"
|
||||
></div>
|
||||
|
||||
refreshed in <span id="measurement1"></span> milliseconds!
|
||||
```
|
||||
|
||||
### Syncing charts y-range
|
||||
|
||||
If you give the same `data-common-max="NAME"` to 2+ charts, then all of them
|
||||
will share the same max value of their y-range. If one spikes, all of them will
|
||||
be aligned to have the same scale. This is done for the cpu interrupts and and
|
||||
cpu softnet charts at the dashboard and also for the `gauge` and `easypiecharts`
|
||||
of the Netdata home page.
|
||||
|
||||
```html
|
||||
<div data-netdata="chart1"
|
||||
data-common-max="chart-group-1"
|
||||
></div>
|
||||
|
||||
<div data-netdata="chart2"
|
||||
data-common-max="chart-group-1"
|
||||
></div>
|
||||
```
|
||||
|
||||
The same functionality exists for `data-common-min`.
|
||||
|
||||
### Syncing chart units
|
||||
|
||||
Netdata dashboards support auto-scaling of units. So, `MB` can become `KB`,
|
||||
`GB`, etc dynamically, based on the value to be shown.
|
||||
|
||||
Giving the same `NAME` with `data-common-units= "NAME"`, 2+ charts can be forced
|
||||
to always have the same units.
|
||||
|
||||
```html
|
||||
<div data-netdata="chart1"
|
||||
data-common-units="chart-group-1"
|
||||
></div>
|
||||
|
||||
<div data-netdata="chart2"
|
||||
data-common-units="chart-group-1"
|
||||
></div>
|
||||
```
|
||||
|
||||
### Setting desired units
|
||||
|
||||
Charts can be scaled to specific units with `data-desired-units=" UNITS"`. If
|
||||
the dashboard can convert the units to the desired one, it will do.
|
||||
|
||||
```html
|
||||
<div data-netdata="chart1"
|
||||
data-desired-units="GB"
|
||||
></div>
|
||||
```
|
||||
|
||||
## Chart library settings
|
||||
|
||||
### Dygraph
|
||||
|
||||
You can set the min and max values of the y-axis using
|
||||
`data-dygraph-valuerange=" [MIN, MAX] "`.
|
||||
|
||||
### EasyPieChart
|
||||
|
||||
#### Value range
|
||||
|
||||
You can set the max value of the chart using the following snippet:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-chart-library="easypiechart"
|
||||
data-easypiechart-max-value="40"
|
||||
></div>
|
||||
```
|
||||
|
||||
Be aware that values that exceed the max value will get expanded (e.g. "41" is
|
||||
still 100%). Similar for the minimum:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-chart-library="easypiechart"
|
||||
data-easypiechart-min-value="20"
|
||||
></div>
|
||||
```
|
||||
|
||||
If you specify both minimum and maximum, the rendering behavior changes. Instead
|
||||
of displaying the `value` based from zero, it is now based on the range that is
|
||||
provided by the snippet:
|
||||
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-chart-library="easypiechart"
|
||||
data-easypiechart-min-value="20"
|
||||
data-easypiechart-max-value="40"
|
||||
></div>
|
||||
```
|
||||
|
||||
In the first example, a value of `30`, without specifying the minimum, fills the chart bar to '75 %` (100% / 40 * 30). However, in this example the range is now `20` (40 - 20 = 20). The value `30` will fill the chart to ** '50 %`**, since it's in the middle between 20 and 40.
|
||||
|
||||
This scenario is useful if you have metrics that change only within a specific range, e.g. temperatures that are very unlikely to fall out of range. In these cases it is more useful to have the chart render the values between the given min and max, to better highlight the changes within them.
|
||||
|
||||
#### Negative values
|
||||
|
||||
EasyPieCharts can render negative values with the following flag:
|
||||
```html
|
||||
<div data-netdata="unique.id"
|
||||
data-chart-library="easypiechart"
|
||||
data-override-options="signed"
|
||||
></div>
|
||||
```
|
||||
Negative values are rendered counter-clockwise.
|
||||
|
||||
#### Full example with EasyPieChart
|
||||
|
||||
This is a chart that displays the hotwater temperature in the given range of 40
|
||||
to 50.
|
||||
```html
|
||||
<div data-netdata="acme_system.hotwater.hotwatertemp"
|
||||
data-title="Hot Water Temperature"
|
||||
data-decimal-digits="1"
|
||||
data-chart-library="easypiechart"
|
||||
data-colors="#FE3912"
|
||||
data-width="55%"
|
||||
data-height="50%"
|
||||
data-points="1200"
|
||||
data-after="-1200"
|
||||
data-dimensions="actual"
|
||||
data-units="°C"
|
||||
data-easypiechart-max-value="50"
|
||||
data-easypiechart-min-value="40"
|
||||
data-common-max="netdata-hotwater-max"
|
||||
data-common-min="netdata-hotwater-min"
|
||||
></div>
|
||||
```
|
||||
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,62 +0,0 @@
|
|||
// SPDX-License-Identifier: GPL-3.0-or-later
|
||||
/*
|
||||
* Custom netdata information file
|
||||
* -------------------------------
|
||||
*
|
||||
* Use this file to add custom information on netdata dashboards:
|
||||
*
|
||||
* 1. Copy it to a new filename (so that it will not be overwritten with netdata updates)
|
||||
* 2. Edit it to fit your needs
|
||||
* 3. Set the following option to /etc/netdata/netdata.conf :
|
||||
*
|
||||
* [web]
|
||||
* custom dashboard_info.js = your_filename.js
|
||||
*
|
||||
* Using this file you can:
|
||||
*
|
||||
* 1. Overwrite or add messages to menus, submenus and charts.
|
||||
* Use dashboard_info.js to find out what you can define.
|
||||
*
|
||||
* 2. Inject javascript code into the default netdata dashboard.
|
||||
*
|
||||
*/
|
||||
|
||||
// Codacy declarations
|
||||
/* global customDashboard */
|
||||
|
||||
// ----------------------------------------------------------------------------
|
||||
// MENU
|
||||
//
|
||||
// - title the menu title as to be rendered at the charts menu
|
||||
// - icon html fragment of the icon to display
|
||||
// - info html fragment for the description above all the menu charts
|
||||
|
||||
customDashboard.menu = {
|
||||
|
||||
};
|
||||
|
||||
|
||||
// ----------------------------------------------------------------------------
|
||||
// SUBMENU
|
||||
//
|
||||
// - title the submenu title as to be rendered at the charts menu
|
||||
// - info html fragment for the description above all the submenu charts
|
||||
|
||||
customDashboard.submenu = {
|
||||
|
||||
};
|
||||
|
||||
|
||||
// ----------------------------------------------------------------------------
|
||||
// CONTEXT (the template each chart is based on)
|
||||
//
|
||||
// - info html fragment for the description above the chart
|
||||
// - height a ratio to the default as a decimal number: 1.0 = 100%
|
||||
// - colors a single color or an array of colors to use for the dimensions
|
||||
// - valuerange the y-range of the chart as an array [min, max]
|
||||
// - heads an array of gauge charts to render above the submenu section
|
||||
// - mainheads an array of gauge charts to render at the menu section
|
||||
|
||||
customDashboard.context = {
|
||||
|
||||
};
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
set(DASHBOARD_JS_FILES src/web/gui/src/dashboard.js/prologue.js.inc
|
||||
src/web/gui/src/dashboard.js/utils.js
|
||||
src/web/gui/src/dashboard.js/server-detection.js
|
||||
src/web/gui/src/dashboard.js/dependencies.js
|
||||
src/web/gui/src/dashboard.js/error-handling.js
|
||||
src/web/gui/src/dashboard.js/compatibility.js
|
||||
src/web/gui/src/dashboard.js/xss.js
|
||||
src/web/gui/src/dashboard.js/colors.js
|
||||
src/web/gui/src/dashboard.js/units-conversion.js
|
||||
src/web/gui/src/dashboard.js/options.js
|
||||
src/web/gui/src/dashboard.js/localstorage.js
|
||||
src/web/gui/src/dashboard.js/timeout.js
|
||||
src/web/gui/src/dashboard.js/themes.js
|
||||
src/web/gui/src/dashboard.js/charting/dygraph.js
|
||||
src/web/gui/src/dashboard.js/charting/sparkline.js
|
||||
src/web/gui/src/dashboard.js/charting/google-charts.js
|
||||
src/web/gui/src/dashboard.js/charting/gauge.js
|
||||
src/web/gui/src/dashboard.js/charting/easy-pie-chart.js
|
||||
src/web/gui/src/dashboard.js/charting/d3pie.js
|
||||
src/web/gui/src/dashboard.js/charting/d3.js
|
||||
src/web/gui/src/dashboard.js/charting/peity.js
|
||||
src/web/gui/src/dashboard.js/charting/textonly.js
|
||||
src/web/gui/src/dashboard.js/charting.js
|
||||
src/web/gui/src/dashboard.js/chart-registry.js
|
||||
src/web/gui/src/dashboard.js/common.js
|
||||
src/web/gui/src/dashboard.js/main.js
|
||||
src/web/gui/src/dashboard.js/alarms.js
|
||||
src/web/gui/src/dashboard.js/registry.js
|
||||
src/web/gui/src/dashboard.js/boot.js
|
||||
src/web/gui/src/dashboard.js/epilogue.js.inc)
|
||||
|
|
@ -1,764 +0,0 @@
|
|||
/* force the vertical window scrollbar */
|
||||
html {
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
/* prevent body from hiding under the navbar */
|
||||
body {
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.loadOverlay {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2000;
|
||||
font-size: 10vh;
|
||||
font-family: sans-serif;
|
||||
padding: 40vh 0 40vh 0;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.navbar-highlight {
|
||||
display: none;
|
||||
position: fixed;
|
||||
margin-top: 5px;
|
||||
height: 26px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
z-index: 30;
|
||||
pointer-events: none !important;
|
||||
}
|
||||
|
||||
.navbar-highlight-content {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0 auto;
|
||||
height: 26px;
|
||||
min-width: 500px;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
border-radius: 10px;
|
||||
color: lightgrey;
|
||||
pointer-events: auto !important;
|
||||
}
|
||||
|
||||
.navbar-highlight-bar {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.navbar-highlight-button-right {
|
||||
cursor: pointer;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.modal-wide .modal-dialog {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
/* fix # anchors scrolling under the navbar
|
||||
https://github.com/twbs/bootstrap/issues/1768#issuecomment-46519033
|
||||
*/
|
||||
h1 {
|
||||
position: relative;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
h2 {
|
||||
position: relative;
|
||||
z-index: -2;
|
||||
}
|
||||
|
||||
h1:before, h2:before {
|
||||
display: block;
|
||||
content: " ";
|
||||
margin-top: -70px;
|
||||
height: 70px;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.p {
|
||||
display: block;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.option-row,
|
||||
.option-control {
|
||||
vertical-align: top;
|
||||
padding: 10px;
|
||||
padding-top: 30px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
.option-info {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.dashboard-submenu-info {
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.dashboard-context-info {
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#masthead h1 {
|
||||
/*font-size: 30px;*/
|
||||
line-height: 1;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
#masthead .well {
|
||||
margin-top: 4%;
|
||||
}
|
||||
|
||||
/* fix the navbar shifting when a modal is open */
|
||||
/* https://github.com/twbs/bootstrap/issues/14040#issuecomment-159891033 */
|
||||
body.modal-open {
|
||||
width: 100% !important;
|
||||
padding-right: 0 !important;
|
||||
/* overflow-y: scroll !important; */
|
||||
/* position: fixed !important;*/
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* make accordion use the whole header bar for expand/collapse */
|
||||
.panel-title a {
|
||||
display: block;
|
||||
padding: 10px 15px;
|
||||
margin: -10px -15px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Side navigation
|
||||
*
|
||||
* Scrollspy and affixed enhanced navigation to highlight sections and secondary
|
||||
* sections of docs content.
|
||||
*/
|
||||
|
||||
.affix {
|
||||
position: static;
|
||||
top: 70px !important;
|
||||
/*width: 220px;*/
|
||||
}
|
||||
|
||||
.dashboard-sidebar {
|
||||
max-height: calc(100% - 70px) !important;
|
||||
overflow-y: auto;
|
||||
/*width: 220px !important;*/
|
||||
}
|
||||
|
||||
/* By default it's not affixed in mobile views, so undo that */
|
||||
.dashboard-sidebar.affix {
|
||||
position: static;
|
||||
}
|
||||
|
||||
/* First level of nav */
|
||||
.dashboard-sidenav {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
/* All levels of nav */
|
||||
.dashboard-sidebar .nav > li > a {
|
||||
display: block;
|
||||
padding: 4px 20px;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
color: #767676;
|
||||
}
|
||||
|
||||
.dashboard-sidebar .nav > li > a > .svg-inline--fa {
|
||||
width: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dashboard-sidebar .nav > li > a:hover,
|
||||
.dashboard-sidebar .nav > li > a:focus {
|
||||
padding-left: 19px;
|
||||
color: #563d7c;
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
border-left: 1px solid #563d7c;
|
||||
}
|
||||
|
||||
.dashboard-sidebar .nav > .active > a,
|
||||
.dashboard-sidebar .nav > .active:hover > a,
|
||||
.dashboard-sidebar .nav > .active:focus > a {
|
||||
padding-left: 18px;
|
||||
font-weight: bold;
|
||||
color: #563d7c;
|
||||
background-color: transparent;
|
||||
border-left: 2px solid #563d7c;
|
||||
}
|
||||
|
||||
/* Nav: second level (shown on .active) */
|
||||
.dashboard-sidebar .nav .nav {
|
||||
display: none; /* Hide by default, but at >768px, show it */
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.dashboard-sidebar .nav .nav > li > a {
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
padding-left: 30px;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.dashboard-sidebar .nav .nav > li > a:hover,
|
||||
.dashboard-sidebar .nav .nav > li > a:focus {
|
||||
padding-left: 29px;
|
||||
}
|
||||
|
||||
.dashboard-sidebar .nav .nav > .active > a,
|
||||
.dashboard-sidebar .nav .nav > .active:hover > a,
|
||||
.dashboard-sidebar .nav .nav > .active:focus > a {
|
||||
padding-left: 28px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
.dropdown-menu.columns-2 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.dropdown-menu li a {
|
||||
padding: 5px 15px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.dropdown-menu.multi-column {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.multi-column-dropdown {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.multi-column-dropdown li a {
|
||||
display: inline-block;
|
||||
clear: both;
|
||||
line-height: 1.428571429;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.multi-column-dropdown li a:hover {
|
||||
text-decoration: none;
|
||||
color: #f5f5f5;
|
||||
background-color: #262626;
|
||||
}
|
||||
|
||||
.scrollable-menu {
|
||||
height: auto;
|
||||
max-height: 80vh;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.scrollable-menu-50 {
|
||||
height: auto;
|
||||
max-height: 50vh;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/* Back to top (hidden on mobile) */
|
||||
.back-to-top,
|
||||
.dashboard-theme-toggle {
|
||||
display: none;
|
||||
padding: 4px 10px;
|
||||
margin-top: 10px;
|
||||
margin-left: 10px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.back-to-top:hover,
|
||||
.dashboard-theme-toggle:hover {
|
||||
color: #563d7c;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.dashboard-theme-toggle {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: calc(100% - 20px) !important;
|
||||
}
|
||||
|
||||
.charts-body {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sidebar-body {
|
||||
position: absolute;
|
||||
display: none;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.dashboard-section-container {
|
||||
display: block;
|
||||
width: 100%;
|
||||
page-break-before: auto;
|
||||
page-break-after: auto;
|
||||
page-break-inside: auto;
|
||||
}
|
||||
|
||||
.dashboard-print-row {
|
||||
display: block;
|
||||
width: 100%;
|
||||
page-break-before: auto;
|
||||
page-break-after: auto;
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
.netdata-chartblock-container {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* https://github.com/seiyria/bootstrap-slider/issues/746 */
|
||||
.tooltip {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.action-button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
color: gray;
|
||||
cursor: pointer;
|
||||
margin: 0 auto;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.ripple {
|
||||
position: relative;
|
||||
/*overflow: hidden;*/
|
||||
transform: translate3d(0, 0, 0)
|
||||
}
|
||||
|
||||
.ripple:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50%;
|
||||
transform: scale(18, 18); /* the size of the ripple */
|
||||
opacity: 0;
|
||||
transition: transform .5s, opacity 1s
|
||||
}
|
||||
|
||||
.ripple:active:after {
|
||||
transform: scale(0, 0);
|
||||
opacity: .2;
|
||||
transition: 0s
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
#alarms_log_table tbody tr {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#my-netdata-dropdown-content {
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
#my-netdata-dropdown-content a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#my-netdata-dropdown-content .info-item {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
padding-left: 14px;
|
||||
}
|
||||
|
||||
#my-netdata-dropdown-content .agent-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-height: 32px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
#my-netdata-dropdown-content .agent-item .__title {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#my-netdata-dropdown-content .agent-item:hover {
|
||||
background-color: #262626;
|
||||
}
|
||||
|
||||
#my-netdata-dropdown-content .agent-item a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#my-netdata-dropdown-content .agent-item > :first-child {
|
||||
width: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#my-netdata-dropdown-content .agent-item > :last-child {
|
||||
width: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#my-netdata-dropdown-content .agent-item :nth-child(2) {
|
||||
min-width: 420px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
.agent-item--separated {
|
||||
border-top: 1px solid #333;
|
||||
}
|
||||
|
||||
.agent-item--alternate a {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#my-netdata-dropdown-content .agent-alternate-urls.collapsed {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#my-netdata-dropdown-content hr {
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 0;
|
||||
border-top: 1px solid #333;
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
/* white theme overrides */
|
||||
|
||||
#my-netdata-dropdown-content.theme-white hr {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
#my-netdata-dropdown-content.theme-white .agent-item:hover {
|
||||
background-color: #e6e6e6;
|
||||
}
|
||||
|
||||
#my-netdata-dropdown-content.theme-white a {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
#my-netdata-dropdown-content.theme-white a:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#sign-in-iframe {
|
||||
background-color: #fff;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#cloud-menu {
|
||||
}
|
||||
|
||||
#cloud-menu.dropdown-menu > li > a {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#my-netdata-menu-filter-input {
|
||||
color: #fff;
|
||||
border: none;
|
||||
background-color: #4b4f55;
|
||||
width: 472px;
|
||||
margin: 5px 14px;
|
||||
margin-right: 0;
|
||||
padding: 2px 5px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#my-netdata-menu-filter-input::placeholder {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
#my-netdata-dropdown-content.theme-white #my-netdata-menu-filter-input {
|
||||
background-color: #e7e7e7;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.filter-control {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.filter-control .filter-control__clear {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
right: 19px;
|
||||
}
|
||||
|
||||
#myNetdataDropdownParent {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#hostname {
|
||||
font-size: 18px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 220px;
|
||||
}
|
||||
|
||||
#hostnametext {
|
||||
white-space: pre;
|
||||
float: left;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
max-width: 160px;
|
||||
}
|
||||
|
||||
.sign-in-btn {
|
||||
background-color: #1E2126;
|
||||
}
|
||||
|
||||
.sign-in-btn.theme-white {
|
||||
background-color: #e6e6e6;
|
||||
}
|
||||
|
||||
.sign-in-btn.theme-white span {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#sign-in-banner {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 9999;
|
||||
/* margin: 5px 0; */
|
||||
background-color: #1E2126;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#sign-in-banner.theme-white {
|
||||
background-color: #e6e6e6;
|
||||
}
|
||||
|
||||
#sign-in-banner .__link {
|
||||
color: #17CE8A;
|
||||
}
|
||||
|
||||
#sign-in-banner .__link:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#sign-in-banner .__close {
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#sign-in-banner .__close .fa-times {
|
||||
margin-left: 5px;
|
||||
color: #17CE8A;
|
||||
}
|
||||
|
||||
.beta {
|
||||
color:#FFCC00;
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 1400px) {
|
||||
#hostname {
|
||||
max-width: 600px !important;
|
||||
}
|
||||
|
||||
#hostnametext {
|
||||
max-width: 540px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1360px) {
|
||||
.container {
|
||||
padding-left: 3% !important;
|
||||
}
|
||||
|
||||
#hostname {
|
||||
max-width: 280px !important;
|
||||
}
|
||||
|
||||
#hostnametext {
|
||||
max-width: 220px !important;
|
||||
}
|
||||
|
||||
.charts-body {
|
||||
width: calc(100% - 263px) !important;
|
||||
padding-left: 1% !important;
|
||||
padding-right: 2% !important;
|
||||
}
|
||||
|
||||
.sidebar-body {
|
||||
display: inline-block !important;
|
||||
width: 263px !important;
|
||||
}
|
||||
|
||||
/* Widen the fixed sidebar again */
|
||||
.dashboard-sidebar.affix,
|
||||
.dashboard-sidebar.affix-top,
|
||||
.dashboard-sidebar.affix-bottom {
|
||||
width: 263px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
#hostname {
|
||||
max-width: 100px;
|
||||
}
|
||||
|
||||
#hostnametext {
|
||||
max-width: 40px;
|
||||
}
|
||||
.container {
|
||||
padding-left: 2% !important;
|
||||
}
|
||||
|
||||
|
||||
.charts-body {
|
||||
width: calc(100% - 233px) !important;
|
||||
padding-left: 1% !important;
|
||||
padding-right: 1% !important;
|
||||
}
|
||||
|
||||
.sidebar-body {
|
||||
display: inline-block !important;
|
||||
width: 233px !important;
|
||||
}
|
||||
|
||||
/* Widen the fixed sidebar again */
|
||||
.dashboard-sidebar.affix,
|
||||
.dashboard-sidebar.affix-top,
|
||||
.dashboard-sidebar.affix-bottom {
|
||||
width: 233px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.container {
|
||||
padding-left: 0% !important;
|
||||
}
|
||||
|
||||
.charts-body {
|
||||
width: calc(100% - 213px) !important;
|
||||
padding-left: 1% !important;
|
||||
padding-right: 0% !important;
|
||||
}
|
||||
|
||||
.sidebar-body {
|
||||
display: inline-block !important;
|
||||
width: 213px !important;
|
||||
}
|
||||
|
||||
.dashboard-sidebar .nav > .active > ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Widen the fixed sidebar */
|
||||
.dashboard-sidebar.affix,
|
||||
.dashboard-sidebar.affix-top,
|
||||
.dashboard-sidebar.affix-bottom {
|
||||
width: 213px !important;
|
||||
}
|
||||
|
||||
.dashboard-sidebar.affix {
|
||||
position: fixed; /* Undo the static from mobile first approach */
|
||||
top: 20px;
|
||||
}
|
||||
|
||||
.dashboard-sidebar.affix-bottom {
|
||||
position: absolute; /* Undo the static from mobile first approach */
|
||||
}
|
||||
|
||||
.dashboard-sidebar.affix-bottom .dashboard-sidenav,
|
||||
.dashboard-sidebar.affix .dashboard-sidenav {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 860px) {
|
||||
.dashboard-sidebar {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.dashboard-sidebar {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.charts-body {
|
||||
padding-left: 0%;
|
||||
padding-right: 0%;
|
||||
}
|
||||
|
||||
.back-to-top,
|
||||
.dashboard-theme-toggle {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
body {
|
||||
overflow: visible !important;
|
||||
-webkit-print-color-adjust: exact;
|
||||
page-break-inside: auto;
|
||||
page-break-before: auto;
|
||||
page-break-after: auto;
|
||||
}
|
||||
|
||||
.dashboard-section {
|
||||
page-break-inside: auto;
|
||||
page-break-before: auto;
|
||||
page-break-after: auto;
|
||||
}
|
||||
|
||||
.dashboard-subsection {
|
||||
page-break-before: avoid;
|
||||
page-break-after: auto;
|
||||
page-break-inside: auto;
|
||||
}
|
||||
|
||||
.charts-body {
|
||||
padding-left: 0%;
|
||||
padding-right: 0%;
|
||||
display: block;
|
||||
page-break-inside: auto;
|
||||
page-break-before: auto;
|
||||
page-break-after: auto;
|
||||
}
|
||||
|
||||
.back-to-top,
|
||||
.dashboard-theme-toggle {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
5161
src/web/gui/main.js
5161
src/web/gui/main.js
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
|
|
@ -1,422 +0,0 @@
|
|||
|
||||
// Registry of netdata hosts
|
||||
|
||||
NETDATA.alarms = {
|
||||
onclick: null, // the callback to handle the click - it will be called with the alarm log entry
|
||||
chart_div_offset: -50, // give that space above the chart when scrolling to it
|
||||
chart_div_id_prefix: 'chart_', // the chart DIV IDs have this prefix (they should be NETDATA.name2id(chart.id))
|
||||
chart_div_animation_duration: 0,// the duration of the animation while scrolling to a chart
|
||||
|
||||
ms_penalty: 0, // the time penalty of the next alarm
|
||||
ms_between_notifications: 500, // firefox moves the alarms off-screen (above, outside the top of the screen)
|
||||
// if alarms are shown faster than: one per 500ms
|
||||
|
||||
update_every: 10000, // the time in ms between alarm checks
|
||||
|
||||
notifications: false, // when true, the browser supports notifications (may not be granted though)
|
||||
last_notification_id: 0, // the id of the last alarm_log we have raised an alarm for
|
||||
first_notification_id: 0, // the id of the first alarm_log entry for this session
|
||||
// this is used to prevent CLEAR notifications for past events
|
||||
// notifications_shown: [],
|
||||
|
||||
server: null, // the server to connect to for fetching alarms
|
||||
current: null, // the list of raised alarms - updated in the background
|
||||
|
||||
// a callback function to call every time the list of raised alarms is refreshed
|
||||
callback: (typeof netdataAlarmsActiveCallback === 'function') ? netdataAlarmsActiveCallback : null,
|
||||
|
||||
// a callback function to call every time a notification is shown
|
||||
// the return value is used to decide if the notification will be shown
|
||||
notificationCallback: (typeof netdataAlarmsNotifCallback === 'function') ? netdataAlarmsNotifCallback : null,
|
||||
|
||||
recipients: null, // the list (array) of recipients to show alarms for, or null
|
||||
|
||||
recipientMatches: function (to_string, wanted_array) {
|
||||
if (typeof wanted_array === 'undefined' || wanted_array === null || Array.isArray(wanted_array) === false) {
|
||||
return true;
|
||||
}
|
||||
|
||||
let r = ' ' + to_string.toString() + ' ';
|
||||
let len = wanted_array.length;
|
||||
while (len--) {
|
||||
if (r.indexOf(' ' + wanted_array[len] + ' ') >= 0) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
activeForRecipients: function () {
|
||||
let active = {};
|
||||
let data = NETDATA.alarms.current;
|
||||
|
||||
if (typeof data === 'undefined' || data === null) {
|
||||
return active;
|
||||
}
|
||||
|
||||
for (let x in data.alarms) {
|
||||
if (!data.alarms.hasOwnProperty(x)) {
|
||||
continue;
|
||||
}
|
||||
|
||||
let alarm = data.alarms[x];
|
||||
if ((alarm.status === 'WARNING' || alarm.status === 'CRITICAL') && NETDATA.alarms.recipientMatches(alarm.recipient, NETDATA.alarms.recipients)) {
|
||||
active[x] = alarm;
|
||||
}
|
||||
}
|
||||
|
||||
return active;
|
||||
},
|
||||
|
||||
notify: function (entry) {
|
||||
// console.log('alarm ' + entry.unique_id);
|
||||
|
||||
if (entry.updated) {
|
||||
// console.log('alarm ' + entry.unique_id + ' has been updated by another alarm');
|
||||
return;
|
||||
}
|
||||
|
||||
let value_string = entry.value_string;
|
||||
|
||||
if (NETDATA.alarms.current !== null) {
|
||||
// get the current value_string
|
||||
let t = NETDATA.alarms.current.alarms[entry.chart + '.' + entry.name];
|
||||
if (typeof t !== 'undefined' && entry.status === t.status && typeof t.value_string !== 'undefined') {
|
||||
value_string = t.value_string;
|
||||
}
|
||||
}
|
||||
|
||||
let name = entry.name.replace(/_/g, ' ');
|
||||
let status = entry.status.toLowerCase();
|
||||
let title = name + ' = ' + value_string.toString();
|
||||
let tag = entry.alarm_id;
|
||||
let icon = 'images/banner-icon-144x144.png';
|
||||
let interaction = false;
|
||||
let data = entry;
|
||||
let show = true;
|
||||
|
||||
// console.log('alarm ' + entry.unique_id + ' ' + entry.chart + '.' + entry.name + ' is ' + entry.status);
|
||||
|
||||
switch (entry.status) {
|
||||
case 'REMOVED':
|
||||
show = false;
|
||||
break;
|
||||
|
||||
case 'UNDEFINED':
|
||||
return;
|
||||
|
||||
case 'UNINITIALIZED':
|
||||
return;
|
||||
|
||||
case 'CLEAR':
|
||||
if (entry.unique_id < NETDATA.alarms.first_notification_id) {
|
||||
// console.log('alarm ' + entry.unique_id + ' is not current');
|
||||
return;
|
||||
}
|
||||
if (entry.old_status === 'UNINITIALIZED' || entry.old_status === 'UNDEFINED') {
|
||||
// console.log('alarm' + entry.unique_id + ' switch to CLEAR from ' + entry.old_status);
|
||||
return;
|
||||
}
|
||||
if (entry.no_clear_notification) {
|
||||
// console.log('alarm' + entry.unique_id + ' is CLEAR but has no_clear_notification flag');
|
||||
return;
|
||||
}
|
||||
title = name + ' back to normal (' + value_string.toString() + ')';
|
||||
icon = 'images/check-mark-2-128-green.png';
|
||||
interaction = false;
|
||||
break;
|
||||
|
||||
case 'WARNING':
|
||||
if (entry.old_status === 'CRITICAL') {
|
||||
status = 'demoted to ' + entry.status.toLowerCase();
|
||||
}
|
||||
|
||||
icon = 'images/alert-128-orange.png';
|
||||
interaction = false;
|
||||
break;
|
||||
|
||||
case 'CRITICAL':
|
||||
if (entry.old_status === 'WARNING') {
|
||||
status = 'escalated to ' + entry.status.toLowerCase();
|
||||
}
|
||||
|
||||
icon = 'images/alert-128-red.png';
|
||||
interaction = true;
|
||||
break;
|
||||
|
||||
default:
|
||||
console.log('invalid alarm status ' + entry.status);
|
||||
return;
|
||||
}
|
||||
|
||||
// filter recipients
|
||||
if (show) {
|
||||
show = NETDATA.alarms.recipientMatches(entry.recipient, NETDATA.alarms.recipients);
|
||||
}
|
||||
|
||||
/*
|
||||
// cleanup old notifications with the same alarm_id as this one
|
||||
// it does not seem to work on any web browser - so notifications cannot be removed
|
||||
|
||||
let len = NETDATA.alarms.notifications_shown.length;
|
||||
while (len--) {
|
||||
let n = NETDATA.alarms.notifications_shown[len];
|
||||
if (n.data.alarm_id === entry.alarm_id) {
|
||||
console.log('removing old alarm ' + n.data.unique_id);
|
||||
|
||||
// close the notification
|
||||
n.close.bind(n);
|
||||
|
||||
// remove it from the array
|
||||
NETDATA.alarms.notifications_shown.splice(len, 1);
|
||||
len = NETDATA.alarms.notifications_shown.length;
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
if (show) {
|
||||
if (typeof NETDATA.alarms.notificationCallback === 'function') {
|
||||
show = NETDATA.alarms.notificationCallback(entry);
|
||||
}
|
||||
|
||||
if (show) {
|
||||
setTimeout(function () {
|
||||
// show this notification
|
||||
// console.log('new notification: ' + title);
|
||||
let n = new Notification(title, {
|
||||
body: entry.hostname + ' - ' + entry.chart + ' (' + entry.family + ') - ' + status + ': ' + entry.info,
|
||||
tag: tag,
|
||||
requireInteraction: interaction,
|
||||
icon: NETDATA.serverStatic + icon,
|
||||
data: data
|
||||
});
|
||||
|
||||
n.onclick = function (event) {
|
||||
event.preventDefault();
|
||||
NETDATA.alarms.onclick(event.target.data);
|
||||
};
|
||||
|
||||
// console.log(n);
|
||||
// NETDATA.alarms.notifications_shown.push(n);
|
||||
// console.log(entry);
|
||||
}, NETDATA.alarms.ms_penalty);
|
||||
|
||||
NETDATA.alarms.ms_penalty += NETDATA.alarms.ms_between_notifications;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
scrollToChart: function (chart_id) {
|
||||
if (typeof chart_id === 'string') {
|
||||
let offset = $('#' + NETDATA.alarms.chart_div_id_prefix + NETDATA.name2id(chart_id)).offset();
|
||||
if (typeof offset !== 'undefined') {
|
||||
$('html, body').animate({scrollTop: offset.top + NETDATA.alarms.chart_div_offset}, NETDATA.alarms.chart_div_animation_duration);
|
||||
return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
},
|
||||
|
||||
scrollToAlarm: function (alarm) {
|
||||
if (typeof alarm === 'object') {
|
||||
let ret = NETDATA.alarms.scrollToChart(alarm.chart);
|
||||
|
||||
if (ret && NETDATA.options.page_is_visible === false) {
|
||||
window.focus();
|
||||
}
|
||||
// alert('netdata dashboard will now scroll to chart: ' + alarm.chart + '\n\nThis alarm opened to bring the browser window in front of the screen. Click on the dashboard to prevent it from appearing again.');
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
notifyAll: function () {
|
||||
// console.log('FETCHING ALARM LOG');
|
||||
NETDATA.alarms.get_log(NETDATA.alarms.last_notification_id, function (data) {
|
||||
// console.log('ALARM LOG FETCHED');
|
||||
|
||||
if (data === null || typeof data !== 'object') {
|
||||
console.log('invalid alarms log response');
|
||||
return;
|
||||
}
|
||||
|
||||
if (data.length === 0) {
|
||||
console.log('received empty alarm log');
|
||||
return;
|
||||
}
|
||||
|
||||
// console.log('received alarm log of ' + data.length + ' entries, from ' + data[data.length - 1].unique_id.toString() + ' to ' + data[0].unique_id.toString());
|
||||
|
||||
data.sort(function (a, b) {
|
||||
if (a.unique_id > b.unique_id) {
|
||||
return -1;
|
||||
}
|
||||
if (a.unique_id < b.unique_id) {
|
||||
return 1;
|
||||
}
|
||||
return 0;
|
||||
});
|
||||
|
||||
NETDATA.alarms.ms_penalty = 0;
|
||||
|
||||
let len = data.length;
|
||||
while (len--) {
|
||||
if (data[len].unique_id > NETDATA.alarms.last_notification_id) {
|
||||
NETDATA.alarms.notify(data[len]);
|
||||
}
|
||||
//else
|
||||
// console.log('ignoring alarm (older) with id ' + data[len].unique_id.toString());
|
||||
}
|
||||
|
||||
NETDATA.alarms.last_notification_id = data[0].unique_id;
|
||||
|
||||
if (typeof netdataAlarmsRemember === 'undefined' || netdataAlarmsRemember) {
|
||||
NETDATA.localStorageSet('last_notification_id', NETDATA.alarms.last_notification_id, null);
|
||||
}
|
||||
// console.log('last notification id = ' + NETDATA.alarms.last_notification_id);
|
||||
})
|
||||
},
|
||||
|
||||
check_notifications: function () {
|
||||
// returns true if we should fire 1+ notifications
|
||||
|
||||
if (NETDATA.alarms.notifications !== true) {
|
||||
// console.log('web notifications are not available');
|
||||
return false;
|
||||
}
|
||||
|
||||
if (Notification.permission !== 'granted') {
|
||||
// console.log('web notifications are not granted');
|
||||
return false;
|
||||
}
|
||||
|
||||
if (typeof NETDATA.alarms.current !== 'undefined' && typeof NETDATA.alarms.current.alarms === 'object') {
|
||||
// console.log('can do alarms: old id = ' + NETDATA.alarms.last_notification_id + ' new id = ' + NETDATA.alarms.current.latest_alarm_log_unique_id);
|
||||
|
||||
if (NETDATA.alarms.current.latest_alarm_log_unique_id > NETDATA.alarms.last_notification_id) {
|
||||
// console.log('new alarms detected');
|
||||
return true;
|
||||
}
|
||||
//else console.log('no new alarms');
|
||||
}
|
||||
// else console.log('cannot process alarms');
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
get: function (what, callback) {
|
||||
$.ajax({
|
||||
url: NETDATA.alarms.server + '/api/v1/alarms?' + what.toString(),
|
||||
async: true,
|
||||
cache: false,
|
||||
headers: {
|
||||
'Cache-Control': 'no-cache, no-store',
|
||||
'Pragma': 'no-cache'
|
||||
},
|
||||
xhrFields: {withCredentials: true} // required for the cookie
|
||||
})
|
||||
.done(function (data) {
|
||||
data = NETDATA.xss.checkOptional('/api/v1/alarms', data /*, '.*\.(calc|calc_parsed|warn|warn_parsed|crit|crit_parsed)$' */);
|
||||
|
||||
if (NETDATA.alarms.first_notification_id === 0 && typeof data.latest_alarm_log_unique_id === 'number') {
|
||||
NETDATA.alarms.first_notification_id = data.latest_alarm_log_unique_id;
|
||||
}
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
return callback(data);
|
||||
}
|
||||
})
|
||||
.fail(function () {
|
||||
NETDATA.error(415, NETDATA.alarms.server);
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
return callback(null);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
update_forever: function () {
|
||||
if (netdataShowAlarms !== true || netdataSnapshotData !== null) {
|
||||
return;
|
||||
}
|
||||
|
||||
NETDATA.alarms.get('active', function (data) {
|
||||
if (data !== null) {
|
||||
NETDATA.alarms.current = data;
|
||||
|
||||
if (NETDATA.alarms.check_notifications()) {
|
||||
NETDATA.alarms.notifyAll();
|
||||
}
|
||||
|
||||
if (typeof NETDATA.alarms.callback === 'function') {
|
||||
NETDATA.alarms.callback(data);
|
||||
}
|
||||
|
||||
// Health monitoring is disabled on this netdata
|
||||
if (data.status === false) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
setTimeout(NETDATA.alarms.update_forever, NETDATA.alarms.update_every);
|
||||
});
|
||||
},
|
||||
|
||||
get_log: function (last_id, callback) {
|
||||
// console.log('fetching all log after ' + last_id.toString());
|
||||
$.ajax({
|
||||
url: NETDATA.alarms.server + '/api/v1/alarm_log?after=' + last_id.toString(),
|
||||
async: true,
|
||||
cache: false,
|
||||
headers: {
|
||||
'Cache-Control': 'no-cache, no-store',
|
||||
'Pragma': 'no-cache'
|
||||
},
|
||||
xhrFields: {withCredentials: true} // required for the cookie
|
||||
})
|
||||
.done(function (data) {
|
||||
data = NETDATA.xss.checkOptional('/api/v1/alarm_log', data);
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
return callback(data);
|
||||
}
|
||||
})
|
||||
.fail(function () {
|
||||
NETDATA.error(416, NETDATA.alarms.server);
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
return callback(null);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
init: function () {
|
||||
NETDATA.alarms.server = NETDATA.fixHost(NETDATA.serverDefault);
|
||||
|
||||
if (typeof netdataAlarmsRemember === 'undefined' || netdataAlarmsRemember) {
|
||||
NETDATA.alarms.last_notification_id =
|
||||
NETDATA.localStorageGet('last_notification_id', NETDATA.alarms.last_notification_id, null);
|
||||
}
|
||||
|
||||
if (NETDATA.alarms.onclick === null) {
|
||||
NETDATA.alarms.onclick = NETDATA.alarms.scrollToAlarm;
|
||||
}
|
||||
|
||||
if (typeof netdataAlarmsRecipients !== 'undefined' && Array.isArray(netdataAlarmsRecipients)) {
|
||||
NETDATA.alarms.recipients = netdataAlarmsRecipients;
|
||||
}
|
||||
|
||||
if (netdataShowAlarms) {
|
||||
NETDATA.alarms.update_forever();
|
||||
|
||||
if ('Notification' in window) {
|
||||
// console.log('notifications available');
|
||||
NETDATA.alarms.notifications = true;
|
||||
|
||||
if (Notification.permission === 'default') {
|
||||
Notification.requestPermission();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
@ -1,142 +0,0 @@
|
|||
|
||||
// Load required JS libraries and CSS
|
||||
|
||||
NETDATA.requiredJs = [
|
||||
{
|
||||
url: NETDATA.serverStatic + 'lib/bootstrap-3.3.7.min.js',
|
||||
async: false,
|
||||
isAlreadyLoaded: function () {
|
||||
// check if bootstrap is loaded
|
||||
if (typeof $().emulateTransitionEnd === 'function') {
|
||||
return true;
|
||||
} else {
|
||||
return typeof netdataNoBootstrap !== 'undefined' && netdataNoBootstrap;
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
url: NETDATA.serverStatic + 'lib/fontawesome-all-5.0.1.min.js',
|
||||
async: true,
|
||||
isAlreadyLoaded: function () {
|
||||
return typeof netdataNoFontAwesome !== 'undefined' && netdataNoFontAwesome;
|
||||
}
|
||||
},
|
||||
{
|
||||
url: NETDATA.serverStatic + 'lib/perfect-scrollbar-0.6.15.min.js',
|
||||
isAlreadyLoaded: function () {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
];
|
||||
|
||||
NETDATA.requiredCSS = [
|
||||
{
|
||||
url: NETDATA.themes.current.bootstrap_css,
|
||||
isAlreadyLoaded: function () {
|
||||
return typeof netdataNoBootstrap !== 'undefined' && netdataNoBootstrap;
|
||||
}
|
||||
},
|
||||
{
|
||||
url: NETDATA.themes.current.dashboard_css,
|
||||
isAlreadyLoaded: function () {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
];
|
||||
|
||||
NETDATA.loadedRequiredJs = 0;
|
||||
NETDATA.loadRequiredJs = function (index, callback) {
|
||||
if (index >= NETDATA.requiredJs.length) {
|
||||
if (typeof callback === 'function') {
|
||||
return callback();
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (NETDATA.requiredJs[index].isAlreadyLoaded()) {
|
||||
NETDATA.loadedRequiredJs++;
|
||||
NETDATA.loadRequiredJs(++index, callback);
|
||||
return;
|
||||
}
|
||||
|
||||
if (NETDATA.options.debug.main_loop) {
|
||||
console.log('loading ' + NETDATA.requiredJs[index].url);
|
||||
}
|
||||
|
||||
let async = true;
|
||||
if (typeof NETDATA.requiredJs[index].async !== 'undefined' && NETDATA.requiredJs[index].async === false) {
|
||||
async = false;
|
||||
}
|
||||
|
||||
$.ajax({
|
||||
url: NETDATA.requiredJs[index].url,
|
||||
cache: true,
|
||||
dataType: "script",
|
||||
xhrFields: {withCredentials: true} // required for the cookie
|
||||
})
|
||||
.done(function () {
|
||||
if (NETDATA.options.debug.main_loop) {
|
||||
console.log('loaded ' + NETDATA.requiredJs[index].url);
|
||||
}
|
||||
})
|
||||
.fail(function () {
|
||||
alert('Cannot load required JS library: ' + NETDATA.requiredJs[index].url);
|
||||
})
|
||||
.always(function () {
|
||||
NETDATA.loadedRequiredJs++;
|
||||
|
||||
// if (async === false)
|
||||
if (!async) {
|
||||
NETDATA.loadRequiredJs(++index, callback);
|
||||
}
|
||||
});
|
||||
|
||||
// if (async === true)
|
||||
if (async) {
|
||||
NETDATA.loadRequiredJs(++index, callback);
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.loadRequiredCSS = function (index) {
|
||||
if (index >= NETDATA.requiredCSS.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (NETDATA.requiredCSS[index].isAlreadyLoaded()) {
|
||||
NETDATA.loadRequiredCSS(++index);
|
||||
return;
|
||||
}
|
||||
|
||||
if (NETDATA.options.debug.main_loop) {
|
||||
console.log('loading ' + NETDATA.requiredCSS[index].url);
|
||||
}
|
||||
|
||||
NETDATA._loadCSS(NETDATA.requiredCSS[index].url);
|
||||
NETDATA.loadRequiredCSS(++index);
|
||||
};
|
||||
|
||||
// Boot it!
|
||||
|
||||
if (typeof netdataPrepCallback === 'function') {
|
||||
netdataPrepCallback();
|
||||
}
|
||||
|
||||
NETDATA.errorReset();
|
||||
NETDATA.loadRequiredCSS(0);
|
||||
|
||||
NETDATA._loadjQuery(function () {
|
||||
NETDATA.loadRequiredJs(0, function () {
|
||||
if (typeof $().emulateTransitionEnd !== 'function') {
|
||||
// bootstrap is not available
|
||||
NETDATA.options.current.show_help = false;
|
||||
}
|
||||
|
||||
if (typeof netdataDontStart === 'undefined' || !netdataDontStart) {
|
||||
if (NETDATA.options.debug.main_loop) {
|
||||
console.log('starting chart refresh thread');
|
||||
}
|
||||
|
||||
NETDATA.start();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
@ -1,94 +0,0 @@
|
|||
|
||||
// *** src/dashboard.js/chart-registry.js
|
||||
|
||||
// Chart Registry
|
||||
|
||||
// When multiple charts need the same chart, we avoid downloading it
|
||||
// multiple times (and having it in browser memory multiple time)
|
||||
// by using this registry.
|
||||
|
||||
// Every time we download a chart definition, we save it here with .add()
|
||||
// Then we try to get it back with .get(). If that fails, we download it.
|
||||
|
||||
NETDATA.fixHost = function (host) {
|
||||
while (host.slice(-1) === '/') {
|
||||
host = host.substring(0, host.length - 1);
|
||||
}
|
||||
|
||||
return host;
|
||||
};
|
||||
|
||||
NETDATA.chartRegistry = {
|
||||
charts: {},
|
||||
|
||||
globalReset: function () {
|
||||
this.charts = {};
|
||||
},
|
||||
|
||||
add: function (host, id, data) {
|
||||
if (typeof this.charts[host] === 'undefined') {
|
||||
this.charts[host] = {};
|
||||
}
|
||||
|
||||
//console.log('added ' + host + '/' + id);
|
||||
this.charts[host][id] = data;
|
||||
},
|
||||
|
||||
get: function (host, id) {
|
||||
if (typeof this.charts[host] === 'undefined') {
|
||||
return null;
|
||||
}
|
||||
|
||||
if (typeof this.charts[host][id] === 'undefined') {
|
||||
return null;
|
||||
}
|
||||
|
||||
//console.log('cached ' + host + '/' + id);
|
||||
return this.charts[host][id];
|
||||
},
|
||||
|
||||
downloadAll: function (host, callback) {
|
||||
host = NETDATA.fixHost(host);
|
||||
|
||||
let self = this;
|
||||
|
||||
function got_data(h, data, callback) {
|
||||
if (data !== null) {
|
||||
self.charts[h] = data.charts;
|
||||
|
||||
// update the server timezone in our options
|
||||
if (typeof data.timezone === 'string') {
|
||||
NETDATA.options.server_timezone = data.timezone;
|
||||
}
|
||||
} else {
|
||||
NETDATA.error(406, h + '/api/v1/charts');
|
||||
}
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
callback(data);
|
||||
}
|
||||
}
|
||||
|
||||
if (netdataSnapshotData !== null) {
|
||||
got_data(host, netdataSnapshotData.charts, callback);
|
||||
} else {
|
||||
$.ajax({
|
||||
url: host + '/api/v1/charts',
|
||||
async: true,
|
||||
cache: false,
|
||||
xhrFields: {withCredentials: true} // required for the cookie
|
||||
})
|
||||
.done(function (data) {
|
||||
data = NETDATA.xss.checkOptional('/api/v1/charts', data);
|
||||
got_data(host, data, callback);
|
||||
})
|
||||
.fail(function () {
|
||||
NETDATA.error(405, host + '/api/v1/charts');
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
callback(null);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
@ -1,492 +0,0 @@
|
|||
|
||||
// Charts Libraries Registration
|
||||
|
||||
NETDATA.chartLibraries = {
|
||||
"dygraph": {
|
||||
initialize: NETDATA.dygraphInitialize,
|
||||
create: NETDATA.dygraphChartCreate,
|
||||
update: NETDATA.dygraphChartUpdate,
|
||||
resize: function (state) {
|
||||
if (typeof state.tmp.dygraph_instance !== 'undefined' && typeof state.tmp.dygraph_instance.resize === 'function') {
|
||||
state.tmp.dygraph_instance.resize();
|
||||
}
|
||||
},
|
||||
setSelection: NETDATA.dygraphSetSelection,
|
||||
clearSelection: NETDATA.dygraphClearSelection,
|
||||
toolboxPanAndZoom: NETDATA.dygraphToolboxPanAndZoom,
|
||||
initialized: false,
|
||||
enabled: true,
|
||||
xssRegexIgnore: new RegExp('^/api/v1/data\.result.data$'),
|
||||
format: function (state) {
|
||||
void(state);
|
||||
return 'json';
|
||||
},
|
||||
options: function (state) {
|
||||
return 'ms' + '%7C' + 'flip' + (this.isLogScale(state) ? ('%7C' + 'abs') : '').toString();
|
||||
},
|
||||
legend: function (state) {
|
||||
return (this.isSparkline(state) === false && NETDATA.dataAttributeBoolean(state.element, 'legend', true) === true) ? 'right-side' : null;
|
||||
},
|
||||
autoresize: function (state) {
|
||||
void(state);
|
||||
return true;
|
||||
},
|
||||
max_updates_to_recreate: function (state) {
|
||||
void(state);
|
||||
return 5000;
|
||||
},
|
||||
track_colors: function (state) {
|
||||
void(state);
|
||||
return true;
|
||||
},
|
||||
pixels_per_point: function (state) {
|
||||
return (this.isSparkline(state) === false) ? 3 : 2;
|
||||
},
|
||||
isSparkline: function (state) {
|
||||
if (typeof state.tmp.dygraph_sparkline === 'undefined') {
|
||||
state.tmp.dygraph_sparkline = (this.theme(state) === 'sparkline');
|
||||
}
|
||||
return state.tmp.dygraph_sparkline;
|
||||
},
|
||||
isLogScale: function (state) {
|
||||
if (typeof state.tmp.dygraph_logscale === 'undefined') {
|
||||
state.tmp.dygraph_logscale = (this.theme(state) === 'logscale');
|
||||
}
|
||||
return state.tmp.dygraph_logscale;
|
||||
},
|
||||
theme: function (state) {
|
||||
if (typeof state.tmp.dygraph_theme === 'undefined') {
|
||||
state.tmp.dygraph_theme = NETDATA.dataAttribute(state.element, 'dygraph-theme', 'default');
|
||||
}
|
||||
return state.tmp.dygraph_theme;
|
||||
},
|
||||
container_class: function (state) {
|
||||
if (this.legend(state) !== null) {
|
||||
return 'netdata-container-with-legend';
|
||||
}
|
||||
return 'netdata-container';
|
||||
}
|
||||
},
|
||||
"sparkline": {
|
||||
initialize: NETDATA.sparklineInitialize,
|
||||
create: NETDATA.sparklineChartCreate,
|
||||
update: NETDATA.sparklineChartUpdate,
|
||||
resize: null,
|
||||
setSelection: undefined, // function(state, t) { void(state); return true; },
|
||||
clearSelection: undefined, // function(state) { void(state); return true; },
|
||||
toolboxPanAndZoom: null,
|
||||
initialized: false,
|
||||
enabled: true,
|
||||
xssRegexIgnore: new RegExp('^/api/v1/data\.result$'),
|
||||
format: function (state) {
|
||||
void(state);
|
||||
return 'array';
|
||||
},
|
||||
options: function (state) {
|
||||
void(state);
|
||||
return 'flip' + '%7C' + 'abs';
|
||||
},
|
||||
legend: function (state) {
|
||||
void(state);
|
||||
return null;
|
||||
},
|
||||
autoresize: function (state) {
|
||||
void(state);
|
||||
return false;
|
||||
},
|
||||
max_updates_to_recreate: function (state) {
|
||||
void(state);
|
||||
return 5000;
|
||||
},
|
||||
track_colors: function (state) {
|
||||
void(state);
|
||||
return false;
|
||||
},
|
||||
pixels_per_point: function (state) {
|
||||
void(state);
|
||||
return 3;
|
||||
},
|
||||
container_class: function (state) {
|
||||
void(state);
|
||||
return 'netdata-container';
|
||||
}
|
||||
},
|
||||
"peity": {
|
||||
initialize: NETDATA.peityInitialize,
|
||||
create: NETDATA.peityChartCreate,
|
||||
update: NETDATA.peityChartUpdate,
|
||||
resize: null,
|
||||
setSelection: undefined, // function(state, t) { void(state); return true; },
|
||||
clearSelection: undefined, // function(state) { void(state); return true; },
|
||||
toolboxPanAndZoom: null,
|
||||
initialized: false,
|
||||
enabled: true,
|
||||
xssRegexIgnore: new RegExp('^/api/v1/data\.result$'),
|
||||
format: function (state) {
|
||||
void(state);
|
||||
return 'ssvcomma';
|
||||
},
|
||||
options: function (state) {
|
||||
void(state);
|
||||
return 'null2zero' + '%7C' + 'flip' + '%7C' + 'abs';
|
||||
},
|
||||
legend: function (state) {
|
||||
void(state);
|
||||
return null;
|
||||
},
|
||||
autoresize: function (state) {
|
||||
void(state);
|
||||
return false;
|
||||
},
|
||||
max_updates_to_recreate: function (state) {
|
||||
void(state);
|
||||
return 5000;
|
||||
},
|
||||
track_colors: function (state) {
|
||||
void(state);
|
||||
return false;
|
||||
},
|
||||
pixels_per_point: function (state) {
|
||||
void(state);
|
||||
return 3;
|
||||
},
|
||||
container_class: function (state) {
|
||||
void(state);
|
||||
return 'netdata-container';
|
||||
}
|
||||
},
|
||||
// "morris": {
|
||||
// initialize: NETDATA.morrisInitialize,
|
||||
// create: NETDATA.morrisChartCreate,
|
||||
// update: NETDATA.morrisChartUpdate,
|
||||
// resize: null,
|
||||
// setSelection: undefined, // function(state, t) { void(state); return true; },
|
||||
// clearSelection: undefined, // function(state) { void(state); return true; },
|
||||
// toolboxPanAndZoom: null,
|
||||
// initialized: false,
|
||||
// enabled: true,
|
||||
// xssRegexIgnore: new RegExp('^/api/v1/data\.result.data$'),
|
||||
// format: function(state) { void(state); return 'json'; },
|
||||
// options: function(state) { void(state); return 'objectrows' + '%7C' + 'ms'; },
|
||||
// legend: function(state) { void(state); return null; },
|
||||
// autoresize: function(state) { void(state); return false; },
|
||||
// max_updates_to_recreate: function(state) { void(state); return 50; },
|
||||
// track_colors: function(state) { void(state); return false; },
|
||||
// pixels_per_point: function(state) { void(state); return 15; },
|
||||
// container_class: function(state) { void(state); return 'netdata-container'; }
|
||||
// },
|
||||
"google": {
|
||||
initialize: NETDATA.googleInitialize,
|
||||
create: NETDATA.googleChartCreate,
|
||||
update: NETDATA.googleChartUpdate,
|
||||
resize: null,
|
||||
setSelection: undefined, //function(state, t) { void(state); return true; },
|
||||
clearSelection: undefined, //function(state) { void(state); return true; },
|
||||
toolboxPanAndZoom: null,
|
||||
initialized: false,
|
||||
enabled: true,
|
||||
xssRegexIgnore: new RegExp('^/api/v1/data\.result.rows$'),
|
||||
format: function (state) {
|
||||
void(state);
|
||||
return 'datatable';
|
||||
},
|
||||
options: function (state) {
|
||||
void(state);
|
||||
return '';
|
||||
},
|
||||
legend: function (state) {
|
||||
void(state);
|
||||
return null;
|
||||
},
|
||||
autoresize: function (state) {
|
||||
void(state);
|
||||
return false;
|
||||
},
|
||||
max_updates_to_recreate: function (state) {
|
||||
void(state);
|
||||
return 300;
|
||||
},
|
||||
track_colors: function (state) {
|
||||
void(state);
|
||||
return false;
|
||||
},
|
||||
pixels_per_point: function (state) {
|
||||
void(state);
|
||||
return 4;
|
||||
},
|
||||
container_class: function (state) {
|
||||
void(state);
|
||||
return 'netdata-container';
|
||||
}
|
||||
},
|
||||
// "raphael": {
|
||||
// initialize: NETDATA.raphaelInitialize,
|
||||
// create: NETDATA.raphaelChartCreate,
|
||||
// update: NETDATA.raphaelChartUpdate,
|
||||
// resize: null,
|
||||
// setSelection: undefined, // function(state, t) { void(state); return true; },
|
||||
// clearSelection: undefined, // function(state) { void(state); return true; },
|
||||
// toolboxPanAndZoom: null,
|
||||
// initialized: false,
|
||||
// enabled: true,
|
||||
// xssRegexIgnore: new RegExp('^/api/v1/data\.result.data$'),
|
||||
// format: function(state) { void(state); return 'json'; },
|
||||
// options: function(state) { void(state); return ''; },
|
||||
// legend: function(state) { void(state); return null; },
|
||||
// autoresize: function(state) { void(state); return false; },
|
||||
// max_updates_to_recreate: function(state) { void(state); return 5000; },
|
||||
// track_colors: function(state) { void(state); return false; },
|
||||
// pixels_per_point: function(state) { void(state); return 3; },
|
||||
// container_class: function(state) { void(state); return 'netdata-container'; }
|
||||
// },
|
||||
// "c3": {
|
||||
// initialize: NETDATA.c3Initialize,
|
||||
// create: NETDATA.c3ChartCreate,
|
||||
// update: NETDATA.c3ChartUpdate,
|
||||
// resize: null,
|
||||
// setSelection: undefined, // function(state, t) { void(state); return true; },
|
||||
// clearSelection: undefined, // function(state) { void(state); return true; },
|
||||
// toolboxPanAndZoom: null,
|
||||
// initialized: false,
|
||||
// enabled: true,
|
||||
// xssRegexIgnore: new RegExp('^/api/v1/data\.result$'),
|
||||
// format: function(state) { void(state); return 'csvjsonarray'; },
|
||||
// options: function(state) { void(state); return 'milliseconds'; },
|
||||
// legend: function(state) { void(state); return null; },
|
||||
// autoresize: function(state) { void(state); return false; },
|
||||
// max_updates_to_recreate: function(state) { void(state); return 5000; },
|
||||
// track_colors: function(state) { void(state); return false; },
|
||||
// pixels_per_point: function(state) { void(state); return 15; },
|
||||
// container_class: function(state) { void(state); return 'netdata-container'; }
|
||||
// },
|
||||
"d3pie": {
|
||||
initialize: NETDATA.d3pieInitialize,
|
||||
create: NETDATA.d3pieChartCreate,
|
||||
update: NETDATA.d3pieChartUpdate,
|
||||
resize: null,
|
||||
setSelection: NETDATA.d3pieSetSelection,
|
||||
clearSelection: NETDATA.d3pieClearSelection,
|
||||
toolboxPanAndZoom: null,
|
||||
initialized: false,
|
||||
enabled: true,
|
||||
xssRegexIgnore: new RegExp('^/api/v1/data\.result.data$'),
|
||||
format: function (state) {
|
||||
void(state);
|
||||
return 'json';
|
||||
},
|
||||
options: function (state) {
|
||||
void(state);
|
||||
return 'objectrows' + '%7C' + 'ms';
|
||||
},
|
||||
legend: function (state) {
|
||||
void(state);
|
||||
return null;
|
||||
},
|
||||
autoresize: function (state) {
|
||||
void(state);
|
||||
return false;
|
||||
},
|
||||
max_updates_to_recreate: function (state) {
|
||||
void(state);
|
||||
return 5000;
|
||||
},
|
||||
track_colors: function (state) {
|
||||
void(state);
|
||||
return false;
|
||||
},
|
||||
pixels_per_point: function (state) {
|
||||
void(state);
|
||||
return 15;
|
||||
},
|
||||
container_class: function (state) {
|
||||
void(state);
|
||||
return 'netdata-container';
|
||||
}
|
||||
},
|
||||
"d3": {
|
||||
initialize: NETDATA.d3Initialize,
|
||||
create: NETDATA.d3ChartCreate,
|
||||
update: NETDATA.d3ChartUpdate,
|
||||
resize: null,
|
||||
setSelection: undefined, // function(state, t) { void(state); return true; },
|
||||
clearSelection: undefined, // function(state) { void(state); return true; },
|
||||
toolboxPanAndZoom: null,
|
||||
initialized: false,
|
||||
enabled: true,
|
||||
xssRegexIgnore: new RegExp('^/api/v1/data\.result.data$'),
|
||||
format: function (state) {
|
||||
void(state);
|
||||
return 'json';
|
||||
},
|
||||
options: function (state) {
|
||||
void(state);
|
||||
return '';
|
||||
},
|
||||
legend: function (state) {
|
||||
void(state);
|
||||
return null;
|
||||
},
|
||||
autoresize: function (state) {
|
||||
void(state);
|
||||
return false;
|
||||
},
|
||||
max_updates_to_recreate: function (state) {
|
||||
void(state);
|
||||
return 5000;
|
||||
},
|
||||
track_colors: function (state) {
|
||||
void(state);
|
||||
return false;
|
||||
},
|
||||
pixels_per_point: function (state) {
|
||||
void(state);
|
||||
return 3;
|
||||
},
|
||||
container_class: function (state) {
|
||||
void(state);
|
||||
return 'netdata-container';
|
||||
}
|
||||
},
|
||||
"easypiechart": {
|
||||
initialize: NETDATA.easypiechartInitialize,
|
||||
create: NETDATA.easypiechartChartCreate,
|
||||
update: NETDATA.easypiechartChartUpdate,
|
||||
resize: null,
|
||||
setSelection: NETDATA.easypiechartSetSelection,
|
||||
clearSelection: NETDATA.easypiechartClearSelection,
|
||||
toolboxPanAndZoom: null,
|
||||
initialized: false,
|
||||
enabled: true,
|
||||
xssRegexIgnore: new RegExp('^/api/v1/data\.result$'),
|
||||
format: function (state) {
|
||||
void(state);
|
||||
return 'array';
|
||||
},
|
||||
options: function (state) {
|
||||
void(state);
|
||||
return 'absolute';
|
||||
},
|
||||
legend: function (state) {
|
||||
void(state);
|
||||
return null;
|
||||
},
|
||||
autoresize: function (state) {
|
||||
void(state);
|
||||
return false;
|
||||
},
|
||||
max_updates_to_recreate: function (state) {
|
||||
void(state);
|
||||
return 5000;
|
||||
},
|
||||
track_colors: function (state) {
|
||||
void(state);
|
||||
return true;
|
||||
},
|
||||
pixels_per_point: function (state) {
|
||||
void(state);
|
||||
return 3;
|
||||
},
|
||||
aspect_ratio: 100,
|
||||
container_class: function (state) {
|
||||
void(state);
|
||||
return 'netdata-container-easypiechart';
|
||||
}
|
||||
},
|
||||
"gauge": {
|
||||
initialize: NETDATA.gaugeInitialize,
|
||||
create: NETDATA.gaugeChartCreate,
|
||||
update: NETDATA.gaugeChartUpdate,
|
||||
resize: null,
|
||||
setSelection: NETDATA.gaugeSetSelection,
|
||||
clearSelection: NETDATA.gaugeClearSelection,
|
||||
toolboxPanAndZoom: null,
|
||||
initialized: false,
|
||||
enabled: true,
|
||||
xssRegexIgnore: new RegExp('^/api/v1/data\.result$'),
|
||||
format: function (state) {
|
||||
void(state);
|
||||
return 'array';
|
||||
},
|
||||
options: function (state) {
|
||||
void(state);
|
||||
return 'absolute';
|
||||
},
|
||||
legend: function (state) {
|
||||
void(state);
|
||||
return null;
|
||||
},
|
||||
autoresize: function (state) {
|
||||
void(state);
|
||||
return false;
|
||||
},
|
||||
max_updates_to_recreate: function (state) {
|
||||
void(state);
|
||||
return 5000;
|
||||
},
|
||||
track_colors: function (state) {
|
||||
void(state);
|
||||
return true;
|
||||
},
|
||||
pixels_per_point: function (state) {
|
||||
void(state);
|
||||
return 3;
|
||||
},
|
||||
aspect_ratio: 60,
|
||||
container_class: function (state) {
|
||||
void(state);
|
||||
return 'netdata-container-gauge';
|
||||
}
|
||||
},
|
||||
"textonly": {
|
||||
autoresize: function (state) {
|
||||
void(state);
|
||||
return false;
|
||||
},
|
||||
container_class: function (state) {
|
||||
void(state);
|
||||
return 'netdata-container';
|
||||
},
|
||||
create: NETDATA.textOnlyCreate,
|
||||
enabled: true,
|
||||
format: function (state) {
|
||||
void(state);
|
||||
return 'array';
|
||||
},
|
||||
initialized: true,
|
||||
initialize: function (callback) {
|
||||
callback();
|
||||
},
|
||||
legend: function (state) {
|
||||
void(state);
|
||||
return null;
|
||||
},
|
||||
max_updates_to_recreate: function (state) {
|
||||
void(state);
|
||||
return 5000;
|
||||
},
|
||||
options: function (state) {
|
||||
void(state);
|
||||
return 'absolute';
|
||||
},
|
||||
pixels_per_point: function (state) {
|
||||
void(state);
|
||||
return 3;
|
||||
},
|
||||
track_colors: function (state) {
|
||||
void(state);
|
||||
return false;
|
||||
},
|
||||
update: NETDATA.textOnlyUpdate,
|
||||
xssRegexIgnore: new RegExp('^/api/v1/data\.result$'),
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.registerChartLibrary = function (library, url) {
|
||||
if (NETDATA.options.debug.libraries) {
|
||||
console.log("registering chart library: " + library);
|
||||
}
|
||||
|
||||
NETDATA.chartLibraries[library].url = url;
|
||||
NETDATA.chartLibraries[library].initialized = true;
|
||||
NETDATA.chartLibraries[library].enabled = true;
|
||||
};
|
||||
|
|
@ -1,114 +0,0 @@
|
|||
|
||||
// DEPRECATED: will be removed!
|
||||
|
||||
// c3
|
||||
|
||||
NETDATA.c3Initialize = function(callback) {
|
||||
if (typeof netdataNoC3 === 'undefined' || !netdataNoC3) {
|
||||
|
||||
// C3 requires D3
|
||||
if (!NETDATA.chartLibraries.d3.initialized) {
|
||||
if (NETDATA.chartLibraries.d3.enabled) {
|
||||
NETDATA.d3Initialize(function() {
|
||||
NETDATA.c3Initialize(callback);
|
||||
});
|
||||
} else {
|
||||
NETDATA.chartLibraries.c3.enabled = false;
|
||||
if (typeof callback === "function")
|
||||
return callback();
|
||||
}
|
||||
} else {
|
||||
NETDATA._loadCSS(NETDATA.c3_css);
|
||||
|
||||
$.ajax({
|
||||
url: NETDATA.c3_js,
|
||||
cache: true,
|
||||
dataType: "script",
|
||||
xhrFields: { withCredentials: true } // required for the cookie
|
||||
})
|
||||
.done(function() {
|
||||
NETDATA.registerChartLibrary('c3', NETDATA.c3_js);
|
||||
})
|
||||
.fail(function() {
|
||||
NETDATA.chartLibraries.c3.enabled = false;
|
||||
NETDATA.error(100, NETDATA.c3_js);
|
||||
})
|
||||
.always(function() {
|
||||
if (typeof callback === "function")
|
||||
return callback();
|
||||
});
|
||||
}
|
||||
} else {
|
||||
NETDATA.chartLibraries.c3.enabled = false;
|
||||
if (typeof callback === "function")
|
||||
return callback();
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.c3ChartUpdate = function(state, data) {
|
||||
state.c3_instance.destroy();
|
||||
return NETDATA.c3ChartCreate(state, data);
|
||||
|
||||
//state.c3_instance.load({
|
||||
// rows: data.result,
|
||||
// unload: true
|
||||
//});
|
||||
|
||||
//return true;
|
||||
};
|
||||
|
||||
NETDATA.c3ChartCreate = function(state, data) {
|
||||
|
||||
state.element_chart.id = 'c3-' + state.uuid;
|
||||
// console.log('id = ' + state.element_chart.id);
|
||||
|
||||
state.c3_instance = c3.generate({
|
||||
bindto: '#' + state.element_chart.id,
|
||||
size: {
|
||||
width: state.chartWidth(),
|
||||
height: state.chartHeight()
|
||||
},
|
||||
color: {
|
||||
pattern: state.chartColors()
|
||||
},
|
||||
data: {
|
||||
x: 'time',
|
||||
rows: data.result,
|
||||
type: (state.chart.chart_type === 'line')?'spline':'area-spline'
|
||||
},
|
||||
axis: {
|
||||
x: {
|
||||
type: 'timeseries',
|
||||
tick: {
|
||||
format: function(x) {
|
||||
return NETDATA.dateTime.xAxisTimeString(x);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
x: {
|
||||
show: true
|
||||
},
|
||||
y: {
|
||||
show: true
|
||||
}
|
||||
},
|
||||
point: {
|
||||
show: false
|
||||
},
|
||||
line: {
|
||||
connectNull: false
|
||||
},
|
||||
transition: {
|
||||
duration: 0
|
||||
},
|
||||
interaction: {
|
||||
enabled: true
|
||||
}
|
||||
});
|
||||
|
||||
// console.log(state.c3_instance);
|
||||
|
||||
return true;
|
||||
};
|
||||
|
|
@ -1,81 +0,0 @@
|
|||
|
||||
// DEPRECATED: will be removed!
|
||||
|
||||
// morris
|
||||
|
||||
NETDATA.morrisInitialize = function(callback) {
|
||||
if (typeof netdataNoMorris === 'undefined' || !netdataNoMorris) {
|
||||
|
||||
// morris requires raphael
|
||||
if (!NETDATA.chartLibraries.raphael.initialized) {
|
||||
if (NETDATA.chartLibraries.raphael.enabled) {
|
||||
NETDATA.raphaelInitialize(function() {
|
||||
NETDATA.morrisInitialize(callback);
|
||||
});
|
||||
} else {
|
||||
NETDATA.chartLibraries.morris.enabled = false;
|
||||
if (typeof callback === "function")
|
||||
return callback();
|
||||
}
|
||||
} else {
|
||||
NETDATA._loadCSS(NETDATA.morris_css);
|
||||
|
||||
$.ajax({
|
||||
url: NETDATA.morris_js,
|
||||
cache: true,
|
||||
dataType: "script",
|
||||
xhrFields: { withCredentials: true } // required for the cookie
|
||||
})
|
||||
.done(function() {
|
||||
NETDATA.registerChartLibrary('morris', NETDATA.morris_js);
|
||||
})
|
||||
.fail(function() {
|
||||
NETDATA.chartLibraries.morris.enabled = false;
|
||||
NETDATA.error(100, NETDATA.morris_js);
|
||||
})
|
||||
.always(function() {
|
||||
if (typeof callback === "function")
|
||||
return callback();
|
||||
});
|
||||
}
|
||||
} else {
|
||||
NETDATA.chartLibraries.morris.enabled = false;
|
||||
if (typeof callback === "function")
|
||||
return callback();
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.morrisChartUpdate = function(state, data) {
|
||||
state.morris_instance.setData(data.result.data);
|
||||
return true;
|
||||
};
|
||||
|
||||
NETDATA.morrisChartCreate = function(state, data) {
|
||||
|
||||
state.morris_options = {
|
||||
element: state.element_chart.id,
|
||||
data: data.result.data,
|
||||
xkey: 'time',
|
||||
ykeys: data.dimension_names,
|
||||
labels: data.dimension_names,
|
||||
lineWidth: 2,
|
||||
pointSize: 3,
|
||||
smooth: true,
|
||||
hideHover: 'auto',
|
||||
parseTime: true,
|
||||
continuousLine: false,
|
||||
behaveLikeLine: false
|
||||
};
|
||||
|
||||
if (state.chart.chart_type === 'line')
|
||||
state.morris_instance = new Morris.Line(state.morris_options);
|
||||
|
||||
else if (state.chart.chart_type === 'area') {
|
||||
state.morris_options.behaveLikeLine = true;
|
||||
state.morris_instance = new Morris.Area(state.morris_options);
|
||||
}
|
||||
else // stacked
|
||||
state.morris_instance = new Morris.Area(state.morris_options);
|
||||
|
||||
return true;
|
||||
};
|
||||
|
|
@ -1,48 +0,0 @@
|
|||
|
||||
// DEPRECATED: will be removed!
|
||||
|
||||
// raphael
|
||||
|
||||
NETDATA.raphaelInitialize = function(callback) {
|
||||
if (typeof netdataStopRaphael === 'undefined' || !netdataStopRaphael) {
|
||||
$.ajax({
|
||||
url: NETDATA.raphael_js,
|
||||
cache: true,
|
||||
dataType: "script",
|
||||
xhrFields: { withCredentials: true } // required for the cookie
|
||||
})
|
||||
.done(function() {
|
||||
NETDATA.registerChartLibrary('raphael', NETDATA.raphael_js);
|
||||
})
|
||||
.fail(function() {
|
||||
NETDATA.chartLibraries.raphael.enabled = false;
|
||||
NETDATA.error(100, NETDATA.raphael_js);
|
||||
})
|
||||
.always(function() {
|
||||
if (typeof callback === "function")
|
||||
return callback();
|
||||
});
|
||||
} else {
|
||||
NETDATA.chartLibraries.raphael.enabled = false;
|
||||
if (typeof callback === "function")
|
||||
return callback();
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.raphaelChartUpdate = function(state, data) {
|
||||
$(state.element_chart).raphael(data.result, {
|
||||
width: state.chartWidth(),
|
||||
height: state.chartHeight()
|
||||
});
|
||||
|
||||
return false;
|
||||
};
|
||||
|
||||
NETDATA.raphaelChartCreate = function(state, data) {
|
||||
$(state.element_chart).raphael(data.result, {
|
||||
width: state.chartWidth(),
|
||||
height: state.chartHeight()
|
||||
});
|
||||
|
||||
return false;
|
||||
};
|
||||
43
src/web/gui/src/dashboard.js/charting/d3.js
vendored
43
src/web/gui/src/dashboard.js/charting/d3.js
vendored
|
|
@ -1,43 +0,0 @@
|
|||
|
||||
// ----------------------------------------------------------------------------------------------------------------
|
||||
// D3
|
||||
|
||||
NETDATA.d3Initialize = function(callback) {
|
||||
if (typeof netdataStopD3 === 'undefined' || !netdataStopD3) {
|
||||
$.ajax({
|
||||
url: NETDATA.d3_js,
|
||||
cache: true,
|
||||
dataType: "script",
|
||||
xhrFields: { withCredentials: true } // required for the cookie
|
||||
})
|
||||
.done(function() {
|
||||
NETDATA.registerChartLibrary('d3', NETDATA.d3_js);
|
||||
})
|
||||
.fail(function() {
|
||||
NETDATA.chartLibraries.d3.enabled = false;
|
||||
NETDATA.error(100, NETDATA.d3_js);
|
||||
})
|
||||
.always(function() {
|
||||
if (typeof callback === "function")
|
||||
return callback();
|
||||
});
|
||||
} else {
|
||||
NETDATA.chartLibraries.d3.enabled = false;
|
||||
if (typeof callback === "function")
|
||||
return callback();
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.d3ChartUpdate = function(state, data) {
|
||||
void(state);
|
||||
void(data);
|
||||
|
||||
return false;
|
||||
};
|
||||
|
||||
NETDATA.d3ChartCreate = function(state, data) {
|
||||
void(state);
|
||||
void(data);
|
||||
|
||||
return false;
|
||||
};
|
||||
341
src/web/gui/src/dashboard.js/charting/d3pie.js
vendored
341
src/web/gui/src/dashboard.js/charting/d3pie.js
vendored
|
|
@ -1,341 +0,0 @@
|
|||
|
||||
// d3pie
|
||||
|
||||
NETDATA.d3pieInitialize = function (callback) {
|
||||
if (typeof netdataNoD3pie === 'undefined' || !netdataNoD3pie) {
|
||||
|
||||
// d3pie requires D3
|
||||
if (!NETDATA.chartLibraries.d3.initialized) {
|
||||
if (NETDATA.chartLibraries.d3.enabled) {
|
||||
NETDATA.d3Initialize(function () {
|
||||
NETDATA.d3pieInitialize(callback);
|
||||
});
|
||||
} else {
|
||||
NETDATA.chartLibraries.d3pie.enabled = false;
|
||||
if (typeof callback === "function") {
|
||||
return callback();
|
||||
}
|
||||
}
|
||||
} else {
|
||||
$.ajax({
|
||||
url: NETDATA.d3pie_js,
|
||||
cache: true,
|
||||
dataType: "script",
|
||||
xhrFields: {withCredentials: true} // required for the cookie
|
||||
})
|
||||
.done(function () {
|
||||
NETDATA.registerChartLibrary('d3pie', NETDATA.d3pie_js);
|
||||
})
|
||||
.fail(function () {
|
||||
NETDATA.chartLibraries.d3pie.enabled = false;
|
||||
NETDATA.error(100, NETDATA.d3pie_js);
|
||||
})
|
||||
.always(function () {
|
||||
if (typeof callback === "function") {
|
||||
return callback();
|
||||
}
|
||||
});
|
||||
}
|
||||
} else {
|
||||
NETDATA.chartLibraries.d3pie.enabled = false;
|
||||
if (typeof callback === "function") {
|
||||
return callback();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.d3pieSetContent = function (state, data, index) {
|
||||
state.legendFormatValueDecimalsFromMinMax(
|
||||
data.min,
|
||||
data.max
|
||||
);
|
||||
|
||||
let content = [];
|
||||
let colors = state.chartColors();
|
||||
let len = data.result.labels.length;
|
||||
for (let i = 1; i < len; i++) {
|
||||
let label = data.result.labels[i];
|
||||
let value = data.result.data[index][label];
|
||||
let color = colors[i - 1];
|
||||
|
||||
if (value !== null && value > 0) {
|
||||
content.push({
|
||||
label: label,
|
||||
value: value,
|
||||
color: color
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
if (content.length === 0) {
|
||||
content.push({
|
||||
label: 'no data',
|
||||
value: 100,
|
||||
color: '#666666'
|
||||
});
|
||||
}
|
||||
|
||||
state.tmp.d3pie_last_slot = index;
|
||||
return content;
|
||||
};
|
||||
|
||||
NETDATA.d3pieDateRange = function (state, data, index) {
|
||||
let dt = Math.round((data.before - data.after + 1) / data.points);
|
||||
let dt_str = NETDATA.seconds4human(dt);
|
||||
|
||||
let before = data.result.data[index].time;
|
||||
let after = before - (dt * 1000);
|
||||
|
||||
let d1 = NETDATA.dateTime.localeDateString(after);
|
||||
let t1 = NETDATA.dateTime.localeTimeString(after);
|
||||
let d2 = NETDATA.dateTime.localeDateString(before);
|
||||
let t2 = NETDATA.dateTime.localeTimeString(before);
|
||||
|
||||
if (d1 === d2) {
|
||||
return d1 + ' ' + t1 + ' to ' + t2 + ', ' + dt_str;
|
||||
}
|
||||
|
||||
return d1 + ' ' + t1 + ' to ' + d2 + ' ' + t2 + ', ' + dt_str;
|
||||
};
|
||||
|
||||
NETDATA.d3pieSetSelection = function (state, t) {
|
||||
if (state.timeIsVisible(t) !== true) {
|
||||
return NETDATA.d3pieClearSelection(state, true);
|
||||
}
|
||||
|
||||
let slot = state.calculateRowForTime(t);
|
||||
slot = state.data.result.data.length - slot - 1;
|
||||
|
||||
if (slot < 0 || slot >= state.data.result.length) {
|
||||
return NETDATA.d3pieClearSelection(state, true);
|
||||
}
|
||||
|
||||
if (state.tmp.d3pie_last_slot === slot) {
|
||||
// we already show this slot, don't do anything
|
||||
return true;
|
||||
}
|
||||
|
||||
if (state.tmp.d3pie_timer === undefined) {
|
||||
state.tmp.d3pie_timer = NETDATA.timeout.set(function () {
|
||||
state.tmp.d3pie_timer = undefined;
|
||||
NETDATA.d3pieChange(state, NETDATA.d3pieSetContent(state, state.data, slot), NETDATA.d3pieDateRange(state, state.data, slot));
|
||||
}, 0);
|
||||
}
|
||||
|
||||
return true;
|
||||
};
|
||||
|
||||
NETDATA.d3pieClearSelection = function (state, force) {
|
||||
if (typeof state.tmp.d3pie_timer !== 'undefined') {
|
||||
NETDATA.timeout.clear(state.tmp.d3pie_timer);
|
||||
state.tmp.d3pie_timer = undefined;
|
||||
}
|
||||
|
||||
if (state.isAutoRefreshable() && state.data !== null && force !== true) {
|
||||
NETDATA.d3pieChartUpdate(state, state.data);
|
||||
} else {
|
||||
if (state.tmp.d3pie_last_slot !== -1) {
|
||||
state.tmp.d3pie_last_slot = -1;
|
||||
NETDATA.d3pieChange(state, [{label: 'no data', value: 1, color: '#666666'}], 'no data available');
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
};
|
||||
|
||||
NETDATA.d3pieChange = function (state, content, footer) {
|
||||
if (state.d3pie_forced_subtitle === null) {
|
||||
//state.d3pie_instance.updateProp("header.subtitle.text", state.units_current);
|
||||
state.d3pie_instance.options.header.subtitle.text = state.units_current;
|
||||
}
|
||||
|
||||
if (state.d3pie_forced_footer === null) {
|
||||
//state.d3pie_instance.updateProp("footer.text", footer);
|
||||
state.d3pie_instance.options.footer.text = footer;
|
||||
}
|
||||
|
||||
//state.d3pie_instance.updateProp("data.content", content);
|
||||
state.d3pie_instance.options.data.content = content;
|
||||
state.d3pie_instance.destroy();
|
||||
state.d3pie_instance.recreate();
|
||||
return true;
|
||||
};
|
||||
|
||||
NETDATA.d3pieChartUpdate = function (state, data) {
|
||||
return NETDATA.d3pieChange(state, NETDATA.d3pieSetContent(state, data, 0), NETDATA.d3pieDateRange(state, data, 0));
|
||||
};
|
||||
|
||||
NETDATA.d3pieChartCreate = function (state, data) {
|
||||
|
||||
state.element_chart.id = 'd3pie-' + state.uuid;
|
||||
// console.log('id = ' + state.element_chart.id);
|
||||
|
||||
let content = NETDATA.d3pieSetContent(state, data, 0);
|
||||
|
||||
state.d3pie_forced_title = NETDATA.dataAttribute(state.element, 'd3pie-title', null);
|
||||
state.d3pie_forced_subtitle = NETDATA.dataAttribute(state.element, 'd3pie-subtitle', null);
|
||||
state.d3pie_forced_footer = NETDATA.dataAttribute(state.element, 'd3pie-footer', null);
|
||||
|
||||
state.d3pie_options = {
|
||||
header: {
|
||||
title: {
|
||||
text: (state.d3pie_forced_title !== null) ? state.d3pie_forced_title : state.title,
|
||||
color: NETDATA.dataAttribute(state.element, 'd3pie-title-color', NETDATA.themes.current.d3pie.title),
|
||||
fontSize: NETDATA.dataAttribute(state.element, 'd3pie-title-fontsize', 12),
|
||||
fontWeight: NETDATA.dataAttribute(state.element, 'd3pie-title-fontweight', "bold"),
|
||||
font: NETDATA.dataAttribute(state.element, 'd3pie-title-font', "arial")
|
||||
},
|
||||
subtitle: {
|
||||
text: (state.d3pie_forced_subtitle !== null) ? state.d3pie_forced_subtitle : state.units_current,
|
||||
color: NETDATA.dataAttribute(state.element, 'd3pie-subtitle-color', NETDATA.themes.current.d3pie.subtitle),
|
||||
fontSize: NETDATA.dataAttribute(state.element, 'd3pie-subtitle-fontsize', 10),
|
||||
fontWeight: NETDATA.dataAttribute(state.element, 'd3pie-subtitle-fontweight', "normal"),
|
||||
font: NETDATA.dataAttribute(state.element, 'd3pie-subtitle-font', "arial")
|
||||
},
|
||||
titleSubtitlePadding: 1
|
||||
},
|
||||
footer: {
|
||||
text: (state.d3pie_forced_footer !== null) ? state.d3pie_forced_footer : NETDATA.d3pieDateRange(state, data, 0),
|
||||
color: NETDATA.dataAttribute(state.element, 'd3pie-footer-color', NETDATA.themes.current.d3pie.footer),
|
||||
fontSize: NETDATA.dataAttribute(state.element, 'd3pie-footer-fontsize', 9),
|
||||
fontWeight: NETDATA.dataAttribute(state.element, 'd3pie-footer-fontweight', "bold"),
|
||||
font: NETDATA.dataAttribute(state.element, 'd3pie-footer-font', "arial"),
|
||||
location: NETDATA.dataAttribute(state.element, 'd3pie-footer-location', "bottom-center") // bottom-left, bottom-center, bottom-right
|
||||
},
|
||||
size: {
|
||||
canvasHeight: state.chartHeight(),
|
||||
canvasWidth: state.chartWidth(),
|
||||
pieInnerRadius: NETDATA.dataAttribute(state.element, 'd3pie-pieinnerradius', "45%"),
|
||||
pieOuterRadius: NETDATA.dataAttribute(state.element, 'd3pie-pieouterradius', "80%")
|
||||
},
|
||||
data: {
|
||||
// none, random, value-asc, value-desc, label-asc, label-desc
|
||||
sortOrder: NETDATA.dataAttribute(state.element, 'd3pie-sortorder', "value-desc"),
|
||||
smallSegmentGrouping: {
|
||||
enabled: NETDATA.dataAttributeBoolean(state.element, "d3pie-smallsegmentgrouping-enabled", false),
|
||||
value: NETDATA.dataAttribute(state.element, 'd3pie-smallsegmentgrouping-value', 1),
|
||||
// percentage, value
|
||||
valueType: NETDATA.dataAttribute(state.element, 'd3pie-smallsegmentgrouping-valuetype', "percentage"),
|
||||
label: NETDATA.dataAttribute(state.element, 'd3pie-smallsegmentgrouping-label', "other"),
|
||||
color: NETDATA.dataAttribute(state.element, 'd3pie-smallsegmentgrouping-color', NETDATA.themes.current.d3pie.other)
|
||||
},
|
||||
|
||||
// REQUIRED! This is where you enter your pie data; it needs to be an array of objects
|
||||
// of this form: { label: "label", value: 1.5, color: "#000000" } - color is optional
|
||||
content: content
|
||||
},
|
||||
labels: {
|
||||
outer: {
|
||||
// label, value, percentage, label-value1, label-value2, label-percentage1, label-percentage2
|
||||
format: NETDATA.dataAttribute(state.element, 'd3pie-labels-outer-format', "label-value1"),
|
||||
hideWhenLessThanPercentage: NETDATA.dataAttribute(state.element, 'd3pie-labels-outer-hidewhenlessthanpercentage', null),
|
||||
pieDistance: NETDATA.dataAttribute(state.element, 'd3pie-labels-outer-piedistance', 15)
|
||||
},
|
||||
inner: {
|
||||
// label, value, percentage, label-value1, label-value2, label-percentage1, label-percentage2
|
||||
format: NETDATA.dataAttribute(state.element, 'd3pie-labels-inner-format', "percentage"),
|
||||
hideWhenLessThanPercentage: NETDATA.dataAttribute(state.element, 'd3pie-labels-inner-hidewhenlessthanpercentage', 2)
|
||||
},
|
||||
mainLabel: {
|
||||
color: NETDATA.dataAttribute(state.element, 'd3pie-labels-mainLabel-color', NETDATA.themes.current.d3pie.mainlabel), // or 'segment' for dynamic color
|
||||
font: NETDATA.dataAttribute(state.element, 'd3pie-labels-mainLabel-font', "arial"),
|
||||
fontSize: NETDATA.dataAttribute(state.element, 'd3pie-labels-mainLabel-fontsize', 10),
|
||||
fontWeight: NETDATA.dataAttribute(state.element, 'd3pie-labels-mainLabel-fontweight', "normal")
|
||||
},
|
||||
percentage: {
|
||||
color: NETDATA.dataAttribute(state.element, 'd3pie-labels-percentage-color', NETDATA.themes.current.d3pie.percentage),
|
||||
font: NETDATA.dataAttribute(state.element, 'd3pie-labels-percentage-font', "arial"),
|
||||
fontSize: NETDATA.dataAttribute(state.element, 'd3pie-labels-percentage-fontsize', 10),
|
||||
fontWeight: NETDATA.dataAttribute(state.element, 'd3pie-labels-percentage-fontweight', "bold"),
|
||||
decimalPlaces: 0
|
||||
},
|
||||
value: {
|
||||
color: NETDATA.dataAttribute(state.element, 'd3pie-labels-value-color', NETDATA.themes.current.d3pie.value),
|
||||
font: NETDATA.dataAttribute(state.element, 'd3pie-labels-value-font', "arial"),
|
||||
fontSize: NETDATA.dataAttribute(state.element, 'd3pie-labels-value-fontsize', 10),
|
||||
fontWeight: NETDATA.dataAttribute(state.element, 'd3pie-labels-value-fontweight', "bold")
|
||||
},
|
||||
lines: {
|
||||
enabled: NETDATA.dataAttributeBoolean(state.element, 'd3pie-labels-lines-enabled', true),
|
||||
style: NETDATA.dataAttribute(state.element, 'd3pie-labels-lines-style', "curved"),
|
||||
color: NETDATA.dataAttribute(state.element, 'd3pie-labels-lines-color', "segment") // "segment" or a hex color
|
||||
},
|
||||
truncation: {
|
||||
enabled: NETDATA.dataAttributeBoolean(state.element, 'd3pie-labels-truncation-enabled', false),
|
||||
truncateLength: NETDATA.dataAttribute(state.element, 'd3pie-labels-truncation-truncatelength', 30)
|
||||
},
|
||||
formatter: function (context) {
|
||||
// console.log(context);
|
||||
if (context.part === 'value') {
|
||||
return state.legendFormatValue(context.value);
|
||||
}
|
||||
if (context.part === 'percentage') {
|
||||
return context.label + '%';
|
||||
}
|
||||
|
||||
return context.label;
|
||||
}
|
||||
},
|
||||
effects: {
|
||||
load: {
|
||||
effect: "none", // none / default
|
||||
speed: 0 // commented in the d3pie code to speed it up
|
||||
},
|
||||
pullOutSegmentOnClick: {
|
||||
effect: "bounce", // none / linear / bounce / elastic / back
|
||||
speed: 400,
|
||||
size: 5
|
||||
},
|
||||
highlightSegmentOnMouseover: true,
|
||||
highlightLuminosity: -0.2
|
||||
},
|
||||
tooltips: {
|
||||
enabled: false,
|
||||
type: "placeholder", // caption|placeholder
|
||||
string: "",
|
||||
placeholderParser: null, // function
|
||||
styles: {
|
||||
fadeInSpeed: 250,
|
||||
backgroundColor: NETDATA.themes.current.d3pie.tooltip_bg,
|
||||
backgroundOpacity: 0.5,
|
||||
color: NETDATA.themes.current.d3pie.tooltip_fg,
|
||||
borderRadius: 2,
|
||||
font: "arial",
|
||||
fontSize: 12,
|
||||
padding: 4
|
||||
}
|
||||
},
|
||||
misc: {
|
||||
colors: {
|
||||
background: 'transparent', // transparent or color #
|
||||
// segments: state.chartColors(),
|
||||
segmentStroke: NETDATA.dataAttribute(state.element, 'd3pie-misc-colors-segmentstroke', NETDATA.themes.current.d3pie.segment_stroke)
|
||||
},
|
||||
gradient: {
|
||||
enabled: NETDATA.dataAttributeBoolean(state.element, 'd3pie-misc-gradient-enabled', false),
|
||||
percentage: NETDATA.dataAttribute(state.element, 'd3pie-misc-colors-percentage', 95),
|
||||
color: NETDATA.dataAttribute(state.element, 'd3pie-misc-gradient-color', NETDATA.themes.current.d3pie.gradient_color)
|
||||
},
|
||||
canvasPadding: {
|
||||
top: 5,
|
||||
right: 5,
|
||||
bottom: 5,
|
||||
left: 5
|
||||
},
|
||||
pieCenterOffset: {
|
||||
x: 0,
|
||||
y: 0
|
||||
},
|
||||
cssPrefix: NETDATA.dataAttribute(state.element, 'd3pie-cssprefix', null)
|
||||
},
|
||||
callbacks: {
|
||||
onload: null,
|
||||
onMouseoverSegment: null,
|
||||
onMouseoutSegment: null,
|
||||
onClickSegment: null
|
||||
}
|
||||
};
|
||||
|
||||
state.d3pie_instance = new d3pie(state.element_chart, state.d3pie_options);
|
||||
return true;
|
||||
};
|
||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,281 +0,0 @@
|
|||
// ----------------------------------------------------------------------------------------------------------------
|
||||
|
||||
NETDATA.easypiechartPercentFromValueMinMax = function (state, value, min, max) {
|
||||
if (typeof value !== 'number') {
|
||||
value = 0;
|
||||
}
|
||||
if (typeof min !== 'number') {
|
||||
min = 0;
|
||||
}
|
||||
if (typeof max !== 'number') {
|
||||
max = 0;
|
||||
}
|
||||
|
||||
if (min > max) {
|
||||
let t = min;
|
||||
min = max;
|
||||
max = t;
|
||||
}
|
||||
|
||||
if (min > value) {
|
||||
min = value;
|
||||
}
|
||||
if (max < value) {
|
||||
max = value;
|
||||
}
|
||||
|
||||
state.legendFormatValueDecimalsFromMinMax(min, max);
|
||||
|
||||
if (state.tmp.easyPieChartMin === null && min > 0) {
|
||||
min = 0;
|
||||
}
|
||||
if (state.tmp.easyPieChartMax === null && max < 0) {
|
||||
max = 0;
|
||||
}
|
||||
|
||||
let pcent;
|
||||
|
||||
if (min < 0 && max > 0) {
|
||||
// it is both positive and negative
|
||||
// zero at the top center of the chart
|
||||
max = (-min > max) ? -min : max;
|
||||
pcent = Math.round(value * 100 / max);
|
||||
} else if (value >= 0 && min >= 0 && max >= 0) {
|
||||
// clockwise
|
||||
pcent = Math.round((value - min) * 100 / (max - min));
|
||||
if (pcent === 0) {
|
||||
pcent = 0.1;
|
||||
}
|
||||
} else {
|
||||
// counter clockwise
|
||||
pcent = Math.round((value - max) * 100 / (max - min));
|
||||
if (pcent === 0) {
|
||||
pcent = -0.1;
|
||||
}
|
||||
}
|
||||
|
||||
return pcent;
|
||||
};
|
||||
|
||||
// ----------------------------------------------------------------------------------------------------------------
|
||||
// easy-pie-chart
|
||||
|
||||
NETDATA.easypiechartInitialize = function (callback) {
|
||||
if (typeof netdataNoEasyPieChart === 'undefined' || !netdataNoEasyPieChart) {
|
||||
$.ajax({
|
||||
url: NETDATA.easypiechart_js,
|
||||
cache: true,
|
||||
dataType: "script",
|
||||
xhrFields: {withCredentials: true} // required for the cookie
|
||||
})
|
||||
.done(function () {
|
||||
NETDATA.registerChartLibrary('easypiechart', NETDATA.easypiechart_js);
|
||||
})
|
||||
.fail(function () {
|
||||
NETDATA.chartLibraries.easypiechart.enabled = false;
|
||||
NETDATA.error(100, NETDATA.easypiechart_js);
|
||||
})
|
||||
.always(function () {
|
||||
if (typeof callback === "function") {
|
||||
return callback();
|
||||
}
|
||||
})
|
||||
} else {
|
||||
NETDATA.chartLibraries.easypiechart.enabled = false;
|
||||
if (typeof callback === "function") {
|
||||
return callback();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.easypiechartClearSelection = function (state, force) {
|
||||
if (typeof state.tmp.easyPieChartEvent !== 'undefined' && typeof state.tmp.easyPieChartEvent.timer !== 'undefined') {
|
||||
NETDATA.timeout.clear(state.tmp.easyPieChartEvent.timer);
|
||||
state.tmp.easyPieChartEvent.timer = undefined;
|
||||
}
|
||||
|
||||
if (state.isAutoRefreshable() && state.data !== null && force !== true) {
|
||||
NETDATA.easypiechartChartUpdate(state, state.data);
|
||||
}
|
||||
else {
|
||||
state.tmp.easyPieChartLabel.innerText = state.legendFormatValue(null);
|
||||
state.tmp.easyPieChart_instance.update(0);
|
||||
}
|
||||
state.tmp.easyPieChart_instance.enableAnimation();
|
||||
|
||||
return true;
|
||||
};
|
||||
|
||||
NETDATA.easypiechartSetSelection = function (state, t) {
|
||||
if (state.timeIsVisible(t) !== true) {
|
||||
return NETDATA.easypiechartClearSelection(state, true);
|
||||
}
|
||||
|
||||
let slot = state.calculateRowForTime(t);
|
||||
if (slot < 0 || slot >= state.data.result.length) {
|
||||
return NETDATA.easypiechartClearSelection(state, true);
|
||||
}
|
||||
|
||||
if (typeof state.tmp.easyPieChartEvent === 'undefined') {
|
||||
state.tmp.easyPieChartEvent = {
|
||||
timer: undefined,
|
||||
value: 0,
|
||||
pcent: 0
|
||||
};
|
||||
}
|
||||
|
||||
let value = state.data.result[state.data.result.length - 1 - slot];
|
||||
let min = (state.tmp.easyPieChartMin === null) ? NETDATA.commonMin.get(state) : state.tmp.easyPieChartMin;
|
||||
let max = (state.tmp.easyPieChartMax === null) ? NETDATA.commonMax.get(state) : state.tmp.easyPieChartMax;
|
||||
let pcent = NETDATA.easypiechartPercentFromValueMinMax(state, value, min, max);
|
||||
|
||||
state.tmp.easyPieChartEvent.value = value;
|
||||
state.tmp.easyPieChartEvent.pcent = pcent;
|
||||
state.tmp.easyPieChartLabel.innerText = state.legendFormatValue(value);
|
||||
|
||||
if (state.tmp.easyPieChartEvent.timer === undefined) {
|
||||
state.tmp.easyPieChart_instance.disableAnimation();
|
||||
|
||||
state.tmp.easyPieChartEvent.timer = NETDATA.timeout.set(function () {
|
||||
state.tmp.easyPieChartEvent.timer = undefined;
|
||||
state.tmp.easyPieChart_instance.update(state.tmp.easyPieChartEvent.pcent);
|
||||
}, 0);
|
||||
}
|
||||
|
||||
return true;
|
||||
};
|
||||
|
||||
NETDATA.easypiechartChartUpdate = function (state, data) {
|
||||
let value, min, max, pcent;
|
||||
|
||||
if (NETDATA.globalPanAndZoom.isActive() || state.isAutoRefreshable() === false) {
|
||||
value = null;
|
||||
pcent = 0;
|
||||
}
|
||||
else {
|
||||
value = data.result[0];
|
||||
min = (state.tmp.easyPieChartMin === null) ? NETDATA.commonMin.get(state) : state.tmp.easyPieChartMin;
|
||||
max = (state.tmp.easyPieChartMax === null) ? NETDATA.commonMax.get(state) : state.tmp.easyPieChartMax;
|
||||
pcent = NETDATA.easypiechartPercentFromValueMinMax(state, value, min, max);
|
||||
}
|
||||
|
||||
state.tmp.easyPieChartLabel.innerText = state.legendFormatValue(value);
|
||||
state.tmp.easyPieChart_instance.update(pcent);
|
||||
return true;
|
||||
};
|
||||
|
||||
NETDATA.easypiechartChartCreate = function (state, data) {
|
||||
let chart = $(state.element_chart);
|
||||
|
||||
let value = data.result[0];
|
||||
let min = NETDATA.dataAttribute(state.element, 'easypiechart-min-value', null);
|
||||
let max = NETDATA.dataAttribute(state.element, 'easypiechart-max-value', null);
|
||||
|
||||
if (min === null) {
|
||||
min = NETDATA.commonMin.get(state);
|
||||
state.tmp.easyPieChartMin = null;
|
||||
}
|
||||
else {
|
||||
state.tmp.easyPieChartMin = min;
|
||||
}
|
||||
|
||||
if (max === null) {
|
||||
max = NETDATA.commonMax.get(state);
|
||||
state.tmp.easyPieChartMax = null;
|
||||
}
|
||||
else {
|
||||
state.tmp.easyPieChartMax = max;
|
||||
}
|
||||
|
||||
let size = state.chartWidth();
|
||||
let stroke = Math.floor(size / 22);
|
||||
if (stroke < 3) {
|
||||
stroke = 2;
|
||||
}
|
||||
|
||||
let valuefontsize = Math.floor((size * 2 / 3) / 5);
|
||||
let valuetop = Math.round((size - valuefontsize - (size / 40)) / 2);
|
||||
state.tmp.easyPieChartLabel = document.createElement('span');
|
||||
state.tmp.easyPieChartLabel.className = 'easyPieChartLabel';
|
||||
state.tmp.easyPieChartLabel.innerText = state.legendFormatValue(value);
|
||||
state.tmp.easyPieChartLabel.style.fontSize = valuefontsize + 'px';
|
||||
state.tmp.easyPieChartLabel.style.top = valuetop.toString() + 'px';
|
||||
state.element_chart.appendChild(state.tmp.easyPieChartLabel);
|
||||
|
||||
let titlefontsize = Math.round(valuefontsize * 1.6 / 3);
|
||||
let titletop = Math.round(valuetop - (titlefontsize * 2) - (size / 40));
|
||||
state.tmp.easyPieChartTitle = document.createElement('span');
|
||||
state.tmp.easyPieChartTitle.className = 'easyPieChartTitle';
|
||||
state.tmp.easyPieChartTitle.innerText = state.title;
|
||||
state.tmp.easyPieChartTitle.style.fontSize = titlefontsize + 'px';
|
||||
state.tmp.easyPieChartTitle.style.lineHeight = titlefontsize + 'px';
|
||||
state.tmp.easyPieChartTitle.style.top = titletop.toString() + 'px';
|
||||
state.element_chart.appendChild(state.tmp.easyPieChartTitle);
|
||||
|
||||
let unitfontsize = Math.round(titlefontsize * 0.9);
|
||||
let unittop = Math.round(valuetop + (valuefontsize + unitfontsize) + (size / 40));
|
||||
state.tmp.easyPieChartUnits = document.createElement('span');
|
||||
state.tmp.easyPieChartUnits.className = 'easyPieChartUnits';
|
||||
state.tmp.easyPieChartUnits.innerText = state.units_current;
|
||||
state.tmp.easyPieChartUnits.style.fontSize = unitfontsize + 'px';
|
||||
state.tmp.easyPieChartUnits.style.top = unittop.toString() + 'px';
|
||||
state.element_chart.appendChild(state.tmp.easyPieChartUnits);
|
||||
|
||||
let barColor = NETDATA.dataAttribute(state.element, 'easypiechart-barcolor', undefined);
|
||||
if (typeof barColor === 'undefined' || barColor === null) {
|
||||
barColor = state.chartCustomColors()[0];
|
||||
} else {
|
||||
// <div ... data-easypiechart-barcolor="(function(percent){return(percent < 50 ? '#5cb85c' : percent < 85 ? '#f0ad4e' : '#cb3935');})" ...></div>
|
||||
let tmp = eval(barColor);
|
||||
if (typeof tmp === 'function') {
|
||||
barColor = tmp;
|
||||
}
|
||||
}
|
||||
|
||||
let pcent = NETDATA.easypiechartPercentFromValueMinMax(state, value, min, max);
|
||||
chart.data('data-percent', pcent);
|
||||
|
||||
chart.easyPieChart({
|
||||
barColor: barColor,
|
||||
trackColor: NETDATA.dataAttribute(state.element, 'easypiechart-trackcolor', NETDATA.themes.current.easypiechart_track),
|
||||
scaleColor: NETDATA.dataAttribute(state.element, 'easypiechart-scalecolor', NETDATA.themes.current.easypiechart_scale),
|
||||
scaleLength: NETDATA.dataAttribute(state.element, 'easypiechart-scalelength', 5),
|
||||
lineCap: NETDATA.dataAttribute(state.element, 'easypiechart-linecap', 'round'),
|
||||
lineWidth: NETDATA.dataAttribute(state.element, 'easypiechart-linewidth', stroke),
|
||||
trackWidth: NETDATA.dataAttribute(state.element, 'easypiechart-trackwidth', undefined),
|
||||
size: NETDATA.dataAttribute(state.element, 'easypiechart-size', size),
|
||||
rotate: NETDATA.dataAttribute(state.element, 'easypiechart-rotate', 0),
|
||||
animate: NETDATA.dataAttribute(state.element, 'easypiechart-animate', {duration: 500, enabled: true}),
|
||||
easing: NETDATA.dataAttribute(state.element, 'easypiechart-easing', undefined)
|
||||
});
|
||||
|
||||
// when we just re-create the chart
|
||||
// do not animate the first update
|
||||
let animate = true;
|
||||
if (typeof state.tmp.easyPieChart_instance !== 'undefined') {
|
||||
animate = false;
|
||||
}
|
||||
|
||||
state.tmp.easyPieChart_instance = chart.data('easyPieChart');
|
||||
if (animate === false) {
|
||||
state.tmp.easyPieChart_instance.disableAnimation();
|
||||
}
|
||||
state.tmp.easyPieChart_instance.update(pcent);
|
||||
if (animate === false) {
|
||||
state.tmp.easyPieChart_instance.enableAnimation();
|
||||
}
|
||||
|
||||
state.legendSetUnitsString = function (units) {
|
||||
if (typeof state.tmp.easyPieChartUnits !== 'undefined' && state.tmp.units !== units) {
|
||||
state.tmp.easyPieChartUnits.innerText = units;
|
||||
state.tmp.units = units;
|
||||
}
|
||||
};
|
||||
state.legendShowUndefined = function () {
|
||||
if (typeof state.tmp.easyPieChart_instance !== 'undefined') {
|
||||
NETDATA.easypiechartClearSelection(state);
|
||||
}
|
||||
};
|
||||
|
||||
return true;
|
||||
};
|
||||
|
|
@ -1,406 +0,0 @@
|
|||
// gauge.js
|
||||
|
||||
NETDATA.gaugeInitialize = function (callback) {
|
||||
if (typeof netdataNoGauge === 'undefined' || !netdataNoGauge) {
|
||||
$.ajax({
|
||||
url: NETDATA.gauge_js,
|
||||
cache: true,
|
||||
dataType: "script",
|
||||
xhrFields: {withCredentials: true} // required for the cookie
|
||||
})
|
||||
.done(function () {
|
||||
NETDATA.registerChartLibrary('gauge', NETDATA.gauge_js);
|
||||
})
|
||||
.fail(function () {
|
||||
NETDATA.chartLibraries.gauge.enabled = false;
|
||||
NETDATA.error(100, NETDATA.gauge_js);
|
||||
})
|
||||
.always(function () {
|
||||
if (typeof callback === "function") {
|
||||
return callback();
|
||||
}
|
||||
})
|
||||
}
|
||||
else {
|
||||
NETDATA.chartLibraries.gauge.enabled = false;
|
||||
if (typeof callback === "function") {
|
||||
return callback();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.gaugeAnimation = function (state, status) {
|
||||
let speed = 32;
|
||||
|
||||
if (typeof status === 'boolean' && status === false) {
|
||||
speed = 1000000000;
|
||||
} else if (typeof status === 'number') {
|
||||
speed = status;
|
||||
}
|
||||
|
||||
// console.log('gauge speed ' + speed);
|
||||
state.tmp.gauge_instance.animationSpeed = speed;
|
||||
state.tmp.___gaugeOld__.speed = speed;
|
||||
};
|
||||
|
||||
NETDATA.gaugeSet = function (state, value, min, max) {
|
||||
if (typeof value !== 'number') {
|
||||
value = 0;
|
||||
}
|
||||
if (typeof min !== 'number') {
|
||||
min = 0;
|
||||
}
|
||||
if (typeof max !== 'number') {
|
||||
max = 0;
|
||||
}
|
||||
if (value > max) {
|
||||
max = value;
|
||||
}
|
||||
if (value < min) {
|
||||
min = value;
|
||||
}
|
||||
if (min > max) {
|
||||
let t = min;
|
||||
min = max;
|
||||
max = t;
|
||||
}
|
||||
else if (min === max) {
|
||||
max = min + 1;
|
||||
}
|
||||
|
||||
state.legendFormatValueDecimalsFromMinMax(min, max);
|
||||
|
||||
// gauge.js has an issue if the needle
|
||||
// is smaller than min or larger than max
|
||||
// when we set the new values
|
||||
// the needle will go crazy
|
||||
|
||||
// to prevent it, we always feed it
|
||||
// with a percentage, so that the needle
|
||||
// is always between min and max
|
||||
let pcent = (value - min) * 100 / (max - min);
|
||||
|
||||
// bug fix for gauge.js 1.3.1
|
||||
// if the value is the absolute min or max, the chart is broken
|
||||
if (pcent < 0.001) {
|
||||
pcent = 0.001;
|
||||
}
|
||||
if (pcent > 99.999) {
|
||||
pcent = 99.999;
|
||||
}
|
||||
|
||||
state.tmp.gauge_instance.set(pcent);
|
||||
// console.log('gauge set ' + pcent + ', value ' + value + ', min ' + min + ', max ' + max);
|
||||
|
||||
state.tmp.___gaugeOld__.value = value;
|
||||
state.tmp.___gaugeOld__.min = min;
|
||||
state.tmp.___gaugeOld__.max = max;
|
||||
};
|
||||
|
||||
NETDATA.gaugeSetLabels = function (state, value, min, max) {
|
||||
if (state.tmp.___gaugeOld__.valueLabel !== value) {
|
||||
state.tmp.___gaugeOld__.valueLabel = value;
|
||||
state.tmp.gaugeChartLabel.innerText = state.legendFormatValue(value);
|
||||
}
|
||||
if (state.tmp.___gaugeOld__.minLabel !== min) {
|
||||
state.tmp.___gaugeOld__.minLabel = min;
|
||||
state.tmp.gaugeChartMin.innerText = state.legendFormatValue(min);
|
||||
}
|
||||
if (state.tmp.___gaugeOld__.maxLabel !== max) {
|
||||
state.tmp.___gaugeOld__.maxLabel = max;
|
||||
state.tmp.gaugeChartMax.innerText = state.legendFormatValue(max);
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.gaugeClearSelection = function (state, force) {
|
||||
if (typeof state.tmp.gaugeEvent !== 'undefined' && typeof state.tmp.gaugeEvent.timer !== 'undefined') {
|
||||
NETDATA.timeout.clear(state.tmp.gaugeEvent.timer);
|
||||
state.tmp.gaugeEvent.timer = undefined;
|
||||
}
|
||||
|
||||
if (state.isAutoRefreshable() && state.data !== null && force !== true) {
|
||||
NETDATA.gaugeChartUpdate(state, state.data);
|
||||
} else {
|
||||
NETDATA.gaugeAnimation(state, false);
|
||||
NETDATA.gaugeSetLabels(state, null, null, null);
|
||||
NETDATA.gaugeSet(state, null, null, null);
|
||||
}
|
||||
|
||||
NETDATA.gaugeAnimation(state, true);
|
||||
return true;
|
||||
};
|
||||
|
||||
NETDATA.gaugeSetSelection = function (state, t) {
|
||||
if (state.timeIsVisible(t) !== true) {
|
||||
return NETDATA.gaugeClearSelection(state, true);
|
||||
}
|
||||
|
||||
let slot = state.calculateRowForTime(t);
|
||||
if (slot < 0 || slot >= state.data.result.length) {
|
||||
return NETDATA.gaugeClearSelection(state, true);
|
||||
}
|
||||
|
||||
if (typeof state.tmp.gaugeEvent === 'undefined') {
|
||||
state.tmp.gaugeEvent = {
|
||||
timer: undefined,
|
||||
value: 0,
|
||||
min: 0,
|
||||
max: 0
|
||||
};
|
||||
}
|
||||
|
||||
let value = state.data.result[state.data.result.length - 1 - slot];
|
||||
let min = (state.tmp.gaugeMin === null) ? NETDATA.commonMin.get(state) : state.tmp.gaugeMin;
|
||||
let max = (state.tmp.gaugeMax === null) ? NETDATA.commonMax.get(state) : state.tmp.gaugeMax;
|
||||
|
||||
// make sure it is zero based
|
||||
// but only if it has not been set by the user
|
||||
if (state.tmp.gaugeMin === null && min > 0) {
|
||||
min = 0;
|
||||
}
|
||||
if (state.tmp.gaugeMax === null && max < 0) {
|
||||
max = 0;
|
||||
}
|
||||
|
||||
state.tmp.gaugeEvent.value = value;
|
||||
state.tmp.gaugeEvent.min = min;
|
||||
state.tmp.gaugeEvent.max = max;
|
||||
NETDATA.gaugeSetLabels(state, value, min, max);
|
||||
|
||||
if (state.tmp.gaugeEvent.timer === undefined) {
|
||||
NETDATA.gaugeAnimation(state, false);
|
||||
|
||||
state.tmp.gaugeEvent.timer = NETDATA.timeout.set(function () {
|
||||
state.tmp.gaugeEvent.timer = undefined;
|
||||
NETDATA.gaugeSet(state, state.tmp.gaugeEvent.value, state.tmp.gaugeEvent.min, state.tmp.gaugeEvent.max);
|
||||
}, 0);
|
||||
}
|
||||
|
||||
return true;
|
||||
};
|
||||
|
||||
NETDATA.gaugeChartUpdate = function (state, data) {
|
||||
let value, min, max;
|
||||
|
||||
if (NETDATA.globalPanAndZoom.isActive() || state.isAutoRefreshable() === false) {
|
||||
NETDATA.gaugeSetLabels(state, null, null, null);
|
||||
state.tmp.gauge_instance.set(0);
|
||||
} else {
|
||||
value = data.result[0];
|
||||
min = (state.tmp.gaugeMin === null) ? NETDATA.commonMin.get(state) : state.tmp.gaugeMin;
|
||||
max = (state.tmp.gaugeMax === null) ? NETDATA.commonMax.get(state) : state.tmp.gaugeMax;
|
||||
if (value < min) {
|
||||
min = value;
|
||||
}
|
||||
if (value > max) {
|
||||
max = value;
|
||||
}
|
||||
|
||||
// make sure it is zero based
|
||||
// but only if it has not been set by the user
|
||||
if (state.tmp.gaugeMin === null && min > 0) {
|
||||
min = 0;
|
||||
}
|
||||
if (state.tmp.gaugeMax === null && max < 0) {
|
||||
max = 0;
|
||||
}
|
||||
|
||||
NETDATA.gaugeSet(state, value, min, max);
|
||||
NETDATA.gaugeSetLabels(state, value, min, max);
|
||||
}
|
||||
|
||||
return true;
|
||||
};
|
||||
|
||||
NETDATA.gaugeChartCreate = function (state, data) {
|
||||
// let chart = $(state.element_chart);
|
||||
|
||||
let value = data.result[0];
|
||||
let min = NETDATA.dataAttribute(state.element, 'gauge-min-value', null);
|
||||
let max = NETDATA.dataAttribute(state.element, 'gauge-max-value', null);
|
||||
// let adjust = NETDATA.dataAttribute(state.element, 'gauge-adjust', null);
|
||||
let pointerColor = NETDATA.dataAttribute(state.element, 'gauge-pointer-color', NETDATA.themes.current.gauge_pointer);
|
||||
let strokeColor = NETDATA.dataAttribute(state.element, 'gauge-stroke-color', NETDATA.themes.current.gauge_stroke);
|
||||
let startColor = NETDATA.dataAttribute(state.element, 'gauge-start-color', state.chartCustomColors()[0]);
|
||||
let stopColor = NETDATA.dataAttribute(state.element, 'gauge-stop-color', void 0);
|
||||
let generateGradient = NETDATA.dataAttribute(state.element, 'gauge-generate-gradient', false);
|
||||
|
||||
if (min === null) {
|
||||
min = NETDATA.commonMin.get(state);
|
||||
state.tmp.gaugeMin = null;
|
||||
} else {
|
||||
state.tmp.gaugeMin = min;
|
||||
}
|
||||
|
||||
if (max === null) {
|
||||
max = NETDATA.commonMax.get(state);
|
||||
state.tmp.gaugeMax = null;
|
||||
} else {
|
||||
state.tmp.gaugeMax = max;
|
||||
}
|
||||
|
||||
// make sure it is zero based
|
||||
// but only if it has not been set by the user
|
||||
if (state.tmp.gaugeMin === null && min > 0) {
|
||||
min = 0;
|
||||
}
|
||||
if (state.tmp.gaugeMax === null && max < 0) {
|
||||
max = 0;
|
||||
}
|
||||
|
||||
let width = state.chartWidth(), height = state.chartHeight(); //, ratio = 1.5;
|
||||
// console.log('gauge width: ' + width.toString() + ', height: ' + height.toString());
|
||||
//switch(adjust) {
|
||||
// case 'width': width = height * ratio; break;
|
||||
// case 'height':
|
||||
// default: height = width / ratio; break;
|
||||
//}
|
||||
//state.element.style.width = width.toString() + 'px';
|
||||
//state.element.style.height = height.toString() + 'px';
|
||||
|
||||
let lum_d = 0.05;
|
||||
|
||||
let options = {
|
||||
lines: 12, // The number of lines to draw
|
||||
angle: 0.14, // The span of the gauge arc
|
||||
lineWidth: 0.57, // The line thickness
|
||||
radiusScale: 1.0, // Relative radius
|
||||
pointer: {
|
||||
length: 0.85, // 0.9 The radius of the inner circle
|
||||
strokeWidth: 0.045, // The rotation offset
|
||||
color: pointerColor // Fill color
|
||||
},
|
||||
limitMax: true, // If false, the max value of the gauge will be updated if value surpass max
|
||||
limitMin: true, // If true, the min value of the gauge will be fixed unless you set it manually
|
||||
colorStart: startColor, // Colors
|
||||
colorStop: stopColor, // just experiment with them
|
||||
strokeColor: strokeColor, // to see which ones work best for you
|
||||
generateGradient: (generateGradient === true), // gmosx:
|
||||
gradientType: 0,
|
||||
highDpiSupport: true // High resolution support
|
||||
};
|
||||
|
||||
if (generateGradient.constructor === Array) {
|
||||
// example options:
|
||||
// data-gauge-generate-gradient="[0, 50, 100]"
|
||||
// data-gauge-gradient-percent-color-0="#FFFFFF"
|
||||
// data-gauge-gradient-percent-color-50="#999900"
|
||||
// data-gauge-gradient-percent-color-100="#000000"
|
||||
|
||||
options.percentColors = [];
|
||||
let len = generateGradient.length;
|
||||
while (len--) {
|
||||
let pcent = generateGradient[len];
|
||||
let color = NETDATA.dataAttribute(state.element, 'gauge-gradient-percent-color-' + pcent.toString(), false);
|
||||
if (color !== false) {
|
||||
let a = [];
|
||||
a[0] = pcent / 100;
|
||||
a[1] = color;
|
||||
options.percentColors.unshift(a);
|
||||
}
|
||||
}
|
||||
if (options.percentColors.length === 0) {
|
||||
delete options.percentColors;
|
||||
}
|
||||
} else if (generateGradient === false && NETDATA.themes.current.gauge_gradient) {
|
||||
//noinspection PointlessArithmeticExpressionJS
|
||||
options.percentColors = [
|
||||
[0.0, NETDATA.colorLuminance(startColor, (lum_d * 10) - (lum_d * 0))],
|
||||
[0.1, NETDATA.colorLuminance(startColor, (lum_d * 10) - (lum_d * 1))],
|
||||
[0.2, NETDATA.colorLuminance(startColor, (lum_d * 10) - (lum_d * 2))],
|
||||
[0.3, NETDATA.colorLuminance(startColor, (lum_d * 10) - (lum_d * 3))],
|
||||
[0.4, NETDATA.colorLuminance(startColor, (lum_d * 10) - (lum_d * 4))],
|
||||
[0.5, NETDATA.colorLuminance(startColor, (lum_d * 10) - (lum_d * 5))],
|
||||
[0.6, NETDATA.colorLuminance(startColor, (lum_d * 10) - (lum_d * 6))],
|
||||
[0.7, NETDATA.colorLuminance(startColor, (lum_d * 10) - (lum_d * 7))],
|
||||
[0.8, NETDATA.colorLuminance(startColor, (lum_d * 10) - (lum_d * 8))],
|
||||
[0.9, NETDATA.colorLuminance(startColor, (lum_d * 10) - (lum_d * 9))],
|
||||
[1.0, NETDATA.colorLuminance(startColor, 0.0)]];
|
||||
}
|
||||
|
||||
state.tmp.gauge_canvas = document.createElement('canvas');
|
||||
state.tmp.gauge_canvas.id = 'gauge-' + state.uuid + '-canvas';
|
||||
state.tmp.gauge_canvas.className = 'gaugeChart';
|
||||
state.tmp.gauge_canvas.width = width;
|
||||
state.tmp.gauge_canvas.height = height;
|
||||
state.element_chart.appendChild(state.tmp.gauge_canvas);
|
||||
|
||||
let valuefontsize = Math.floor(height / 5);
|
||||
let valuetop = Math.round((height - valuefontsize) / 3.2);
|
||||
state.tmp.gaugeChartLabel = document.createElement('span');
|
||||
state.tmp.gaugeChartLabel.className = 'gaugeChartLabel';
|
||||
state.tmp.gaugeChartLabel.style.fontSize = valuefontsize + 'px';
|
||||
state.tmp.gaugeChartLabel.style.top = valuetop.toString() + 'px';
|
||||
state.element_chart.appendChild(state.tmp.gaugeChartLabel);
|
||||
|
||||
let titlefontsize = Math.round(valuefontsize / 2.1);
|
||||
let titletop = 0;
|
||||
state.tmp.gaugeChartTitle = document.createElement('span');
|
||||
state.tmp.gaugeChartTitle.className = 'gaugeChartTitle';
|
||||
state.tmp.gaugeChartTitle.innerText = state.title;
|
||||
state.tmp.gaugeChartTitle.style.fontSize = titlefontsize + 'px';
|
||||
state.tmp.gaugeChartTitle.style.lineHeight = titlefontsize + 'px';
|
||||
state.tmp.gaugeChartTitle.style.top = titletop.toString() + 'px';
|
||||
state.element_chart.appendChild(state.tmp.gaugeChartTitle);
|
||||
|
||||
let unitfontsize = Math.round(titlefontsize * 0.9);
|
||||
state.tmp.gaugeChartUnits = document.createElement('span');
|
||||
state.tmp.gaugeChartUnits.className = 'gaugeChartUnits';
|
||||
state.tmp.gaugeChartUnits.innerText = state.units_current;
|
||||
state.tmp.gaugeChartUnits.style.fontSize = unitfontsize + 'px';
|
||||
state.element_chart.appendChild(state.tmp.gaugeChartUnits);
|
||||
|
||||
state.tmp.gaugeChartMin = document.createElement('span');
|
||||
state.tmp.gaugeChartMin.className = 'gaugeChartMin';
|
||||
state.tmp.gaugeChartMin.style.fontSize = Math.round(valuefontsize * 0.75).toString() + 'px';
|
||||
state.element_chart.appendChild(state.tmp.gaugeChartMin);
|
||||
|
||||
state.tmp.gaugeChartMax = document.createElement('span');
|
||||
state.tmp.gaugeChartMax.className = 'gaugeChartMax';
|
||||
state.tmp.gaugeChartMax.style.fontSize = Math.round(valuefontsize * 0.75).toString() + 'px';
|
||||
state.element_chart.appendChild(state.tmp.gaugeChartMax);
|
||||
|
||||
// when we just re-create the chart
|
||||
// do not animate the first update
|
||||
let animate = true;
|
||||
if (typeof state.tmp.gauge_instance !== 'undefined') {
|
||||
animate = false;
|
||||
}
|
||||
|
||||
state.tmp.gauge_instance = new Gauge(state.tmp.gauge_canvas).setOptions(options); // create sexy gauge!
|
||||
|
||||
state.tmp.___gaugeOld__ = {
|
||||
value: value,
|
||||
min: min,
|
||||
max: max,
|
||||
valueLabel: null,
|
||||
minLabel: null,
|
||||
maxLabel: null
|
||||
};
|
||||
|
||||
// we will always feed a percentage
|
||||
state.tmp.gauge_instance.minValue = 0;
|
||||
state.tmp.gauge_instance.maxValue = 100;
|
||||
|
||||
NETDATA.gaugeAnimation(state, animate);
|
||||
NETDATA.gaugeSet(state, value, min, max);
|
||||
NETDATA.gaugeSetLabels(state, value, min, max);
|
||||
NETDATA.gaugeAnimation(state, true);
|
||||
|
||||
state.legendSetUnitsString = function (units) {
|
||||
if (typeof state.tmp.gaugeChartUnits !== 'undefined' && state.tmp.units !== units) {
|
||||
state.tmp.gaugeChartUnits.innerText = units;
|
||||
state.tmp.___gaugeOld__.valueLabel = null;
|
||||
state.tmp.___gaugeOld__.minLabel = null;
|
||||
state.tmp.___gaugeOld__.maxLabel = null;
|
||||
state.tmp.units = units;
|
||||
}
|
||||
};
|
||||
state.legendShowUndefined = function () {
|
||||
if (typeof state.tmp.gauge_instance !== 'undefined') {
|
||||
NETDATA.gaugeClearSelection(state);
|
||||
}
|
||||
};
|
||||
|
||||
return true;
|
||||
};
|
||||
|
|
@ -1,132 +0,0 @@
|
|||
// google charts
|
||||
|
||||
// Codacy declarations
|
||||
/* global google */
|
||||
|
||||
NETDATA.googleInitialize = function (callback) {
|
||||
if (typeof netdataNoGoogleCharts === 'undefined' || !netdataNoGoogleCharts) {
|
||||
$.ajax({
|
||||
url: NETDATA.google_js,
|
||||
cache: true,
|
||||
dataType: "script",
|
||||
xhrFields: {withCredentials: true} // required for the cookie
|
||||
})
|
||||
.done(function () {
|
||||
NETDATA.registerChartLibrary('google', NETDATA.google_js);
|
||||
google.load('visualization', '1.1', {
|
||||
'packages': ['corechart', 'controls'],
|
||||
'callback': callback
|
||||
});
|
||||
})
|
||||
.fail(function () {
|
||||
NETDATA.chartLibraries.google.enabled = false;
|
||||
NETDATA.error(100, NETDATA.google_js);
|
||||
if (typeof callback === "function") {
|
||||
return callback();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
NETDATA.chartLibraries.google.enabled = false;
|
||||
if (typeof callback === "function") {
|
||||
return callback();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.googleChartUpdate = function (state, data) {
|
||||
let datatable = new google.visualization.DataTable(data.result);
|
||||
state.google_instance.draw(datatable, state.google_options);
|
||||
return true;
|
||||
};
|
||||
|
||||
NETDATA.googleChartCreate = function (state, data) {
|
||||
let datatable = new google.visualization.DataTable(data.result);
|
||||
|
||||
state.google_options = {
|
||||
colors: state.chartColors(),
|
||||
|
||||
// do not set width, height - the chart resizes itself
|
||||
//width: state.chartWidth(),
|
||||
//height: state.chartHeight(),
|
||||
lineWidth: 1,
|
||||
title: state.title,
|
||||
fontSize: 11,
|
||||
hAxis: {
|
||||
// title: "Time of Day",
|
||||
// format:'HH:mm:ss',
|
||||
viewWindowMode: 'maximized',
|
||||
slantedText: false,
|
||||
format: 'HH:mm:ss',
|
||||
textStyle: {
|
||||
fontSize: 9
|
||||
},
|
||||
gridlines: {
|
||||
color: '#EEE'
|
||||
}
|
||||
},
|
||||
vAxis: {
|
||||
title: state.units_current,
|
||||
viewWindowMode: 'pretty',
|
||||
minValue: -0.1,
|
||||
maxValue: 0.1,
|
||||
direction: 1,
|
||||
textStyle: {
|
||||
fontSize: 9
|
||||
},
|
||||
gridlines: {
|
||||
color: '#EEE'
|
||||
}
|
||||
},
|
||||
chartArea: {
|
||||
width: '65%',
|
||||
height: '80%'
|
||||
},
|
||||
focusTarget: 'category',
|
||||
annotation: {
|
||||
'1': {
|
||||
style: 'line'
|
||||
}
|
||||
},
|
||||
pointsVisible: 0,
|
||||
titlePosition: 'out',
|
||||
titleTextStyle: {
|
||||
fontSize: 11
|
||||
},
|
||||
tooltip: {
|
||||
isHtml: false,
|
||||
ignoreBounds: true,
|
||||
textStyle: {
|
||||
fontSize: 9
|
||||
}
|
||||
},
|
||||
curveType: 'function',
|
||||
areaOpacity: 0.3,
|
||||
isStacked: false
|
||||
};
|
||||
|
||||
switch (state.chart.chart_type) {
|
||||
case "area":
|
||||
state.google_options.vAxis.viewWindowMode = 'maximized';
|
||||
state.google_options.areaOpacity = NETDATA.options.current.color_fill_opacity_area;
|
||||
state.google_instance = new google.visualization.AreaChart(state.element_chart);
|
||||
break;
|
||||
|
||||
case "stacked":
|
||||
state.google_options.isStacked = true;
|
||||
state.google_options.areaOpacity = NETDATA.options.current.color_fill_opacity_stacked;
|
||||
state.google_options.vAxis.viewWindowMode = 'maximized';
|
||||
state.google_options.vAxis.minValue = null;
|
||||
state.google_options.vAxis.maxValue = null;
|
||||
state.google_instance = new google.visualization.AreaChart(state.element_chart);
|
||||
break;
|
||||
|
||||
default:
|
||||
case "line":
|
||||
state.google_options.lineWidth = 2;
|
||||
state.google_instance = new google.visualization.LineChart(state.element_chart);
|
||||
break;
|
||||
}
|
||||
|
||||
state.google_instance.draw(datatable, state.google_options);
|
||||
return true;
|
||||
};
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
|
||||
// peity
|
||||
|
||||
NETDATA.peityInitialize = function (callback) {
|
||||
if (typeof netdataNoPeitys === 'undefined' || !netdataNoPeitys) {
|
||||
$.ajax({
|
||||
url: NETDATA.peity_js,
|
||||
cache: true,
|
||||
dataType: "script",
|
||||
xhrFields: {withCredentials: true} // required for the cookie
|
||||
})
|
||||
.done(function () {
|
||||
NETDATA.registerChartLibrary('peity', NETDATA.peity_js);
|
||||
})
|
||||
.fail(function () {
|
||||
NETDATA.chartLibraries.peity.enabled = false;
|
||||
NETDATA.error(100, NETDATA.peity_js);
|
||||
})
|
||||
.always(function () {
|
||||
if (typeof callback === "function") {
|
||||
return callback();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
NETDATA.chartLibraries.peity.enabled = false;
|
||||
if (typeof callback === "function") {
|
||||
return callback();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.peityChartUpdate = function (state, data) {
|
||||
state.peity_instance.innerHTML = data.result;
|
||||
|
||||
if (state.peity_options.stroke !== state.chartCustomColors()[0]) {
|
||||
state.peity_options.stroke = state.chartCustomColors()[0];
|
||||
if (state.chart.chart_type === 'line') {
|
||||
state.peity_options.fill = NETDATA.themes.current.background;
|
||||
} else {
|
||||
state.peity_options.fill = NETDATA.colorLuminance(state.chartCustomColors()[0], NETDATA.chartDefaults.fill_luminance);
|
||||
}
|
||||
}
|
||||
|
||||
$(state.peity_instance).peity('line', state.peity_options);
|
||||
return true;
|
||||
};
|
||||
|
||||
NETDATA.peityChartCreate = function (state, data) {
|
||||
state.peity_instance = document.createElement('div');
|
||||
state.element_chart.appendChild(state.peity_instance);
|
||||
|
||||
state.peity_options = {
|
||||
stroke: NETDATA.themes.current.foreground,
|
||||
strokeWidth: NETDATA.dataAttribute(state.element, 'peity-strokewidth', 1),
|
||||
width: state.chartWidth(),
|
||||
height: state.chartHeight(),
|
||||
fill: NETDATA.themes.current.foreground
|
||||
};
|
||||
|
||||
NETDATA.peityChartUpdate(state, data);
|
||||
return true;
|
||||
};
|
||||
|
|
@ -1,155 +0,0 @@
|
|||
// ----------------------------------------------------------------------------------------------------------------
|
||||
// sparkline
|
||||
|
||||
NETDATA.sparklineInitialize = function (callback) {
|
||||
if (typeof netdataNoSparklines === 'undefined' || !netdataNoSparklines) {
|
||||
$.ajax({
|
||||
url: NETDATA.sparkline_js,
|
||||
cache: true,
|
||||
dataType: "script",
|
||||
xhrFields: {withCredentials: true} // required for the cookie
|
||||
})
|
||||
.done(function () {
|
||||
NETDATA.registerChartLibrary('sparkline', NETDATA.sparkline_js);
|
||||
})
|
||||
.fail(function () {
|
||||
NETDATA.chartLibraries.sparkline.enabled = false;
|
||||
NETDATA.error(100, NETDATA.sparkline_js);
|
||||
})
|
||||
.always(function () {
|
||||
if (typeof callback === "function") {
|
||||
return callback();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
NETDATA.chartLibraries.sparkline.enabled = false;
|
||||
if (typeof callback === "function") {
|
||||
return callback();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.sparklineChartUpdate = function (state, data) {
|
||||
state.sparkline_options.width = state.chartWidth();
|
||||
state.sparkline_options.height = state.chartHeight();
|
||||
|
||||
$(state.element_chart).sparkline(data.result, state.sparkline_options);
|
||||
return true;
|
||||
};
|
||||
|
||||
NETDATA.sparklineChartCreate = function (state, data) {
|
||||
let type = NETDATA.dataAttribute(state.element, 'sparkline-type', 'line');
|
||||
let lineColor = NETDATA.dataAttribute(state.element, 'sparkline-linecolor', state.chartCustomColors()[0]);
|
||||
let fillColor = NETDATA.dataAttribute(state.element, 'sparkline-fillcolor', ((state.chart.chart_type === 'line') ? NETDATA.themes.current.background : NETDATA.colorLuminance(lineColor, NETDATA.chartDefaults.fill_luminance)));
|
||||
let chartRangeMin = NETDATA.dataAttribute(state.element, 'sparkline-chartrangemin', undefined);
|
||||
let chartRangeMax = NETDATA.dataAttribute(state.element, 'sparkline-chartrangemax', undefined);
|
||||
let composite = NETDATA.dataAttribute(state.element, 'sparkline-composite', undefined);
|
||||
let enableTagOptions = NETDATA.dataAttribute(state.element, 'sparkline-enabletagoptions', undefined);
|
||||
let tagOptionPrefix = NETDATA.dataAttribute(state.element, 'sparkline-tagoptionprefix', undefined);
|
||||
let tagValuesAttribute = NETDATA.dataAttribute(state.element, 'sparkline-tagvaluesattribute', undefined);
|
||||
let disableHiddenCheck = NETDATA.dataAttribute(state.element, 'sparkline-disablehiddencheck', undefined);
|
||||
let defaultPixelsPerValue = NETDATA.dataAttribute(state.element, 'sparkline-defaultpixelspervalue', undefined);
|
||||
let spotColor = NETDATA.dataAttribute(state.element, 'sparkline-spotcolor', undefined);
|
||||
let minSpotColor = NETDATA.dataAttribute(state.element, 'sparkline-minspotcolor', undefined);
|
||||
let maxSpotColor = NETDATA.dataAttribute(state.element, 'sparkline-maxspotcolor', undefined);
|
||||
let spotRadius = NETDATA.dataAttribute(state.element, 'sparkline-spotradius', undefined);
|
||||
let valueSpots = NETDATA.dataAttribute(state.element, 'sparkline-valuespots', undefined);
|
||||
let highlightSpotColor = NETDATA.dataAttribute(state.element, 'sparkline-highlightspotcolor', undefined);
|
||||
let highlightLineColor = NETDATA.dataAttribute(state.element, 'sparkline-highlightlinecolor', undefined);
|
||||
let lineWidth = NETDATA.dataAttribute(state.element, 'sparkline-linewidth', undefined);
|
||||
let normalRangeMin = NETDATA.dataAttribute(state.element, 'sparkline-normalrangemin', undefined);
|
||||
let normalRangeMax = NETDATA.dataAttribute(state.element, 'sparkline-normalrangemax', undefined);
|
||||
let drawNormalOnTop = NETDATA.dataAttribute(state.element, 'sparkline-drawnormalontop', undefined);
|
||||
let xvalues = NETDATA.dataAttribute(state.element, 'sparkline-xvalues', undefined);
|
||||
let chartRangeClip = NETDATA.dataAttribute(state.element, 'sparkline-chartrangeclip', undefined);
|
||||
let chartRangeMinX = NETDATA.dataAttribute(state.element, 'sparkline-chartrangeminx', undefined);
|
||||
let chartRangeMaxX = NETDATA.dataAttribute(state.element, 'sparkline-chartrangemaxx', undefined);
|
||||
let disableInteraction = NETDATA.dataAttributeBoolean(state.element, 'sparkline-disableinteraction', false);
|
||||
let disableTooltips = NETDATA.dataAttributeBoolean(state.element, 'sparkline-disabletooltips', false);
|
||||
let disableHighlight = NETDATA.dataAttributeBoolean(state.element, 'sparkline-disablehighlight', false);
|
||||
let highlightLighten = NETDATA.dataAttribute(state.element, 'sparkline-highlightlighten', 1.4);
|
||||
let highlightColor = NETDATA.dataAttribute(state.element, 'sparkline-highlightcolor', undefined);
|
||||
let tooltipContainer = NETDATA.dataAttribute(state.element, 'sparkline-tooltipcontainer', undefined);
|
||||
let tooltipClassname = NETDATA.dataAttribute(state.element, 'sparkline-tooltipclassname', undefined);
|
||||
let tooltipFormat = NETDATA.dataAttribute(state.element, 'sparkline-tooltipformat', undefined);
|
||||
let tooltipPrefix = NETDATA.dataAttribute(state.element, 'sparkline-tooltipprefix', undefined);
|
||||
let tooltipSuffix = NETDATA.dataAttribute(state.element, 'sparkline-tooltipsuffix', ' ' + state.units_current);
|
||||
let tooltipSkipNull = NETDATA.dataAttributeBoolean(state.element, 'sparkline-tooltipskipnull', true);
|
||||
let tooltipValueLookups = NETDATA.dataAttribute(state.element, 'sparkline-tooltipvaluelookups', undefined);
|
||||
let tooltipFormatFieldlist = NETDATA.dataAttribute(state.element, 'sparkline-tooltipformatfieldlist', undefined);
|
||||
let tooltipFormatFieldlistKey = NETDATA.dataAttribute(state.element, 'sparkline-tooltipformatfieldlistkey', undefined);
|
||||
let numberFormatter = NETDATA.dataAttribute(state.element, 'sparkline-numberformatter', function (n) {
|
||||
return n.toFixed(2);
|
||||
});
|
||||
let numberDigitGroupSep = NETDATA.dataAttribute(state.element, 'sparkline-numberdigitgroupsep', undefined);
|
||||
let numberDecimalMark = NETDATA.dataAttribute(state.element, 'sparkline-numberdecimalmark', undefined);
|
||||
let numberDigitGroupCount = NETDATA.dataAttribute(state.element, 'sparkline-numberdigitgroupcount', undefined);
|
||||
let animatedZooms = NETDATA.dataAttributeBoolean(state.element, 'sparkline-animatedzooms', false);
|
||||
|
||||
if (spotColor === 'disable') {
|
||||
spotColor = '';
|
||||
}
|
||||
if (minSpotColor === 'disable') {
|
||||
minSpotColor = '';
|
||||
}
|
||||
if (maxSpotColor === 'disable') {
|
||||
maxSpotColor = '';
|
||||
}
|
||||
|
||||
// state.log('sparkline type ' + type + ', lineColor: ' + lineColor + ', fillColor: ' + fillColor);
|
||||
|
||||
state.sparkline_options = {
|
||||
type: type,
|
||||
lineColor: lineColor,
|
||||
fillColor: fillColor,
|
||||
chartRangeMin: chartRangeMin,
|
||||
chartRangeMax: chartRangeMax,
|
||||
composite: composite,
|
||||
enableTagOptions: enableTagOptions,
|
||||
tagOptionPrefix: tagOptionPrefix,
|
||||
tagValuesAttribute: tagValuesAttribute,
|
||||
disableHiddenCheck: disableHiddenCheck,
|
||||
defaultPixelsPerValue: defaultPixelsPerValue,
|
||||
spotColor: spotColor,
|
||||
minSpotColor: minSpotColor,
|
||||
maxSpotColor: maxSpotColor,
|
||||
spotRadius: spotRadius,
|
||||
valueSpots: valueSpots,
|
||||
highlightSpotColor: highlightSpotColor,
|
||||
highlightLineColor: highlightLineColor,
|
||||
lineWidth: lineWidth,
|
||||
normalRangeMin: normalRangeMin,
|
||||
normalRangeMax: normalRangeMax,
|
||||
drawNormalOnTop: drawNormalOnTop,
|
||||
xvalues: xvalues,
|
||||
chartRangeClip: chartRangeClip,
|
||||
chartRangeMinX: chartRangeMinX,
|
||||
chartRangeMaxX: chartRangeMaxX,
|
||||
disableInteraction: disableInteraction,
|
||||
disableTooltips: disableTooltips,
|
||||
disableHighlight: disableHighlight,
|
||||
highlightLighten: highlightLighten,
|
||||
highlightColor: highlightColor,
|
||||
tooltipContainer: tooltipContainer,
|
||||
tooltipClassname: tooltipClassname,
|
||||
tooltipChartTitle: state.title,
|
||||
tooltipFormat: tooltipFormat,
|
||||
tooltipPrefix: tooltipPrefix,
|
||||
tooltipSuffix: tooltipSuffix,
|
||||
tooltipSkipNull: tooltipSkipNull,
|
||||
tooltipValueLookups: tooltipValueLookups,
|
||||
tooltipFormatFieldlist: tooltipFormatFieldlist,
|
||||
tooltipFormatFieldlistKey: tooltipFormatFieldlistKey,
|
||||
numberFormatter: numberFormatter,
|
||||
numberDigitGroupSep: numberDigitGroupSep,
|
||||
numberDecimalMark: numberDecimalMark,
|
||||
numberDigitGroupCount: numberDigitGroupCount,
|
||||
animatedZooms: animatedZooms,
|
||||
width: state.chartWidth(),
|
||||
height: state.chartHeight()
|
||||
};
|
||||
|
||||
$(state.element_chart).sparkline(data.result, state.sparkline_options);
|
||||
|
||||
return true;
|
||||
};
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
|
||||
// ----------------------------------------------------------------------------------------------------------------
|
||||
// "Text-only" chart - Just renders the raw value to the DOM
|
||||
|
||||
NETDATA.textOnlyCreate = function(state, data) {
|
||||
var decimalPlaces = NETDATA.dataAttribute(state.element, 'textonly-decimal-places', 1);
|
||||
var prefix = NETDATA.dataAttribute(state.element, 'textonly-prefix', '');
|
||||
var suffix = NETDATA.dataAttribute(state.element, 'textonly-suffix', '');
|
||||
|
||||
// Round based on number of decimal places to show
|
||||
var precision = Math.pow(10, decimalPlaces);
|
||||
var value = Math.round(data.result[0] * precision) / precision;
|
||||
|
||||
state.element.textContent = prefix + value + suffix;
|
||||
return true;
|
||||
}
|
||||
|
||||
NETDATA.textOnlyUpdate = NETDATA.textOnlyCreate;
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
NETDATA.colorHex2Rgb = function (hex) {
|
||||
// Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
|
||||
let shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
|
||||
hex = hex.replace(shorthandRegex, function (m, r, g, b) {
|
||||
return r + r + g + g + b + b;
|
||||
});
|
||||
|
||||
let result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
|
||||
return result ? {
|
||||
r: parseInt(result[1], 16),
|
||||
g: parseInt(result[2], 16),
|
||||
b: parseInt(result[3], 16)
|
||||
} : null;
|
||||
};
|
||||
|
||||
NETDATA.colorLuminance = function (hex, lum) {
|
||||
// validate hex string
|
||||
hex = String(hex).replace(/[^0-9a-f]/gi, '');
|
||||
if (hex.length < 6) {
|
||||
hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
|
||||
}
|
||||
|
||||
lum = lum || 0;
|
||||
|
||||
// convert to decimal and change luminosity
|
||||
let rgb = "#";
|
||||
for (let i = 0; i < 3; i++) {
|
||||
let c = parseInt(hex.substr(i * 2, 2), 16);
|
||||
c = Math.round(Math.min(Math.max(0, c + (c * lum)), 255)).toString(16);
|
||||
rgb += ("00" + c).substr(c.length);
|
||||
}
|
||||
|
||||
return rgb;
|
||||
};
|
||||
|
|
@ -1,249 +0,0 @@
|
|||
|
||||
// Compute common (joint) values over multiple charts.
|
||||
|
||||
|
||||
// commonMin & commonMax
|
||||
|
||||
NETDATA.commonMin = {
|
||||
keys: {},
|
||||
latest: {},
|
||||
|
||||
globalReset: function () {
|
||||
this.keys = {};
|
||||
this.latest = {};
|
||||
},
|
||||
|
||||
get: function (state) {
|
||||
if (typeof state.tmp.__commonMin === 'undefined') {
|
||||
// get the commonMin setting
|
||||
state.tmp.__commonMin = NETDATA.dataAttribute(state.element, 'common-min', null);
|
||||
}
|
||||
|
||||
let min = state.data.min;
|
||||
let name = state.tmp.__commonMin;
|
||||
|
||||
if (name === null) {
|
||||
// we don't need commonMin
|
||||
//state.log('no need for commonMin');
|
||||
return min;
|
||||
}
|
||||
|
||||
let t = this.keys[name];
|
||||
if (typeof t === 'undefined') {
|
||||
// add our commonMin
|
||||
this.keys[name] = {};
|
||||
t = this.keys[name];
|
||||
}
|
||||
|
||||
let uuid = state.uuid;
|
||||
if (typeof t[uuid] !== 'undefined') {
|
||||
if (t[uuid] === min) {
|
||||
//state.log('commonMin ' + state.tmp.__commonMin + ' not changed: ' + this.latest[name]);
|
||||
return this.latest[name];
|
||||
} else if (min < this.latest[name]) {
|
||||
//state.log('commonMin ' + state.tmp.__commonMin + ' increased: ' + min);
|
||||
t[uuid] = min;
|
||||
this.latest[name] = min;
|
||||
return min;
|
||||
}
|
||||
}
|
||||
|
||||
// add our min
|
||||
t[uuid] = min;
|
||||
|
||||
// find the common min
|
||||
let m = min;
|
||||
// for (let i in t) {
|
||||
// if (t.hasOwnProperty(i) && t[i] < m) m = t[i];
|
||||
// }
|
||||
for (var ti of Object.values(t)) {
|
||||
if (ti < m) {
|
||||
m = ti;
|
||||
}
|
||||
}
|
||||
|
||||
//state.log('commonMin ' + state.tmp.__commonMin + ' updated: ' + m);
|
||||
this.latest[name] = m;
|
||||
return m;
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.commonMax = {
|
||||
keys: {},
|
||||
latest: {},
|
||||
|
||||
globalReset: function () {
|
||||
this.keys = {};
|
||||
this.latest = {};
|
||||
},
|
||||
|
||||
get: function (state) {
|
||||
if (typeof state.tmp.__commonMax === 'undefined') {
|
||||
// get the commonMax setting
|
||||
state.tmp.__commonMax = NETDATA.dataAttribute(state.element, 'common-max', null);
|
||||
}
|
||||
|
||||
let max = state.data.max;
|
||||
let name = state.tmp.__commonMax;
|
||||
|
||||
if (name === null) {
|
||||
// we don't need commonMax
|
||||
//state.log('no need for commonMax');
|
||||
return max;
|
||||
}
|
||||
|
||||
let t = this.keys[name];
|
||||
if (typeof t === 'undefined') {
|
||||
// add our commonMax
|
||||
this.keys[name] = {};
|
||||
t = this.keys[name];
|
||||
}
|
||||
|
||||
let uuid = state.uuid;
|
||||
if (typeof t[uuid] !== 'undefined') {
|
||||
if (t[uuid] === max) {
|
||||
//state.log('commonMax ' + state.tmp.__commonMax + ' not changed: ' + this.latest[name]);
|
||||
return this.latest[name];
|
||||
} else if (max > this.latest[name]) {
|
||||
//state.log('commonMax ' + state.tmp.__commonMax + ' increased: ' + max);
|
||||
t[uuid] = max;
|
||||
this.latest[name] = max;
|
||||
return max;
|
||||
}
|
||||
}
|
||||
|
||||
// add our max
|
||||
t[uuid] = max;
|
||||
|
||||
// find the common max
|
||||
let m = max;
|
||||
// for (let i in t) {
|
||||
// if (t.hasOwnProperty(i) && t[i] > m) m = t[i];
|
||||
// }
|
||||
for (var ti of Object.values(t)) {
|
||||
if (ti > m) {
|
||||
m = ti;
|
||||
}
|
||||
}
|
||||
|
||||
//state.log('commonMax ' + state.tmp.__commonMax + ' updated: ' + m);
|
||||
this.latest[name] = m;
|
||||
return m;
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.commonColors = {
|
||||
keys: {},
|
||||
|
||||
globalReset: function () {
|
||||
this.keys = {};
|
||||
},
|
||||
|
||||
get: function (state, label) {
|
||||
let ret = this.refill(state);
|
||||
|
||||
if (typeof ret.assigned[label] === 'undefined') {
|
||||
ret.assigned[label] = ret.available.shift();
|
||||
}
|
||||
|
||||
return ret.assigned[label];
|
||||
},
|
||||
|
||||
refill: function (state) {
|
||||
let ret, len;
|
||||
|
||||
if (typeof state.tmp.__commonColors === 'undefined') {
|
||||
ret = this.prepare(state);
|
||||
} else {
|
||||
ret = this.keys[state.tmp.__commonColors];
|
||||
if (typeof ret === 'undefined') {
|
||||
ret = this.prepare(state);
|
||||
}
|
||||
}
|
||||
|
||||
if (ret.available.length === 0) {
|
||||
if (ret.copy_theme || ret.custom.length === 0) {
|
||||
// copy the theme colors
|
||||
len = NETDATA.themes.current.colors.length;
|
||||
while (len--) {
|
||||
ret.available.unshift(NETDATA.themes.current.colors[len]);
|
||||
}
|
||||
}
|
||||
|
||||
// copy the custom colors
|
||||
len = ret.custom.length;
|
||||
while (len--) {
|
||||
ret.available.unshift(ret.custom[len]);
|
||||
}
|
||||
}
|
||||
|
||||
state.colors_assigned = ret.assigned;
|
||||
state.colors_available = ret.available;
|
||||
state.colors_custom = ret.custom;
|
||||
|
||||
return ret;
|
||||
},
|
||||
|
||||
__read_custom_colors: function (state, ret) {
|
||||
// add the user supplied colors
|
||||
let c = NETDATA.dataAttribute(state.element, 'colors', undefined);
|
||||
if (typeof c === 'string' && c.length > 0) {
|
||||
c = c.split(' ');
|
||||
let len = c.length;
|
||||
|
||||
if (len > 0 && c[len - 1] === 'ONLY') {
|
||||
len--;
|
||||
ret.copy_theme = false;
|
||||
}
|
||||
|
||||
while (len--) {
|
||||
ret.custom.unshift(c[len]);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
prepare: function (state) {
|
||||
let has_custom_colors = false;
|
||||
|
||||
if (typeof state.tmp.__commonColors === 'undefined') {
|
||||
let defname = state.chart.context;
|
||||
|
||||
// if this chart has data-colors=""
|
||||
// we should use the chart uuid as the default key (private palette)
|
||||
// (data-common-colors="NAME" will be used anyways)
|
||||
let c = NETDATA.dataAttribute(state.element, 'colors', undefined);
|
||||
if (typeof c === 'string' && c.length > 0) {
|
||||
defname = state.uuid;
|
||||
has_custom_colors = true;
|
||||
}
|
||||
|
||||
// get the commonColors setting
|
||||
state.tmp.__commonColors = NETDATA.dataAttribute(state.element, 'common-colors', defname);
|
||||
}
|
||||
|
||||
let name = state.tmp.__commonColors;
|
||||
let ret = this.keys[name];
|
||||
|
||||
if (typeof ret === 'undefined') {
|
||||
// add our commonMax
|
||||
this.keys[name] = {
|
||||
assigned: {}, // name-value of dimensions and their colors
|
||||
available: [], // an array of colors available to be used
|
||||
custom: [], // the array of colors defined by the user
|
||||
charts: {}, // the charts linked to this
|
||||
copy_theme: true
|
||||
};
|
||||
ret = this.keys[name];
|
||||
}
|
||||
|
||||
if (typeof ret.charts[state.uuid] === 'undefined') {
|
||||
ret.charts[state.uuid] = state;
|
||||
|
||||
if (has_custom_colors) {
|
||||
this.__read_custom_colors(state, ret);
|
||||
}
|
||||
}
|
||||
|
||||
return ret;
|
||||
}
|
||||
};
|
||||
|
|
@ -1,31 +0,0 @@
|
|||
// *** src/dashboard.js/compatibility.js
|
||||
|
||||
// Compatibility fixes.
|
||||
|
||||
// fix IE issue with console
|
||||
if (!window.console) {
|
||||
window.console = {
|
||||
log: function () {
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
// if string.endsWith is not defined, define it
|
||||
if (typeof String.prototype.endsWith !== 'function') {
|
||||
String.prototype.endsWith = function (s) {
|
||||
if (s.length > this.length) {
|
||||
return false;
|
||||
}
|
||||
return this.slice(-s.length) === s;
|
||||
};
|
||||
}
|
||||
|
||||
// if string.startsWith is not defined, define it
|
||||
if (typeof String.prototype.startsWith !== 'function') {
|
||||
String.prototype.startsWith = function (s) {
|
||||
if (s.length > this.length) {
|
||||
return false;
|
||||
}
|
||||
return this.slice(s.length) === s;
|
||||
};
|
||||
}
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
|
||||
// *** src/dashboard.js/dependencies.js
|
||||
|
||||
// default URLs for all the external files we need
|
||||
// make them RELATIVE so that the whole thing can also be
|
||||
// installed under a web server
|
||||
NETDATA.jQuery = NETDATA.serverStatic + 'lib/jquery-3.6.0.min.js';
|
||||
NETDATA.peity_js = NETDATA.serverStatic + 'lib/jquery.peity-3.2.0.min.js';
|
||||
NETDATA.sparkline_js = NETDATA.serverStatic + 'lib/jquery.sparkline-2.1.2.min.js';
|
||||
NETDATA.easypiechart_js = NETDATA.serverStatic + 'lib/jquery.easypiechart-97b5824.min.js';
|
||||
NETDATA.gauge_js = NETDATA.serverStatic + 'lib/gauge-1.3.2.min.js';
|
||||
NETDATA.dygraph_js = NETDATA.serverStatic + 'lib/dygraph-c91c859.min.js';
|
||||
NETDATA.dygraph_smooth_js = NETDATA.serverStatic + 'lib/dygraph-smooth-plotter-c91c859.js';
|
||||
// NETDATA.raphael_js = NETDATA.serverStatic + 'lib/raphael-2.2.4-min.js';
|
||||
// NETDATA.c3_js = NETDATA.serverStatic + 'lib/c3-0.4.18.min.js';
|
||||
// NETDATA.c3_css = NETDATA.serverStatic + 'css/c3-0.4.18.min.css';
|
||||
NETDATA.d3pie_js = NETDATA.serverStatic + 'lib/d3pie-0.2.1-netdata-3.js';
|
||||
NETDATA.d3_js = NETDATA.serverStatic + 'lib/d3-4.12.2.min.js';
|
||||
// NETDATA.morris_js = NETDATA.serverStatic + 'lib/morris-0.5.1.min.js';
|
||||
// NETDATA.morris_css = NETDATA.serverStatic + 'css/morris-0.5.1.css';
|
||||
NETDATA.google_js = 'https://www.google.com/jsapi';
|
||||
|
|
@ -1 +0,0 @@
|
|||
})(window, document, (typeof jQuery === 'function')?jQuery:undefined);
|
||||
|
|
@ -1,52 +0,0 @@
|
|||
// Error Handling
|
||||
|
||||
NETDATA.errorCodes = {
|
||||
100: {message: "Cannot load chart library", alert: true},
|
||||
101: {message: "Cannot load jQuery", alert: true},
|
||||
402: {message: "Chart library not found", alert: false},
|
||||
403: {message: "Chart library not enabled/is failed", alert: false},
|
||||
404: {message: "Chart not found", alert: false},
|
||||
405: {message: "Cannot download charts index from server", alert: true},
|
||||
406: {message: "Invalid charts index downloaded from server", alert: true},
|
||||
407: {message: "Cannot HELLO netdata server", alert: false},
|
||||
408: {message: "Netdata servers sent invalid response to HELLO", alert: false},
|
||||
409: {message: "Cannot ACCESS netdata registry", alert: false},
|
||||
410: {message: "Netdata registry ACCESS failed", alert: false},
|
||||
411: {message: "Netdata registry server send invalid response to DELETE ", alert: false},
|
||||
412: {message: "Netdata registry DELETE failed", alert: false},
|
||||
413: {message: "Netdata registry server send invalid response to SWITCH ", alert: false},
|
||||
414: {message: "Netdata registry SWITCH failed", alert: false},
|
||||
415: {message: "Netdata alarms download failed", alert: false},
|
||||
416: {message: "Netdata alarms log download failed", alert: false},
|
||||
417: {message: "Netdata registry server send invalid response to SEARCH ", alert: false},
|
||||
418: {message: "Netdata registry SEARCH failed", alert: false}
|
||||
};
|
||||
|
||||
NETDATA.errorLast = {
|
||||
code: 0,
|
||||
message: "",
|
||||
datetime: 0
|
||||
};
|
||||
|
||||
NETDATA.error = function (code, msg) {
|
||||
NETDATA.errorLast.code = code;
|
||||
NETDATA.errorLast.message = msg;
|
||||
NETDATA.errorLast.datetime = Date.now();
|
||||
|
||||
console.log("ERROR " + code + ": " + NETDATA.errorCodes[code].message + ": " + msg);
|
||||
|
||||
let ret = true;
|
||||
if (typeof netdataErrorCallback === 'function') {
|
||||
ret = netdataErrorCallback('system', code, msg);
|
||||
}
|
||||
|
||||
if (ret && NETDATA.errorCodes[code].alert) {
|
||||
alert("ERROR " + code + ": " + NETDATA.errorCodes[code].message + ": " + msg);
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.errorReset = function () {
|
||||
NETDATA.errorLast.code = 0;
|
||||
NETDATA.errorLast.message = "You are doing fine!";
|
||||
NETDATA.errorLast.datetime = 0;
|
||||
};
|
||||
|
|
@ -1,173 +0,0 @@
|
|||
|
||||
// local storage options
|
||||
|
||||
NETDATA.localStorage = {
|
||||
default: {},
|
||||
current: {},
|
||||
callback: {} // only used for resetting back to defaults
|
||||
};
|
||||
|
||||
NETDATA.localStorageTested = -1;
|
||||
NETDATA.localStorageTest = function () {
|
||||
if (NETDATA.localStorageTested !== -1) {
|
||||
return NETDATA.localStorageTested;
|
||||
}
|
||||
|
||||
if (typeof Storage !== "undefined" && typeof localStorage === 'object') {
|
||||
let test = 'test';
|
||||
try {
|
||||
localStorage.setItem(test, test);
|
||||
localStorage.removeItem(test);
|
||||
NETDATA.localStorageTested = true;
|
||||
} catch (e) {
|
||||
NETDATA.localStorageTested = false;
|
||||
}
|
||||
} else {
|
||||
NETDATA.localStorageTested = false;
|
||||
}
|
||||
|
||||
return NETDATA.localStorageTested;
|
||||
};
|
||||
|
||||
NETDATA.localStorageGet = function (key, def, callback) {
|
||||
let ret = def;
|
||||
|
||||
if (typeof NETDATA.localStorage.default[key.toString()] === 'undefined') {
|
||||
NETDATA.localStorage.default[key.toString()] = def;
|
||||
NETDATA.localStorage.callback[key.toString()] = callback;
|
||||
}
|
||||
|
||||
if (NETDATA.localStorageTest()) {
|
||||
try {
|
||||
// console.log('localStorage: loading "' + key.toString() + '"');
|
||||
ret = localStorage.getItem(key.toString());
|
||||
// console.log('netdata loaded: ' + key.toString() + ' = ' + ret.toString());
|
||||
if (ret === null || ret === 'undefined') {
|
||||
// console.log('localStorage: cannot load it, saving "' + key.toString() + '" with value "' + JSON.stringify(def) + '"');
|
||||
localStorage.setItem(key.toString(), JSON.stringify(def));
|
||||
ret = def;
|
||||
} else {
|
||||
// console.log('localStorage: got "' + key.toString() + '" with value "' + ret + '"');
|
||||
ret = JSON.parse(ret);
|
||||
// console.log('localStorage: loaded "' + key.toString() + '" as value ' + ret + ' of type ' + typeof(ret));
|
||||
}
|
||||
} catch (error) {
|
||||
console.log('localStorage: failed to read "' + key.toString() + '", using default: "' + def.toString() + '"');
|
||||
ret = def;
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof ret === 'undefined' || ret === 'undefined') {
|
||||
console.log('localStorage: LOADED UNDEFINED "' + key.toString() + '" as value ' + ret + ' of type ' + typeof(ret));
|
||||
ret = def;
|
||||
}
|
||||
|
||||
NETDATA.localStorage.current[key.toString()] = ret;
|
||||
return ret;
|
||||
};
|
||||
|
||||
NETDATA.localStorageSet = function (key, value, callback) {
|
||||
if (typeof value === 'undefined' || value === 'undefined') {
|
||||
console.log('localStorage: ATTEMPT TO SET UNDEFINED "' + key.toString() + '" as value ' + value + ' of type ' + typeof(value));
|
||||
}
|
||||
|
||||
if (typeof NETDATA.localStorage.default[key.toString()] === 'undefined') {
|
||||
NETDATA.localStorage.default[key.toString()] = value;
|
||||
NETDATA.localStorage.current[key.toString()] = value;
|
||||
NETDATA.localStorage.callback[key.toString()] = callback;
|
||||
}
|
||||
|
||||
if (NETDATA.localStorageTest()) {
|
||||
// console.log('localStorage: saving "' + key.toString() + '" with value "' + JSON.stringify(value) + '"');
|
||||
try {
|
||||
localStorage.setItem(key.toString(), JSON.stringify(value));
|
||||
} catch (e) {
|
||||
console.log('localStorage: failed to save "' + key.toString() + '" with value: "' + value.toString() + '"');
|
||||
}
|
||||
}
|
||||
|
||||
NETDATA.localStorage.current[key.toString()] = value;
|
||||
return value;
|
||||
};
|
||||
|
||||
NETDATA.localStorageGetRecursive = function (obj, prefix, callback) {
|
||||
let keys = Object.keys(obj);
|
||||
let len = keys.length;
|
||||
while (len--) {
|
||||
let i = keys[len];
|
||||
|
||||
if (typeof obj[i] === 'object') {
|
||||
//console.log('object ' + prefix + '.' + i.toString());
|
||||
NETDATA.localStorageGetRecursive(obj[i], prefix + '.' + i.toString(), callback);
|
||||
continue;
|
||||
}
|
||||
|
||||
obj[i] = NETDATA.localStorageGet(prefix + '.' + i.toString(), obj[i], callback);
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.setOption = function (key, value) {
|
||||
if (key.toString() === 'setOptionCallback') {
|
||||
if (typeof NETDATA.options.current.setOptionCallback === 'function') {
|
||||
NETDATA.options.current[key.toString()] = value;
|
||||
NETDATA.options.current.setOptionCallback();
|
||||
}
|
||||
} else if (NETDATA.options.current[key.toString()] !== value) {
|
||||
let name = 'options.' + key.toString();
|
||||
|
||||
if (typeof NETDATA.localStorage.default[name.toString()] === 'undefined') {
|
||||
console.log('localStorage: setOption() on unsaved option: "' + name.toString() + '", value: ' + value);
|
||||
}
|
||||
|
||||
//console.log(NETDATA.localStorage);
|
||||
//console.log('setOption: setting "' + key.toString() + '" to "' + value + '" of type ' + typeof(value) + ' original type ' + typeof(NETDATA.options.current[key.toString()]));
|
||||
//console.log(NETDATA.options);
|
||||
NETDATA.options.current[key.toString()] = NETDATA.localStorageSet(name.toString(), value, null);
|
||||
|
||||
if (typeof NETDATA.options.current.setOptionCallback === 'function') {
|
||||
NETDATA.options.current.setOptionCallback();
|
||||
}
|
||||
}
|
||||
|
||||
return true;
|
||||
};
|
||||
|
||||
NETDATA.getOption = function (key) {
|
||||
return NETDATA.options.current[key.toString()];
|
||||
};
|
||||
|
||||
// read settings from local storage
|
||||
NETDATA.localStorageGetRecursive(NETDATA.options.current, 'options', null);
|
||||
|
||||
// always start with this option enabled.
|
||||
NETDATA.setOption('stop_updates_when_focus_is_lost', true);
|
||||
|
||||
NETDATA.resetOptions = function () {
|
||||
let keys = Object.keys(NETDATA.localStorage.default);
|
||||
let len = keys.length;
|
||||
|
||||
while (len--) {
|
||||
let i = keys[len];
|
||||
let a = i.split('.');
|
||||
|
||||
if (a[0] === 'options') {
|
||||
if (a[1] === 'setOptionCallback') {
|
||||
continue;
|
||||
}
|
||||
if (typeof NETDATA.localStorage.default[i] === 'undefined') {
|
||||
continue;
|
||||
}
|
||||
if (NETDATA.options.current[i] === NETDATA.localStorage.default[i]) {
|
||||
continue;
|
||||
}
|
||||
|
||||
NETDATA.setOption(a[1], NETDATA.localStorage.default[i]);
|
||||
} else if (a[0] === 'chart_heights') {
|
||||
if (typeof NETDATA.localStorage.callback[i] === 'function' && typeof NETDATA.localStorage.default[i] !== 'undefined') {
|
||||
NETDATA.localStorage.callback[i](NETDATA.localStorage.default[i]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
NETDATA.dateTime.init(NETDATA.options.current.timezone);
|
||||
};
|
||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,225 +0,0 @@
|
|||
|
||||
NETDATA.icons = {
|
||||
left: '<i class="fas fa-backward"></i>',
|
||||
reset: '<i class="fas fa-play"></i>',
|
||||
right: '<i class="fas fa-forward"></i>',
|
||||
zoomIn: '<i class="fas fa-plus"></i>',
|
||||
zoomOut: '<i class="fas fa-minus"></i>',
|
||||
resize: '<i class="fas fa-sort"></i>',
|
||||
lineChart: '<i class="fas fa-chart-line"></i>',
|
||||
areaChart: '<i class="fas fa-chart-area"></i>',
|
||||
noChart: '<i class="fas fa-chart-area"></i>',
|
||||
loading: '<i class="fas fa-sync-alt"></i>',
|
||||
noData: '<i class="fas fa-exclamation-triangle"></i>'
|
||||
};
|
||||
|
||||
if (typeof netdataIcons === 'object') {
|
||||
// for (let icon in NETDATA.icons) {
|
||||
// if (NETDATA.icons.hasOwnProperty(icon) && typeof(netdataIcons[icon]) === 'string')
|
||||
// NETDATA.icons[icon] = netdataIcons[icon];
|
||||
// }
|
||||
for (var icon of Object.keys(NETDATA.icons)) {
|
||||
if (typeof(netdataIcons[icon]) === 'string') {
|
||||
NETDATA.icons[icon] = netdataIcons[icon]
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof netdataSnapshotData === 'undefined') {
|
||||
netdataSnapshotData = null;
|
||||
}
|
||||
|
||||
if (typeof netdataShowHelp === 'undefined') {
|
||||
netdataShowHelp = true;
|
||||
}
|
||||
|
||||
if (typeof netdataShowAlarms === 'undefined') {
|
||||
netdataShowAlarms = false;
|
||||
}
|
||||
|
||||
if (typeof netdataRegistryAfterMs !== 'number' || netdataRegistryAfterMs < 0) {
|
||||
netdataRegistryAfterMs = 0; // 1500;
|
||||
}
|
||||
|
||||
if (typeof netdataRegistry === 'undefined') {
|
||||
// backward compatibility
|
||||
netdataRegistry = (typeof netdataNoRegistry !== 'undefined' && netdataNoRegistry === false);
|
||||
}
|
||||
|
||||
if (netdataRegistry === false && typeof netdataRegistryCallback === 'function') {
|
||||
netdataRegistry = true;
|
||||
}
|
||||
|
||||
// ----------------------------------------------------------------------------------------------------------------
|
||||
// the defaults for all charts
|
||||
|
||||
// if the user does not specify any of these, the following will be used
|
||||
|
||||
NETDATA.chartDefaults = {
|
||||
width: '100%', // the chart width - can be null
|
||||
height: '100%', // the chart height - can be null
|
||||
min_width: null, // the chart minimum width - can be null
|
||||
library: 'dygraph', // the graphing library to use
|
||||
method: 'average', // the grouping method
|
||||
before: 0, // panning
|
||||
after: -600, // panning
|
||||
pixels_per_point: 1, // the detail of the chart
|
||||
fill_luminance: 0.8 // luminance of colors in solid areas
|
||||
};
|
||||
|
||||
// ----------------------------------------------------------------------------------------------------------------
|
||||
// global options
|
||||
|
||||
NETDATA.options = {
|
||||
pauseCallback: null, // a callback when we are really paused
|
||||
|
||||
pause: false, // when enabled we don't auto-refresh the charts
|
||||
|
||||
targets: [], // an array of all the state objects that are
|
||||
// currently active (independently of their
|
||||
// viewport visibility)
|
||||
|
||||
updated_dom: true, // when true, the DOM has been updated with
|
||||
// new elements we have to check.
|
||||
|
||||
auto_refresher_fast_weight: 0, // this is the current time in ms, spent
|
||||
// rendering charts continuously.
|
||||
// used with .current.fast_render_timeframe
|
||||
|
||||
page_is_visible: true, // when true, this page is visible
|
||||
|
||||
auto_refresher_stop_until: 0, // timestamp in ms - used internally, to stop the
|
||||
// auto-refresher for some time (when a chart is
|
||||
// performing pan or zoom, we need to stop refreshing
|
||||
// all other charts, to have the maximum speed for
|
||||
// rendering the chart that is panned or zoomed).
|
||||
// Used with .current.global_pan_sync_time
|
||||
|
||||
on_scroll_refresher_stop_until: 0, // timestamp in ms - used to stop evaluating
|
||||
// charts for some time, after a page scroll
|
||||
|
||||
last_page_resize: Date.now(), // the timestamp of the last resize request
|
||||
|
||||
last_page_scroll: 0, // the timestamp the last time the page was scrolled
|
||||
|
||||
browser_timezone: 'unknown', // timezone detected by javascript
|
||||
server_timezone: 'unknown', // timezone reported by the server
|
||||
|
||||
force_data_points: 0, // force the number of points to be returned for charts
|
||||
fake_chart_rendering: false, // when set to true, the dashboard will download data but will not render the charts
|
||||
|
||||
passive_events: null, // true if the browser supports passive events
|
||||
|
||||
// the current profile
|
||||
// we may have many...
|
||||
current: {
|
||||
units: 'auto', // can be 'auto' or 'original'
|
||||
temperature: 'celsius', // can be 'celsius' or 'fahrenheit'
|
||||
seconds_as_time: true, // show seconds as DDd:HH:MM:SS ?
|
||||
timezone: 'default', // the timezone to use, or 'default'
|
||||
user_set_server_timezone: 'default', // as set by the user on the dashboard
|
||||
|
||||
legend_toolbox: true, // show the legend toolbox on charts
|
||||
resize_charts: true, // show the resize handler on charts
|
||||
|
||||
pixels_per_point: isSlowDevice() ? 5 : 1, // the minimum pixels per point for all charts
|
||||
// increase this to speed javascript up
|
||||
// each chart library has its own limit too
|
||||
// the max of this and the chart library is used
|
||||
// the final is calculated every time, so a change
|
||||
// here will have immediate effect on the next chart
|
||||
// update
|
||||
|
||||
idle_between_charts: 100, // ms - how much time to wait between chart updates
|
||||
|
||||
fast_render_timeframe: 200, // ms - render continuously until this time of continuous
|
||||
// rendering has been reached
|
||||
// this setting is used to make it render e.g. 10
|
||||
// charts at once, sleep idle_between_charts time
|
||||
// and continue for another 10 charts.
|
||||
|
||||
idle_between_loops: 500, // ms - if all charts have been updated, wait this
|
||||
// time before starting again.
|
||||
|
||||
idle_parallel_loops: 100, // ms - the time between parallel refresher updates
|
||||
|
||||
idle_lost_focus: 500, // ms - when the window does not have focus, check
|
||||
// if focus has been regained, every this time
|
||||
|
||||
global_pan_sync_time: 300, // ms - when you pan or zoom a chart, the background
|
||||
// auto-refreshing of charts is paused for this amount
|
||||
// of time
|
||||
|
||||
sync_selection_delay: 400, // ms - when you pan or zoom a chart, wait this amount
|
||||
// of time before setting up synchronized selections
|
||||
// on hover.
|
||||
|
||||
sync_selection: true, // enable or disable selection sync
|
||||
|
||||
pan_and_zoom_delay: 50, // when panning or zooming, how ofter to update the chart
|
||||
|
||||
sync_pan_and_zoom: true, // enable or disable pan and zoom sync
|
||||
|
||||
pan_and_zoom_data_padding: true, // fetch more data for the master chart when panning or zooming
|
||||
|
||||
update_only_visible: true, // enable or disable visibility management / used for printing
|
||||
|
||||
parallel_refresher: !isSlowDevice(), // enable parallel refresh of charts
|
||||
|
||||
concurrent_refreshes: true, // when parallel_refresher is enabled, sync also the charts
|
||||
|
||||
destroy_on_hide: isSlowDevice(), // destroy charts when they are not visible
|
||||
|
||||
show_help: netdataShowHelp, // when enabled the charts will show some help
|
||||
show_help_delay_show_ms: 500,
|
||||
show_help_delay_hide_ms: 0,
|
||||
|
||||
eliminate_zero_dimensions: true, // do not show dimensions with just zeros
|
||||
|
||||
stop_updates_when_focus_is_lost: true, // boolean - shall we stop auto-refreshes when document does not have user focus
|
||||
stop_updates_while_resizing: 1000, // ms - time to stop auto-refreshes while resizing the charts
|
||||
|
||||
double_click_speed: 500, // ms - time between clicks / taps to detect double click/tap
|
||||
|
||||
smooth_plot: !isSlowDevice(), // enable smooth plot, where possible
|
||||
|
||||
color_fill_opacity_line: 1.0,
|
||||
color_fill_opacity_area: 0.2,
|
||||
color_fill_opacity_stacked: 0.8,
|
||||
|
||||
pan_and_zoom_factor: 0.25, // the increment when panning and zooming with the toolbox
|
||||
pan_and_zoom_factor_multiplier_control: 2.0,
|
||||
pan_and_zoom_factor_multiplier_shift: 3.0,
|
||||
pan_and_zoom_factor_multiplier_alt: 4.0,
|
||||
|
||||
abort_ajax_on_scroll: false, // kill pending ajax page scroll
|
||||
async_on_scroll: false, // sync/async onscroll handler
|
||||
onscroll_worker_duration_threshold: 30, // time in ms, for async scroll handler
|
||||
|
||||
retries_on_data_failures: 3, // how many retries to make if we can't fetch chart data from the server
|
||||
|
||||
setOptionCallback: function () {
|
||||
}
|
||||
},
|
||||
|
||||
debug: {
|
||||
show_boxes: false,
|
||||
main_loop: false,
|
||||
focus: false,
|
||||
visibility: false,
|
||||
chart_data_url: false,
|
||||
chart_errors: true, // remember to set it to false before merging
|
||||
chart_timing: false,
|
||||
chart_calls: false,
|
||||
libraries: false,
|
||||
dygraph: false,
|
||||
globalSelectionSync: false,
|
||||
globalPanAndZoom: false
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.statistics = {
|
||||
refreshes_total: 0,
|
||||
refreshes_active: 0,
|
||||
refreshes_active_max: 0
|
||||
};
|
||||
|
|
@ -1,84 +0,0 @@
|
|||
// SPDX-License-Identifier: GPL-3.0-or-later
|
||||
|
||||
// DO NOT EDIT: This file is automatically generated from the source files in src/
|
||||
|
||||
// ----------------------------------------------------------------------------
|
||||
// You can set the following variables before loading this script:
|
||||
|
||||
// 'use strict';
|
||||
|
||||
/*global netdataNoDygraphs *//* boolean, disable dygraph charts
|
||||
* (default: false) */
|
||||
/*global netdataNoSparklines *//* boolean, disable sparkline charts
|
||||
* (default: false) */
|
||||
/*global netdataNoPeitys *//* boolean, disable peity charts
|
||||
* (default: false) */
|
||||
/*global netdataNoGoogleCharts *//* boolean, disable google charts
|
||||
* (default: false) */
|
||||
/*global netdataNoMorris *//* boolean, disable morris charts
|
||||
* (default: false) */
|
||||
/*global netdataNoEasyPieChart *//* boolean, disable easypiechart charts
|
||||
* (default: false) */
|
||||
/*global netdataNoGauge *//* boolean, disable gauge.js charts
|
||||
* (default: false) */
|
||||
/*global netdataNoD3 *//* boolean, disable d3 charts
|
||||
* (default: false) */
|
||||
/*global netdataNoC3 *//* boolean, disable c3 charts
|
||||
* (default: false) */
|
||||
/*global netdataNoD3pie *//* boolean, disable d3pie charts
|
||||
* (default: false) */
|
||||
/*global netdataNoBootstrap *//* boolean, disable bootstrap - disables help too
|
||||
* (default: false) */
|
||||
/*global netdataNoFontAwesome *//* boolean, disable fontawesome (do not load it)
|
||||
* (default: false) */
|
||||
/*global netdataIcons *//* object, overwrite netdata fontawesome icons
|
||||
* (default: null) */
|
||||
/*global netdataDontStart *//* boolean, do not start the thread to process the charts
|
||||
* (default: false) */
|
||||
/*global netdataErrorCallback *//* function, callback to be called when the dashboard encounters an error
|
||||
* (default: null) */
|
||||
/*global netdataRegistry:true *//* boolean, use the netdata registry
|
||||
* (default: false) */
|
||||
/*global netdataNoRegistry *//* boolean, included only for compatibility with existing custom dashboard
|
||||
* (obsolete - do not use this any more) */
|
||||
/*global netdataRegistryCallback *//* function, callback that will be invoked with one param: the URLs from the registry
|
||||
* (default: null) */
|
||||
/*global netdataShowHelp:true *//* boolean, disable charts help
|
||||
* (default: true) */
|
||||
/*global netdataShowAlarms:true *//* boolean, enable alarms checks and notifications
|
||||
* (default: false) */
|
||||
/*global netdataRegistryAfterMs:true *//* ms, delay registry use at started
|
||||
* (default: 1500) */
|
||||
/*global netdataCallback *//* function, callback to be called when netdata is ready to start
|
||||
* (default: null)
|
||||
* netdata will be running while this is called
|
||||
* (call NETDATA.pause to stop it) */
|
||||
/*global netdataPrepCallback *//* function, callback to be called before netdata does anything else
|
||||
* (default: null) */
|
||||
/*global netdataServer *//* string, the URL of the netdata server to use
|
||||
* (default: the URL the page is hosted at) */
|
||||
/*global netdataServerStatic *//* string, the URL of the netdata server to use for static files
|
||||
* (default: netdataServer) */
|
||||
/*global netdataSnapshotData *//* object, a netdata snapshot loaded
|
||||
* (default: null) */
|
||||
/*global netdataAlarmsRecipients *//* array, an array of alarm recipients to show notifications for
|
||||
* (default: null) */
|
||||
/*global netdataAlarmsRemember *//* boolean, keep our position in the alarm log at browser local storage
|
||||
* (default: true) */
|
||||
/*global netdataAlarmsActiveCallback *//* function, a hook for the alarm logs
|
||||
* (default: undefined) */
|
||||
/*global netdataAlarmsNotifCallback *//* function, a hook for alarm notifications
|
||||
* (default: undefined) */
|
||||
/*global netdataIntersectionObserver *//* boolean, enable or disable the use of intersection observer
|
||||
* (default: true) */
|
||||
/*global netdataCheckXSS *//* boolean, enable or disable checking for XSS issues
|
||||
* (default: false) */
|
||||
|
||||
// ----------------------------------------------------------------------------
|
||||
// global namespace
|
||||
|
||||
// Should stay var!
|
||||
var NETDATA = window.NETDATA || {};
|
||||
|
||||
(function(window, document, $, undefined) {
|
||||
|
||||
|
|
@ -1,311 +0,0 @@
|
|||
|
||||
// Registry of netdata hosts
|
||||
|
||||
NETDATA.registry = {
|
||||
server: null, // the netdata registry server
|
||||
isCloudEnabled: false,// is netdata.cloud functionality enabled?
|
||||
cloudBaseURL: null, // the netdata cloud base url
|
||||
person_guid: null, // the unique ID of this browser / user
|
||||
machine_guid: null, // the unique ID the netdata server that served dashboard.js
|
||||
hostname: 'unknown', // the hostname of the netdata server that served dashboard.js
|
||||
machines: null, // the user's other URLs
|
||||
machines_array: null, // the user's other URLs in an array
|
||||
person_urls: null,
|
||||
anonymous_statistics_checked: false,
|
||||
MASKED_DATA: "***",
|
||||
|
||||
isUsingGlobalRegistry: function() {
|
||||
return NETDATA.registry.server == "https://registry.my-netdata.io";
|
||||
},
|
||||
|
||||
isRegistryEnabled: function() {
|
||||
return !(NETDATA.registry.isUsingGlobalRegistry() || isSignedIn())
|
||||
},
|
||||
|
||||
parsePersonUrls: function (person_urls) {
|
||||
NETDATA.registry.person_urls = person_urls;
|
||||
|
||||
if (person_urls) {
|
||||
NETDATA.registry.machines = {};
|
||||
NETDATA.registry.machines_array = [];
|
||||
|
||||
let apu = person_urls;
|
||||
let i = apu.length;
|
||||
while (i--) {
|
||||
if (typeof NETDATA.registry.machines[apu[i][0]] === 'undefined') {
|
||||
// console.log('adding: ' + apu[i][4] + ', ' + ((now - apu[i][2]) / 1000).toString());
|
||||
|
||||
let obj = {
|
||||
guid: apu[i][0],
|
||||
url: apu[i][1],
|
||||
last_t: apu[i][2],
|
||||
accesses: apu[i][3],
|
||||
name: apu[i][4],
|
||||
alternate_urls: []
|
||||
};
|
||||
obj.alternate_urls.push(apu[i][1]);
|
||||
|
||||
NETDATA.registry.machines[apu[i][0]] = obj;
|
||||
NETDATA.registry.machines_array.push(obj);
|
||||
} else {
|
||||
// console.log('appending: ' + apu[i][4] + ', ' + ((now - apu[i][2]) / 1000).toString());
|
||||
|
||||
let pu = NETDATA.registry.machines[apu[i][0]];
|
||||
if (pu.last_t < apu[i][2]) {
|
||||
pu.url = apu[i][1];
|
||||
pu.last_t = apu[i][2];
|
||||
pu.name = apu[i][4];
|
||||
}
|
||||
pu.accesses += apu[i][3];
|
||||
pu.alternate_urls.push(apu[i][1]);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof netdataRegistryCallback === 'function') {
|
||||
netdataRegistryCallback(NETDATA.registry.machines_array);
|
||||
}
|
||||
},
|
||||
|
||||
init: function () {
|
||||
if (netdataRegistry !== true) {
|
||||
return;
|
||||
}
|
||||
|
||||
NETDATA.registry.hello(NETDATA.serverDefault, function (data) {
|
||||
if (data) {
|
||||
NETDATA.registry.server = data.registry;
|
||||
if (data.cloud_base_url !== "") {
|
||||
NETDATA.registry.isCloudEnabled = true;
|
||||
NETDATA.registry.cloudBaseURL = data.cloud_base_url;
|
||||
} else {
|
||||
NETDATA.registry.isCloudEnabled = false;
|
||||
NETDATA.registry.cloudBaseURL = "";
|
||||
}
|
||||
NETDATA.registry.machine_guid = data.machine_guid;
|
||||
NETDATA.registry.hostname = data.hostname;
|
||||
if (!NETDATA.registry.anonymous_statistics_checked) {
|
||||
NETDATA.registry.anonymous_statistics_checked=true;
|
||||
if (data.anonymous_statistics) {
|
||||
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||||
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||||
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=false;j.src=
|
||||
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||||
})(window,document,'script','dataLayer','GTM-N6CBMJD');
|
||||
dataLayer.push({"anonymous_statistics" : "true", "machine_guid" : data.machine_guid});
|
||||
}
|
||||
}
|
||||
NETDATA.registry.access(2, function (person_urls) {
|
||||
NETDATA.registry.parsePersonUrls(person_urls);
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
hello: function (host, callback) {
|
||||
host = NETDATA.fixHost(host);
|
||||
|
||||
// send HELLO to a netdata server:
|
||||
// 1. verifies the server is reachable
|
||||
// 2. responds with the registry URL, the machine GUID of this netdata server and its hostname
|
||||
$.ajax({
|
||||
url: host + '/api/v1/registry?action=hello',
|
||||
async: true,
|
||||
cache: false,
|
||||
headers: {
|
||||
'Cache-Control': 'no-cache, no-store',
|
||||
'Pragma': 'no-cache'
|
||||
},
|
||||
xhrFields: {withCredentials: true} // required for the cookie
|
||||
})
|
||||
.done(function (data) {
|
||||
data = NETDATA.xss.checkOptional('/api/v1/registry?action=hello', data);
|
||||
|
||||
if (typeof data.status !== 'string' || data.status !== 'ok') {
|
||||
NETDATA.error(408, host + ' response: ' + JSON.stringify(data));
|
||||
data = null;
|
||||
}
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
return callback(data);
|
||||
}
|
||||
})
|
||||
.fail(function () {
|
||||
NETDATA.error(407, host);
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
return callback(null);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
access: function (max_redirects, callback) {
|
||||
let name = NETDATA.registry.MASKED_DATA;
|
||||
let url = NETDATA.registry.MASKED_DATA;
|
||||
|
||||
if (!NETDATA.registry.isUsingGlobalRegistry()) {
|
||||
// If the user is using a private registry keep sending identifiable
|
||||
// data.
|
||||
name = NETDATA.registry.hostname;
|
||||
url = NETDATA.serverDefault;
|
||||
}
|
||||
|
||||
console.log("ACCESS", name, url);
|
||||
|
||||
// send ACCESS to a netdata registry:
|
||||
// 1. it lets it know we are accessing a netdata server (its machine GUID and its URL)
|
||||
// 2. it responds with a list of netdata servers we know
|
||||
// the registry identifies us using a cookie it sets the first time we access it
|
||||
// the registry may respond with a redirect URL to send us to another registry
|
||||
$.ajax({
|
||||
url: NETDATA.registry.server + '/api/v1/registry?action=access&machine=' + NETDATA.registry.machine_guid + '&name=' + encodeURIComponent(name) + '&url=' + encodeURIComponent(url), // + '&visible_url=' + encodeURIComponent(document.location),
|
||||
async: true,
|
||||
cache: false,
|
||||
headers: {
|
||||
'Cache-Control': 'no-cache, no-store',
|
||||
'Pragma': 'no-cache'
|
||||
},
|
||||
xhrFields: {withCredentials: true} // required for the cookie
|
||||
})
|
||||
.done(function (data) {
|
||||
data = NETDATA.xss.checkAlways('/api/v1/registry?action=access', data);
|
||||
|
||||
let redirect = null;
|
||||
if (typeof data.registry === 'string') {
|
||||
redirect = data.registry;
|
||||
}
|
||||
|
||||
if (typeof data.status !== 'string' || data.status !== 'ok') {
|
||||
NETDATA.error(409, NETDATA.registry.server + ' responded with: ' + JSON.stringify(data));
|
||||
data = null;
|
||||
}
|
||||
|
||||
if (data === null) {
|
||||
if (redirect !== null && max_redirects > 0) {
|
||||
NETDATA.registry.server = redirect;
|
||||
NETDATA.registry.access(max_redirects - 1, callback);
|
||||
}
|
||||
else {
|
||||
if (typeof callback === 'function') {
|
||||
return callback(null);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (typeof data.person_guid === 'string') {
|
||||
NETDATA.registry.person_guid = data.person_guid;
|
||||
}
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
const urls = data.urls.filter((u) => u[1] !== NETDATA.registry.MASKED_DATA);
|
||||
return callback(urls);
|
||||
}
|
||||
}
|
||||
})
|
||||
.fail(function () {
|
||||
NETDATA.error(410, NETDATA.registry.server);
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
return callback(null);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
delete: function (delete_url, callback) {
|
||||
// send DELETE to a netdata registry:
|
||||
$.ajax({
|
||||
url: NETDATA.registry.server + '/api/v1/registry?action=delete&machine=' + NETDATA.registry.machine_guid + '&name=' + encodeURIComponent(NETDATA.registry.hostname) + '&url=' + encodeURIComponent(NETDATA.serverDefault) + '&delete_url=' + encodeURIComponent(delete_url),
|
||||
async: true,
|
||||
cache: false,
|
||||
headers: {
|
||||
'Cache-Control': 'no-cache, no-store',
|
||||
'Pragma': 'no-cache'
|
||||
},
|
||||
xhrFields: {withCredentials: true} // required for the cookie
|
||||
})
|
||||
.done(function (data) {
|
||||
data = NETDATA.xss.checkAlways('/api/v1/registry?action=delete', data);
|
||||
|
||||
if (typeof data.status !== 'string' || data.status !== 'ok') {
|
||||
NETDATA.error(411, NETDATA.registry.server + ' responded with: ' + JSON.stringify(data));
|
||||
data = null;
|
||||
}
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
return callback(data);
|
||||
}
|
||||
})
|
||||
.fail(function () {
|
||||
NETDATA.error(412, NETDATA.registry.server);
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
return callback(null);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
search: function (machine_guid, callback) {
|
||||
// SEARCH for the URLs of a machine:
|
||||
$.ajax({
|
||||
url: NETDATA.registry.server + '/api/v1/registry?action=search&machine=' + NETDATA.registry.machine_guid + '&name=' + encodeURIComponent(NETDATA.registry.hostname) + '&url=' + encodeURIComponent(NETDATA.serverDefault) + '&for=' + machine_guid,
|
||||
async: true,
|
||||
cache: false,
|
||||
headers: {
|
||||
'Cache-Control': 'no-cache, no-store',
|
||||
'Pragma': 'no-cache'
|
||||
},
|
||||
xhrFields: {withCredentials: true} // required for the cookie
|
||||
})
|
||||
.done(function (data) {
|
||||
data = NETDATA.xss.checkAlways('/api/v1/registry?action=search', data);
|
||||
|
||||
if (typeof data.status !== 'string' || data.status !== 'ok') {
|
||||
NETDATA.error(417, NETDATA.registry.server + ' responded with: ' + JSON.stringify(data));
|
||||
data = null;
|
||||
}
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
return callback(data);
|
||||
}
|
||||
})
|
||||
.fail(function () {
|
||||
NETDATA.error(418, NETDATA.registry.server);
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
return callback(null);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
switch: function (new_person_guid, callback) {
|
||||
// impersonate
|
||||
$.ajax({
|
||||
url: NETDATA.registry.server + '/api/v1/registry?action=switch&machine=' + NETDATA.registry.machine_guid + '&name=' + encodeURIComponent(NETDATA.registry.hostname) + '&url=' + encodeURIComponent(NETDATA.serverDefault) + '&to=' + new_person_guid,
|
||||
async: true,
|
||||
cache: false,
|
||||
headers: {
|
||||
'Cache-Control': 'no-cache, no-store',
|
||||
'Pragma': 'no-cache'
|
||||
},
|
||||
xhrFields: {withCredentials: true} // required for the cookie
|
||||
})
|
||||
.done(function (data) {
|
||||
data = NETDATA.xss.checkAlways('/api/v1/registry?action=switch', data);
|
||||
|
||||
if (typeof data.status !== 'string' || data.status !== 'ok') {
|
||||
NETDATA.error(413, NETDATA.registry.server + ' responded with: ' + JSON.stringify(data));
|
||||
data = null;
|
||||
}
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
return callback(data);
|
||||
}
|
||||
})
|
||||
.fail(function () {
|
||||
NETDATA.error(414, NETDATA.registry.server);
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
return callback(null);
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
|
||||
// *** src/dashboard.js/server-detection.js
|
||||
|
||||
if (typeof netdataServer !== 'undefined') {
|
||||
NETDATA.serverDefault = netdataServer;
|
||||
} else {
|
||||
let s = NETDATA._scriptSource();
|
||||
if (s) {
|
||||
NETDATA.serverDefault = s.replace(/\/dashboard.js(\?.*)?$/g, "");
|
||||
} else {
|
||||
console.log('WARNING: Cannot detect the URL of the netdata server.');
|
||||
NETDATA.serverDefault = null;
|
||||
}
|
||||
}
|
||||
|
||||
if (NETDATA.serverDefault === null) {
|
||||
NETDATA.serverDefault = '';
|
||||
} else if (NETDATA.serverDefault.slice(-1) !== '/') {
|
||||
NETDATA.serverDefault += '/';
|
||||
}
|
||||
|
||||
if (typeof netdataServerStatic !== 'undefined' && netdataServerStatic !== null && netdataServerStatic !== '') {
|
||||
NETDATA.serverStatic = netdataServerStatic;
|
||||
if (NETDATA.serverStatic.slice(-1) !== '/') {
|
||||
NETDATA.serverStatic += '/';
|
||||
}
|
||||
} else {
|
||||
NETDATA.serverStatic = NETDATA.serverDefault;
|
||||
}
|
||||
|
|
@ -1,92 +0,0 @@
|
|||
// Codacy declarations
|
||||
/* global netdataTheme */
|
||||
|
||||
NETDATA.themes = {
|
||||
white: {
|
||||
bootstrap_css: NETDATA.serverStatic + 'css/bootstrap-3.3.7.css',
|
||||
dashboard_css: NETDATA.serverStatic + 'dashboard.css?v20190902-0',
|
||||
background: '#FFFFFF',
|
||||
foreground: '#000000',
|
||||
grid: '#F0F0F0',
|
||||
axis: '#F0F0F0',
|
||||
highlight: '#F5F5F5',
|
||||
colors: ['#3366CC', '#DC3912', '#109618', '#FF9900', '#990099', '#DD4477',
|
||||
'#3B3EAC', '#66AA00', '#0099C6', '#B82E2E', '#AAAA11', '#5574A6',
|
||||
'#994499', '#22AA99', '#6633CC', '#E67300', '#316395', '#8B0707',
|
||||
'#329262', '#3B3EAC'],
|
||||
easypiechart_track: '#f0f0f0',
|
||||
easypiechart_scale: '#dfe0e0',
|
||||
gauge_pointer: '#C0C0C0',
|
||||
gauge_stroke: '#F0F0F0',
|
||||
gauge_gradient: false,
|
||||
d3pie: {
|
||||
title: '#333333',
|
||||
subtitle: '#666666',
|
||||
footer: '#888888',
|
||||
other: '#aaaaaa',
|
||||
mainlabel: '#333333',
|
||||
percentage: '#dddddd',
|
||||
value: '#aaaa22',
|
||||
tooltip_bg: '#000000',
|
||||
tooltip_fg: '#efefef',
|
||||
segment_stroke: "#ffffff",
|
||||
gradient_color: '#000000'
|
||||
}
|
||||
},
|
||||
slate: {
|
||||
bootstrap_css: NETDATA.serverStatic + 'css/bootstrap-slate-flat-3.3.7.css?v20161229-1',
|
||||
dashboard_css: NETDATA.serverStatic + 'dashboard.slate.css?v20190902-0',
|
||||
background: '#272b30',
|
||||
foreground: '#C8C8C8',
|
||||
grid: '#283236',
|
||||
axis: '#283236',
|
||||
highlight: '#383838',
|
||||
/* colors: [ '#55bb33', '#ff2222', '#0099C6', '#faa11b', '#adbce0', '#DDDD00',
|
||||
'#4178ba', '#f58122', '#a5cc39', '#f58667', '#f5ef89', '#cf93c0',
|
||||
'#a5d18a', '#b8539d', '#3954a3', '#c8a9cf', '#c7de8a', '#fad20a',
|
||||
'#a6a479', '#a66da8' ],
|
||||
*/
|
||||
colors: ['#66AA00', '#FE3912', '#3366CC', '#D66300', '#0099C6', '#DDDD00',
|
||||
'#5054e6', '#EE9911', '#BB44CC', '#e45757', '#ef0aef', '#CC7700',
|
||||
'#22AA99', '#109618', '#905bfd', '#f54882', '#4381bf', '#ff3737',
|
||||
'#329262', '#3B3EFF'],
|
||||
easypiechart_track: '#373b40',
|
||||
easypiechart_scale: '#373b40',
|
||||
gauge_pointer: '#474b50',
|
||||
gauge_stroke: '#373b40',
|
||||
gauge_gradient: false,
|
||||
d3pie: {
|
||||
title: '#C8C8C8',
|
||||
subtitle: '#283236',
|
||||
footer: '#283236',
|
||||
other: '#283236',
|
||||
mainlabel: '#C8C8C8',
|
||||
percentage: '#dddddd',
|
||||
value: '#cccc44',
|
||||
tooltip_bg: '#272b30',
|
||||
tooltip_fg: '#C8C8C8',
|
||||
segment_stroke: "#283236",
|
||||
gradient_color: '#000000'
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
if (typeof netdataTheme !== 'undefined' && typeof NETDATA.themes[netdataTheme] !== 'undefined') {
|
||||
NETDATA.themes.current = NETDATA.themes[netdataTheme];
|
||||
} else {
|
||||
NETDATA.themes.current = NETDATA.themes.white;
|
||||
}
|
||||
|
||||
NETDATA.colors = NETDATA.themes.current.colors;
|
||||
|
||||
// these are the colors Google Charts are using
|
||||
// we have them here to attempt emulate their look and feel on the other chart libraries
|
||||
// http://there4.io/2012/05/02/google-chart-color-list/
|
||||
//NETDATA.colors = [ '#3366CC', '#DC3912', '#FF9900', '#109618', '#990099', '#3B3EAC', '#0099C6',
|
||||
// '#DD4477', '#66AA00', '#B82E2E', '#316395', '#994499', '#22AA99', '#AAAA11',
|
||||
// '#6633CC', '#E67300', '#8B0707', '#329262', '#5574A6', '#3B3EAC' ];
|
||||
|
||||
// an alternative set
|
||||
// http://www.mulinblog.com/a-color-palette-optimized-for-data-visualization/
|
||||
// (blue) (red) (orange) (green) (pink) (brown) (purple) (yellow) (gray)
|
||||
//NETDATA.colors = [ '#5DA5DA', '#F15854', '#FAA43A', '#60BD68', '#F17CB0', '#B2912F', '#B276B2', '#DECF3F', '#4D4D4D' ];
|
||||
|
|
@ -1,100 +0,0 @@
|
|||
|
||||
// *** src/dashboard.js/timeout.js
|
||||
|
||||
// TODO: Better name needed
|
||||
|
||||
NETDATA.timeout = {
|
||||
// by default, these are just wrappers to setTimeout() / clearTimeout()
|
||||
|
||||
step: function (callback) {
|
||||
return window.setTimeout(callback, 1000 / 60);
|
||||
},
|
||||
|
||||
set: function (callback, delay) {
|
||||
return window.setTimeout(callback, delay);
|
||||
},
|
||||
|
||||
clear: function (id) {
|
||||
return window.clearTimeout(id);
|
||||
},
|
||||
|
||||
init: function () {
|
||||
let custom = true;
|
||||
|
||||
if (window.requestAnimationFrame) {
|
||||
this.step = function (callback) {
|
||||
return window.requestAnimationFrame(callback);
|
||||
};
|
||||
|
||||
this.clear = function (handle) {
|
||||
return window.cancelAnimationFrame(handle.value);
|
||||
};
|
||||
// } else if (window.webkitRequestAnimationFrame) {
|
||||
// this.step = function (callback) {
|
||||
// return window.webkitRequestAnimationFrame(callback);
|
||||
// };
|
||||
|
||||
// if (window.webkitCancelAnimationFrame) {
|
||||
// this.clear = function (handle) {
|
||||
// return window.webkitCancelAnimationFrame(handle.value);
|
||||
// };
|
||||
// } else if (window.webkitCancelRequestAnimationFrame) {
|
||||
// this.clear = function (handle) {
|
||||
// return window.webkitCancelRequestAnimationFrame(handle.value);
|
||||
// };
|
||||
// }
|
||||
// } else if (window.mozRequestAnimationFrame) {
|
||||
// this.step = function (callback) {
|
||||
// return window.mozRequestAnimationFrame(callback);
|
||||
// };
|
||||
|
||||
// this.clear = function (handle) {
|
||||
// return window.mozCancelRequestAnimationFrame(handle.value);
|
||||
// };
|
||||
// } else if (window.oRequestAnimationFrame) {
|
||||
// this.step = function (callback) {
|
||||
// return window.oRequestAnimationFrame(callback);
|
||||
// };
|
||||
|
||||
// this.clear = function (handle) {
|
||||
// return window.oCancelRequestAnimationFrame(handle.value);
|
||||
// };
|
||||
// } else if (window.msRequestAnimationFrame) {
|
||||
// this.step = function (callback) {
|
||||
// return window.msRequestAnimationFrame(callback);
|
||||
// };
|
||||
|
||||
// this.clear = function (handle) {
|
||||
// return window.msCancelRequestAnimationFrame(handle.value);
|
||||
// };
|
||||
} else {
|
||||
custom = false;
|
||||
}
|
||||
|
||||
if (custom) {
|
||||
// we have installed custom .step() / .clear() functions
|
||||
// overwrite the .set() too
|
||||
|
||||
this.set = function (callback, delay) {
|
||||
let start = Date.now(),
|
||||
handle = new Object();
|
||||
|
||||
const loop = () => {
|
||||
let current = Date.now(),
|
||||
delta = current - start;
|
||||
|
||||
if (delta >= delay) {
|
||||
callback.call();
|
||||
} else {
|
||||
handle.value = this.step(loop);
|
||||
}
|
||||
}
|
||||
|
||||
handle.value = this.step(loop);
|
||||
return handle;
|
||||
};
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.timeout.init();
|
||||
|
|
@ -1,528 +0,0 @@
|
|||
NETDATA.unitsConversion = {
|
||||
keys: {}, // keys for data-common-units
|
||||
latest: {}, // latest selected units for data-common-units
|
||||
|
||||
globalReset: function () {
|
||||
this.keys = {};
|
||||
this.latest = {};
|
||||
},
|
||||
|
||||
scalableUnits: {
|
||||
'packets/s': {
|
||||
'pps': 1,
|
||||
'Kpps': 1000,
|
||||
'Mpps': 1000000
|
||||
},
|
||||
'pps': {
|
||||
'pps': 1,
|
||||
'Kpps': 1000,
|
||||
'Mpps': 1000000
|
||||
},
|
||||
'kilobits/s': {
|
||||
'bits/s': 1 / 1000,
|
||||
'kilobits/s': 1,
|
||||
'megabits/s': 1000,
|
||||
'gigabits/s': 1000000,
|
||||
'terabits/s': 1000000000
|
||||
},
|
||||
'bytes/s': {
|
||||
'bytes/s': 1,
|
||||
'kilobytes/s': 1024,
|
||||
'megabytes/s': 1024 * 1024,
|
||||
'gigabytes/s': 1024 * 1024 * 1024,
|
||||
'terabytes/s': 1024 * 1024 * 1024 * 1024
|
||||
},
|
||||
'kilobytes/s': {
|
||||
'bytes/s': 1 / 1024,
|
||||
'kilobytes/s': 1,
|
||||
'megabytes/s': 1024,
|
||||
'gigabytes/s': 1024 * 1024,
|
||||
'terabytes/s': 1024 * 1024 * 1024
|
||||
},
|
||||
'B/s': {
|
||||
'B/s': 1,
|
||||
'KiB/s': 1024,
|
||||
'MiB/s': 1024 * 1024,
|
||||
'GiB/s': 1024 * 1024 * 1024,
|
||||
'TiB/s': 1024 * 1024 * 1024 * 1024
|
||||
},
|
||||
'KB/s': {
|
||||
'B/s': 1 / 1024,
|
||||
'KB/s': 1,
|
||||
'MB/s': 1024,
|
||||
'GB/s': 1024 * 1024,
|
||||
'TB/s': 1024 * 1024 * 1024
|
||||
},
|
||||
'KiB/s': {
|
||||
'B/s': 1 / 1024,
|
||||
'KiB/s': 1,
|
||||
'MiB/s': 1024,
|
||||
'GiB/s': 1024 * 1024,
|
||||
'TiB/s': 1024 * 1024 * 1024
|
||||
},
|
||||
'B': {
|
||||
'B': 1,
|
||||
'KiB': 1024,
|
||||
'MiB': 1024 * 1024,
|
||||
'GiB': 1024 * 1024 * 1024,
|
||||
'TiB': 1024 * 1024 * 1024 * 1024,
|
||||
'PiB': 1024 * 1024 * 1024 * 1024 * 1024
|
||||
},
|
||||
'KB': {
|
||||
'B': 1 / 1024,
|
||||
'KB': 1,
|
||||
'MB': 1024,
|
||||
'GB': 1024 * 1024,
|
||||
'TB': 1024 * 1024 * 1024
|
||||
},
|
||||
'KiB': {
|
||||
'B': 1 / 1024,
|
||||
'KiB': 1,
|
||||
'MiB': 1024,
|
||||
'GiB': 1024 * 1024,
|
||||
'TiB': 1024 * 1024 * 1024
|
||||
},
|
||||
'MB': {
|
||||
'B': 1 / (1024 * 1024),
|
||||
'KB': 1 / 1024,
|
||||
'MB': 1,
|
||||
'GB': 1024,
|
||||
'TB': 1024 * 1024,
|
||||
'PB': 1024 * 1024 * 1024
|
||||
},
|
||||
'MiB': {
|
||||
'B': 1 / (1024 * 1024),
|
||||
'KiB': 1 / 1024,
|
||||
'MiB': 1,
|
||||
'GiB': 1024,
|
||||
'TiB': 1024 * 1024,
|
||||
'PiB': 1024 * 1024 * 1024
|
||||
},
|
||||
'GB': {
|
||||
'B': 1 / (1024 * 1024 * 1024),
|
||||
'KB': 1 / (1024 * 1024),
|
||||
'MB': 1 / 1024,
|
||||
'GB': 1,
|
||||
'TB': 1024,
|
||||
'PB': 1024 * 1024,
|
||||
'EB': 1024 * 1024 * 1024
|
||||
},
|
||||
'GiB': {
|
||||
'B': 1 / (1024 * 1024 * 1024),
|
||||
'KiB': 1 / (1024 * 1024),
|
||||
'MiB': 1 / 1024,
|
||||
'GiB': 1,
|
||||
'TiB': 1024,
|
||||
'PiB': 1024 * 1024,
|
||||
'EiB': 1024 * 1024 * 1024
|
||||
},
|
||||
'num': {
|
||||
'num': 1,
|
||||
'num (K)': 1000,
|
||||
'num (M)': 1000000,
|
||||
'num (G)': 1000000000,
|
||||
'num (T)': 1000000000000
|
||||
}
|
||||
/*
|
||||
'milliseconds': {
|
||||
'seconds': 1000
|
||||
},
|
||||
'seconds': {
|
||||
'milliseconds': 0.001,
|
||||
'seconds': 1,
|
||||
'minutes': 60,
|
||||
'hours': 3600,
|
||||
'days': 86400
|
||||
}
|
||||
*/
|
||||
},
|
||||
|
||||
convertibleUnits: {
|
||||
'Celsius': {
|
||||
'Fahrenheit': {
|
||||
check: function (max) {
|
||||
void(max);
|
||||
return NETDATA.options.current.temperature === 'fahrenheit';
|
||||
},
|
||||
convert: function (value) {
|
||||
return value * 9 / 5 + 32;
|
||||
}
|
||||
}
|
||||
},
|
||||
'celsius': {
|
||||
'fahrenheit': {
|
||||
check: function (max) {
|
||||
void(max);
|
||||
return NETDATA.options.current.temperature === 'fahrenheit';
|
||||
},
|
||||
convert: function (value) {
|
||||
return value * 9 / 5 + 32;
|
||||
}
|
||||
}
|
||||
},
|
||||
'seconds': {
|
||||
'time': {
|
||||
check: function (max) {
|
||||
void(max);
|
||||
return NETDATA.options.current.seconds_as_time;
|
||||
},
|
||||
convert: function (seconds) {
|
||||
return NETDATA.unitsConversion.seconds2time(seconds);
|
||||
}
|
||||
}
|
||||
},
|
||||
'milliseconds': {
|
||||
'milliseconds': {
|
||||
check: function (max) {
|
||||
return NETDATA.options.current.seconds_as_time && max < 1000;
|
||||
},
|
||||
convert: function (milliseconds) {
|
||||
let tms = Math.round(milliseconds * 10);
|
||||
milliseconds = Math.floor(tms / 10);
|
||||
|
||||
tms -= milliseconds * 10;
|
||||
|
||||
return (milliseconds).toString() + '.' + tms.toString();
|
||||
}
|
||||
},
|
||||
'seconds': {
|
||||
check: function (max) {
|
||||
return NETDATA.options.current.seconds_as_time && max >= 1000 && max < 60000;
|
||||
},
|
||||
convert: function (milliseconds) {
|
||||
milliseconds = Math.round(milliseconds);
|
||||
|
||||
let seconds = Math.floor(milliseconds / 1000);
|
||||
milliseconds -= seconds * 1000;
|
||||
|
||||
milliseconds = Math.round(milliseconds / 10);
|
||||
|
||||
return seconds.toString() + '.'
|
||||
+ NETDATA.zeropad(milliseconds);
|
||||
}
|
||||
},
|
||||
'M:SS.ms': {
|
||||
check: function (max) {
|
||||
return NETDATA.options.current.seconds_as_time && max >= 60000;
|
||||
},
|
||||
convert: function (milliseconds) {
|
||||
milliseconds = Math.round(milliseconds);
|
||||
|
||||
let minutes = Math.floor(milliseconds / 60000);
|
||||
milliseconds -= minutes * 60000;
|
||||
|
||||
let seconds = Math.floor(milliseconds / 1000);
|
||||
milliseconds -= seconds * 1000;
|
||||
|
||||
milliseconds = Math.round(milliseconds / 10);
|
||||
|
||||
return minutes.toString() + ':'
|
||||
+ NETDATA.zeropad(seconds) + '.'
|
||||
+ NETDATA.zeropad(milliseconds);
|
||||
}
|
||||
}
|
||||
},
|
||||
'nanoseconds': {
|
||||
'nanoseconds': {
|
||||
check: function (max) {
|
||||
return NETDATA.options.current.seconds_as_time && max < 1000;
|
||||
},
|
||||
convert: function (nanoseconds) {
|
||||
let tms = Math.round(nanoseconds * 10);
|
||||
nanoseconds = Math.floor(tms / 10);
|
||||
|
||||
tms -= nanoseconds * 10;
|
||||
|
||||
return (nanoseconds).toString() + '.' + tms.toString();
|
||||
}
|
||||
},
|
||||
'microseconds': {
|
||||
check: function (max) {
|
||||
return NETDATA.options.current.seconds_as_time
|
||||
&& max >= 1000 && max < 1000 * 1000;
|
||||
},
|
||||
convert: function (nanoseconds) {
|
||||
nanoseconds = Math.round(nanoseconds);
|
||||
|
||||
let microseconds = Math.floor(nanoseconds / 1000);
|
||||
nanoseconds -= microseconds * 1000;
|
||||
|
||||
nanoseconds = Math.round(nanoseconds / 10 );
|
||||
|
||||
return microseconds.toString() + '.'
|
||||
+ NETDATA.zeropad(nanoseconds);
|
||||
}
|
||||
},
|
||||
'milliseconds': {
|
||||
check: function (max) {
|
||||
return NETDATA.options.current.seconds_as_time
|
||||
&& max >= 1000 * 1000 && max < 1000 * 1000 * 1000;
|
||||
},
|
||||
convert: function (nanoseconds) {
|
||||
nanoseconds = Math.round(nanoseconds);
|
||||
|
||||
let milliseconds = Math.floor(nanoseconds / 1000 / 1000);
|
||||
nanoseconds -= milliseconds * 1000 * 1000;
|
||||
|
||||
nanoseconds = Math.round(nanoseconds / 1000 / 10);
|
||||
|
||||
return milliseconds.toString() + '.'
|
||||
+ NETDATA.zeropad(nanoseconds);
|
||||
}
|
||||
},
|
||||
'seconds': {
|
||||
check: function (max) {
|
||||
return NETDATA.options.current.seconds_as_time
|
||||
&& max >= 1000 * 1000 * 1000;
|
||||
},
|
||||
convert: function (nanoseconds) {
|
||||
nanoseconds = Math.round(nanoseconds);
|
||||
|
||||
let seconds = Math.floor(nanoseconds / 1000 / 1000 / 1000);
|
||||
nanoseconds -= seconds * 1000 * 1000 * 1000;
|
||||
|
||||
nanoseconds = Math.round(nanoseconds / 1000 / 1000 / 10);
|
||||
|
||||
return seconds.toString() + '.'
|
||||
+ NETDATA.zeropad(nanoseconds);
|
||||
}
|
||||
},
|
||||
}
|
||||
},
|
||||
|
||||
seconds2time: function (seconds) {
|
||||
seconds = Math.abs(seconds);
|
||||
|
||||
let days = Math.floor(seconds / 86400);
|
||||
seconds -= days * 86400;
|
||||
|
||||
let hours = Math.floor(seconds / 3600);
|
||||
seconds -= hours * 3600;
|
||||
|
||||
let minutes = Math.floor(seconds / 60);
|
||||
seconds -= minutes * 60;
|
||||
|
||||
seconds = Math.round(seconds);
|
||||
|
||||
let ms_txt = '';
|
||||
/*
|
||||
let ms = seconds - Math.floor(seconds);
|
||||
seconds -= ms;
|
||||
ms = Math.round(ms * 1000);
|
||||
|
||||
if (ms > 1) {
|
||||
if (ms < 10)
|
||||
ms_txt = '.00' + ms.toString();
|
||||
else if (ms < 100)
|
||||
ms_txt = '.0' + ms.toString();
|
||||
else
|
||||
ms_txt = '.' + ms.toString();
|
||||
}
|
||||
*/
|
||||
|
||||
return ((days > 0) ? days.toString() + 'd:' : '').toString()
|
||||
+ NETDATA.zeropad(hours) + ':'
|
||||
+ NETDATA.zeropad(minutes) + ':'
|
||||
+ NETDATA.zeropad(seconds)
|
||||
+ ms_txt;
|
||||
},
|
||||
|
||||
// get a function that converts the units
|
||||
// + every time units are switched call the callback
|
||||
get: function (uuid, min, max, units, desired_units, common_units_name, switch_units_callback) {
|
||||
// validate the parameters
|
||||
if (typeof units === 'undefined') {
|
||||
units = 'undefined';
|
||||
}
|
||||
|
||||
// check if we support units conversion
|
||||
if (typeof this.scalableUnits[units] === 'undefined' && typeof this.convertibleUnits[units] === 'undefined') {
|
||||
// we can't convert these units
|
||||
//console.log('DEBUG: ' + uuid.toString() + ' can\'t convert units: ' + units.toString());
|
||||
return function (value) {
|
||||
return value;
|
||||
};
|
||||
}
|
||||
|
||||
// check if the caller wants the original units
|
||||
if (typeof desired_units === 'undefined' || desired_units === null || desired_units === 'original' || desired_units === units) {
|
||||
//console.log('DEBUG: ' + uuid.toString() + ' original units wanted');
|
||||
switch_units_callback(units);
|
||||
return function (value) {
|
||||
return value;
|
||||
};
|
||||
}
|
||||
|
||||
// now we know we can convert the units
|
||||
// and the caller wants some kind of conversion
|
||||
|
||||
let tunits = null;
|
||||
let tdivider = 0;
|
||||
|
||||
if (typeof this.scalableUnits[units] !== 'undefined') {
|
||||
// units that can be scaled
|
||||
// we decide a divider
|
||||
|
||||
// console.log('NETDATA.unitsConversion.get(' + units.toString() + ', ' + desired_units.toString() + ', function()) decide divider with min = ' + min.toString() + ', max = ' + max.toString());
|
||||
|
||||
if (desired_units === 'auto') {
|
||||
// the caller wants to auto-scale the units
|
||||
|
||||
// find the absolute maximum value that is rendered on the chart
|
||||
// based on this we decide the scale
|
||||
min = Math.abs(min);
|
||||
max = Math.abs(max);
|
||||
if (min > max) {
|
||||
max = min;
|
||||
}
|
||||
|
||||
// find the smallest scale that provides integers
|
||||
// for (x in this.scalableUnits[units]) {
|
||||
// if (this.scalableUnits[units].hasOwnProperty(x)) {
|
||||
// let m = this.scalableUnits[units][x];
|
||||
// if (m <= max && m > tdivider) {
|
||||
// tunits = x;
|
||||
// tdivider = m;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
const sunit = this.scalableUnits[units];
|
||||
for (var x of Object.keys(sunit)) {
|
||||
let m = sunit[x];
|
||||
if (m <= max && m > tdivider) {
|
||||
tunits = x;
|
||||
tdivider = m;
|
||||
}
|
||||
}
|
||||
|
||||
if (tunits === null || tdivider <= 0) {
|
||||
// we couldn't find one
|
||||
//console.log('DEBUG: ' + uuid.toString() + ' cannot find an auto-scaling candidate for units: ' + units.toString() + ' (max: ' + max.toString() + ')');
|
||||
switch_units_callback(units);
|
||||
return function (value) {
|
||||
return value;
|
||||
};
|
||||
}
|
||||
|
||||
if (typeof common_units_name === 'string' && typeof uuid === 'string') {
|
||||
// the caller wants several charts to have the same units
|
||||
// data-common-units
|
||||
|
||||
let common_units_key = common_units_name + '-' + units;
|
||||
|
||||
// add our divider into the list of keys
|
||||
let t = this.keys[common_units_key];
|
||||
if (typeof t === 'undefined') {
|
||||
this.keys[common_units_key] = {};
|
||||
t = this.keys[common_units_key];
|
||||
}
|
||||
t[uuid] = {
|
||||
units: tunits,
|
||||
divider: tdivider
|
||||
};
|
||||
|
||||
// find the max divider of all charts
|
||||
let common_units = t[uuid];
|
||||
for (var x in t) {
|
||||
if (t.hasOwnProperty(x) && t[x].divider > common_units.divider) {
|
||||
common_units = t[x];
|
||||
}
|
||||
}
|
||||
|
||||
// save our common_max to the latest keys
|
||||
let latest = this.latest[common_units_key];
|
||||
if (typeof latest === 'undefined') {
|
||||
this.latest[common_units_key] = {};
|
||||
latest = this.latest[common_units_key];
|
||||
}
|
||||
latest.units = common_units.units;
|
||||
latest.divider = common_units.divider;
|
||||
|
||||
tunits = latest.units;
|
||||
tdivider = latest.divider;
|
||||
|
||||
//console.log('DEBUG: ' + uuid.toString() + ' converted units: ' + units.toString() + ' to units: ' + tunits.toString() + ' with divider ' + tdivider.toString() + ', common-units=' + common_units_name.toString() + ((t[uuid].divider !== tdivider)?' USED COMMON, mine was ' + t[uuid].units:' set common').toString());
|
||||
|
||||
// apply it to this chart
|
||||
switch_units_callback(tunits);
|
||||
return function (value) {
|
||||
if (tdivider !== latest.divider) {
|
||||
// another chart switched our common units
|
||||
// we should switch them too
|
||||
//console.log('DEBUG: ' + uuid + ' switching units due to a common-units change, from ' + tunits.toString() + ' to ' + latest.units.toString());
|
||||
tunits = latest.units;
|
||||
tdivider = latest.divider;
|
||||
switch_units_callback(tunits);
|
||||
}
|
||||
|
||||
return value / tdivider;
|
||||
};
|
||||
} else {
|
||||
// the caller did not give data-common-units
|
||||
// this chart auto-scales independently of all others
|
||||
//console.log('DEBUG: ' + uuid.toString() + ' converted units: ' + units.toString() + ' to units: ' + tunits.toString() + ' with divider ' + tdivider.toString() + ', autonomously');
|
||||
|
||||
switch_units_callback(tunits);
|
||||
return function (value) {
|
||||
return value / tdivider;
|
||||
};
|
||||
}
|
||||
} else {
|
||||
// the caller wants specific units
|
||||
|
||||
if (typeof this.scalableUnits[units][desired_units] !== 'undefined') {
|
||||
// all good, set the new units
|
||||
tdivider = this.scalableUnits[units][desired_units];
|
||||
// console.log('DEBUG: ' + uuid.toString() + ' converted units: ' + units.toString() + ' to units: ' + desired_units.toString() + ' with divider ' + tdivider.toString() + ', by reference');
|
||||
switch_units_callback(desired_units);
|
||||
return function (value) {
|
||||
return value / tdivider;
|
||||
};
|
||||
} else {
|
||||
// oops! switch back to original units
|
||||
console.log('Units conversion from ' + units.toString() + ' to ' + desired_units.toString() + ' is not supported.');
|
||||
switch_units_callback(units);
|
||||
return function (value) {
|
||||
return value;
|
||||
};
|
||||
}
|
||||
}
|
||||
} else if (typeof this.convertibleUnits[units] !== 'undefined') {
|
||||
// units that can be converted
|
||||
if (desired_units === 'auto') {
|
||||
for (var x in this.convertibleUnits[units]) {
|
||||
if (this.convertibleUnits[units].hasOwnProperty(x)) {
|
||||
if (this.convertibleUnits[units][x].check(max)) {
|
||||
//console.log('DEBUG: ' + uuid.toString() + ' converting ' + units.toString() + ' to: ' + x.toString());
|
||||
switch_units_callback(x);
|
||||
return this.convertibleUnits[units][x].convert;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// none checked ok
|
||||
//console.log('DEBUG: ' + uuid.toString() + ' no conversion available for ' + units.toString() + ' to: ' + desired_units.toString());
|
||||
switch_units_callback(units);
|
||||
return function (value) {
|
||||
return value;
|
||||
};
|
||||
} else if (typeof this.convertibleUnits[units][desired_units] !== 'undefined') {
|
||||
switch_units_callback(desired_units);
|
||||
return this.convertibleUnits[units][desired_units].convert;
|
||||
} else {
|
||||
console.log('Units conversion from ' + units.toString() + ' to ' + desired_units.toString() + ' is not supported.');
|
||||
switch_units_callback(units);
|
||||
return function (value) {
|
||||
return value;
|
||||
};
|
||||
}
|
||||
} else {
|
||||
// hm... did we forget to implement the new type?
|
||||
console.log(`Unmatched unit conversion method for units ${units.toString()}`);
|
||||
switch_units_callback(units);
|
||||
return function (value) {
|
||||
return value;
|
||||
};
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
@ -1,432 +0,0 @@
|
|||
// *** src/dashboard.js/utils.js
|
||||
|
||||
NETDATA.name2id = function (s) {
|
||||
return s
|
||||
.replace(/ /g, '_')
|
||||
.replace(/:/g, '_')
|
||||
.replace(/\(/g, '_')
|
||||
.replace(/\)/g, '_')
|
||||
.replace(/\./g, '_')
|
||||
.replace(/\//g, '_');
|
||||
};
|
||||
|
||||
NETDATA.encodeURIComponent = function (s) {
|
||||
if (typeof(s) === 'string') {
|
||||
return encodeURIComponent(s);
|
||||
}
|
||||
|
||||
return s;
|
||||
};
|
||||
|
||||
/// A heuristic for detecting slow devices.
|
||||
let isSlowDeviceResult = undefined;
|
||||
const isSlowDevice = function () {
|
||||
if (!isSlowDeviceResult) {
|
||||
return isSlowDeviceResult;
|
||||
}
|
||||
|
||||
try {
|
||||
let ua = navigator.userAgent.toLowerCase();
|
||||
|
||||
let iOS = /ipad|iphone|ipod/.test(ua) && !window.MSStream;
|
||||
let android = /android/.test(ua) && !window.MSStream;
|
||||
isSlowDeviceResult = (iOS || android);
|
||||
} catch (e) {
|
||||
isSlowDeviceResult = false;
|
||||
}
|
||||
|
||||
return isSlowDeviceResult;
|
||||
};
|
||||
|
||||
NETDATA.guid = function () {
|
||||
function s4() {
|
||||
return Math.floor((1 + Math.random()) * 0x10000)
|
||||
.toString(16)
|
||||
.substring(1);
|
||||
}
|
||||
|
||||
return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
|
||||
};
|
||||
|
||||
NETDATA.zeropad = function (x) {
|
||||
if (x > -10 && x < 10) {
|
||||
return '0' + x.toString();
|
||||
} else {
|
||||
return x.toString();
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.seconds4human = function (seconds, options) {
|
||||
let defaultOptions = {
|
||||
now: 'now',
|
||||
space: ' ',
|
||||
negative_suffix: 'ago',
|
||||
day: 'day',
|
||||
days: 'days',
|
||||
hour: 'hour',
|
||||
hours: 'hours',
|
||||
minute: 'min',
|
||||
minutes: 'mins',
|
||||
second: 'sec',
|
||||
seconds: 'secs',
|
||||
and: 'and'
|
||||
};
|
||||
|
||||
if (typeof options !== 'object') {
|
||||
options = defaultOptions;
|
||||
} else {
|
||||
for (var x in defaultOptions) {
|
||||
if (typeof options[x] !== 'string') {
|
||||
options[x] = defaultOptions[x];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof seconds === 'string') {
|
||||
seconds = parseInt(seconds, 10);
|
||||
}
|
||||
|
||||
if (seconds === 0) {
|
||||
return options.now;
|
||||
}
|
||||
|
||||
let suffix = '';
|
||||
if (seconds < 0) {
|
||||
seconds = -seconds;
|
||||
if (options.negative_suffix !== '') {
|
||||
suffix = options.space + options.negative_suffix;
|
||||
}
|
||||
}
|
||||
|
||||
let days = Math.floor(seconds / 86400);
|
||||
seconds -= (days * 86400);
|
||||
|
||||
let hours = Math.floor(seconds / 3600);
|
||||
seconds -= (hours * 3600);
|
||||
|
||||
let minutes = Math.floor(seconds / 60);
|
||||
seconds -= (minutes * 60);
|
||||
|
||||
let strings = [];
|
||||
|
||||
if (days > 1) {
|
||||
strings.push(days.toString() + options.space + options.days);
|
||||
} else if (days === 1) {
|
||||
strings.push(days.toString() + options.space + options.day);
|
||||
}
|
||||
|
||||
if (hours > 1) {
|
||||
strings.push(hours.toString() + options.space + options.hours);
|
||||
} else if (hours === 1) {
|
||||
strings.push(hours.toString() + options.space + options.hour);
|
||||
}
|
||||
|
||||
if (minutes > 1) {
|
||||
strings.push(minutes.toString() + options.space + options.minutes);
|
||||
} else if (minutes === 1) {
|
||||
strings.push(minutes.toString() + options.space + options.minute);
|
||||
}
|
||||
|
||||
if (seconds > 1) {
|
||||
strings.push(Math.floor(seconds).toString() + options.space + options.seconds);
|
||||
} else if (seconds === 1) {
|
||||
strings.push(Math.floor(seconds).toString() + options.space + options.second);
|
||||
}
|
||||
|
||||
if (strings.length === 1) {
|
||||
return strings.pop() + suffix;
|
||||
}
|
||||
|
||||
let last = strings.pop();
|
||||
return strings.join(", ") + " " + options.and + " " + last + suffix;
|
||||
};
|
||||
|
||||
// ----------------------------------------------------------------------------------------------------------------
|
||||
// element data attributes
|
||||
|
||||
NETDATA.dataAttribute = function (element, attribute, def) {
|
||||
let key = 'data-' + attribute.toString();
|
||||
if (element.hasAttribute(key)) {
|
||||
let data = element.getAttribute(key);
|
||||
|
||||
if (data === 'true') {
|
||||
return true;
|
||||
}
|
||||
if (data === 'false') {
|
||||
return false;
|
||||
}
|
||||
if (data === 'null') {
|
||||
return null;
|
||||
}
|
||||
|
||||
// Only convert to a number if it doesn't change the string
|
||||
if (data === +data + '') {
|
||||
return +data;
|
||||
}
|
||||
|
||||
if (/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/.test(data)) {
|
||||
return JSON.parse(data);
|
||||
}
|
||||
|
||||
return data;
|
||||
} else {
|
||||
return def;
|
||||
}
|
||||
};
|
||||
|
||||
NETDATA.dataAttributeBoolean = function (element, attribute, def) {
|
||||
let value = NETDATA.dataAttribute(element, attribute, def);
|
||||
|
||||
if (value === true || value === false) // gmosx: Love this :)
|
||||
{
|
||||
return value;
|
||||
}
|
||||
|
||||
if (typeof(value) === 'string') {
|
||||
if (value === 'yes' || value === 'on') {
|
||||
return true;
|
||||
}
|
||||
|
||||
if (value === '' || value === 'no' || value === 'off' || value === 'null') {
|
||||
return false;
|
||||
}
|
||||
|
||||
return def;
|
||||
}
|
||||
|
||||
if (typeof(value) === 'number') {
|
||||
return value !== 0;
|
||||
}
|
||||
|
||||
return def;
|
||||
};
|
||||
|
||||
// ----------------------------------------------------------------------------------------------------------------
|
||||
// fast numbers formatting
|
||||
|
||||
NETDATA.fastNumberFormat = {
|
||||
formattersFixed: [],
|
||||
formattersZeroBased: [],
|
||||
|
||||
// this is the fastest and the preferred
|
||||
getIntlNumberFormat: function (min, max) {
|
||||
let key = max;
|
||||
if (min === max) {
|
||||
if (typeof this.formattersFixed[key] === 'undefined') {
|
||||
this.formattersFixed[key] = new Intl.NumberFormat(undefined, {
|
||||
// style: 'decimal',
|
||||
// minimumIntegerDigits: 1,
|
||||
// minimumSignificantDigits: 1,
|
||||
// maximumSignificantDigits: 1,
|
||||
useGrouping: true,
|
||||
minimumFractionDigits: min,
|
||||
maximumFractionDigits: max
|
||||
});
|
||||
}
|
||||
|
||||
return this.formattersFixed[key];
|
||||
} else if (min === 0) {
|
||||
if (typeof this.formattersZeroBased[key] === 'undefined') {
|
||||
this.formattersZeroBased[key] = new Intl.NumberFormat(undefined, {
|
||||
// style: 'decimal',
|
||||
// minimumIntegerDigits: 1,
|
||||
// minimumSignificantDigits: 1,
|
||||
// maximumSignificantDigits: 1,
|
||||
useGrouping: true,
|
||||
minimumFractionDigits: min,
|
||||
maximumFractionDigits: max
|
||||
});
|
||||
}
|
||||
|
||||
return this.formattersZeroBased[key];
|
||||
} else {
|
||||
// this is never used
|
||||
// it is added just for completeness
|
||||
return new Intl.NumberFormat(undefined, {
|
||||
// style: 'decimal',
|
||||
// minimumIntegerDigits: 1,
|
||||
// minimumSignificantDigits: 1,
|
||||
// maximumSignificantDigits: 1,
|
||||
useGrouping: true,
|
||||
minimumFractionDigits: min,
|
||||
maximumFractionDigits: max
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
// this respects locale
|
||||
getLocaleString: function (min, max) {
|
||||
let key = max;
|
||||
if (min === max) {
|
||||
if (typeof this.formattersFixed[key] === 'undefined') {
|
||||
this.formattersFixed[key] = {
|
||||
format: function (value) {
|
||||
return value.toLocaleString(undefined, {
|
||||
// style: 'decimal',
|
||||
// minimumIntegerDigits: 1,
|
||||
// minimumSignificantDigits: 1,
|
||||
// maximumSignificantDigits: 1,
|
||||
useGrouping: true,
|
||||
minimumFractionDigits: min,
|
||||
maximumFractionDigits: max
|
||||
});
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
return this.formattersFixed[key];
|
||||
} else if (min === 0) {
|
||||
if (typeof this.formattersZeroBased[key] === 'undefined') {
|
||||
this.formattersZeroBased[key] = {
|
||||
format: function (value) {
|
||||
return value.toLocaleString(undefined, {
|
||||
// style: 'decimal',
|
||||
// minimumIntegerDigits: 1,
|
||||
// minimumSignificantDigits: 1,
|
||||
// maximumSignificantDigits: 1,
|
||||
useGrouping: true,
|
||||
minimumFractionDigits: min,
|
||||
maximumFractionDigits: max
|
||||
});
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
return this.formattersZeroBased[key];
|
||||
} else {
|
||||
return {
|
||||
format: function (value) {
|
||||
return value.toLocaleString(undefined, {
|
||||
// style: 'decimal',
|
||||
// minimumIntegerDigits: 1,
|
||||
// minimumSignificantDigits: 1,
|
||||
// maximumSignificantDigits: 1,
|
||||
useGrouping: true,
|
||||
minimumFractionDigits: min,
|
||||
maximumFractionDigits: max
|
||||
});
|
||||
}
|
||||
};
|
||||
}
|
||||
},
|
||||
|
||||
// the fallback
|
||||
getFixed: function (min, max) {
|
||||
let key = max;
|
||||
if (min === max) {
|
||||
if (typeof this.formattersFixed[key] === 'undefined') {
|
||||
this.formattersFixed[key] = {
|
||||
format: function (value) {
|
||||
if (value === 0) {
|
||||
return "0";
|
||||
}
|
||||
return value.toFixed(max);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
return this.formattersFixed[key];
|
||||
} else if (min === 0) {
|
||||
if (typeof this.formattersZeroBased[key] === 'undefined') {
|
||||
this.formattersZeroBased[key] = {
|
||||
format: function (value) {
|
||||
if (value === 0) {
|
||||
return "0";
|
||||
}
|
||||
return value.toFixed(max);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
return this.formattersZeroBased[key];
|
||||
} else {
|
||||
return {
|
||||
format: function (value) {
|
||||
if (value === 0) {
|
||||
return "0";
|
||||
}
|
||||
return value.toFixed(max);
|
||||
}
|
||||
};
|
||||
}
|
||||
},
|
||||
|
||||
testIntlNumberFormat: function () {
|
||||
let value = 1.12345;
|
||||
let e1 = "1.12", e2 = "1,12";
|
||||
let s = "";
|
||||
|
||||
try {
|
||||
let x = new Intl.NumberFormat(undefined, {
|
||||
useGrouping: true,
|
||||
minimumFractionDigits: 2,
|
||||
maximumFractionDigits: 2
|
||||
});
|
||||
|
||||
s = x.format(value);
|
||||
} catch (e) {
|
||||
s = "";
|
||||
}
|
||||
|
||||
// console.log('NumberFormat: ', s);
|
||||
return (s === e1 || s === e2);
|
||||
},
|
||||
|
||||
testLocaleString: function () {
|
||||
let value = 1.12345;
|
||||
let e1 = "1.12", e2 = "1,12";
|
||||
let s = "";
|
||||
|
||||
try {
|
||||
s = value.toLocaleString(undefined, {
|
||||
useGrouping: true,
|
||||
minimumFractionDigits: 2,
|
||||
maximumFractionDigits: 2
|
||||
});
|
||||
} catch (e) {
|
||||
s = "";
|
||||
}
|
||||
|
||||
// console.log('localeString: ', s);
|
||||
return (s === e1 || s === e2);
|
||||
},
|
||||
|
||||
// on first run we decide which formatter to use
|
||||
get: function (min, max) {
|
||||
if (this.testIntlNumberFormat()) {
|
||||
// console.log('numberformat');
|
||||
this.get = this.getIntlNumberFormat;
|
||||
} else if (this.testLocaleString()) {
|
||||
// console.log('localestring');
|
||||
this.get = this.getLocaleString;
|
||||
} else {
|
||||
// console.log('fixed');
|
||||
this.get = this.getFixed;
|
||||
}
|
||||
return this.get(min, max);
|
||||
}
|
||||
};
|
||||
|
||||
// ----------------------------------------------------------------------------------------------------------------
|
||||
// Detect the netdata server
|
||||
|
||||
// http://stackoverflow.com/questions/984510/what-is-my-script-src-url
|
||||
// http://stackoverflow.com/questions/6941533/get-protocol-domain-and-port-from-url
|
||||
NETDATA._scriptSource = function () {
|
||||
let script = null;
|
||||
|
||||
if (typeof document.currentScript !== 'undefined') {
|
||||
script = document.currentScript;
|
||||
} else {
|
||||
const all_scripts = document.getElementsByTagName('script');
|
||||
script = all_scripts[all_scripts.length - 1];
|
||||
}
|
||||
|
||||
if (typeof script.getAttribute.length !== 'undefined') {
|
||||
script = script.src;
|
||||
} else {
|
||||
script = script.getAttribute('src', -1);
|
||||
}
|
||||
|
||||
return script;
|
||||
};
|
||||
|
|
@ -1,84 +0,0 @@
|
|||
// ----------------------------------------------------------------------------------------------------------------
|
||||
// XSS checks
|
||||
|
||||
NETDATA.xss = {
|
||||
enabled: (typeof netdataCheckXSS === 'undefined') ? false : netdataCheckXSS,
|
||||
enabled_for_data: (typeof netdataCheckXSS === 'undefined') ? false : netdataCheckXSS,
|
||||
|
||||
string: function (s) {
|
||||
return s.toString()
|
||||
.replace(/</g, '<')
|
||||
.replace(/>/g, '>')
|
||||
.replace(/"/g, '"')
|
||||
.replace(/'/g, ''');
|
||||
},
|
||||
|
||||
object: function (name, obj, ignore_regex) {
|
||||
if (typeof ignore_regex !== 'undefined' && ignore_regex.test(name)) {
|
||||
// console.log('XSS: ignoring "' + name + '"');
|
||||
return obj;
|
||||
}
|
||||
|
||||
switch (typeof(obj)) {
|
||||
case 'string':
|
||||
const ret = this.string(obj);
|
||||
if (ret !== obj) {
|
||||
console.log('XSS protection changed string ' + name + ' from "' + obj + '" to "' + ret + '"');
|
||||
}
|
||||
return ret;
|
||||
|
||||
case 'object':
|
||||
if (obj === null) {
|
||||
return obj;
|
||||
}
|
||||
|
||||
if (Array.isArray(obj)) {
|
||||
// console.log('checking array "' + name + '"');
|
||||
|
||||
let len = obj.length;
|
||||
while (len--) {
|
||||
obj[len] = this.object(name + '[' + len + ']', obj[len], ignore_regex);
|
||||
}
|
||||
} else {
|
||||
// console.log('checking object "' + name + '"');
|
||||
|
||||
for (var i in obj) {
|
||||
if (obj.hasOwnProperty(i) === false) {
|
||||
continue;
|
||||
}
|
||||
if (this.string(i) !== i) {
|
||||
console.log('XSS protection removed invalid object member "' + name + '.' + i + '"');
|
||||
delete obj[i];
|
||||
} else {
|
||||
obj[i] = this.object(name + '.' + i, obj[i], ignore_regex);
|
||||
}
|
||||
}
|
||||
}
|
||||
return obj;
|
||||
|
||||
default:
|
||||
return obj;
|
||||
}
|
||||
},
|
||||
|
||||
checkOptional: function (name, obj, ignore_regex) {
|
||||
if (this.enabled) {
|
||||
//console.log('XSS: checking optional "' + name + '"...');
|
||||
return this.object(name, obj, ignore_regex);
|
||||
}
|
||||
return obj;
|
||||
},
|
||||
|
||||
checkAlways: function (name, obj, ignore_regex) {
|
||||
//console.log('XSS: checking always "' + name + '"...');
|
||||
return this.object(name, obj, ignore_regex);
|
||||
},
|
||||
|
||||
checkData: function (name, obj, ignore_regex) {
|
||||
if (this.enabled_for_data) {
|
||||
//console.log('XSS: checking data "' + name + '"...');
|
||||
return this.object(name, obj, ignore_regex);
|
||||
}
|
||||
return obj;
|
||||
}
|
||||
};
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M71.0524 97.956H51.6868L12 22H68.3344C90.2396 22.0399 107.988 39.6415 108 61.3554C107.965 81.591 91.44 97.956 71.0524 97.956Z" fill="#68C47D"/>
|
||||
</svg>
|
||||
|
Before 
(image error) Size: 300 B |
|
|
@ -1,12 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>Netdata dashboard selection</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="application-name" content="netdata">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
</head>
|
||||
<body>
|
||||
<p>Under construction...</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1 +0,0 @@
|
|||
old
|
||||
|
|
@ -1 +0,0 @@
|
|||
../.dashboard-notice.md
|
||||
|
|
@ -1,47 +0,0 @@
|
|||
{
|
||||
"files": {
|
||||
"main.css": "./static/css/main.53ba10f1.chunk.css",
|
||||
"main.js": "./static/js/main.e248095a.chunk.js",
|
||||
"main.js.map": "./static/js/main.e248095a.chunk.js.map",
|
||||
"runtime-main.js": "./static/js/runtime-main.08abed8f.js",
|
||||
"runtime-main.js.map": "./static/js/runtime-main.08abed8f.js.map",
|
||||
"static/css/2.c454aab8.chunk.css": "./static/css/2.c454aab8.chunk.css",
|
||||
"static/js/2.62d105c5.chunk.js": "./static/js/2.62d105c5.chunk.js",
|
||||
"static/js/2.62d105c5.chunk.js.map": "./static/js/2.62d105c5.chunk.js.map",
|
||||
"static/js/3.f137faca.chunk.js": "./static/js/3.f137faca.chunk.js",
|
||||
"static/js/3.f137faca.chunk.js.map": "./static/js/3.f137faca.chunk.js.map",
|
||||
"static/css/4.a36e3b73.chunk.css": "./static/css/4.a36e3b73.chunk.css",
|
||||
"static/js/4.2dbcd906.chunk.js": "./static/js/4.2dbcd906.chunk.js",
|
||||
"static/js/4.2dbcd906.chunk.js.map": "./static/js/4.2dbcd906.chunk.js.map",
|
||||
"static/js/5.2f783a54.chunk.js": "./static/js/5.2f783a54.chunk.js",
|
||||
"static/js/5.2f783a54.chunk.js.map": "./static/js/5.2f783a54.chunk.js.map",
|
||||
"static/js/6.e1951239.chunk.js": "./static/js/6.e1951239.chunk.js",
|
||||
"static/js/6.e1951239.chunk.js.map": "./static/js/6.e1951239.chunk.js.map",
|
||||
"static/js/7.c2417fb0.chunk.js": "./static/js/7.c2417fb0.chunk.js",
|
||||
"static/js/7.c2417fb0.chunk.js.map": "./static/js/7.c2417fb0.chunk.js.map",
|
||||
"static/js/8.b4161ea2.chunk.js": "./static/js/8.b4161ea2.chunk.js",
|
||||
"static/js/8.b4161ea2.chunk.js.map": "./static/js/8.b4161ea2.chunk.js.map",
|
||||
"static/js/9.a4363968.chunk.js": "./static/js/9.a4363968.chunk.js",
|
||||
"static/js/9.a4363968.chunk.js.map": "./static/js/9.a4363968.chunk.js.map",
|
||||
"static/js/10.a5cd7d0e.chunk.js": "./static/js/10.a5cd7d0e.chunk.js",
|
||||
"static/js/10.a5cd7d0e.chunk.js.map": "./static/js/10.a5cd7d0e.chunk.js.map",
|
||||
"index.html": "./index.html",
|
||||
"precache-manifest.e2d3811ef5e4b7e75e1f56d6ee92ef2c.js": "./precache-manifest.e2d3811ef5e4b7e75e1f56d6ee92ef2c.js",
|
||||
"service-worker.js": "./service-worker.js",
|
||||
"static/css/2.c454aab8.chunk.css.map": "./static/css/2.c454aab8.chunk.css.map",
|
||||
"static/css/4.a36e3b73.chunk.css.map": "./static/css/4.a36e3b73.chunk.css.map",
|
||||
"static/css/main.53ba10f1.chunk.css.map": "./static/css/main.53ba10f1.chunk.css.map",
|
||||
"static/js/2.62d105c5.chunk.js.LICENSE": "./static/js/2.62d105c5.chunk.js.LICENSE",
|
||||
"static/js/5.2f783a54.chunk.js.LICENSE": "./static/js/5.2f783a54.chunk.js.LICENSE",
|
||||
"static/js/main.e248095a.chunk.js.LICENSE": "./static/js/main.e248095a.chunk.js.LICENSE",
|
||||
"static/media/index.css": "./static/media/ibm-plex-sans-latin-700italic.72e9af40.woff",
|
||||
"static/media/fonts.css": "./static/media/material-icons.0509ab09.woff2"
|
||||
},
|
||||
"entrypoints": [
|
||||
"static/js/runtime-main.08abed8f.js",
|
||||
"static/css/2.c454aab8.chunk.css",
|
||||
"static/js/2.62d105c5.chunk.js",
|
||||
"static/css/main.53ba10f1.chunk.css",
|
||||
"static/js/main.e248095a.chunk.js"
|
||||
]
|
||||
}
|
||||
|
|
@ -1,72 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Netdata Console</title>
|
||||
<meta name="application-name" content="netdata" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
||||
<link rel="icon" href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP9JREFUeNpiYBgFo+A/w34gpiZ8DzWzAYgNiHGAA5UdgA73g+2gcyhgg/0DGQoweB6IBQYyFCCOGOBQwBMd/xnW09ERDtgcoEBHB+zHFQrz6egIBUasocDAcJ9OxWAhE4YQI8MDILmATg7wZ8QRDfQKhQf4Cie6pAVGPA4AhQKo0BCgZRAw4ZSBpIWJNI6CD4wEKikBaFqgVSgcYMIrzcjwgcahcIGRiPYCLUPBkNhWUwP9akVcoQBpatG4MsLviAIqWj6f3Absfdq2igg7IIEKDVQKEzN5ofAenJCp1I8gJRTug5tfkGIdR1FDniMI+QZUjF8Amn5htOdHCAAEGACE6B0cS6mrEwAAAABJRU5ErkJggg==" />
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
|
||||
<!-- Google Tag Manager -->
|
||||
<script>(function (w, d, s, l, i) {
|
||||
w[l] = w[l] || []; w[l].push({
|
||||
'gtm.start':
|
||||
new Date().getTime(), event: 'gtm.js'
|
||||
}); var f = d.getElementsByTagName(s)[0],
|
||||
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
|
||||
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
|
||||
})(window, document, 'script', 'dataLayer', 'GTM-N6CBMJD');
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
</script>
|
||||
<!-- End Google Tag Manager -->
|
||||
<script>
|
||||
function loadJSFile(filename) {
|
||||
const s = document.createElement("script")
|
||||
s.setAttribute("type", "text/javascript")
|
||||
s.setAttribute("src", filename)
|
||||
document.getElementsByTagName("head")[0].appendChild(s)
|
||||
}
|
||||
|
||||
function loadCSSFile(filename) {
|
||||
const l = document.createElement("link")
|
||||
l.setAttribute("rel", "stylesheet")
|
||||
l.setAttribute("type", "text/css")
|
||||
l.setAttribute("href", filename)
|
||||
document.getElementsByTagName("head")[0].appendChild(l)
|
||||
}
|
||||
|
||||
var cloudBaseURL = localStorage.getItem("cloud.baseURL") || "https://netdata.cloud"
|
||||
|
||||
loadCSSFile(`${cloudBaseURL}/static/console/main.css?v=4`)
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body class="mdc-theme--background mdc-typography">
|
||||
<!-- Google Tag Manager (noscript) -->
|
||||
<noscript>
|
||||
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N6CBMJD" height="0" width="0"
|
||||
style="display:none;visibility:hidden"></iframe>
|
||||
</noscript>
|
||||
<!-- End Google Tag Manager (noscript) -->
|
||||
<main id="app" class="console-app" data-host="agent"></main>
|
||||
<script>
|
||||
const main = document.getElementById("app")
|
||||
main.setAttribute("data-static-base-url", cloudBaseURL)
|
||||
main.setAttribute("data-api-base-url", cloudBaseURL)
|
||||
main.setAttribute("data-api-base-url-v2", cloudBaseURL)
|
||||
|
||||
loadJSFile(`${cloudBaseURL}/static/console/main.js?v=4`)
|
||||
</script>
|
||||
<script>
|
||||
var netdataTheme = "white"
|
||||
var netdataNoBootstrap = true
|
||||
</script>
|
||||
<script type="text/javascript" src="dashboard.js?v20190902-0"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
6760
src/web/gui/v1/css/bootstrap-3.3.7.css
vendored
6760
src/web/gui/v1/css/bootstrap-3.3.7.css
vendored
File diff suppressed because it is too large
Load diff
7101
src/web/gui/v1/css/bootstrap-slate-flat-3.3.7.css
vendored
7101
src/web/gui/v1/css/bootstrap-slate-flat-3.3.7.css
vendored
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,29 +0,0 @@
|
|||
/*! ========================================================================
|
||||
* Bootstrap Toggle: bootstrap-toggle.css v2.2.0
|
||||
* http://www.bootstraptoggle.com
|
||||
* ========================================================================
|
||||
* Copyright 2014 Min Hur, The New York Times Company
|
||||
* Licensed under MIT
|
||||
* SPDX-License-Identifier: MIT
|
||||
* ======================================================================== */
|
||||
.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
|
||||
.toggle{position:relative;overflow:hidden}
|
||||
.toggle input[type=checkbox]{display:none}
|
||||
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
|
||||
.toggle.off .toggle-group{left:-100%}
|
||||
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
|
||||
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
|
||||
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
|
||||
.toggle.btn{min-width:59px;min-height:34px}
|
||||
.toggle-on.btn{padding-right:24px}
|
||||
.toggle-off.btn{padding-left:24px}
|
||||
.toggle.btn-lg{min-width:79px;min-height:45px}
|
||||
.toggle-on.btn-lg{padding-right:31px}
|
||||
.toggle-off.btn-lg{padding-left:31px}
|
||||
.toggle-handle.btn-lg{width:40px}
|
||||
.toggle.btn-sm{min-width:50px;min-height:30px}
|
||||
.toggle-on.btn-sm{padding-right:20px}
|
||||
.toggle-off.btn-sm{padding-left:20px}
|
||||
.toggle.btn-xs{min-width:35px;min-height:22px}
|
||||
.toggle-on.btn-xs{padding-right:12px}
|
||||
.toggle-off.btn-xs{padding-left:12px}
|
||||
|
|
@ -1,785 +0,0 @@
|
|||
/* SPDX-License-Identfier: GPL-3.0-or-later */
|
||||
:root {
|
||||
--color-main: #35414A;
|
||||
--color-primary: #00ab44;
|
||||
--color-border: #93a3b0;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
/*font-family: Calibri,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;*/
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
}
|
||||
|
||||
.morelink {
|
||||
color: var(--color-attention, #765d9c);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.morelink:hover {
|
||||
color: var(--color-attentionSecondary, #563d7c);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.morelink:focus {
|
||||
color: var(--color-attention, #765d9c);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.netdata-chart-alignment {
|
||||
/* 55 for legend-right */
|
||||
margin-left: 35px;
|
||||
}
|
||||
|
||||
.netdata-chart-row {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
align-items: baseline;
|
||||
-moz-align-items: baseline;
|
||||
-webkit-align-items: baseline;
|
||||
justify-content: center;
|
||||
-webkit-justify-content: center;
|
||||
-moz-justify-content: center;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.netdata-container {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
|
||||
transform: translate3d(0,0,0);
|
||||
|
||||
/* required for child elements to have absolute position */
|
||||
position: relative;
|
||||
|
||||
/* width and height is given per chart with data-width and data-height */
|
||||
}
|
||||
|
||||
.netdata-container-gauge {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
|
||||
transform: translate3d(0,0,0);
|
||||
|
||||
/* required for child elements to have absolute position */
|
||||
position: relative;
|
||||
|
||||
/* width and height is given per chart with data-width and data-height */
|
||||
}
|
||||
|
||||
.netdata-container-gauge:after {
|
||||
padding-top: 60%;
|
||||
display: block;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.netdata-container-easypiechart {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
|
||||
transform: translate3d(0,0,0);
|
||||
|
||||
/* required for child elements to have absolute position */
|
||||
position: relative;
|
||||
|
||||
/* width and height is given per chart with data-width and data-height */
|
||||
}
|
||||
|
||||
.netdata-container-easypiechart:after {
|
||||
padding-top: 100%;
|
||||
display: block;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.netdata-aspect {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.netdata-container-with-legend {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
|
||||
transform: translate3d(0,0,0);
|
||||
|
||||
/* fix minimum scrollbar issue in firefox */
|
||||
min-height: 99px;
|
||||
|
||||
/* required for child elements to have absolute position */
|
||||
position: relative;
|
||||
|
||||
/* width and height is given per chart with data-width and data-height */
|
||||
}
|
||||
|
||||
.netdata-container-with-legend.netdata-container-with-legend--bottom {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.netdata-legend-resize-handler {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
height: 15px;
|
||||
width: 20px;
|
||||
background-color: var(--color-mainBackground, #fff);
|
||||
font-size: 15px;
|
||||
vertical-align: middle;
|
||||
line-height: 15px;
|
||||
cursor: ns-resize;
|
||||
color: var(--color-selected, #CDCDCD);
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.netdata-legend-toolbox {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
height: 15px;
|
||||
width: 110px;
|
||||
font-size: 12px;
|
||||
vertical-align: middle;
|
||||
line-height: 15px;
|
||||
color: var(--color-placeholder, #DDDDDD);
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
|
||||
/* prevent text selection after double click */
|
||||
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
|
||||
-moz-user-select: none; /* mozilla browsers */
|
||||
-khtml-user-select: none; /* webkit (konqueror) browsers */
|
||||
-ms-user-select: none; /* IE10+ */
|
||||
}
|
||||
|
||||
.netdata-legend-toolbox-button {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
height: 15px;
|
||||
width: 18px;
|
||||
background-color: var(--color-mainBackground, #fff);
|
||||
font-size: 12px;
|
||||
vertical-align: middle;
|
||||
line-height: 15px;
|
||||
color: var(--color-selected, #CDCDCD);
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
cursor: pointer;
|
||||
|
||||
/* prevent text selection after double click */
|
||||
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
|
||||
-moz-user-select: none; /* mozilla browsers */
|
||||
-khtml-user-select: none; /* webkit (konqueror) browsers */
|
||||
-ms-user-select: none; /* IE10+ */
|
||||
}
|
||||
|
||||
.netdata-message {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
font-weight: bold;
|
||||
font-size: x-small;
|
||||
overflow: hidden;
|
||||
background: inherit;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.netdata-message.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.netdata-message.icon {
|
||||
color: var(--color-borderSecondary, #F8F8F8);
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.netdata-chart-legend {
|
||||
position: absolute; /* within .netdata-container */
|
||||
top: 26px;
|
||||
bottom: 18px;
|
||||
right: 0;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
text-overflow: ellipsis;
|
||||
line-height: 14px;
|
||||
display: block;
|
||||
width: 140px; /* --legend-width */
|
||||
font-size: 10px;
|
||||
margin-top: 5px;
|
||||
text-align: left;
|
||||
/* width and height is calculated (depends on the appearance of the legend) */
|
||||
}
|
||||
|
||||
.netdata-legend-title-date {
|
||||
font-size: 10px;
|
||||
font-weight: normal;
|
||||
margin-top: 0px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.netdata-legend-title-time {
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
margin-top: 0px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.netdata-legend-title-units {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
float: right;
|
||||
font-size: 11px;
|
||||
vertical-align: top;
|
||||
font-weight: normal;
|
||||
margin-top: 0px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.netdata-legend-series {
|
||||
position: absolute;
|
||||
width: 140px; /* legend-width */
|
||||
height: calc(100% - 50px);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
line-height: 14.5px; /* line spacing at the legend */
|
||||
display: block;
|
||||
font-size: 10px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.netdata-legend-name-table-line {
|
||||
display: inline-block;
|
||||
width: 13px;
|
||||
height: 4px;
|
||||
border-width: 0px;
|
||||
border-bottom-width: 2px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: white;
|
||||
}
|
||||
|
||||
.netdata-legend-name-table-area {
|
||||
display: inline-block;
|
||||
width: 13px;
|
||||
height: 5px;
|
||||
border-width: 1px;
|
||||
border-top-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-top-color: inherit;
|
||||
}
|
||||
|
||||
.netdata-legend-name-table-stacked {
|
||||
display: inline-block;
|
||||
width: 13px;
|
||||
height: 5px;
|
||||
border-width: 1px;
|
||||
border-top-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-top-color: inherit;
|
||||
}
|
||||
|
||||
.netdata-legend-name-tr {
|
||||
}
|
||||
|
||||
.netdata-legend-name-td {
|
||||
}
|
||||
|
||||
.netdata-legend-name {
|
||||
text-align: left;
|
||||
font-size: 11px; /* legend: dimension name size */
|
||||
font-weight: bold;
|
||||
vertical-align: bottom;
|
||||
margin-top: 0px;
|
||||
z-index: 9;
|
||||
padding: 0px;
|
||||
width: 80px !important;
|
||||
max-width: 80px !important;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
-webkit-print-color-adjust: exact;
|
||||
}
|
||||
|
||||
.netdata-legend-value {
|
||||
/*margin-left: 14px;*/
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
float: right;
|
||||
text-align: right;
|
||||
font-size: 11px; /* legend: dimension value size */
|
||||
font-weight: bold;
|
||||
vertical-align: bottom;
|
||||
background-color: var(--color-mainBackground, #fff);
|
||||
margin-top: 0px;
|
||||
z-index: 10;
|
||||
padding: 0px;
|
||||
padding-left: 15px;
|
||||
cursor: pointer;
|
||||
/* -webkit-font-smoothing: none; */
|
||||
}
|
||||
|
||||
.netdata-legend-value, .netdata-legend-name {
|
||||
/* prevent highlight when shift-clicking */
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* eslint recommends adding tabIndex for a11y, but the outline is showing on click */
|
||||
.netdata-legend-name:focus, .netdata-legend-value:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.netdata-legend-name.not-selected {
|
||||
font-weight: normal;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.netdata-chart {
|
||||
position: absolute; /* within .netdata-container */
|
||||
top: 0; /* within .netdata-container */
|
||||
left: 0; /* within .netdata-container */
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 5;
|
||||
|
||||
/* width and height is calculated (depends on the appearance of the legend) */
|
||||
}
|
||||
|
||||
.netdata-chart-with-legend-right {
|
||||
position: absolute; /* within .netdata-container */
|
||||
top: 0; /* within .netdata-container */
|
||||
left: 0; /* within .netdata-container */
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin-right: 140px; /* --legend-width */
|
||||
width: calc(100% - 140px); /* --legend-width */
|
||||
height: 100%;
|
||||
z-index: 5;
|
||||
flex-grow: 1;
|
||||
|
||||
/* width and height is calculated (depends on the appearance of the legend) */
|
||||
}
|
||||
|
||||
.netdata-chart-with-legend-bottom {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.netdata-peity-chart {
|
||||
|
||||
}
|
||||
|
||||
.netdata-sparkline-chart {
|
||||
|
||||
}
|
||||
|
||||
.netdata-dygraph-chart {
|
||||
|
||||
}
|
||||
|
||||
.netdata-morris-chart {
|
||||
|
||||
}
|
||||
|
||||
.netdata-google-chart {
|
||||
|
||||
}
|
||||
|
||||
.dygraph-ylabel {
|
||||
}
|
||||
|
||||
.dygraph-axis-label-x {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.dygraph-label-rotate-left {
|
||||
text-align: center;
|
||||
/* See http://caniuse.com/#feat=transforms2d */
|
||||
transform: rotate(90deg);
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
}
|
||||
|
||||
/* For y2-axis label */
|
||||
.dygraph-label-rotate-right {
|
||||
text-align: center;
|
||||
/* See http://caniuse.com/#feat=transforms2d */
|
||||
transform: rotate(-90deg);
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
.dygraph-title {
|
||||
/* 56 for legend-right */
|
||||
text-indent: 36px;
|
||||
text-align: left;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 4px;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* fix for sparkline tooltip under bootstrap */
|
||||
.jqstooltip {
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.easyPieChart {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.easyPieChart canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.easyPieChartLabel {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: var(--color-main);
|
||||
font-weight: normal;
|
||||
text-shadow: var(--color-elementBackground, #BBB) 0px 0px 1px;
|
||||
/* -webkit-font-smoothing: none; */
|
||||
}
|
||||
|
||||
.easyPieChartTitle {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 64%;
|
||||
margin-left: 18% !important;
|
||||
text-align: center;
|
||||
color: var(--color-border, #999999);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.easyPieChartUnits {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 60%;
|
||||
margin-left: 20% !important;
|
||||
text-align: center;
|
||||
color: var(--color-border, #999999);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.gaugeChart {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.gaugeChart canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.gaugeChartLabel {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: var(--color-main);
|
||||
font-weight: bold;
|
||||
z-index: 1;
|
||||
text-shadow: var(--color-elementBackground, #777) 0px 0px 1px;
|
||||
/* text-shadow: #CCC 1px 1px 0px, #CCC -1px -1px 0px, #CCC 1px -1px 0px, #CCC -1px 1px 0px; */
|
||||
/* -webkit-text-stroke: 1px #777; */
|
||||
/* -webkit-font-smoothing: none; */
|
||||
}
|
||||
|
||||
.gaugeChartTitle {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: var(--color-border, #999999);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.gaugeChartUnits {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
margin-left: 5%;
|
||||
color: var(--color-border, #999999);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.gaugeChartMin {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
bottom: 8%;
|
||||
width: 92%;
|
||||
margin-left: 8%;
|
||||
text-align: left;
|
||||
color: var(--color-main);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.gaugeChartMax {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
bottom: 8%;
|
||||
width: 95%;
|
||||
margin-right: 5%;
|
||||
text-align: right;
|
||||
color: var(--color-main);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.popover-title {
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.popover-content {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------------
|
||||
perfect-scrollbar settings
|
||||
*/
|
||||
|
||||
.ps-container {
|
||||
-ms-touch-action: auto;
|
||||
touch-action: auto;
|
||||
overflow: hidden !important;
|
||||
-ms-overflow-style: none;
|
||||
}
|
||||
|
||||
@supports (-ms-overflow-style: none) {
|
||||
.ps-container {
|
||||
overflow: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
||||
.ps-container {
|
||||
overflow: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
|
||||
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
|
||||
display: block;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
|
||||
background-color: transparent; /* background color when dragged away */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
|
||||
background-color: #aaa; /* scrollbar color when dragged away */
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
|
||||
background-color: transparent; /* background color when dragged away */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
|
||||
background-color: #aaa; /* scrollbar color when dragged away */
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-x-rail {
|
||||
display: none;
|
||||
position: absolute;
|
||||
/* please don't change 'position' */
|
||||
opacity: 0.2; /* the opacity when not on hover of the content */
|
||||
-webkit-transition: background-color .2s linear, opacity .2s linear;
|
||||
-o-transition: background-color .2s linear, opacity .2s linear;
|
||||
-moz-transition: background-color .2s linear, opacity .2s linear;
|
||||
transition: background-color .2s linear, opacity .2s linear;
|
||||
bottom: 0px;
|
||||
/* there must be 'bottom' for ps-scrollbar-x-rail */
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
|
||||
position: absolute;
|
||||
/* please don't change 'position' */
|
||||
background-color: var(--color-elementBackground, #666); /* #aaa; the color on content hover */
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
|
||||
-o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
|
||||
-moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
|
||||
bottom: 2px;
|
||||
/* there must be 'bottom' for ps-scrollbar-x */
|
||||
height: 5px; /* the width of the scrollbar */
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-y-rail {
|
||||
display: none;
|
||||
position: absolute;
|
||||
/* please don't change 'position' */
|
||||
opacity: 0.2; /* the opacity when not on hover of the content */
|
||||
-webkit-transition: background-color .2s linear, opacity .2s linear;
|
||||
-o-transition: background-color .2s linear, opacity .2s linear;
|
||||
-moz-transition: background-color .2s linear, opacity .2s linear;
|
||||
transition: background-color .2s linear, opacity .2s linear;
|
||||
right: 0;
|
||||
/* there must be 'right' for ps-scrollbar-y-rail */
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
|
||||
position: absolute;
|
||||
/* please don't change 'position' */
|
||||
background-color: var(--color-elementBackground, #666); /* #aaa; the color on content hover */
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
|
||||
-o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
|
||||
-moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
|
||||
right: 2px;
|
||||
/* there must be 'right' for ps-scrollbar-y */
|
||||
width: 5px; /* the width of the scrollbar */
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
|
||||
background-color: transparent; /* background color when dragged */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
|
||||
background-color: #bbb; /* scrollbar color when dragged */
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
|
||||
background-color: transparent; /* background color when dragged */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
|
||||
background-color: #bbb; /* scrollbar color when dragged */
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-x-rail,
|
||||
.ps-container:hover > .ps-scrollbar-y-rail {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-x-rail:hover {
|
||||
background-color: transparent; /* the background color on hover of the scrollbar */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
|
||||
background-color: #999; /* scrollbar color on hover */
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-y-rail:hover {
|
||||
background-color: transparent; /* the background color on hover of the scrollbar */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
|
||||
background-color: #999; /* scrollbar color on hover */
|
||||
}
|
||||
|
||||
.dygraph__history-tip {
|
||||
position: absolute;
|
||||
transform: translateY(-50%);
|
||||
display: none; /* overridden in js */
|
||||
margin-right: 25px;
|
||||
direction: rtl;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.dygraph__history-tip-content {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
direction: ltr;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
|
@ -1,803 +0,0 @@
|
|||
/* SPDX-License-Identifier: GPL-3.0-or-later */
|
||||
:root {
|
||||
--color-main: #FFFFFF;
|
||||
--color-primary: #00ab44;
|
||||
--color-border: #878b90;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
/*font-family: Calibri,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;*/
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
color: #878b90;
|
||||
}
|
||||
|
||||
/* fixes for default slate theme */
|
||||
code {
|
||||
color: #bbb; /*#c7254e;*/
|
||||
background-color: #555; /* #f9f2f4; */
|
||||
}
|
||||
|
||||
.dashboard-sidebar .nav > .active > a,
|
||||
.dashboard-sidebar .nav > .active:hover > a,
|
||||
.dashboard-sidebar .nav > .active:focus > a {
|
||||
color: #765d9c;
|
||||
border-left: 2px solid #765d9c;
|
||||
}
|
||||
|
||||
.morelink {
|
||||
color: #765d9c;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.morelink:hover {
|
||||
color: #563d7c;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.morelink:focus {
|
||||
color: #765d9c;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.netdata-chart-alignment {
|
||||
/* 55 for legend-right */
|
||||
margin-left: 35px;
|
||||
}
|
||||
|
||||
.netdata-chart-row {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
align-items: flex-end;
|
||||
-moz-align-items: flex-end;
|
||||
-webkit-align-items: flex-end;
|
||||
justify-content: center;
|
||||
-moz--webkit-justify-content: center;
|
||||
-moz-justify-content: center;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.netdata-container {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
|
||||
transform: translate3d(0,0,0);
|
||||
|
||||
/* required for child elements to have absolute position */
|
||||
position: relative;
|
||||
|
||||
/* width and height is given per chart with data-width and data-height */
|
||||
}
|
||||
|
||||
.netdata-container-gauge {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
|
||||
transform: translate3d(0,0,0);
|
||||
|
||||
/* required for child elements to have absolute position */
|
||||
position: relative;
|
||||
|
||||
/* width and height is given per chart with data-width and data-height */
|
||||
}
|
||||
|
||||
.netdata-container-gauge:after {
|
||||
padding-top: 60%;
|
||||
display: block;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.netdata-container-easypiechart {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
|
||||
transform: translate3d(0,0,0);
|
||||
|
||||
/* required for child elements to have absolute position */
|
||||
position: relative;
|
||||
|
||||
/* width and height is given per chart with data-width and data-height */
|
||||
}
|
||||
|
||||
.netdata-container-easypiechart:after {
|
||||
padding-top: 100%;
|
||||
display: block;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.netdata-aspect {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.netdata-container-with-legend {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
|
||||
transform: translate3d(0,0,0);
|
||||
|
||||
/* fix minimum scrollbar issue in firefox */
|
||||
min-height: 99px;
|
||||
|
||||
/* required for child elements to have absolute position */
|
||||
position: relative;
|
||||
|
||||
/* width and height is given per chart with data-width and data-height */
|
||||
}
|
||||
|
||||
.netdata-container-with-legend.netdata-container-with-legend--bottom {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.netdata-legend-resize-handler {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
height: 15px;
|
||||
width: 20px;
|
||||
background-color: #272b30;
|
||||
font-size: 15px;
|
||||
vertical-align: middle;
|
||||
line-height: 15px;
|
||||
cursor: ns-resize;
|
||||
color: var(--color-selected, #373b40);
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.netdata-legend-toolbox {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
height: 15px;
|
||||
width: 110px;
|
||||
font-size: 12px;
|
||||
vertical-align: middle;
|
||||
line-height: 15px;
|
||||
color: #373b40;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
|
||||
/* prevent text selection after double click */
|
||||
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
|
||||
-moz-user-select: none; /* mozilla browsers */
|
||||
-khtml-user-select: none; /* webkit (konqueror) browsers */
|
||||
-ms-user-select: none; /* IE10+ */
|
||||
}
|
||||
|
||||
.netdata-legend-toolbox-button {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
height: 15px;
|
||||
width: 18px;
|
||||
background-color: #272b30;
|
||||
font-size: 12px;
|
||||
vertical-align: middle;
|
||||
line-height: 15px;
|
||||
color: var(--color-selected, #373b40);
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
cursor: pointer;
|
||||
|
||||
/* prevent text selection after double click */
|
||||
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
|
||||
-moz-user-select: none; /* mozilla browsers */
|
||||
-khtml-user-select: none; /* webkit (konqueror) browsers */
|
||||
-ms-user-select: none; /* IE10+ */
|
||||
}
|
||||
|
||||
.netdata-message {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
font-weight: bold;
|
||||
font-size: x-small;
|
||||
overflow: hidden;
|
||||
background: inherit;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.netdata-message.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.netdata-message.icon {
|
||||
color: #2f3338;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.netdata-chart-legend {
|
||||
position: absolute; /* within .netdata-container */
|
||||
top: 0;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
line-height: 14px;
|
||||
display: block;
|
||||
width: 140px; /* --legend-width */
|
||||
height: calc(100% - 15px); /* 10px for the resize handler and 5px for the top margin */
|
||||
font-size: 10px;
|
||||
margin-top: 5px;
|
||||
text-align: left;
|
||||
/* width and height is calculated (depends on the appearance of the legend) */
|
||||
}
|
||||
|
||||
.netdata-legend-title-date {
|
||||
font-size: 10px;
|
||||
font-weight: normal;
|
||||
margin-top: 0px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.netdata-legend-title-time {
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
margin-top: 0px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.netdata-legend-title-units {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
float: right;
|
||||
font-size: 11px;
|
||||
vertical-align: top;
|
||||
font-weight: normal;
|
||||
margin-top: 0px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.netdata-legend-series {
|
||||
position: absolute;
|
||||
width: 140px; /* legend-width */
|
||||
height: calc(100% - 50px);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
line-height: 14.5px; /* line spacing at the legend */
|
||||
display: block;
|
||||
font-size: 10px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.netdata-legend-name-table-line {
|
||||
display: inline-block;
|
||||
width: 13px;
|
||||
height: 4px;
|
||||
border-width: 0px;
|
||||
border-bottom-width: 2px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #272b30;
|
||||
}
|
||||
|
||||
.netdata-legend-name-table-area {
|
||||
display: inline-block;
|
||||
width: 13px;
|
||||
height: 5px;
|
||||
border-width: 1px;
|
||||
border-top-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-top-color: inherit;
|
||||
}
|
||||
|
||||
.netdata-legend-name-table-stacked {
|
||||
display: inline-block;
|
||||
width: 13px;
|
||||
height: 5px;
|
||||
border-width: 1px;
|
||||
border-top-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-top-color: inherit;
|
||||
}
|
||||
|
||||
.netdata-legend-name-tr {
|
||||
}
|
||||
|
||||
.netdata-legend-name-td {
|
||||
}
|
||||
|
||||
.netdata-legend-name {
|
||||
text-align: left;
|
||||
font-size: 11px; /* legend: dimension name size */
|
||||
font-weight: bold;
|
||||
vertical-align: bottom;
|
||||
margin-top: 0px;
|
||||
z-index: 9;
|
||||
padding: 0px;
|
||||
width: 80px !important;
|
||||
max-width: 80px !important;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
-webkit-print-color-adjust: exact;
|
||||
}
|
||||
|
||||
.netdata-legend-value {
|
||||
/*margin-left: 14px;*/
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
float: right;
|
||||
text-align: right;
|
||||
font-size: 11px; /* legend: dimension value size */
|
||||
font-weight: bold;
|
||||
vertical-align: bottom;
|
||||
background-color: #272b30;
|
||||
margin-top: 0px;
|
||||
z-index: 10;
|
||||
padding: 0px;
|
||||
padding-left: 15px;
|
||||
cursor: pointer;
|
||||
/* -webkit-font-smoothing: none; */
|
||||
}
|
||||
|
||||
.netdata-legend-value, .netdata-legend-name {
|
||||
/* prevent highlight when shift-clicking */
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* eslint recommends adding tabIndex for a11y, but the outline is showing on click */
|
||||
.netdata-legend-name:focus, .netdata-legend-value:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.netdata-legend-name.not-selected {
|
||||
font-weight: normal;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.netdata-chart {
|
||||
position: absolute; /* within .netdata-container */
|
||||
top: 0; /* within .netdata-container */
|
||||
left: 0; /* within .netdata-container */
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 5;
|
||||
|
||||
/* width and height is calculated (depends on the appearance of the legend) */
|
||||
}
|
||||
|
||||
.netdata-chart-with-legend-right {
|
||||
position: absolute; /* within .netdata-container */
|
||||
top: 0; /* within .netdata-container */
|
||||
left: 0; /* within .netdata-container */
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin-right: 140px; /* --legend-width */
|
||||
width: calc(100% - 140px); /* --legend-width */
|
||||
height: 100%;
|
||||
z-index: 5;
|
||||
flex-grow: 1;
|
||||
|
||||
/* width and height is calculated (depends on the appearance of the legend) */
|
||||
}
|
||||
|
||||
.netdata-chart-with-legend-bottom {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.netdata-peity-chart {
|
||||
|
||||
}
|
||||
|
||||
.netdata-sparkline-chart {
|
||||
|
||||
}
|
||||
|
||||
.netdata-dygraph-chart {
|
||||
|
||||
}
|
||||
|
||||
.netdata-morris-chart {
|
||||
|
||||
}
|
||||
|
||||
.netdata-google-chart {
|
||||
|
||||
}
|
||||
|
||||
.dygraph-ylabel {
|
||||
}
|
||||
|
||||
.dygraph-axis-label-x {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.dygraph-axis-label {
|
||||
color: #6c7075;
|
||||
}
|
||||
|
||||
.dygraph-label-rotate-left {
|
||||
text-align: center;
|
||||
/* See http://caniuse.com/#feat=transforms2d */
|
||||
transform: rotate(90deg);
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
}
|
||||
|
||||
/* For y2-axis label */
|
||||
.dygraph-label-rotate-right {
|
||||
text-align: center;
|
||||
/* See http://caniuse.com/#feat=transforms2d */
|
||||
transform: rotate(-90deg);
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
.dygraph-title {
|
||||
/* 56 for legend-right */
|
||||
text-indent: 36px;
|
||||
text-align: left;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 4px;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* fix for sparkline tooltip under bootstrap */
|
||||
.jqstooltip {
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.easyPieChart {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.easyPieChart canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.easyPieChartLabel {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: var(--color-main);
|
||||
font-weight: normal;
|
||||
text-shadow: #272b30 0px 0px 1px;
|
||||
/* -webkit-font-smoothing: none; */
|
||||
}
|
||||
|
||||
.easyPieChartTitle {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 64%;
|
||||
margin-left: 18% !important;
|
||||
text-align: center;
|
||||
color: var(--color-border,#676b70);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.easyPieChartUnits {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 60%;
|
||||
margin-left: 20% !important;
|
||||
text-align: center;
|
||||
color:var(--color-border,#676b70);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.gaugeChart {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.gaugeChart canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.gaugeChartLabel {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: var(--color-main);
|
||||
font-weight: bold;
|
||||
z-index: 1;
|
||||
text-shadow: #272b30 0px 0px 1px;
|
||||
/* text-shadow: #CCC 1px 1px 0px, #CCC -1px -1px 0px, #CCC 1px -1px 0px, #CCC -1px 1px 0px; */
|
||||
/* -webkit-text-stroke: 1px #777; */
|
||||
/* -webkit-font-smoothing: none; */
|
||||
}
|
||||
|
||||
.gaugeChartTitle {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: var(--color-border, #676b70);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.gaugeChartUnits {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
margin-left: 5%;
|
||||
color: var(--color-border,#676b70);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.gaugeChartMin {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
bottom: 8%;
|
||||
width: 92%;
|
||||
margin-left: 8%;
|
||||
text-align: left;
|
||||
color: var(--color-main);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.gaugeChartMax {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
bottom: 8%;
|
||||
width: 95%;
|
||||
margin-right: 5%;
|
||||
text-align: right;
|
||||
color: var(--color-main);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.popover-title {
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.popover-content {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------------
|
||||
perfect-scrollbar settings
|
||||
*/
|
||||
|
||||
.ps-container {
|
||||
-ms-touch-action: auto;
|
||||
touch-action: auto;
|
||||
overflow: hidden !important;
|
||||
-ms-overflow-style: none;
|
||||
}
|
||||
|
||||
@supports (-ms-overflow-style: none) {
|
||||
.ps-container {
|
||||
overflow: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
||||
.ps-container {
|
||||
overflow: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
|
||||
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
|
||||
display: block;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
|
||||
background-color: transparent; /* background color when dragged away */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
|
||||
background-color: #aaa; /* scrollbar color when dragged away */
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
|
||||
background-color: transparent; /* background color when dragged away */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
|
||||
background-color: #aaa; /* scrollbar color when dragged away */
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-x-rail {
|
||||
display: none;
|
||||
position: absolute;
|
||||
/* please don't change 'position' */
|
||||
opacity: 0.2; /* the opacity when not on hover of the content */
|
||||
-webkit-transition: background-color .2s linear, opacity .2s linear;
|
||||
-o-transition: background-color .2s linear, opacity .2s linear;
|
||||
-moz-transition: background-color .2s linear, opacity .2s linear;
|
||||
transition: background-color .2s linear, opacity .2s linear;
|
||||
bottom: 0px;
|
||||
/* there must be 'bottom' for ps-scrollbar-x-rail */
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
|
||||
position: absolute;
|
||||
/* please don't change 'position' */
|
||||
background-color: #666; /* #aaa; the color on content hover */
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
|
||||
-o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
|
||||
-moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
|
||||
bottom: 2px;
|
||||
/* there must be 'bottom' for ps-scrollbar-x */
|
||||
height: 5px; /* the width of the scrollbar */
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-y-rail {
|
||||
display: none;
|
||||
position: absolute;
|
||||
/* please don't change 'position' */
|
||||
opacity: 0.2; /* the opacity when not on hover of the content */
|
||||
-webkit-transition: background-color .2s linear, opacity .2s linear;
|
||||
-o-transition: background-color .2s linear, opacity .2s linear;
|
||||
-moz-transition: background-color .2s linear, opacity .2s linear;
|
||||
transition: background-color .2s linear, opacity .2s linear;
|
||||
right: 0;
|
||||
/* there must be 'right' for ps-scrollbar-y-rail */
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
|
||||
position: absolute;
|
||||
/* please don't change 'position' */
|
||||
background-color: #666; /* #aaa; the color on content hover */
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
|
||||
-o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
|
||||
-moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
|
||||
right: 2px;
|
||||
/* there must be 'right' for ps-scrollbar-y */
|
||||
width: 5px; /* the width of the scrollbar */
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
|
||||
background-color: transparent; /* background color when dragged */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
|
||||
background-color: #bbb; /* scrollbar color when dragged */
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
|
||||
background-color: transparent; /* background color when dragged */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
|
||||
background-color: #bbb; /* scrollbar color when dragged */
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-x-rail,
|
||||
.ps-container:hover > .ps-scrollbar-y-rail {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-x-rail:hover {
|
||||
background-color: transparent; /* the background color on hover of the scrollbar */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
|
||||
background-color: #999; /* scrollbar color on hover */
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-y-rail:hover {
|
||||
background-color: transparent; /* the background color on hover of the scrollbar */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
|
||||
background-color: #999; /* scrollbar color on hover */
|
||||
}
|
||||
|
||||
.dygraph__history-tip {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
display: none; /* overridden in js */
|
||||
margin-right: 25px;
|
||||
direction: rtl;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.dygraph__history-tip-content {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
direction: ltr;
|
||||
pointer-events: auto;
|
||||
}
|
||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,675 +0,0 @@
|
|||
/* eslint-disable */
|
||||
|
||||
/**
|
||||
* after react-dashboard refractor, this file can be renamed to 'dashboard.js'
|
||||
* and it will:
|
||||
* - setup global objects, so any assignments like 'NETDATA.options.current.destroy_on_hide = true'
|
||||
* will not break. we need to add it in places where 'dashboard.js' is
|
||||
* - create react root DOM node
|
||||
* - load react app
|
||||
*
|
||||
* Later, for performance improvement, the bundle can be added to dashboard-rect.js,
|
||||
* but we need to run the react-app part after DOM is created and ready
|
||||
*/
|
||||
|
||||
// ----------------------------------------------------------------------------
|
||||
// global namespace
|
||||
|
||||
// Should stay var!
|
||||
var NETDATA = window.NETDATA || {};
|
||||
window.NETDATA = NETDATA // when imported as npm module
|
||||
|
||||
/// A heuristic for detecting slow devices.
|
||||
let isSlowDeviceResult;
|
||||
const isSlowDevice = function () {
|
||||
if (!isSlowDeviceResult) {
|
||||
return isSlowDeviceResult;
|
||||
}
|
||||
|
||||
try {
|
||||
let ua = navigator.userAgent.toLowerCase();
|
||||
|
||||
let iOS = /ipad|iphone|ipod/.test(ua) && !window.MSStream;
|
||||
let android = /android/.test(ua) && !window.MSStream;
|
||||
isSlowDeviceResult = (iOS || android);
|
||||
} catch (e) {
|
||||
isSlowDeviceResult = false;
|
||||
}
|
||||
|
||||
return isSlowDeviceResult;
|
||||
};
|
||||
|
||||
if (typeof window.netdataSnapshotData === 'undefined') {
|
||||
window.netdataSnapshotData = null;
|
||||
}
|
||||
|
||||
if (typeof window.netdataShowHelp === 'undefined') {
|
||||
window.netdataShowHelp = true;
|
||||
}
|
||||
|
||||
if (typeof window.netdataShowAlarms === 'undefined') {
|
||||
window.netdataShowAlarms = false;
|
||||
}
|
||||
|
||||
if (typeof window.netdataRegistryAfterMs !== 'number' || window.netdataRegistryAfterMs < 0) {
|
||||
window.netdataRegistryAfterMs = 0; // 1500;
|
||||
}
|
||||
|
||||
if (typeof window.netdataRegistry === 'undefined') {
|
||||
// backward compatibility
|
||||
window.netdataRegistry = (typeof netdataNoRegistry !== 'undefined' && netdataNoRegistry === false);
|
||||
}
|
||||
|
||||
if (window.netdataRegistry === false && typeof netdataRegistryCallback === 'function') {
|
||||
window.netdataRegistry = true;
|
||||
}
|
||||
|
||||
// ----------------------------------------------------------------------------------------------------------------
|
||||
// the defaults for all charts
|
||||
|
||||
// if the user does not specify any of these, the following will be used
|
||||
|
||||
NETDATA.chartDefaults = {
|
||||
width: '100%', // the chart width - can be null
|
||||
height: '100%', // the chart height - can be null
|
||||
min_width: null, // the chart minimum width - can be null
|
||||
library: 'dygraph', // the graphing library to use
|
||||
method: 'average', // the grouping method
|
||||
before: 0, // panning
|
||||
after: -600, // panning
|
||||
pixels_per_point: 1, // the detail of the chart
|
||||
fill_luminance: 0.8 // luminance of colors in solid areas
|
||||
};
|
||||
|
||||
|
||||
|
||||
// ----------------------------------------------------------------------------------------------------------------
|
||||
// global options
|
||||
|
||||
NETDATA.options = {
|
||||
pauseCallback: null, // a callback when we are really paused
|
||||
|
||||
pause: false, // when enabled we don't auto-refresh the charts
|
||||
|
||||
targets: [], // an array of all the state objects that are
|
||||
// currently active (independently of their
|
||||
// viewport visibility)
|
||||
|
||||
updated_dom: true, // when true, the DOM has been updated with
|
||||
// new elements we have to check.
|
||||
|
||||
auto_refresher_fast_weight: 0, // this is the current time in ms, spent
|
||||
// rendering charts continuously.
|
||||
// used with .current.fast_render_timeframe
|
||||
|
||||
page_is_visible: true, // when true, this page is visible
|
||||
|
||||
auto_refresher_stop_until: 0, // timestamp in ms - used internally, to stop the
|
||||
// auto-refresher for some time (when a chart is
|
||||
// performing pan or zoom, we need to stop refreshing
|
||||
// all other charts, to have the maximum speed for
|
||||
// rendering the chart that is panned or zoomed).
|
||||
// Used with .current.global_pan_sync_time
|
||||
|
||||
on_scroll_refresher_stop_until: 0, // timestamp in ms - used to stop evaluating
|
||||
// charts for some time, after a page scroll
|
||||
|
||||
last_page_resize: Date.now(), // the timestamp of the last resize request
|
||||
|
||||
last_page_scroll: 0, // the timestamp the last time the page was scrolled
|
||||
|
||||
browser_timezone: (Intl && Intl.DateTimeFormat)
|
||||
? Intl.DateTimeFormat().resolvedOptions().timeZone // timezone detected by javascript
|
||||
: "cannot-detect-it",
|
||||
|
||||
server_timezone: 'unknown', // timezone reported by the server
|
||||
|
||||
force_data_points: 0, // force the number of points to be returned for charts
|
||||
fake_chart_rendering: false, // when set to true, the dashboard will download data but will not render the charts
|
||||
|
||||
passive_events: null, // true if the browser supports passive events
|
||||
|
||||
// the current profile
|
||||
// we may have many...
|
||||
current: {
|
||||
units: 'auto', // can be 'auto' or 'original'
|
||||
temperature: 'celsius', // can be 'celsius' or 'fahrenheit'
|
||||
seconds_as_time: true, // show seconds as DDd:HH:MM:SS ?
|
||||
timezone: 'default', // the timezone to use, or 'default'
|
||||
user_set_server_timezone: 'default', // as set by the user on the dashboard
|
||||
|
||||
legend_toolbox: true, // show the legend toolbox on charts
|
||||
resize_charts: true, // show the resize handler on charts
|
||||
|
||||
pixels_per_point: isSlowDevice() ? 5 : 1, // the minimum pixels per point for all charts
|
||||
// increase this to speed javascript up
|
||||
// each chart library has its own limit too
|
||||
// the max of this and the chart library is used
|
||||
// the final is calculated every time, so a change
|
||||
// here will have immediate effect on the next chart
|
||||
// update
|
||||
|
||||
idle_between_charts: 100, // ms - how much time to wait between chart updates
|
||||
|
||||
fast_render_timeframe: 200, // ms - render continuously until this time of continuous
|
||||
// rendering has been reached
|
||||
// this setting is used to make it render e.g. 10
|
||||
// charts at once, sleep idle_between_charts time
|
||||
// and continue for another 10 charts.
|
||||
|
||||
idle_between_loops: 500, // ms - if all charts have been updated, wait this
|
||||
// time before starting again.
|
||||
|
||||
idle_parallel_loops: 100, // ms - the time between parallel refresher updates
|
||||
|
||||
idle_lost_focus: 500, // ms - when the window does not have focus, check
|
||||
// if focus has been regained, every this time
|
||||
|
||||
global_pan_sync_time: 300, // ms - when you pan or zoom a chart, the background
|
||||
// auto-refreshing of charts is paused for this amount
|
||||
// of time
|
||||
|
||||
sync_selection_delay: 400, // ms - when you pan or zoom a chart, wait this amount
|
||||
// of time before setting up synchronized selections
|
||||
// on hover.
|
||||
|
||||
sync_selection: true, // enable or disable selection sync
|
||||
|
||||
pan_and_zoom_delay: 50, // when panning or zooming, how often to update the chart
|
||||
|
||||
sync_pan_and_zoom: true, // enable or disable pan and zoom sync
|
||||
|
||||
pan_and_zoom_data_padding: true, // fetch more data for the master chart when panning or zooming
|
||||
|
||||
update_only_visible: true, // enable or disable visibility management / used for printing
|
||||
|
||||
parallel_refresher: !isSlowDevice(), // enable parallel refresh of charts
|
||||
|
||||
concurrent_refreshes: true, // when parallel_refresher is enabled, sync also the charts
|
||||
|
||||
destroy_on_hide: isSlowDevice(), // destroy charts when they are not visible
|
||||
|
||||
// when enabled the charts will show some help
|
||||
// when there's no bootstrap, we can't show it
|
||||
show_help: netdataShowHelp && !window.netdataNoBootstrap,
|
||||
show_help_delay_show_ms: 500,
|
||||
show_help_delay_hide_ms: 0,
|
||||
|
||||
eliminate_zero_dimensions: true, // do not show dimensions with just zeros
|
||||
|
||||
stop_updates_when_focus_is_lost: true, // boolean - shall we stop auto-refreshes when document does not have user focus
|
||||
stop_updates_while_resizing: 1000, // ms - time to stop auto-refreshes while resizing the charts
|
||||
|
||||
double_click_speed: 500, // ms - time between clicks / taps to detect double click/tap
|
||||
|
||||
smooth_plot: !isSlowDevice(), // enable smooth plot, where possible
|
||||
|
||||
color_fill_opacity_line: 1.0,
|
||||
color_fill_opacity_area: 0.2,
|
||||
color_fill_opacity_fake_stacked: 1,
|
||||
color_fill_opacity_stacked: 0.8,
|
||||
|
||||
pan_and_zoom_factor: 0.25, // the increment when panning and zooming with the toolbox
|
||||
pan_and_zoom_factor_multiplier_control: 2.0,
|
||||
pan_and_zoom_factor_multiplier_shift: 3.0,
|
||||
pan_and_zoom_factor_multiplier_alt: 4.0,
|
||||
|
||||
abort_ajax_on_scroll: false, // kill pending ajax page scroll
|
||||
async_on_scroll: false, // sync/async onscroll handler
|
||||
onscroll_worker_duration_threshold: 30, // time in ms, for async scroll handler
|
||||
|
||||
retries_on_data_failures: 3, // how many retries to make if we can't fetch chart data from the server
|
||||
|
||||
setOptionCallback: function () {
|
||||
}
|
||||
},
|
||||
|
||||
debug: {
|
||||
show_boxes: false,
|
||||
main_loop: false,
|
||||
focus: false,
|
||||
visibility: false,
|
||||
chart_data_url: false,
|
||||
chart_errors: true, // remember to set it to false before merging
|
||||
chart_timing: false,
|
||||
chart_calls: false,
|
||||
libraries: false,
|
||||
dygraph: false,
|
||||
globalSelectionSync: false,
|
||||
globalPanAndZoom: false
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
NETDATA.statistics = {
|
||||
refreshes_total: 0,
|
||||
refreshes_active: 0,
|
||||
refreshes_active_max: 0
|
||||
};
|
||||
|
||||
NETDATA.themes = {
|
||||
white: {
|
||||
bootstrap_css: "css/bootstrap-3.3.7.css",
|
||||
dashboard_css: "css/dashboard.css?v20180210-1",
|
||||
background: "#FFFFFF",
|
||||
foreground: "#000000",
|
||||
grid: "#F0F0F0",
|
||||
axis: "#F0F0F0",
|
||||
highlight: "#F5F5F5",
|
||||
colors: ["#3366CC", "#DC3912", "#109618", "#FF9900", "#990099", "#DD4477",
|
||||
"#3B3EAC", "#66AA00", "#0099C6", "#B82E2E", "#AAAA11", "#5574A6",
|
||||
"#994499", "#22AA99", "#6633CC", "#E67300", "#316395", "#8B0707",
|
||||
"#329262", "#3B3EAC"],
|
||||
easypiechart_track: "#f0f0f0",
|
||||
easypiechart_scale: "#dfe0e0",
|
||||
gauge_pointer: "#C0C0C0",
|
||||
gauge_stroke: "#F0F0F0",
|
||||
gauge_gradient: false,
|
||||
gauge_stop_color: "#FC8D5E",
|
||||
gauge_start_color: "#B0E952",
|
||||
d3pie: {
|
||||
title: "#333333",
|
||||
subtitle: "#666666",
|
||||
footer: "#888888",
|
||||
other: "#aaaaaa",
|
||||
mainlabel: "#333333",
|
||||
percentage: "#dddddd",
|
||||
value: "#aaaa22",
|
||||
tooltip_bg: "#000000",
|
||||
tooltip_fg: "#efefef",
|
||||
segment_stroke: "#ffffff",
|
||||
gradient_color: "#000000",
|
||||
},
|
||||
},
|
||||
slate: {
|
||||
bootstrap_css: "css/bootstrap-slate-flat-3.3.7.css?v20161229-1",
|
||||
dashboard_css: "css/dashboard.slate.css?v20180210-1",
|
||||
background: "#272b30",
|
||||
foreground: "#C8C8C8",
|
||||
grid: "#283236",
|
||||
axis: "#283236",
|
||||
highlight: "#383838",
|
||||
colors: ["#66AA00", "#FE3912", "#3366CC", "#D66300", "#0099C6", "#DDDD00",
|
||||
"#5054e6", "#EE9911", "#BB44CC", "#e45757", "#ef0aef", "#CC7700",
|
||||
"#22AA99", "#109618", "#905bfd", "#f54882", "#4381bf", "#ff3737",
|
||||
"#329262", "#3B3EFF"],
|
||||
easypiechart_track: "#373b40",
|
||||
easypiechart_scale: "#373b40",
|
||||
gauge_pointer: "#474b50",
|
||||
gauge_stroke: "#373b40",
|
||||
gauge_gradient: false,
|
||||
gauge_stop_color: "#FC8D5E",
|
||||
gauge_start_color: "#B0E952",
|
||||
d3pie: {
|
||||
title: "#C8C8C8",
|
||||
subtitle: "#283236",
|
||||
footer: "#283236",
|
||||
other: "#283236",
|
||||
mainlabel: "#C8C8C8",
|
||||
percentage: "#dddddd",
|
||||
value: "#cccc44",
|
||||
tooltip_bg: "#272b30",
|
||||
tooltip_fg: "#C8C8C8",
|
||||
segment_stroke: "#283236",
|
||||
gradient_color: "#000000",
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
// Codacy declarations
|
||||
/* global netdataTheme */
|
||||
|
||||
NETDATA.updateTheme = function () {
|
||||
if (typeof window.netdataTheme !== 'undefined'
|
||||
&& typeof NETDATA.themes[netdataTheme] !== 'undefined'
|
||||
) {
|
||||
NETDATA.themes.current = NETDATA.themes[window.netdataTheme];
|
||||
} else {
|
||||
NETDATA.themes.current = NETDATA.themes.white;
|
||||
}
|
||||
|
||||
NETDATA.colors = NETDATA.themes.current.colors;
|
||||
}
|
||||
|
||||
NETDATA.updateTheme()
|
||||
|
||||
// these are the colors Google Charts are using
|
||||
// we have them here to attempt emulate their look and feel on the other chart libraries
|
||||
// http://there4.io/2012/05/02/google-chart-color-list/
|
||||
//NETDATA.colors = [ '#3366CC', '#DC3912', '#FF9900', '#109618', '#990099', '#3B3EAC', '#0099C6',
|
||||
// '#DD4477', '#66AA00', '#B82E2E', '#316395', '#994499', '#22AA99', '#AAAA11',
|
||||
// '#6633CC', '#E67300', '#8B0707', '#329262', '#5574A6', '#3B3EAC' ];
|
||||
|
||||
// an alternative set
|
||||
// http://www.mulinblog.com/a-color-palette-optimized-for-data-visualization/
|
||||
// (blue) (red) (orange) (green) (pink) (brown) (purple) (yellow) (gray)
|
||||
//NETDATA.colors = [ '#5DA5DA', '#F15854', '#FAA43A', '#60BD68', '#F17CB0', '#B2912F', '#B276B2', '#DECF3F', '#4D4D4D' ];
|
||||
// dygraph
|
||||
|
||||
// local storage options
|
||||
|
||||
NETDATA.localStorage = {
|
||||
default: {},
|
||||
current: {},
|
||||
callback: {} // only used for resetting back to defaults
|
||||
};
|
||||
|
||||
|
||||
// todo temporary stuff which was originally in dashboard.js
|
||||
// but needs to be refactored
|
||||
NETDATA.name2id = function (s) {
|
||||
return s
|
||||
.replace(/ /g, '_')
|
||||
.replace(/:/g, '_')
|
||||
.replace(/\(/g, '_')
|
||||
.replace(/\)/g, '_')
|
||||
.replace(/\./g, '_')
|
||||
.replace(/\//g, '_');
|
||||
};
|
||||
|
||||
NETDATA.globalChartUnderlay = {
|
||||
clear: () => {},
|
||||
init: () => {},
|
||||
}
|
||||
|
||||
NETDATA.globalPanAndZoom = {
|
||||
callback: () => {},
|
||||
}
|
||||
NETDATA.unpause = () => {}
|
||||
|
||||
|
||||
// ----------------------------------------------------------------------------------------------------------------
|
||||
// XSS checks
|
||||
|
||||
NETDATA.xss = {
|
||||
enabled: (typeof netdataCheckXSS === 'undefined') ? false : netdataCheckXSS,
|
||||
enabled_for_data: (typeof netdataCheckXSS === 'undefined') ? false : netdataCheckXSS,
|
||||
|
||||
string: function (s) {
|
||||
return s.toString()
|
||||
.replace(/</g, '<')
|
||||
.replace(/>/g, '>')
|
||||
.replace(/"/g, '"')
|
||||
.replace(/'/g, ''');
|
||||
},
|
||||
|
||||
object: function (name, obj, ignore_regex) {
|
||||
if (typeof ignore_regex !== 'undefined' && ignore_regex.test(name)) {
|
||||
// console.log('XSS: ignoring "' + name + '"');
|
||||
return obj;
|
||||
}
|
||||
|
||||
switch (typeof(obj)) {
|
||||
case 'string':
|
||||
const ret = this.string(obj);
|
||||
if (ret !== obj) {
|
||||
console.log('XSS protection changed string ' + name + ' from "' + obj + '" to "' + ret + '"');
|
||||
}
|
||||
return ret;
|
||||
|
||||
case 'object':
|
||||
if (obj === null) {
|
||||
return obj;
|
||||
}
|
||||
|
||||
if (Array.isArray(obj)) {
|
||||
// console.log('checking array "' + name + '"');
|
||||
|
||||
let len = obj.length;
|
||||
while (len--) {
|
||||
obj[len] = this.object(name + '[' + len + ']', obj[len], ignore_regex);
|
||||
}
|
||||
} else {
|
||||
// console.log('checking object "' + name + '"');
|
||||
|
||||
for (var i in obj) {
|
||||
if (obj.hasOwnProperty(i) === false) {
|
||||
continue;
|
||||
}
|
||||
if (this.string(i) !== i) {
|
||||
console.log('XSS protection removed invalid object member "' + name + '.' + i + '"');
|
||||
delete obj[i];
|
||||
} else {
|
||||
obj[i] = this.object(name + '.' + i, obj[i], ignore_regex);
|
||||
}
|
||||
}
|
||||
}
|
||||
return obj;
|
||||
|
||||
default:
|
||||
return obj;
|
||||
}
|
||||
},
|
||||
|
||||
checkOptional: function (name, obj, ignore_regex) {
|
||||
if (this.enabled) {
|
||||
//console.log('XSS: checking optional "' + name + '"...');
|
||||
return this.object(name, obj, ignore_regex);
|
||||
}
|
||||
return obj;
|
||||
},
|
||||
|
||||
checkAlways: function (name, obj, ignore_regex) {
|
||||
//console.log('XSS: checking always "' + name + '"...');
|
||||
return this.object(name, obj, ignore_regex);
|
||||
},
|
||||
|
||||
checkData: function (name, obj, ignore_regex) {
|
||||
if (this.enabled_for_data) {
|
||||
//console.log('XSS: checking data "' + name + '"...');
|
||||
return this.object(name, obj, ignore_regex);
|
||||
}
|
||||
return obj;
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
|
||||
const fixHost = (host) => {
|
||||
while (host.slice(-1) === '/') {
|
||||
host = host.substring(0, host.length - 1);
|
||||
}
|
||||
|
||||
return host.replace(/\/v1\/?$/, "");
|
||||
}
|
||||
|
||||
NETDATA.chartRegistry = {
|
||||
charts: {},
|
||||
|
||||
globalReset: function () {
|
||||
this.charts = {};
|
||||
},
|
||||
|
||||
add: function (host, id, data) {
|
||||
if (typeof this.charts[host] === 'undefined') {
|
||||
this.charts[host] = {};
|
||||
}
|
||||
|
||||
//console.log('added ' + host + '/' + id);
|
||||
this.charts[host][id] = data;
|
||||
},
|
||||
|
||||
get: function (host, id) {
|
||||
if (typeof this.charts[host] === 'undefined') {
|
||||
return null;
|
||||
}
|
||||
|
||||
if (typeof this.charts[host][id] === 'undefined') {
|
||||
return null;
|
||||
}
|
||||
|
||||
//console.log('cached ' + host + '/' + id);
|
||||
return this.charts[host][id];
|
||||
},
|
||||
|
||||
downloadAll: function (host, callback) {
|
||||
host = fixHost(host);
|
||||
|
||||
let self = this;
|
||||
|
||||
function got_data(h, data, callback) {
|
||||
if (data !== null) {
|
||||
self.charts[h] = data.charts;
|
||||
window.charts = data.charts
|
||||
|
||||
// update the server timezone in our options
|
||||
if (typeof data.timezone === 'string') {
|
||||
NETDATA.options.server_timezone = data.timezone;
|
||||
}
|
||||
} else {
|
||||
NETDATA.error(406, h + '/api/v1/charts');
|
||||
}
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
callback(data);
|
||||
}
|
||||
}
|
||||
|
||||
if (window.netdataSnapshotData !== null) {
|
||||
got_data(host, window.netdataSnapshotData.charts, callback);
|
||||
} else {
|
||||
$.ajax({
|
||||
url: host + '/api/v1/charts',
|
||||
async: true,
|
||||
cache: false,
|
||||
xhrFields: {withCredentials: true} // required for the cookie
|
||||
})
|
||||
.done(function (data) {
|
||||
data = NETDATA.xss.checkOptional('/api/v1/charts', data);
|
||||
got_data(host, data, callback);
|
||||
})
|
||||
.fail(function () {
|
||||
NETDATA.error(405, host + '/api/v1/charts');
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
callback(null);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
NETDATA.fixHost = function (host) {
|
||||
while (host.slice(-1) === '/') {
|
||||
host = host.substring(0, host.length - 1);
|
||||
}
|
||||
|
||||
return host.replace(/\/v1\/?$/, "");
|
||||
};
|
||||
|
||||
|
||||
NETDATA.registryHello = function (host, callback) {
|
||||
host = NETDATA.fixHost(host);
|
||||
|
||||
// send HELLO to a netdata server:
|
||||
// 1. verifies the server is reachable
|
||||
// 2. responds with the registry URL, the machine GUID of this netdata server and its hostname
|
||||
$.ajax({
|
||||
url: host + '/api/v1/registry?action=hello',
|
||||
async: true,
|
||||
cache: false,
|
||||
headers: {
|
||||
'Cache-Control': 'no-cache, no-store',
|
||||
'Pragma': 'no-cache'
|
||||
},
|
||||
xhrFields: {withCredentials: true} // required for the cookie
|
||||
})
|
||||
.done(function (data) {
|
||||
data = NETDATA.xss.checkOptional('/api/v1/registry?action=hello', data);
|
||||
|
||||
if (typeof data.status !== 'string' || data.status !== 'ok') {
|
||||
// NETDATA.error(408, host + ' response: ' + JSON.stringify(data));
|
||||
data = null;
|
||||
}
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
return callback(data);
|
||||
}
|
||||
})
|
||||
.fail(function () {
|
||||
// NETDATA.error(407, host);
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
return callback(null);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
NETDATA.registrySearch = function (machine_guid, getFromRegistry, serverDefault, callback) {
|
||||
// SEARCH for the URLs of a machine:
|
||||
$.ajax({
|
||||
url: getFromRegistry("registryServer") + '/api/v1/registry?action=search&machine='
|
||||
+ getFromRegistry("machineGuid") + '&name=' + encodeURIComponent(getFromRegistry("hostname"))
|
||||
+ '&url=' + encodeURIComponent(serverDefault) + '&for=' + machine_guid,
|
||||
async: true,
|
||||
cache: false,
|
||||
headers: {
|
||||
'Cache-Control': 'no-cache, no-store',
|
||||
'Pragma': 'no-cache'
|
||||
},
|
||||
xhrFields: {withCredentials: true} // required for the cookie
|
||||
})
|
||||
.done(function (data) {
|
||||
data = NETDATA.xss.checkAlways('/api/v1/registry?action=search', data);
|
||||
|
||||
if (typeof data.status !== 'string' || data.status !== 'ok') {
|
||||
// NETDATA.error(417, getFromRegistry("registryServer") + ' responded with: ' + JSON.stringify(data));
|
||||
console.warn(getFromRegistry("registryServer") + ' responded with: ' + JSON.stringify(data));
|
||||
data = null;
|
||||
}
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
return callback(data);
|
||||
}
|
||||
})
|
||||
.fail(function () {
|
||||
// NETDATA.error(418, getFromRegistry("registryServer"));
|
||||
console.warn("registry search call failed", getFromRegistry("registryServer"))
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
return callback(null);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
NETDATA.registryDelete = function (getFromRegistry, serverDefault, delete_url, callback) {
|
||||
// send DELETE to a netdata registry:
|
||||
$.ajax({
|
||||
url: getFromRegistry("registryServer") + '/api/v1/registry?action=delete&machine='
|
||||
+ getFromRegistry("machineGuid") + '&name=' + encodeURIComponent(getFromRegistry("hostname"))
|
||||
+ '&url=' + encodeURIComponent(serverDefault) + '&delete_url=' + encodeURIComponent(delete_url),
|
||||
// + '&url=' + encodeURIComponent("http://n5.katsuna.com:19999/") + '&delete_url=' + encodeURIComponent(delete_url),
|
||||
async: true,
|
||||
cache: false,
|
||||
headers: {
|
||||
'Cache-Control': 'no-cache, no-store',
|
||||
'Pragma': 'no-cache'
|
||||
},
|
||||
xhrFields: {withCredentials: true} // required for the cookie
|
||||
})
|
||||
.done(function (data) {
|
||||
// data = NETDATA.xss.checkAlways('/api/v1/registry?action=delete', data);
|
||||
|
||||
if (typeof data.status !== 'string' || data.status !== 'ok') {
|
||||
// NETDATA.error(411, NETDATA.registry.server + ' responded with: ' + JSON.stringify(data));
|
||||
console.warn(411, getFromRegistry("registryServer") + ' responded with: ' + JSON.stringify(data));
|
||||
data = null;
|
||||
}
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
return callback(data);
|
||||
}
|
||||
})
|
||||
.fail(function () {
|
||||
// NETDATA.error(412, NETDATA.registry.server);
|
||||
console.warn(412, getFromRegistry("registryServer"));
|
||||
|
||||
if (typeof callback === 'function') {
|
||||
return callback(null);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// NETDATA.currentScript = document.currentScript
|
||||
|
|
@ -1,785 +0,0 @@
|
|||
/* SPDX-License-Identfier: GPL-3.0-or-later */
|
||||
:root {
|
||||
--color-main: #35414A;
|
||||
--color-primary: #00ab44;
|
||||
--color-border: #93a3b0;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
/*font-family: Calibri,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;*/
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
}
|
||||
|
||||
.morelink {
|
||||
color: var(--color-attention, #765d9c);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.morelink:hover {
|
||||
color: var(--color-attentionSecondary, #563d7c);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.morelink:focus {
|
||||
color: var(--color-attention, #765d9c);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.netdata-chart-alignment {
|
||||
/* 55 for legend-right */
|
||||
margin-left: 35px;
|
||||
}
|
||||
|
||||
.netdata-chart-row {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
align-items: baseline;
|
||||
-moz-align-items: baseline;
|
||||
-webkit-align-items: baseline;
|
||||
justify-content: center;
|
||||
-webkit-justify-content: center;
|
||||
-moz-justify-content: center;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.netdata-container {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
|
||||
transform: translate3d(0,0,0);
|
||||
|
||||
/* required for child elements to have absolute position */
|
||||
position: relative;
|
||||
|
||||
/* width and height is given per chart with data-width and data-height */
|
||||
}
|
||||
|
||||
.netdata-container-gauge {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
|
||||
transform: translate3d(0,0,0);
|
||||
|
||||
/* required for child elements to have absolute position */
|
||||
position: relative;
|
||||
|
||||
/* width and height is given per chart with data-width and data-height */
|
||||
}
|
||||
|
||||
.netdata-container-gauge:after {
|
||||
padding-top: 60%;
|
||||
display: block;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.netdata-container-easypiechart {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
|
||||
transform: translate3d(0,0,0);
|
||||
|
||||
/* required for child elements to have absolute position */
|
||||
position: relative;
|
||||
|
||||
/* width and height is given per chart with data-width and data-height */
|
||||
}
|
||||
|
||||
.netdata-container-easypiechart:after {
|
||||
padding-top: 100%;
|
||||
display: block;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.netdata-aspect {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.netdata-container-with-legend {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
|
||||
transform: translate3d(0,0,0);
|
||||
|
||||
/* fix minimum scrollbar issue in firefox */
|
||||
min-height: 99px;
|
||||
|
||||
/* required for child elements to have absolute position */
|
||||
position: relative;
|
||||
|
||||
/* width and height is given per chart with data-width and data-height */
|
||||
}
|
||||
|
||||
.netdata-container-with-legend.netdata-container-with-legend--bottom {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.netdata-legend-resize-handler {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
height: 15px;
|
||||
width: 20px;
|
||||
background-color: var(--color-mainBackground, #fff);
|
||||
font-size: 15px;
|
||||
vertical-align: middle;
|
||||
line-height: 15px;
|
||||
cursor: ns-resize;
|
||||
color: var(--color-selected, #CDCDCD);
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.netdata-legend-toolbox {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
height: 15px;
|
||||
width: 110px;
|
||||
font-size: 12px;
|
||||
vertical-align: middle;
|
||||
line-height: 15px;
|
||||
color: var(--color-placeholder, #DDDDDD);
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
|
||||
/* prevent text selection after double click */
|
||||
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
|
||||
-moz-user-select: none; /* mozilla browsers */
|
||||
-khtml-user-select: none; /* webkit (konqueror) browsers */
|
||||
-ms-user-select: none; /* IE10+ */
|
||||
}
|
||||
|
||||
.netdata-legend-toolbox-button {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
height: 15px;
|
||||
width: 18px;
|
||||
background-color: var(--color-mainBackground, #fff);
|
||||
font-size: 12px;
|
||||
vertical-align: middle;
|
||||
line-height: 15px;
|
||||
color: var(--color-selected, #CDCDCD);
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
cursor: pointer;
|
||||
|
||||
/* prevent text selection after double click */
|
||||
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
|
||||
-moz-user-select: none; /* mozilla browsers */
|
||||
-khtml-user-select: none; /* webkit (konqueror) browsers */
|
||||
-ms-user-select: none; /* IE10+ */
|
||||
}
|
||||
|
||||
.netdata-message {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
font-weight: bold;
|
||||
font-size: x-small;
|
||||
overflow: hidden;
|
||||
background: inherit;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.netdata-message.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.netdata-message.icon {
|
||||
color: var(--color-borderSecondary, #F8F8F8);
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.netdata-chart-legend {
|
||||
position: absolute; /* within .netdata-container */
|
||||
top: 26px;
|
||||
bottom: 18px;
|
||||
right: 0;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
text-overflow: ellipsis;
|
||||
line-height: 14px;
|
||||
display: block;
|
||||
width: 140px; /* --legend-width */
|
||||
font-size: 10px;
|
||||
margin-top: 5px;
|
||||
text-align: left;
|
||||
/* width and height is calculated (depends on the appearance of the legend) */
|
||||
}
|
||||
|
||||
.netdata-legend-title-date {
|
||||
font-size: 10px;
|
||||
font-weight: normal;
|
||||
margin-top: 0px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.netdata-legend-title-time {
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
margin-top: 0px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.netdata-legend-title-units {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
float: right;
|
||||
font-size: 11px;
|
||||
vertical-align: top;
|
||||
font-weight: normal;
|
||||
margin-top: 0px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.netdata-legend-series {
|
||||
position: absolute;
|
||||
width: 140px; /* legend-width */
|
||||
height: calc(100% - 50px);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
line-height: 14.5px; /* line spacing at the legend */
|
||||
display: block;
|
||||
font-size: 10px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.netdata-legend-name-table-line {
|
||||
display: inline-block;
|
||||
width: 13px;
|
||||
height: 4px;
|
||||
border-width: 0px;
|
||||
border-bottom-width: 2px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: white;
|
||||
}
|
||||
|
||||
.netdata-legend-name-table-area {
|
||||
display: inline-block;
|
||||
width: 13px;
|
||||
height: 5px;
|
||||
border-width: 1px;
|
||||
border-top-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-top-color: inherit;
|
||||
}
|
||||
|
||||
.netdata-legend-name-table-stacked {
|
||||
display: inline-block;
|
||||
width: 13px;
|
||||
height: 5px;
|
||||
border-width: 1px;
|
||||
border-top-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-top-color: inherit;
|
||||
}
|
||||
|
||||
.netdata-legend-name-tr {
|
||||
}
|
||||
|
||||
.netdata-legend-name-td {
|
||||
}
|
||||
|
||||
.netdata-legend-name {
|
||||
text-align: left;
|
||||
font-size: 11px; /* legend: dimension name size */
|
||||
font-weight: bold;
|
||||
vertical-align: bottom;
|
||||
margin-top: 0px;
|
||||
z-index: 9;
|
||||
padding: 0px;
|
||||
width: 80px !important;
|
||||
max-width: 80px !important;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
-webkit-print-color-adjust: exact;
|
||||
}
|
||||
|
||||
.netdata-legend-value {
|
||||
/*margin-left: 14px;*/
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
float: right;
|
||||
text-align: right;
|
||||
font-size: 11px; /* legend: dimension value size */
|
||||
font-weight: bold;
|
||||
vertical-align: bottom;
|
||||
background-color: var(--color-mainBackground, #fff);
|
||||
margin-top: 0px;
|
||||
z-index: 10;
|
||||
padding: 0px;
|
||||
padding-left: 15px;
|
||||
cursor: pointer;
|
||||
/* -webkit-font-smoothing: none; */
|
||||
}
|
||||
|
||||
.netdata-legend-value, .netdata-legend-name {
|
||||
/* prevent highlight when shift-clicking */
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* eslint recommends adding tabIndex for a11y, but the outline is showing on click */
|
||||
.netdata-legend-name:focus, .netdata-legend-value:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.netdata-legend-name.not-selected {
|
||||
font-weight: normal;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.netdata-chart {
|
||||
position: absolute; /* within .netdata-container */
|
||||
top: 0; /* within .netdata-container */
|
||||
left: 0; /* within .netdata-container */
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 5;
|
||||
|
||||
/* width and height is calculated (depends on the appearance of the legend) */
|
||||
}
|
||||
|
||||
.netdata-chart-with-legend-right {
|
||||
position: absolute; /* within .netdata-container */
|
||||
top: 0; /* within .netdata-container */
|
||||
left: 0; /* within .netdata-container */
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin-right: 140px; /* --legend-width */
|
||||
width: calc(100% - 140px); /* --legend-width */
|
||||
height: 100%;
|
||||
z-index: 5;
|
||||
flex-grow: 1;
|
||||
|
||||
/* width and height is calculated (depends on the appearance of the legend) */
|
||||
}
|
||||
|
||||
.netdata-chart-with-legend-bottom {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.netdata-peity-chart {
|
||||
|
||||
}
|
||||
|
||||
.netdata-sparkline-chart {
|
||||
|
||||
}
|
||||
|
||||
.netdata-dygraph-chart {
|
||||
|
||||
}
|
||||
|
||||
.netdata-morris-chart {
|
||||
|
||||
}
|
||||
|
||||
.netdata-google-chart {
|
||||
|
||||
}
|
||||
|
||||
.dygraph-ylabel {
|
||||
}
|
||||
|
||||
.dygraph-axis-label-x {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.dygraph-label-rotate-left {
|
||||
text-align: center;
|
||||
/* See http://caniuse.com/#feat=transforms2d */
|
||||
transform: rotate(90deg);
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
}
|
||||
|
||||
/* For y2-axis label */
|
||||
.dygraph-label-rotate-right {
|
||||
text-align: center;
|
||||
/* See http://caniuse.com/#feat=transforms2d */
|
||||
transform: rotate(-90deg);
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
.dygraph-title {
|
||||
/* 56 for legend-right */
|
||||
text-indent: 36px;
|
||||
text-align: left;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 4px;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* fix for sparkline tooltip under bootstrap */
|
||||
.jqstooltip {
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.easyPieChart {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.easyPieChart canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.easyPieChartLabel {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: var(--color-main);
|
||||
font-weight: normal;
|
||||
text-shadow: var(--color-elementBackground, #BBB) 0px 0px 1px;
|
||||
/* -webkit-font-smoothing: none; */
|
||||
}
|
||||
|
||||
.easyPieChartTitle {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 64%;
|
||||
margin-left: 18% !important;
|
||||
text-align: center;
|
||||
color: var(--color-border, #999999);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.easyPieChartUnits {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 60%;
|
||||
margin-left: 20% !important;
|
||||
text-align: center;
|
||||
color: var(--color-border, #999999);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.gaugeChart {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.gaugeChart canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.gaugeChartLabel {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: var(--color-main);
|
||||
font-weight: bold;
|
||||
z-index: 1;
|
||||
text-shadow: var(--color-elementBackground, #777) 0px 0px 1px;
|
||||
/* text-shadow: #CCC 1px 1px 0px, #CCC -1px -1px 0px, #CCC 1px -1px 0px, #CCC -1px 1px 0px; */
|
||||
/* -webkit-text-stroke: 1px #777; */
|
||||
/* -webkit-font-smoothing: none; */
|
||||
}
|
||||
|
||||
.gaugeChartTitle {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: var(--color-border, #999999);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.gaugeChartUnits {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
margin-left: 5%;
|
||||
color: var(--color-border, #999999);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.gaugeChartMin {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
bottom: 8%;
|
||||
width: 92%;
|
||||
margin-left: 8%;
|
||||
text-align: left;
|
||||
color: var(--color-main);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.gaugeChartMax {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
bottom: 8%;
|
||||
width: 95%;
|
||||
margin-right: 5%;
|
||||
text-align: right;
|
||||
color: var(--color-main);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.popover-title {
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.popover-content {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------------
|
||||
perfect-scrollbar settings
|
||||
*/
|
||||
|
||||
.ps-container {
|
||||
-ms-touch-action: auto;
|
||||
touch-action: auto;
|
||||
overflow: hidden !important;
|
||||
-ms-overflow-style: none;
|
||||
}
|
||||
|
||||
@supports (-ms-overflow-style: none) {
|
||||
.ps-container {
|
||||
overflow: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
||||
.ps-container {
|
||||
overflow: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
|
||||
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
|
||||
display: block;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
|
||||
background-color: transparent; /* background color when dragged away */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
|
||||
background-color: #aaa; /* scrollbar color when dragged away */
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
|
||||
background-color: transparent; /* background color when dragged away */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
|
||||
background-color: #aaa; /* scrollbar color when dragged away */
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-x-rail {
|
||||
display: none;
|
||||
position: absolute;
|
||||
/* please don't change 'position' */
|
||||
opacity: 0.2; /* the opacity when not on hover of the content */
|
||||
-webkit-transition: background-color .2s linear, opacity .2s linear;
|
||||
-o-transition: background-color .2s linear, opacity .2s linear;
|
||||
-moz-transition: background-color .2s linear, opacity .2s linear;
|
||||
transition: background-color .2s linear, opacity .2s linear;
|
||||
bottom: 0px;
|
||||
/* there must be 'bottom' for ps-scrollbar-x-rail */
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
|
||||
position: absolute;
|
||||
/* please don't change 'position' */
|
||||
background-color: var(--color-elementBackground, #666); /* #aaa; the color on content hover */
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
|
||||
-o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
|
||||
-moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
|
||||
bottom: 2px;
|
||||
/* there must be 'bottom' for ps-scrollbar-x */
|
||||
height: 5px; /* the width of the scrollbar */
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
|
||||
height: 4px;
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-y-rail {
|
||||
display: none;
|
||||
position: absolute;
|
||||
/* please don't change 'position' */
|
||||
opacity: 0.2; /* the opacity when not on hover of the content */
|
||||
-webkit-transition: background-color .2s linear, opacity .2s linear;
|
||||
-o-transition: background-color .2s linear, opacity .2s linear;
|
||||
-moz-transition: background-color .2s linear, opacity .2s linear;
|
||||
transition: background-color .2s linear, opacity .2s linear;
|
||||
right: 0;
|
||||
/* there must be 'right' for ps-scrollbar-y-rail */
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
|
||||
position: absolute;
|
||||
/* please don't change 'position' */
|
||||
background-color: var(--color-elementBackground, #666); /* #aaa; the color on content hover */
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
|
||||
-o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
|
||||
-moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
|
||||
right: 2px;
|
||||
/* there must be 'right' for ps-scrollbar-y */
|
||||
width: 5px; /* the width of the scrollbar */
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
|
||||
background-color: transparent; /* background color when dragged */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
|
||||
background-color: #bbb; /* scrollbar color when dragged */
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
|
||||
background-color: transparent; /* background color when dragged */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
|
||||
background-color: #bbb; /* scrollbar color when dragged */
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-x-rail,
|
||||
.ps-container:hover > .ps-scrollbar-y-rail {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-x-rail:hover {
|
||||
background-color: transparent; /* the background color on hover of the scrollbar */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
|
||||
background-color: #999; /* scrollbar color on hover */
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-y-rail:hover {
|
||||
background-color: transparent; /* the background color on hover of the scrollbar */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
|
||||
background-color: #999; /* scrollbar color on hover */
|
||||
}
|
||||
|
||||
.dygraph__history-tip {
|
||||
position: absolute;
|
||||
transform: translateY(-50%);
|
||||
display: none; /* overridden in js */
|
||||
margin-right: 25px;
|
||||
direction: rtl;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.dygraph__history-tip-content {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
direction: ltr;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
|
@ -1,699 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!-- SPDX-License-Identifier: GPL-3.0-or-later -->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Netdata Dashboard</title>
|
||||
<meta name="application-name" content="netdata">
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<meta name="author" content="costa@tsaousis.gr">
|
||||
|
||||
<meta property="og:locale" content="en_US" />
|
||||
<meta property="og:image" content="https://cloud.githubusercontent.com/assets/2662304/22945737/e98cd0c6-f2fd-11e6-96f1-5501934b0955.png"/>
|
||||
<meta property="og:url" content="http://my-netdata.io/"/>
|
||||
<meta property="og:type" content="website"/>
|
||||
<meta property="og:site_name" content="netdata"/>
|
||||
<meta property="og:title" content="netdata - monitoring and troubleshooting, transformed!"/>
|
||||
<meta property="og:description" content="Stunning real-time dashboards, blazingly fast and extremely interactive. Zero configuration, zero dependencies, zero maintenance." />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="container-fluid">
|
||||
|
||||
<h1>Netdata Custom Dashboard <div data-netdata="system.cpu" data-chart-library="sparkline" data-height="30" data-after="-600" data-sparkline-linecolor="#888"></div></h1>
|
||||
|
||||
This is a template for building custom dashboards. To build a dashboard you just do this:
|
||||
|
||||
<pre>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
</head>
|
||||
<body>
|
||||
<div data-netdata="system.processes"
|
||||
data-chart-library="dygraph"
|
||||
data-width="600"
|
||||
data-height="200"
|
||||
data-after="-600"
|
||||
></div>
|
||||
</body>
|
||||
<script type="text/javascript" src="http://netdata.server:19999/dashboard.js"></script>
|
||||
</html>
|
||||
</pre>
|
||||
|
||||
<ul>
|
||||
<li>You can host your dashboard anywhere.</li>
|
||||
<li>You can add as many charts as you like.</li>
|
||||
<li>You can have charts from many different netdata servers (add <pre>data-host="http://another.netdata.server:19999/"</pre> to each chart).</li>
|
||||
<li>You can use different chart libraries on the same page: <b>peity</b>, <b>sparkline</b>, <b>dygraph</b>, <b>google</b></li>
|
||||
<li>You can customize each chart to your preferences. For each chart library most of their attributes can be given in <b>data-</b> attributes.</li>
|
||||
<li>Each chart can have each own duration - it is controlled with the <b>data-after</b> attribute to give that many seconds of data.</li>
|
||||
<li>Depending on the width of the chart and <b>data-after</b> attribute, netdata will automatically refresh the chart when it needs to be updated. For example giving 600 pixels for width for -600 seconds of data, using a chart library that needs 3 pixels per point, will yield in a chart updated once every 3 seconds.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<hr>
|
||||
<h1>Sparkline Charts</h1>
|
||||
Sparkline charts support 'NULL' values, so the charts can indicate that values are missing.
|
||||
Sparkline charts stretch the values to show the variations between values in more detail.
|
||||
They also have mouse-hover support.
|
||||
<br/>
|
||||
<b>Sparklines are fantastic</b>. You can inline charts in text. For example this
|
||||
<div data-netdata="system.cpu"
|
||||
data-chart-library="sparkline"
|
||||
data-width="5%"
|
||||
data-height="20"
|
||||
data-after="-30"
|
||||
></div> is my current cpu usage (last 30 seconds),
|
||||
while this
|
||||
<div data-netdata="netdata.net"
|
||||
data-dimensions="out"
|
||||
data-chart-library="sparkline"
|
||||
data-width="10%"
|
||||
data-height="20"
|
||||
data-after="-60"
|
||||
></div> is the bandwidth my netdata server is currently transmitting (last minute)
|
||||
and this
|
||||
<div data-netdata="netdata.requests"
|
||||
data-chart-library="sparkline"
|
||||
data-width="20%"
|
||||
data-height="20"
|
||||
data-after="-180"
|
||||
></div> is the requests/sec it serves (last 3 minutes).
|
||||
|
||||
<br/>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.processes"
|
||||
data-chart-library="sparkline"
|
||||
data-width="100%"
|
||||
data-height="30"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time101"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time101">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.net"
|
||||
data-chart-library="sparkline"
|
||||
data-width="100%"
|
||||
data-height="30"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time102"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time102">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.cpu"
|
||||
data-chart-library="sparkline"
|
||||
data-width="100%"
|
||||
data-height="30"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time103"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time103">X</span> ms</small>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<hr>
|
||||
<h1>Peity Charts</h1>
|
||||
Peity charts do not support 'NULL' values, so the charts cannot indicate that values are missing.
|
||||
Peity charts cannot have multiple dimensions on the charts - so netdata will use 'min2max' to show
|
||||
the total of all dimensions.
|
||||
<br/>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.processes"
|
||||
data-chart-library="peity"
|
||||
data-width="100%"
|
||||
data-height="30"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time001"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time001">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.net"
|
||||
data-chart-library="peity"
|
||||
data-width="100%"
|
||||
data-height="30"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time002"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time002">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.cpu"
|
||||
data-chart-library="peity"
|
||||
data-width="100%"
|
||||
data-height="30"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time003"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time003">X</span> ms</small>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<hr>
|
||||
<h1>Dygraph Charts</h1>
|
||||
The fastest charting engine that can chart complete charts (not just sparklines).
|
||||
The charts are zoomable (drag their contents to pan, shift with mouse wheel to zoom-in or zoom-out, double click to reset it).
|
||||
<b>Netdata magic!</b> Realtime charts on your web page!
|
||||
<br/>
|
||||
Sparklines using dygraphs
|
||||
<div data-netdata="system.processes"
|
||||
data-chart-library="dygraph"
|
||||
data-dygraph-theme="sparkline"
|
||||
data-legend="no"
|
||||
data-width="15%"
|
||||
data-height="20"
|
||||
data-after="-300"
|
||||
></div>
|
||||
are also possible! This
|
||||
<div data-netdata="system.net"
|
||||
data-chart-library="dygraph"
|
||||
data-dygraph-theme="sparkline"
|
||||
data-legend="no"
|
||||
data-width="15%"
|
||||
data-height="20"
|
||||
data-after="-300"
|
||||
></div>
|
||||
is an area chart, while this
|
||||
<div data-netdata="system.cpu"
|
||||
data-chart-library="dygraph"
|
||||
data-dygraph-theme="sparkline"
|
||||
data-legend="no"
|
||||
data-width="15%"
|
||||
data-height="20"
|
||||
data-after="-300"
|
||||
></div> is a stacked area chart!
|
||||
|
||||
|
||||
<br/>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.processes"
|
||||
data-chart-library="dygraph"
|
||||
data-dygraph-theme="sparkline"
|
||||
data-width="100%"
|
||||
data-height="30"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time501"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time501">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.net"
|
||||
data-chart-library="dygraph"
|
||||
data-dygraph-theme="sparkline"
|
||||
data-width="100%"
|
||||
data-height="30"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time502"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time502">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.cpu"
|
||||
data-chart-library="dygraph"
|
||||
data-dygraph-theme="sparkline"
|
||||
data-width="100%"
|
||||
data-height="30"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time503"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time503">X</span> ms</small>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<br/>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.processes"
|
||||
data-chart-library="dygraph"
|
||||
data-width="100%"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time201"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time201">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.net"
|
||||
data-chart-library="dygraph"
|
||||
data-width="100%"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time202"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time202">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.cpu"
|
||||
data-chart-library="dygraph"
|
||||
data-width="100%"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time203"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time203">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.io"
|
||||
data-chart-library="dygraph"
|
||||
data-width="100%"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time204"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time204">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="apps.cpu"
|
||||
data-chart-library="dygraph"
|
||||
data-width="100%"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time205"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time205">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="netdata.net"
|
||||
data-chart-library="dygraph"
|
||||
data-width="100%"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time206"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time206">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="netdata.server_cpu"
|
||||
data-chart-library="dygraph"
|
||||
data-width="100%"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time207"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time207">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="netdata.requests"
|
||||
data-chart-library="dygraph"
|
||||
data-width="100%"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time208"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time208">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="net.gstag0"
|
||||
data-chart-library="dygraph"
|
||||
data-width="100%"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time209"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time209">X</span> ms</small>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<hr>
|
||||
<h1>EasyPieChart</h1>
|
||||
<br/>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div style="display: inline-block; position: relative;">
|
||||
<div data-netdata="system.processes"
|
||||
data-chart-library="easypiechart"
|
||||
data-width="200"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-points="300"
|
||||
data-dt-element-name="time601"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time601">X</span> ms</small>
|
||||
</div>
|
||||
<div style="display: inline-block; position: relative;">
|
||||
<div data-netdata="system.processes"
|
||||
data-chart-library="easypiechart"
|
||||
data-width="150"
|
||||
data-height="150"
|
||||
data-after="-300"
|
||||
data-points="150"
|
||||
data-dt-element-name="time601a"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time601a">X</span> ms</small>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div style="display: inline-block; position: relative;">
|
||||
<div data-netdata="system.net"
|
||||
data-chart-library="easypiechart"
|
||||
data-width="200"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-points="300"
|
||||
data-dt-element-name="time602"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time602">X</span> ms</small>
|
||||
</div>
|
||||
<div style="display: inline-block; position: relative;">
|
||||
<div data-netdata="system.net"
|
||||
data-chart-library="easypiechart"
|
||||
data-width="100"
|
||||
data-height="100"
|
||||
data-after="-300"
|
||||
data-points="150"
|
||||
data-dt-element-name="time602a"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time602a">X</span> ms</small>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div style="display: inline-block; position: relative;">
|
||||
<div data-netdata="system.cpu"
|
||||
data-chart-library="easypiechart"
|
||||
data-width="200"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-points="300"
|
||||
data-dt-element-name="time603"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time603">X</span> ms</small>
|
||||
</div>
|
||||
<div style="display: inline-block; position: relative;">
|
||||
<div data-netdata="system.cpu"
|
||||
data-chart-library="easypiechart"
|
||||
data-width="75"
|
||||
data-height="75"
|
||||
data-after="-300"
|
||||
data-points="150"
|
||||
data-dt-element-name="time603a"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time603a">X</span> ms</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<hr>
|
||||
<h1>Gauge.js</h1>
|
||||
<br/>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div style="display: inline-block; position: relative;">
|
||||
<div data-netdata="system.processes"
|
||||
data-chart-library="gauge"
|
||||
data-width="250"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-points="300"
|
||||
data-dt-element-name="time701"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time701">X</span> ms</small>
|
||||
</div>
|
||||
<div style="display: inline-block; position: relative;">
|
||||
<div data-netdata="system.processes"
|
||||
data-chart-library="gauge"
|
||||
data-width="125"
|
||||
data-height="100"
|
||||
data-after="-300"
|
||||
data-points="150"
|
||||
data-dt-element-name="time701a"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time701a">X</span> ms</small>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div style="display: inline-block; position: relative;">
|
||||
<div data-netdata="system.net"
|
||||
data-chart-library="gauge"
|
||||
data-width="250"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-points="300"
|
||||
data-dt-element-name="time702"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time702">X</span> ms</small>
|
||||
</div>
|
||||
<div style="display: inline-block; position: relative;">
|
||||
<div data-netdata="system.net"
|
||||
data-chart-library="gauge"
|
||||
data-width="125"
|
||||
data-height="100"
|
||||
data-after="-300"
|
||||
data-points="150"
|
||||
data-dt-element-name="time702a"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time702a">X</span> ms</small>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div style="display: inline-block; position: relative;">
|
||||
<div data-netdata="system.cpu"
|
||||
data-chart-library="gauge"
|
||||
data-width="250"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-points="300"
|
||||
data-dt-element-name="time703"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time703">X</span> ms</small>
|
||||
</div>
|
||||
<div style="display: inline-block; position: relative;">
|
||||
<div data-netdata="system.cpu"
|
||||
data-chart-library="gauge"
|
||||
data-width="125"
|
||||
data-height="100"
|
||||
data-after="-300"
|
||||
data-points="150"
|
||||
data-dt-element-name="time703a"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time703a">X</span> ms</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<hr>
|
||||
<h1>Google Charts</h1>
|
||||
Netdata was originally developed with Google Charts.
|
||||
Netdata is a complete Google Visualization API provider.
|
||||
<br/>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.processes"
|
||||
data-chart-library="google"
|
||||
data-width="100%"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time301"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time301">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.net"
|
||||
data-chart-library="google"
|
||||
data-width="100%"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time302"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time302">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.cpu"
|
||||
data-chart-library="google"
|
||||
data-width="100%"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time303"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time303">X</span> ms</small>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
|
||||
<hr>
|
||||
<h1>Morris Charts</h1>
|
||||
Unfortunately, Morris Charts are very slow. Here we force them to lower their detail to get acceptable results.
|
||||
<br/>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.processes"
|
||||
data-chart-library="morris"
|
||||
data-width="100%"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time401"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time401">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.net"
|
||||
data-chart-library="morris"
|
||||
data-width="100%"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time402"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time402">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.cpu"
|
||||
data-chart-library="morris"
|
||||
data-width="100%"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time403"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time403">X</span> ms</small>
|
||||
</div>
|
||||
|
||||
|
||||
<hr>
|
||||
<h1>C3 Charts</h1>
|
||||
C3 charts are not usable in large scale. They suffer from the following issues:
|
||||
<ul>
|
||||
<li>extreme use of transitions (implemented with D3 instead of CSS, meaning they are javascript rendered) that cannot be disabled - even opacity is hardcoded in the javascript library</li>
|
||||
<li>rendering is done with <code>SVG</code> instead of <code>canvas</code>, so they use DOM elements for every point, becoming useless if more than 500 points are drawn</li>
|
||||
<li>lack of a <code>raw</code> data format, so every time a chart is updated, data conversion in javascript is required</li>
|
||||
<li>lack of <code>stacked</code> charts support</li>
|
||||
</ul>
|
||||
So, to avoid flashing the charts, we destroy and re-create the charts on each update. Also, since they manipulate the data with javascript we were forced to lower the detail they render to get acceptable speeds.
|
||||
<br/>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.processes"
|
||||
data-chart-library="c3"
|
||||
data-width="100%"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time801"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time801">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.net"
|
||||
data-chart-library="c3"
|
||||
data-width="100%"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time802"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time802">X</span> ms</small>
|
||||
</div>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.cpu"
|
||||
data-chart-library="c3"
|
||||
data-width="100%"
|
||||
data-height="200"
|
||||
data-after="-300"
|
||||
data-dt-element-name="time803"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time803">X</span> ms</small>
|
||||
</div>
|
||||
|
||||
-->
|
||||
|
||||
<hr>
|
||||
<h1>d3pie Charts</h1>
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="apps.cpu"
|
||||
data-chart-library="d3pie"
|
||||
data-d3pie-pieinnerradius="70%"
|
||||
data-d3pie-pieouterradius="90%"
|
||||
data-width="100%"
|
||||
data-height="300px"
|
||||
data-after="-60"
|
||||
data-points="60"
|
||||
data-dt-element-name="time901"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time901">X</span> ms</small>
|
||||
</div>
|
||||
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="system.cpu"
|
||||
data-chart-library="d3pie"
|
||||
data-width="100%"
|
||||
data-height="300px"
|
||||
data-after="-60"
|
||||
data-points="60"
|
||||
data-dt-element-name="time902"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time902">X</span> ms</small>
|
||||
</div>
|
||||
|
||||
<div style="width: 33%; display: inline-block;">
|
||||
<div data-netdata="apps.cpu"
|
||||
data-width="100%"
|
||||
data-height="300px"
|
||||
data-after="-60"
|
||||
data-points="60"
|
||||
data-debug="false"
|
||||
data-decimal-digits="0"
|
||||
data-dt-element-name="time903"
|
||||
></div>
|
||||
<br/>
|
||||
<small>rendered in <span id="time903">X</span> ms</small>
|
||||
</div>
|
||||
</div> <!-- 1st container -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<!-- you can set your netdata server globally, by ucommenting this -->
|
||||
<!-- you can also give a different server per chart, with the attribute: data-host="http://netdata.server:19999" -->
|
||||
<!-- <script> netdataServer = "http://box:19999"; </script> -->
|
||||
|
||||
<!-- load the dashboard manager - it will do the rest -->
|
||||
<!-- <script>var netdataTheme = 'slate';</script> -->
|
||||
<script type="text/javascript" src="dashboard.js?v20190902-0"></script>
|
||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,803 +0,0 @@
|
|||
/* SPDX-License-Identifier: GPL-3.0-or-later */
|
||||
:root {
|
||||
--color-main: #FFFFFF;
|
||||
--color-primary: #00ab44;
|
||||
--color-border: #878b90;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
/*font-family: Calibri,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;*/
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
color: #878b90;
|
||||
}
|
||||
|
||||
/* fixes for default slate theme */
|
||||
code {
|
||||
color: #bbb; /*#c7254e;*/
|
||||
background-color: #555; /* #f9f2f4; */
|
||||
}
|
||||
|
||||
.dashboard-sidebar .nav > .active > a,
|
||||
.dashboard-sidebar .nav > .active:hover > a,
|
||||
.dashboard-sidebar .nav > .active:focus > a {
|
||||
color: #765d9c;
|
||||
border-left: 2px solid #765d9c;
|
||||
}
|
||||
|
||||
.morelink {
|
||||
color: #765d9c;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.morelink:hover {
|
||||
color: #563d7c;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.morelink:focus {
|
||||
color: #765d9c;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.netdata-chart-alignment {
|
||||
/* 55 for legend-right */
|
||||
margin-left: 35px;
|
||||
}
|
||||
|
||||
.netdata-chart-row {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
display: -moz-flex;
|
||||
align-items: flex-end;
|
||||
-moz-align-items: flex-end;
|
||||
-webkit-align-items: flex-end;
|
||||
justify-content: center;
|
||||
-moz--webkit-justify-content: center;
|
||||
-moz-justify-content: center;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.netdata-container {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
|
||||
transform: translate3d(0,0,0);
|
||||
|
||||
/* required for child elements to have absolute position */
|
||||
position: relative;
|
||||
|
||||
/* width and height is given per chart with data-width and data-height */
|
||||
}
|
||||
|
||||
.netdata-container-gauge {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
|
||||
transform: translate3d(0,0,0);
|
||||
|
||||
/* required for child elements to have absolute position */
|
||||
position: relative;
|
||||
|
||||
/* width and height is given per chart with data-width and data-height */
|
||||
}
|
||||
|
||||
.netdata-container-gauge:after {
|
||||
padding-top: 60%;
|
||||
display: block;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.netdata-container-easypiechart {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
|
||||
transform: translate3d(0,0,0);
|
||||
|
||||
/* required for child elements to have absolute position */
|
||||
position: relative;
|
||||
|
||||
/* width and height is given per chart with data-width and data-height */
|
||||
}
|
||||
|
||||
.netdata-container-easypiechart:after {
|
||||
padding-top: 100%;
|
||||
display: block;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.netdata-aspect {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.netdata-container-with-legend {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
|
||||
transform: translate3d(0,0,0);
|
||||
|
||||
/* fix minimum scrollbar issue in firefox */
|
||||
min-height: 99px;
|
||||
|
||||
/* required for child elements to have absolute position */
|
||||
position: relative;
|
||||
|
||||
/* width and height is given per chart with data-width and data-height */
|
||||
}
|
||||
|
||||
.netdata-container-with-legend.netdata-container-with-legend--bottom {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.netdata-legend-resize-handler {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
height: 15px;
|
||||
width: 20px;
|
||||
background-color: #272b30;
|
||||
font-size: 15px;
|
||||
vertical-align: middle;
|
||||
line-height: 15px;
|
||||
cursor: ns-resize;
|
||||
color: var(--color-selected, #373b40);
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.netdata-legend-toolbox {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
height: 15px;
|
||||
width: 110px;
|
||||
font-size: 12px;
|
||||
vertical-align: middle;
|
||||
line-height: 15px;
|
||||
color: #373b40;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
|
||||
/* prevent text selection after double click */
|
||||
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
|
||||
-moz-user-select: none; /* mozilla browsers */
|
||||
-khtml-user-select: none; /* webkit (konqueror) browsers */
|
||||
-ms-user-select: none; /* IE10+ */
|
||||
}
|
||||
|
||||
.netdata-legend-toolbox-button {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
height: 15px;
|
||||
width: 18px;
|
||||
background-color: #272b30;
|
||||
font-size: 12px;
|
||||
vertical-align: middle;
|
||||
line-height: 15px;
|
||||
color: var(--color-selected, #373b40);
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
cursor: pointer;
|
||||
|
||||
/* prevent text selection after double click */
|
||||
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
|
||||
-moz-user-select: none; /* mozilla browsers */
|
||||
-khtml-user-select: none; /* webkit (konqueror) browsers */
|
||||
-ms-user-select: none; /* IE10+ */
|
||||
}
|
||||
|
||||
.netdata-message {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
font-weight: bold;
|
||||
font-size: x-small;
|
||||
overflow: hidden;
|
||||
background: inherit;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.netdata-message.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.netdata-message.icon {
|
||||
color: #2f3338;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.netdata-chart-legend {
|
||||
position: absolute; /* within .netdata-container */
|
||||
top: 0;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
line-height: 14px;
|
||||
display: block;
|
||||
width: 140px; /* --legend-width */
|
||||
height: calc(100% - 15px); /* 10px for the resize handler and 5px for the top margin */
|
||||
font-size: 10px;
|
||||
margin-top: 5px;
|
||||
text-align: left;
|
||||
/* width and height is calculated (depends on the appearance of the legend) */
|
||||
}
|
||||
|
||||
.netdata-legend-title-date {
|
||||
font-size: 10px;
|
||||
font-weight: normal;
|
||||
margin-top: 0px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.netdata-legend-title-time {
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
margin-top: 0px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.netdata-legend-title-units {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
float: right;
|
||||
font-size: 11px;
|
||||
vertical-align: top;
|
||||
font-weight: normal;
|
||||
margin-top: 0px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.netdata-legend-series {
|
||||
position: absolute;
|
||||
width: 140px; /* legend-width */
|
||||
height: calc(100% - 50px);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
line-height: 14.5px; /* line spacing at the legend */
|
||||
display: block;
|
||||
font-size: 10px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.netdata-legend-name-table-line {
|
||||
display: inline-block;
|
||||
width: 13px;
|
||||
height: 4px;
|
||||
border-width: 0px;
|
||||
border-bottom-width: 2px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #272b30;
|
||||
}
|
||||
|
||||
.netdata-legend-name-table-area {
|
||||
display: inline-block;
|
||||
width: 13px;
|
||||
height: 5px;
|
||||
border-width: 1px;
|
||||
border-top-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-top-color: inherit;
|
||||
}
|
||||
|
||||
.netdata-legend-name-table-stacked {
|
||||
display: inline-block;
|
||||
width: 13px;
|
||||
height: 5px;
|
||||
border-width: 1px;
|
||||
border-top-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-top-color: inherit;
|
||||
}
|
||||
|
||||
.netdata-legend-name-tr {
|
||||
}
|
||||
|
||||
.netdata-legend-name-td {
|
||||
}
|
||||
|
||||
.netdata-legend-name {
|
||||
text-align: left;
|
||||
font-size: 11px; /* legend: dimension name size */
|
||||
font-weight: bold;
|
||||
vertical-align: bottom;
|
||||
margin-top: 0px;
|
||||
z-index: 9;
|
||||
padding: 0px;
|
||||
width: 80px !important;
|
||||
max-width: 80px !important;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
-webkit-print-color-adjust: exact;
|
||||
}
|
||||
|
||||
.netdata-legend-value {
|
||||
/*margin-left: 14px;*/
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
float: right;
|
||||
text-align: right;
|
||||
font-size: 11px; /* legend: dimension value size */
|
||||
font-weight: bold;
|
||||
vertical-align: bottom;
|
||||
background-color: #272b30;
|
||||
margin-top: 0px;
|
||||
z-index: 10;
|
||||
padding: 0px;
|
||||
padding-left: 15px;
|
||||
cursor: pointer;
|
||||
/* -webkit-font-smoothing: none; */
|
||||
}
|
||||
|
||||
.netdata-legend-value, .netdata-legend-name {
|
||||
/* prevent highlight when shift-clicking */
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* eslint recommends adding tabIndex for a11y, but the outline is showing on click */
|
||||
.netdata-legend-name:focus, .netdata-legend-value:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.netdata-legend-name.not-selected {
|
||||
font-weight: normal;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.netdata-chart {
|
||||
position: absolute; /* within .netdata-container */
|
||||
top: 0; /* within .netdata-container */
|
||||
left: 0; /* within .netdata-container */
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 5;
|
||||
|
||||
/* width and height is calculated (depends on the appearance of the legend) */
|
||||
}
|
||||
|
||||
.netdata-chart-with-legend-right {
|
||||
position: absolute; /* within .netdata-container */
|
||||
top: 0; /* within .netdata-container */
|
||||
left: 0; /* within .netdata-container */
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin-right: 140px; /* --legend-width */
|
||||
width: calc(100% - 140px); /* --legend-width */
|
||||
height: 100%;
|
||||
z-index: 5;
|
||||
flex-grow: 1;
|
||||
|
||||
/* width and height is calculated (depends on the appearance of the legend) */
|
||||
}
|
||||
|
||||
.netdata-chart-with-legend-bottom {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.netdata-peity-chart {
|
||||
|
||||
}
|
||||
|
||||
.netdata-sparkline-chart {
|
||||
|
||||
}
|
||||
|
||||
.netdata-dygraph-chart {
|
||||
|
||||
}
|
||||
|
||||
.netdata-morris-chart {
|
||||
|
||||
}
|
||||
|
||||
.netdata-google-chart {
|
||||
|
||||
}
|
||||
|
||||
.dygraph-ylabel {
|
||||
}
|
||||
|
||||
.dygraph-axis-label-x {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.dygraph-axis-label {
|
||||
color: #6c7075;
|
||||
}
|
||||
|
||||
.dygraph-label-rotate-left {
|
||||
text-align: center;
|
||||
/* See http://caniuse.com/#feat=transforms2d */
|
||||
transform: rotate(90deg);
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
}
|
||||
|
||||
/* For y2-axis label */
|
||||
.dygraph-label-rotate-right {
|
||||
text-align: center;
|
||||
/* See http://caniuse.com/#feat=transforms2d */
|
||||
transform: rotate(-90deg);
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
.dygraph-title {
|
||||
/* 56 for legend-right */
|
||||
text-indent: 36px;
|
||||
text-align: left;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 4px;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* fix for sparkline tooltip under bootstrap */
|
||||
.jqstooltip {
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.easyPieChart {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.easyPieChart canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.easyPieChartLabel {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: var(--color-main);
|
||||
font-weight: normal;
|
||||
text-shadow: #272b30 0px 0px 1px;
|
||||
/* -webkit-font-smoothing: none; */
|
||||
}
|
||||
|
||||
.easyPieChartTitle {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 64%;
|
||||
margin-left: 18% !important;
|
||||
text-align: center;
|
||||
color: var(--color-border,#676b70);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.easyPieChartUnits {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 60%;
|
||||
margin-left: 20% !important;
|
||||
text-align: center;
|
||||
color:var(--color-border,#676b70);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.gaugeChart {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.gaugeChart canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.gaugeChartLabel {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: var(--color-main);
|
||||
font-weight: bold;
|
||||
z-index: 1;
|
||||
text-shadow: #272b30 0px 0px 1px;
|
||||
/* text-shadow: #CCC 1px 1px 0px, #CCC -1px -1px 0px, #CCC 1px -1px 0px, #CCC -1px 1px 0px; */
|
||||
/* -webkit-text-stroke: 1px #777; */
|
||||
/* -webkit-font-smoothing: none; */
|
||||
}
|
||||
|
||||
.gaugeChartTitle {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: var(--color-border, #676b70);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.gaugeChartUnits {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
margin-left: 5%;
|
||||
color: var(--color-border,#676b70);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.gaugeChartMin {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
bottom: 8%;
|
||||
width: 92%;
|
||||
margin-left: 8%;
|
||||
text-align: left;
|
||||
color: var(--color-main);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.gaugeChartMax {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0;
|
||||
bottom: 8%;
|
||||
width: 95%;
|
||||
margin-right: 5%;
|
||||
text-align: right;
|
||||
color: var(--color-main);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.popover-title {
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.popover-content {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------------
|
||||
perfect-scrollbar settings
|
||||
*/
|
||||
|
||||
.ps-container {
|
||||
-ms-touch-action: auto;
|
||||
touch-action: auto;
|
||||
overflow: hidden !important;
|
||||
-ms-overflow-style: none;
|
||||
}
|
||||
|
||||
@supports (-ms-overflow-style: none) {
|
||||
.ps-container {
|
||||
overflow: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
||||
.ps-container {
|
||||
overflow: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
|
||||
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
|
||||
display: block;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
|
||||
background-color: transparent; /* background color when dragged away */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
|
||||
background-color: #aaa; /* scrollbar color when dragged away */
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
|
||||
background-color: transparent; /* background color when dragged away */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
|
||||
background-color: #aaa; /* scrollbar color when dragged away */
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-x-rail {
|
||||
display: none;
|
||||
position: absolute;
|
||||
/* please don't change 'position' */
|
||||
opacity: 0.2; /* the opacity when not on hover of the content */
|
||||
-webkit-transition: background-color .2s linear, opacity .2s linear;
|
||||
-o-transition: background-color .2s linear, opacity .2s linear;
|
||||
-moz-transition: background-color .2s linear, opacity .2s linear;
|
||||
transition: background-color .2s linear, opacity .2s linear;
|
||||
bottom: 0px;
|
||||
/* there must be 'bottom' for ps-scrollbar-x-rail */
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
|
||||
position: absolute;
|
||||
/* please don't change 'position' */
|
||||
background-color: #666; /* #aaa; the color on content hover */
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
|
||||
-o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
|
||||
-moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
|
||||
bottom: 2px;
|
||||
/* there must be 'bottom' for ps-scrollbar-x */
|
||||
height: 5px; /* the width of the scrollbar */
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-y-rail {
|
||||
display: none;
|
||||
position: absolute;
|
||||
/* please don't change 'position' */
|
||||
opacity: 0.2; /* the opacity when not on hover of the content */
|
||||
-webkit-transition: background-color .2s linear, opacity .2s linear;
|
||||
-o-transition: background-color .2s linear, opacity .2s linear;
|
||||
-moz-transition: background-color .2s linear, opacity .2s linear;
|
||||
transition: background-color .2s linear, opacity .2s linear;
|
||||
right: 0;
|
||||
/* there must be 'right' for ps-scrollbar-y-rail */
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
|
||||
position: absolute;
|
||||
/* please don't change 'position' */
|
||||
background-color: #666; /* #aaa; the color on content hover */
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
|
||||
-o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
|
||||
-moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
|
||||
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
|
||||
right: 2px;
|
||||
/* there must be 'right' for ps-scrollbar-y */
|
||||
width: 5px; /* the width of the scrollbar */
|
||||
}
|
||||
|
||||
.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
|
||||
background-color: transparent; /* background color when dragged */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
|
||||
background-color: #bbb; /* scrollbar color when dragged */
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
|
||||
background-color: transparent; /* background color when dragged */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
|
||||
background-color: #bbb; /* scrollbar color when dragged */
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-x-rail,
|
||||
.ps-container:hover > .ps-scrollbar-y-rail {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-x-rail:hover {
|
||||
background-color: transparent; /* the background color on hover of the scrollbar */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
|
||||
background-color: #999; /* scrollbar color on hover */
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-y-rail:hover {
|
||||
background-color: transparent; /* the background color on hover of the scrollbar */
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
|
||||
background-color: #999; /* scrollbar color on hover */
|
||||
}
|
||||
|
||||
.dygraph__history-tip {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
display: none; /* overridden in js */
|
||||
margin-right: 25px;
|
||||
direction: rtl;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.dygraph__history-tip-content {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
direction: ltr;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
|
@ -1,168 +0,0 @@
|
|||
|
||||
install(FILES src/web/gui/v1/asset-manifest.json
|
||||
src/web/gui/v1/console.html
|
||||
src/web/gui/v1/dash-example.html
|
||||
src/web/gui/v1/dashboard-react.js
|
||||
src/web/gui/v1/dashboard.css
|
||||
src/web/gui/v1/dashboard.html
|
||||
src/web/gui/v1/dashboard.js
|
||||
src/web/gui/v1/dashboard.slate.css
|
||||
src/web/gui/v1/demo.html
|
||||
src/web/gui/v1/demo2.html
|
||||
src/web/gui/v1/demosites.html
|
||||
src/web/gui/v1/demosites2.html
|
||||
src/web/gui/v1/favicon.ico
|
||||
src/web/gui/v1/goto-host-from-alarm.html
|
||||
src/web/gui/v1/index-node-view.html
|
||||
src/web/gui/v1/infographic.html
|
||||
src/web/gui/v1/manifest.json
|
||||
src/web/gui/v1/precache-manifest.e2d3811ef5e4b7e75e1f56d6ee92ef2c.js
|
||||
src/web/gui/v1/refresh-badges.js
|
||||
src/web/gui/v1/robots.txt
|
||||
src/web/gui/v1/service-worker.js
|
||||
src/web/gui/v1/sitemap.xml
|
||||
src/web/gui/v1/tv-react.html
|
||||
src/web/gui/v1/tv.html COMPONENT dashboard DESTINATION ${WEB_DEST})
|
||||
install(FILES src/web/gui/v1/css/bootstrap-3.3.7.css
|
||||
src/web/gui/v1/css/bootstrap-slate-flat-3.3.7.css
|
||||
src/web/gui/v1/css/bootstrap-slider-10.0.0.min.css
|
||||
src/web/gui/v1/css/bootstrap-theme-3.3.7.min.css
|
||||
src/web/gui/v1/css/bootstrap-toggle-2.2.2.min.css
|
||||
src/web/gui/v1/css/dashboard.css
|
||||
src/web/gui/v1/css/dashboard.slate.css COMPONENT dashboard DESTINATION ${WEB_DEST}/css)
|
||||
install(FILES src/web/gui/v1/fonts/glyphicons-halflings-regular.eot
|
||||
src/web/gui/v1/fonts/glyphicons-halflings-regular.svg
|
||||
src/web/gui/v1/fonts/glyphicons-halflings-regular.ttf
|
||||
src/web/gui/v1/fonts/glyphicons-halflings-regular.woff
|
||||
src/web/gui/v1/fonts/glyphicons-halflings-regular.woff2 COMPONENT dashboard DESTINATION ${WEB_DEST}/fonts)
|
||||
install(FILES src/web/gui/v1/images/alert-128-orange.png
|
||||
src/web/gui/v1/images/alert-128-red.png
|
||||
src/web/gui/v1/images/alert-multi-size-orange.ico
|
||||
src/web/gui/v1/images/alert-multi-size-red.ico
|
||||
src/web/gui/v1/images/alerts.jpg
|
||||
src/web/gui/v1/images/alerts.png
|
||||
src/web/gui/v1/images/android-icon-144x144.png
|
||||
src/web/gui/v1/images/android-icon-192x192.png
|
||||
src/web/gui/v1/images/android-icon-36x36.png
|
||||
src/web/gui/v1/images/android-icon-48x48.png
|
||||
src/web/gui/v1/images/android-icon-72x72.png
|
||||
src/web/gui/v1/images/android-icon-96x96.png
|
||||
src/web/gui/v1/images/animated.gif
|
||||
src/web/gui/v1/images/apple-icon-114x114.png
|
||||
src/web/gui/v1/images/apple-icon-120x120.png
|
||||
src/web/gui/v1/images/apple-icon-144x144.png
|
||||
src/web/gui/v1/images/apple-icon-152x152.png
|
||||
src/web/gui/v1/images/apple-icon-180x180.png
|
||||
src/web/gui/v1/images/apple-icon-57x57.png
|
||||
src/web/gui/v1/images/apple-icon-60x60.png
|
||||
src/web/gui/v1/images/apple-icon-72x72.png
|
||||
src/web/gui/v1/images/apple-icon-76x76.png
|
||||
src/web/gui/v1/images/apple-icon-precomposed.png
|
||||
src/web/gui/v1/images/apple-icon.png
|
||||
src/web/gui/v1/images/banner-icon-144x144.png
|
||||
src/web/gui/v1/images/check-mark-2-128-green.png
|
||||
src/web/gui/v1/images/check-mark-2-multi-size-green.ico
|
||||
src/web/gui/v1/images/dashboards.png
|
||||
src/web/gui/v1/images/favicon-128.png
|
||||
src/web/gui/v1/images/favicon-16x16.png
|
||||
src/web/gui/v1/images/favicon-196x196.png
|
||||
src/web/gui/v1/images/favicon-32x32.png
|
||||
src/web/gui/v1/images/favicon-96x96.png
|
||||
src/web/gui/v1/images/favicon.ico
|
||||
src/web/gui/v1/images/home.png
|
||||
src/web/gui/v1/images/ms-icon-144x144.png
|
||||
src/web/gui/v1/images/ms-icon-150x150.png
|
||||
src/web/gui/v1/images/ms-icon-310x150.png
|
||||
src/web/gui/v1/images/ms-icon-310x310.png
|
||||
src/web/gui/v1/images/ms-icon-36x36.png
|
||||
src/web/gui/v1/images/ms-icon-70x70.png
|
||||
src/web/gui/v1/images/netdata-logomark.svg
|
||||
src/web/gui/v1/images/netdata.svg
|
||||
src/web/gui/v1/images/nodeView.png
|
||||
src/web/gui/v1/images/nodes.jpg
|
||||
src/web/gui/v1/images/overview.png
|
||||
src/web/gui/v1/images/packaging-beta-tag.svg
|
||||
src/web/gui/v1/images/post.png
|
||||
src/web/gui/v1/images/pricing.png
|
||||
src/web/gui/v1/images/seo-performance-128.png COMPONENT dashboard DESTINATION ${WEB_DEST}/images)
|
||||
install(FILES src/web/gui/v1/lib/bootstrap-3.3.7.min.js
|
||||
src/web/gui/v1/lib/bootstrap-slider-10.0.0.min.js
|
||||
src/web/gui/v1/lib/bootstrap-table-1.11.0.min.js
|
||||
src/web/gui/v1/lib/bootstrap-table-export-1.11.0.min.js
|
||||
src/web/gui/v1/lib/bootstrap-toggle-2.2.2.min.js
|
||||
src/web/gui/v1/lib/clipboard-polyfill-be05dad.js
|
||||
src/web/gui/v1/lib/d3-4.12.2.min.js
|
||||
src/web/gui/v1/lib/d3pie-0.2.1-netdata-3.js
|
||||
src/web/gui/v1/lib/dygraph-c91c859.min.js
|
||||
src/web/gui/v1/lib/dygraph-smooth-plotter-c91c859.js
|
||||
src/web/gui/v1/lib/fontawesome-all-5.0.1.min.js
|
||||
src/web/gui/v1/lib/gauge-1.3.2.min.js
|
||||
src/web/gui/v1/lib/jquery-3.6.0.min.js
|
||||
src/web/gui/v1/lib/jquery.easypiechart-97b5824.min.js
|
||||
src/web/gui/v1/lib/jquery.peity-3.2.0.min.js
|
||||
src/web/gui/v1/lib/jquery.sparkline-2.1.2.min.js
|
||||
src/web/gui/v1/lib/lz-string-1.4.4.min.js
|
||||
src/web/gui/v1/lib/pako-1.0.6.min.js
|
||||
src/web/gui/v1/lib/perfect-scrollbar-0.6.15.min.js
|
||||
src/web/gui/v1/lib/tableExport-1.6.0.min.js COMPONENT dashboard DESTINATION ${WEB_DEST}/lib)
|
||||
install(FILES src/web/gui/v1/static/css/2.c454aab8.chunk.css
|
||||
src/web/gui/v1/static/css/2.c454aab8.chunk.css.map
|
||||
src/web/gui/v1/static/css/4.a36e3b73.chunk.css
|
||||
src/web/gui/v1/static/css/4.a36e3b73.chunk.css.map
|
||||
src/web/gui/v1/static/css/main.53ba10f1.chunk.css
|
||||
src/web/gui/v1/static/css/main.53ba10f1.chunk.css.map COMPONENT dashboard DESTINATION ${WEB_DEST}/static/css)
|
||||
install(FILES src/web/gui/v1/static/js/10.a5cd7d0e.chunk.js
|
||||
src/web/gui/v1/static/js/10.a5cd7d0e.chunk.js.map
|
||||
src/web/gui/v1/static/js/2.62d105c5.chunk.js
|
||||
src/web/gui/v1/static/js/2.62d105c5.chunk.js.LICENSE
|
||||
src/web/gui/v1/static/js/2.62d105c5.chunk.js.map
|
||||
src/web/gui/v1/static/js/3.f137faca.chunk.js
|
||||
src/web/gui/v1/static/js/3.f137faca.chunk.js.map
|
||||
src/web/gui/v1/static/js/4.2dbcd906.chunk.js
|
||||
src/web/gui/v1/static/js/4.2dbcd906.chunk.js.map
|
||||
src/web/gui/v1/static/js/5.2f783a54.chunk.js
|
||||
src/web/gui/v1/static/js/5.2f783a54.chunk.js.LICENSE
|
||||
src/web/gui/v1/static/js/5.2f783a54.chunk.js.map
|
||||
src/web/gui/v1/static/js/6.e1951239.chunk.js
|
||||
src/web/gui/v1/static/js/6.e1951239.chunk.js.map
|
||||
src/web/gui/v1/static/js/7.c2417fb0.chunk.js
|
||||
src/web/gui/v1/static/js/7.c2417fb0.chunk.js.map
|
||||
src/web/gui/v1/static/js/8.b4161ea2.chunk.js
|
||||
src/web/gui/v1/static/js/8.b4161ea2.chunk.js.map
|
||||
src/web/gui/v1/static/js/9.a4363968.chunk.js
|
||||
src/web/gui/v1/static/js/9.a4363968.chunk.js.map
|
||||
src/web/gui/v1/static/js/main.e248095a.chunk.js
|
||||
src/web/gui/v1/static/js/main.e248095a.chunk.js.LICENSE
|
||||
src/web/gui/v1/static/js/main.e248095a.chunk.js.map
|
||||
src/web/gui/v1/static/js/runtime-main.08abed8f.js
|
||||
src/web/gui/v1/static/js/runtime-main.08abed8f.js.map COMPONENT dashboard DESTINATION ${WEB_DEST}/static/js)
|
||||
install(FILES src/web/gui/v1/static/media/ibm-plex-sans-latin-100.245539db.woff2
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-100.9a582f3a.woff
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-100italic.1ea7c5d2.woff
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-100italic.3c34cf08.woff2
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-200.67524c36.woff
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-200.bf72c841.woff2
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-200italic.52df2560.woff
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-200italic.bbc2d552.woff2
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-300.10bb6a0a.woff
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-300.9e1c48af.woff2
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-300italic.c76f2ab5.woff2
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-300italic.d3566d5b.woff
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-400.263d6267.woff2
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-400.a2c56f94.woff
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-400italic.272f8611.woff
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-400italic.89a93a1b.woff2
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-500.0866c244.woff2
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-500.f6d5c5d5.woff
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-500italic.ccd41bd1.woff
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-500italic.ffd12d59.woff2
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-600.337b1651.woff
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-600.7852d4dc.woff2
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-600italic.17e5379f.woff2
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-600italic.6f4ba6aa.woff
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-700.b8809d61.woff
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-700.c9983d3d.woff2
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-700italic.02954bee.woff2
|
||||
src/web/gui/v1/static/media/ibm-plex-sans-latin-700italic.72e9af40.woff
|
||||
src/web/gui/v1/static/media/material-icons.0509ab09.woff2 COMPONENT dashboard DESTINATION ${WEB_DEST}/static/media)
|
||||
install(FILES src/web/gui/v1/index.html COMPONENT dashboard DESTINATION ${WEB_DEST}/v1)
|
||||
|
|
@ -1,51 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!-- SPDX-License-Identifier: GPL-3.0-or-later -->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Netdata Dashboard</title>
|
||||
<meta name="application-name" content="netdata">
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<meta name="author" content="costa@tsaousis.gr">
|
||||
|
||||
<meta property="og:locale" content="en_US" />
|
||||
<meta property="og:image" content="https://cloud.githubusercontent.com/assets/2662304/22945737/e98cd0c6-f2fd-11e6-96f1-5501934b0955.png"/>
|
||||
<meta property="og:url" content="http://my-netdata.io/"/>
|
||||
<meta property="og:type" content="website"/>
|
||||
<meta property="og:site_name" content="netdata"/>
|
||||
<meta property="og:title" content="netdata - monitoring and troubleshooting, transformed!"/>
|
||||
<meta property="og:description" content="Stunning real-time dashboards, blazingly fast and extremely interactive. Zero configuration, zero dependencies, zero maintenance." />
|
||||
</head>
|
||||
<script type="text/javascript" src="dashboard.js?v20190902-0"></script>
|
||||
<body>
|
||||
|
||||
<div style="width: 100%; text-align: center;">
|
||||
<div data-netdata="netdata.server_cpu"
|
||||
data-dimensions="user"
|
||||
data-chart-library="gauge"
|
||||
data-width="150px"
|
||||
data-after="-60"
|
||||
data-points="60"
|
||||
data-title="Yes! Realtime!"
|
||||
data-units="I am alive!"
|
||||
data-colors="#FF5555"
|
||||
></div>
|
||||
<br/>
|
||||
<div data-netdata="netdata.server_cpu"
|
||||
data-dimensions="user"
|
||||
data-chart-library="dygraph"
|
||||
data-dygraph-theme="sparkline"
|
||||
data-width="200px"
|
||||
data-height="30px"
|
||||
data-after="-60"
|
||||
data-points="60"
|
||||
data-colors="#FF5555"
|
||||
></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,143 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!-- SPDX-License-Identifier: GPL-3.0-or-later -->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Netdata Dashboard</title>
|
||||
<meta name="application-name" content="netdata">
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<meta name="author" content="costa@tsaousis.gr">
|
||||
|
||||
<meta property="og:locale" content="en_US" />
|
||||
<meta property="og:image" content="https://cloud.githubusercontent.com/assets/2662304/22945737/e98cd0c6-f2fd-11e6-96f1-5501934b0955.png"/>
|
||||
<meta property="og:url" content="http://my-netdata.io/"/>
|
||||
<meta property="og:type" content="website"/>
|
||||
<meta property="og:site_name" content="netdata"/>
|
||||
<meta property="og:title" content="netdata - monitoring and troubleshooting, transformed!"/>
|
||||
<meta property="og:description" content="Stunning real-time dashboards, blazingly fast and extremely interactive. Zero configuration, zero dependencies, zero maintenance." />
|
||||
</head>
|
||||
<script>var netdataTheme = 'slate';</script>
|
||||
<script type="text/javascript" src="http://my-netdata.io/dashboard.js?v20190902-0"></script>
|
||||
<body>
|
||||
|
||||
<div class="container" style="width: 90%; padding-top: 10px; text-align: center; color: #AAA">
|
||||
<div style="font-size: 7vw;">why netdata?</div>
|
||||
<br/>
|
||||
<div style="font-size: 2vw; color: white;">These charts visualize the same data...</div>
|
||||
|
||||
|
||||
<!-- Nav tabs -->
|
||||
<ul class="nav nav-tabs" role="tablist">
|
||||
<li role="presentation" class="active"><a href="#gauge" aria-controls="gauge" role="tab" data-toggle="tab">Gauge.js</a></li>
|
||||
<li role="presentation"><a href="#easypiechart" aria-controls="easypiechart" role="tab" data-toggle="tab">Easy Pie Chart</a></li>
|
||||
</ul>
|
||||
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content">
|
||||
<div role="tabpanel" class="tab-pane active" id="gauge">
|
||||
|
||||
<div style="display: inline-block; width: 35.8%">
|
||||
<div style="font-size: 1.2vw; color: #666; padding-top: 10px;"><i class="fa fa-comment"></i> I can trace an issue like this</div>
|
||||
<br/>
|
||||
<div data-netdata="example.random2"
|
||||
data-dimensions="random"
|
||||
data-chart-library="gauge"
|
||||
data-gauge-max-value="32767"
|
||||
data-width="100%"
|
||||
data-after="-600"
|
||||
data-points="600"
|
||||
data-title="1/second (netdata default)"
|
||||
data-units="important metric"
|
||||
data-colors="#5A5"
|
||||
></div>
|
||||
</div>
|
||||
<div style="display: inline-block; width: 50%">
|
||||
<div style="font-size: 1.2vw; color: #666;"><i class="fa fa-comment"></i> Can you trace an issue like these?<br/> <br/></div>
|
||||
<div data-netdata="example.random2"
|
||||
data-dimensions="random"
|
||||
data-chart-library="gauge"
|
||||
data-gauge-max-value="32767"
|
||||
data-width="45%"
|
||||
data-after="-600"
|
||||
data-points="60"
|
||||
data-title="Updates Every 10 Sec"
|
||||
data-units="important metric"
|
||||
data-colors="#C55"
|
||||
></div>
|
||||
<div data-netdata="example.random2"
|
||||
data-dimensions="random"
|
||||
data-chart-library="gauge"
|
||||
data-gauge-max-value="32767"
|
||||
data-width="45%"
|
||||
data-after="-600"
|
||||
data-points="2"
|
||||
data-title="Updates Every 5 Mins"
|
||||
data-units="important metric"
|
||||
data-colors="#C55"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
<div role="tabpanel" class="tab-pane" id="easypiechart">
|
||||
|
||||
<div style="display: inline-block; width: 25%">
|
||||
<div style="font-size: 1.2vw; color: #666; padding-top: 10px;"><i class="fa fa-comment"></i> I can trace an issue like this</div>
|
||||
<br/>
|
||||
<div data-netdata="example.random2"
|
||||
data-dimensions="random"
|
||||
data-chart-library="easypiechart"
|
||||
data-easypiechart-max-value="32767"
|
||||
data-width="100%"
|
||||
data-after="-600"
|
||||
data-points="600"
|
||||
data-title="1/second (netdata default)"
|
||||
data-units="important metric"
|
||||
data-colors="#5A5"
|
||||
></div>
|
||||
</div>
|
||||
<div style="display: inline-block; width: 40%">
|
||||
<div style="font-size: 1.2vw; color: #666;"><i class="fa fa-comment"></i> Can you trace an issue like these?<br/> <br/></div>
|
||||
<div data-netdata="example.random2"
|
||||
data-dimensions="random"
|
||||
data-chart-library="easypiechart"
|
||||
data-easypiechart-max-value="32767"
|
||||
data-width="45%"
|
||||
data-after="-600"
|
||||
data-points="60"
|
||||
data-title="Updates Every 10 Sec"
|
||||
data-units="important metric"
|
||||
data-colors="#C55"
|
||||
></div>
|
||||
<div data-netdata="example.random2"
|
||||
data-dimensions="random"
|
||||
data-chart-library="easypiechart"
|
||||
data-easypiechart-max-value="32767"
|
||||
data-width="45%"
|
||||
data-after="-600"
|
||||
data-points="2"
|
||||
data-title="Updates Every 5 Mins"
|
||||
data-units="important metric"
|
||||
data-colors="#C55"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="font-size: 1.5vw;">Hover on the chart below, to see the selected value on the charts above!</div>
|
||||
<div data-netdata="example.random2"
|
||||
data-dimensions="random"
|
||||
data-dygraph-theme="sparkline"
|
||||
data-width="100%"
|
||||
data-height="20vh"
|
||||
data-after="-600"
|
||||
data-points="600"
|
||||
data-title="1/second (netdata default)"
|
||||
data-units="something"
|
||||
data-colors="#888"
|
||||
></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
Binary file not shown.
|
Before Width: 16px | Height: 16px | Size: 1.1 KiB |
Binary file not shown.
|
|
@ -1,289 +0,0 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<!-- SPDX-License-Identifier: CC-BY-4.0 -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata></metadata>
|
||||
<defs>
|
||||
<font id="glyphicons_halflingsregular" horiz-adv-x="1200" >
|
||||
<font-face units-per-em="1200" ascent="960" descent="-240" />
|
||||
<missing-glyph horiz-adv-x="500" />
|
||||
<glyph horiz-adv-x="0" />
|
||||
<glyph horiz-adv-x="400" />
|
||||
<glyph unicode=" " />
|
||||
<glyph unicode="*" d="M600 1100q15 0 34 -1.5t30 -3.5l11 -1q10 -2 17.5 -10.5t7.5 -18.5v-224l158 158q7 7 18 8t19 -6l106 -106q7 -8 6 -19t-8 -18l-158 -158h224q10 0 18.5 -7.5t10.5 -17.5q6 -41 6 -75q0 -15 -1.5 -34t-3.5 -30l-1 -11q-2 -10 -10.5 -17.5t-18.5 -7.5h-224l158 -158 q7 -7 8 -18t-6 -19l-106 -106q-8 -7 -19 -6t-18 8l-158 158v-224q0 -10 -7.5 -18.5t-17.5 -10.5q-41 -6 -75 -6q-15 0 -34 1.5t-30 3.5l-11 1q-10 2 -17.5 10.5t-7.5 18.5v224l-158 -158q-7 -7 -18 -8t-19 6l-106 106q-7 8 -6 19t8 18l158 158h-224q-10 0 -18.5 7.5 t-10.5 17.5q-6 41 -6 75q0 15 1.5 34t3.5 30l1 11q2 10 10.5 17.5t18.5 7.5h224l-158 158q-7 7 -8 18t6 19l106 106q8 7 19 6t18 -8l158 -158v224q0 10 7.5 18.5t17.5 10.5q41 6 75 6z" />
|
||||
<glyph unicode="+" d="M450 1100h200q21 0 35.5 -14.5t14.5 -35.5v-350h350q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-350v-350q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v350h-350q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5 h350v350q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode=" " />
|
||||
<glyph unicode="¥" d="M825 1100h250q10 0 12.5 -5t-5.5 -13l-364 -364q-6 -6 -11 -18h268q10 0 13 -6t-3 -14l-120 -160q-6 -8 -18 -14t-22 -6h-125v-100h275q10 0 13 -6t-3 -14l-120 -160q-6 -8 -18 -14t-22 -6h-125v-174q0 -11 -7.5 -18.5t-18.5 -7.5h-148q-11 0 -18.5 7.5t-7.5 18.5v174 h-275q-10 0 -13 6t3 14l120 160q6 8 18 14t22 6h125v100h-275q-10 0 -13 6t3 14l120 160q6 8 18 14t22 6h118q-5 12 -11 18l-364 364q-8 8 -5.5 13t12.5 5h250q25 0 43 -18l164 -164q8 -8 18 -8t18 8l164 164q18 18 43 18z" />
|
||||
<glyph unicode=" " horiz-adv-x="650" />
|
||||
<glyph unicode=" " horiz-adv-x="1300" />
|
||||
<glyph unicode=" " horiz-adv-x="650" />
|
||||
<glyph unicode=" " horiz-adv-x="1300" />
|
||||
<glyph unicode=" " horiz-adv-x="433" />
|
||||
<glyph unicode=" " horiz-adv-x="325" />
|
||||
<glyph unicode=" " horiz-adv-x="216" />
|
||||
<glyph unicode=" " horiz-adv-x="216" />
|
||||
<glyph unicode=" " horiz-adv-x="162" />
|
||||
<glyph unicode=" " horiz-adv-x="260" />
|
||||
<glyph unicode=" " horiz-adv-x="72" />
|
||||
<glyph unicode=" " horiz-adv-x="260" />
|
||||
<glyph unicode=" " horiz-adv-x="325" />
|
||||
<glyph unicode="€" d="M744 1198q242 0 354 -189q60 -104 66 -209h-181q0 45 -17.5 82.5t-43.5 61.5t-58 40.5t-60.5 24t-51.5 7.5q-19 0 -40.5 -5.5t-49.5 -20.5t-53 -38t-49 -62.5t-39 -89.5h379l-100 -100h-300q-6 -50 -6 -100h406l-100 -100h-300q9 -74 33 -132t52.5 -91t61.5 -54.5t59 -29 t47 -7.5q22 0 50.5 7.5t60.5 24.5t58 41t43.5 61t17.5 80h174q-30 -171 -128 -278q-107 -117 -274 -117q-206 0 -324 158q-36 48 -69 133t-45 204h-217l100 100h112q1 47 6 100h-218l100 100h134q20 87 51 153.5t62 103.5q117 141 297 141z" />
|
||||
<glyph unicode="₽" d="M428 1200h350q67 0 120 -13t86 -31t57 -49.5t35 -56.5t17 -64.5t6.5 -60.5t0.5 -57v-16.5v-16.5q0 -36 -0.5 -57t-6.5 -61t-17 -65t-35 -57t-57 -50.5t-86 -31.5t-120 -13h-178l-2 -100h288q10 0 13 -6t-3 -14l-120 -160q-6 -8 -18 -14t-22 -6h-138v-175q0 -11 -5.5 -18 t-15.5 -7h-149q-10 0 -17.5 7.5t-7.5 17.5v175h-267q-10 0 -13 6t3 14l120 160q6 8 18 14t22 6h117v100h-267q-10 0 -13 6t3 14l120 160q6 8 18 14t22 6h117v475q0 10 7.5 17.5t17.5 7.5zM600 1000v-300h203q64 0 86.5 33t22.5 119q0 84 -22.5 116t-86.5 32h-203z" />
|
||||
<glyph unicode="−" d="M250 700h800q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="⌛" d="M1000 1200v-150q0 -21 -14.5 -35.5t-35.5 -14.5h-50v-100q0 -91 -49.5 -165.5t-130.5 -109.5q81 -35 130.5 -109.5t49.5 -165.5v-150h50q21 0 35.5 -14.5t14.5 -35.5v-150h-800v150q0 21 14.5 35.5t35.5 14.5h50v150q0 91 49.5 165.5t130.5 109.5q-81 35 -130.5 109.5 t-49.5 165.5v100h-50q-21 0 -35.5 14.5t-14.5 35.5v150h800zM400 1000v-100q0 -60 32.5 -109.5t87.5 -73.5q28 -12 44 -37t16 -55t-16 -55t-44 -37q-55 -24 -87.5 -73.5t-32.5 -109.5v-150h400v150q0 60 -32.5 109.5t-87.5 73.5q-28 12 -44 37t-16 55t16 55t44 37 q55 24 87.5 73.5t32.5 109.5v100h-400z" />
|
||||
<glyph unicode="◼" horiz-adv-x="500" d="M0 0z" />
|
||||
<glyph unicode="☁" d="M503 1089q110 0 200.5 -59.5t134.5 -156.5q44 14 90 14q120 0 205 -86.5t85 -206.5q0 -121 -85 -207.5t-205 -86.5h-750q-79 0 -135.5 57t-56.5 137q0 69 42.5 122.5t108.5 67.5q-2 12 -2 37q0 153 108 260.5t260 107.5z" />
|
||||
<glyph unicode="⛺" d="M774 1193.5q16 -9.5 20.5 -27t-5.5 -33.5l-136 -187l467 -746h30q20 0 35 -18.5t15 -39.5v-42h-1200v42q0 21 15 39.5t35 18.5h30l468 746l-135 183q-10 16 -5.5 34t20.5 28t34 5.5t28 -20.5l111 -148l112 150q9 16 27 20.5t34 -5zM600 200h377l-182 112l-195 534v-646z " />
|
||||
<glyph unicode="✉" d="M25 1100h1150q10 0 12.5 -5t-5.5 -13l-564 -567q-8 -8 -18 -8t-18 8l-564 567q-8 8 -5.5 13t12.5 5zM18 882l264 -264q8 -8 8 -18t-8 -18l-264 -264q-8 -8 -13 -5.5t-5 12.5v550q0 10 5 12.5t13 -5.5zM918 618l264 264q8 8 13 5.5t5 -12.5v-550q0 -10 -5 -12.5t-13 5.5 l-264 264q-8 8 -8 18t8 18zM818 482l364 -364q8 -8 5.5 -13t-12.5 -5h-1150q-10 0 -12.5 5t5.5 13l364 364q8 8 18 8t18 -8l164 -164q8 -8 18 -8t18 8l164 164q8 8 18 8t18 -8z" />
|
||||
<glyph unicode="✏" d="M1011 1210q19 0 33 -13l153 -153q13 -14 13 -33t-13 -33l-99 -92l-214 214l95 96q13 14 32 14zM1013 800l-615 -614l-214 214l614 614zM317 96l-333 -112l110 335z" />
|
||||
<glyph unicode="" d="M700 650v-550h250q21 0 35.5 -14.5t14.5 -35.5v-50h-800v50q0 21 14.5 35.5t35.5 14.5h250v550l-500 550h1200z" />
|
||||
<glyph unicode="" d="M368 1017l645 163q39 15 63 0t24 -49v-831q0 -55 -41.5 -95.5t-111.5 -63.5q-79 -25 -147 -4.5t-86 75t25.5 111.5t122.5 82q72 24 138 8v521l-600 -155v-606q0 -42 -44 -90t-109 -69q-79 -26 -147 -5.5t-86 75.5t25.5 111.5t122.5 82.5q72 24 138 7v639q0 38 14.5 59 t53.5 34z" />
|
||||
<glyph unicode="" d="M500 1191q100 0 191 -39t156.5 -104.5t104.5 -156.5t39 -191l-1 -2l1 -5q0 -141 -78 -262l275 -274q23 -26 22.5 -44.5t-22.5 -42.5l-59 -58q-26 -20 -46.5 -20t-39.5 20l-275 274q-119 -77 -261 -77l-5 1l-2 -1q-100 0 -191 39t-156.5 104.5t-104.5 156.5t-39 191 t39 191t104.5 156.5t156.5 104.5t191 39zM500 1022q-88 0 -162 -43t-117 -117t-43 -162t43 -162t117 -117t162 -43t162 43t117 117t43 162t-43 162t-117 117t-162 43z" />
|
||||
<glyph unicode="" d="M649 949q48 68 109.5 104t121.5 38.5t118.5 -20t102.5 -64t71 -100.5t27 -123q0 -57 -33.5 -117.5t-94 -124.5t-126.5 -127.5t-150 -152.5t-146 -174q-62 85 -145.5 174t-150 152.5t-126.5 127.5t-93.5 124.5t-33.5 117.5q0 64 28 123t73 100.5t104 64t119 20 t120.5 -38.5t104.5 -104z" />
|
||||
<glyph unicode="" d="M407 800l131 353q7 19 17.5 19t17.5 -19l129 -353h421q21 0 24 -8.5t-14 -20.5l-342 -249l130 -401q7 -20 -0.5 -25.5t-24.5 6.5l-343 246l-342 -247q-17 -12 -24.5 -6.5t-0.5 25.5l130 400l-347 251q-17 12 -14 20.5t23 8.5h429z" />
|
||||
<glyph unicode="" d="M407 800l131 353q7 19 17.5 19t17.5 -19l129 -353h421q21 0 24 -8.5t-14 -20.5l-342 -249l130 -401q7 -20 -0.5 -25.5t-24.5 6.5l-343 246l-342 -247q-17 -12 -24.5 -6.5t-0.5 25.5l130 400l-347 251q-17 12 -14 20.5t23 8.5h429zM477 700h-240l197 -142l-74 -226 l193 139l195 -140l-74 229l192 140h-234l-78 211z" />
|
||||
<glyph unicode="" d="M600 1200q124 0 212 -88t88 -212v-250q0 -46 -31 -98t-69 -52v-75q0 -10 6 -21.5t15 -17.5l358 -230q9 -5 15 -16.5t6 -21.5v-93q0 -10 -7.5 -17.5t-17.5 -7.5h-1150q-10 0 -17.5 7.5t-7.5 17.5v93q0 10 6 21.5t15 16.5l358 230q9 6 15 17.5t6 21.5v75q-38 0 -69 52 t-31 98v250q0 124 88 212t212 88z" />
|
||||
<glyph unicode="" d="M25 1100h1150q10 0 17.5 -7.5t7.5 -17.5v-1050q0 -10 -7.5 -17.5t-17.5 -7.5h-1150q-10 0 -17.5 7.5t-7.5 17.5v1050q0 10 7.5 17.5t17.5 7.5zM100 1000v-100h100v100h-100zM875 1000h-550q-10 0 -17.5 -7.5t-7.5 -17.5v-350q0 -10 7.5 -17.5t17.5 -7.5h550 q10 0 17.5 7.5t7.5 17.5v350q0 10 -7.5 17.5t-17.5 7.5zM1000 1000v-100h100v100h-100zM100 800v-100h100v100h-100zM1000 800v-100h100v100h-100zM100 600v-100h100v100h-100zM1000 600v-100h100v100h-100zM875 500h-550q-10 0 -17.5 -7.5t-7.5 -17.5v-350q0 -10 7.5 -17.5 t17.5 -7.5h550q10 0 17.5 7.5t7.5 17.5v350q0 10 -7.5 17.5t-17.5 7.5zM100 400v-100h100v100h-100zM1000 400v-100h100v100h-100zM100 200v-100h100v100h-100zM1000 200v-100h100v100h-100z" />
|
||||
<glyph unicode="" d="M50 1100h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM650 1100h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400 q0 21 14.5 35.5t35.5 14.5zM50 500h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM650 500h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400 q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M50 1100h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 1100h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200 q0 21 14.5 35.5t35.5 14.5zM850 1100h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM50 700h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200 q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 700h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM850 700h200q21 0 35.5 -14.5t14.5 -35.5v-200 q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM50 300h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 300h200 q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM850 300h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5 t35.5 14.5z" />
|
||||
<glyph unicode="" d="M50 1100h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 1100h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5v200 q0 21 14.5 35.5t35.5 14.5zM50 700h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 700h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700 q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM50 300h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 300h700q21 0 35.5 -14.5t14.5 -35.5v-200 q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M465 477l571 571q8 8 18 8t17 -8l177 -177q8 -7 8 -17t-8 -18l-783 -784q-7 -8 -17.5 -8t-17.5 8l-384 384q-8 8 -8 18t8 17l177 177q7 8 17 8t18 -8l171 -171q7 -7 18 -7t18 7z" />
|
||||
<glyph unicode="" d="M904 1083l178 -179q8 -8 8 -18.5t-8 -17.5l-267 -268l267 -268q8 -7 8 -17.5t-8 -18.5l-178 -178q-8 -8 -18.5 -8t-17.5 8l-268 267l-268 -267q-7 -8 -17.5 -8t-18.5 8l-178 178q-8 8 -8 18.5t8 17.5l267 268l-267 268q-8 7 -8 17.5t8 18.5l178 178q8 8 18.5 8t17.5 -8 l268 -267l268 268q7 7 17.5 7t18.5 -7z" />
|
||||
<glyph unicode="" d="M507 1177q98 0 187.5 -38.5t154.5 -103.5t103.5 -154.5t38.5 -187.5q0 -141 -78 -262l300 -299q8 -8 8 -18.5t-8 -18.5l-109 -108q-7 -8 -17.5 -8t-18.5 8l-300 299q-119 -77 -261 -77q-98 0 -188 38.5t-154.5 103t-103 154.5t-38.5 188t38.5 187.5t103 154.5 t154.5 103.5t188 38.5zM506.5 1023q-89.5 0 -165.5 -44t-120 -120.5t-44 -166t44 -165.5t120 -120t165.5 -44t166 44t120.5 120t44 165.5t-44 166t-120.5 120.5t-166 44zM425 900h150q10 0 17.5 -7.5t7.5 -17.5v-75h75q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5 t-17.5 -7.5h-75v-75q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v75h-75q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5h75v75q0 10 7.5 17.5t17.5 7.5z" />
|
||||
<glyph unicode="" d="M507 1177q98 0 187.5 -38.5t154.5 -103.5t103.5 -154.5t38.5 -187.5q0 -141 -78 -262l300 -299q8 -8 8 -18.5t-8 -18.5l-109 -108q-7 -8 -17.5 -8t-18.5 8l-300 299q-119 -77 -261 -77q-98 0 -188 38.5t-154.5 103t-103 154.5t-38.5 188t38.5 187.5t103 154.5 t154.5 103.5t188 38.5zM506.5 1023q-89.5 0 -165.5 -44t-120 -120.5t-44 -166t44 -165.5t120 -120t165.5 -44t166 44t120.5 120t44 165.5t-44 166t-120.5 120.5t-166 44zM325 800h350q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-350q-10 0 -17.5 7.5 t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5z" />
|
||||
<glyph unicode="" d="M550 1200h100q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM800 975v166q167 -62 272 -209.5t105 -331.5q0 -117 -45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5 t-184.5 123t-123 184.5t-45.5 224q0 184 105 331.5t272 209.5v-166q-103 -55 -165 -155t-62 -220q0 -116 57 -214.5t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5q0 120 -62 220t-165 155z" />
|
||||
<glyph unicode="" d="M1025 1200h150q10 0 17.5 -7.5t7.5 -17.5v-1150q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v1150q0 10 7.5 17.5t17.5 7.5zM725 800h150q10 0 17.5 -7.5t7.5 -17.5v-750q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v750 q0 10 7.5 17.5t17.5 7.5zM425 500h150q10 0 17.5 -7.5t7.5 -17.5v-450q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v450q0 10 7.5 17.5t17.5 7.5zM125 300h150q10 0 17.5 -7.5t7.5 -17.5v-250q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5 v250q0 10 7.5 17.5t17.5 7.5z" />
|
||||
<glyph unicode="" d="M600 1174q33 0 74 -5l38 -152l5 -1q49 -14 94 -39l5 -2l134 80q61 -48 104 -105l-80 -134l3 -5q25 -44 39 -93l1 -6l152 -38q5 -43 5 -73q0 -34 -5 -74l-152 -38l-1 -6q-15 -49 -39 -93l-3 -5l80 -134q-48 -61 -104 -105l-134 81l-5 -3q-44 -25 -94 -39l-5 -2l-38 -151 q-43 -5 -74 -5q-33 0 -74 5l-38 151l-5 2q-49 14 -94 39l-5 3l-134 -81q-60 48 -104 105l80 134l-3 5q-25 45 -38 93l-2 6l-151 38q-6 42 -6 74q0 33 6 73l151 38l2 6q13 48 38 93l3 5l-80 134q47 61 105 105l133 -80l5 2q45 25 94 39l5 1l38 152q43 5 74 5zM600 815 q-89 0 -152 -63t-63 -151.5t63 -151.5t152 -63t152 63t63 151.5t-63 151.5t-152 63z" />
|
||||
<glyph unicode="" d="M500 1300h300q41 0 70.5 -29.5t29.5 -70.5v-100h275q10 0 17.5 -7.5t7.5 -17.5v-75h-1100v75q0 10 7.5 17.5t17.5 7.5h275v100q0 41 29.5 70.5t70.5 29.5zM500 1200v-100h300v100h-300zM1100 900v-800q0 -41 -29.5 -70.5t-70.5 -29.5h-700q-41 0 -70.5 29.5t-29.5 70.5 v800h900zM300 800v-700h100v700h-100zM500 800v-700h100v700h-100zM700 800v-700h100v700h-100zM900 800v-700h100v700h-100z" />
|
||||
<glyph unicode="" d="M18 618l620 608q8 7 18.5 7t17.5 -7l608 -608q8 -8 5.5 -13t-12.5 -5h-175v-575q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v375h-300v-375q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v575h-175q-10 0 -12.5 5t5.5 13z" />
|
||||
<glyph unicode="" d="M600 1200v-400q0 -41 29.5 -70.5t70.5 -29.5h300v-650q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v1100q0 21 14.5 35.5t35.5 14.5h450zM1000 800h-250q-21 0 -35.5 14.5t-14.5 35.5v250z" />
|
||||
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM525 900h50q10 0 17.5 -7.5t7.5 -17.5v-275h175q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v350q0 10 7.5 17.5t17.5 7.5z" />
|
||||
<glyph unicode="" d="M1300 0h-538l-41 400h-242l-41 -400h-538l431 1200h209l-21 -300h162l-20 300h208zM515 800l-27 -300h224l-27 300h-170z" />
|
||||
<glyph unicode="" d="M550 1200h200q21 0 35.5 -14.5t14.5 -35.5v-450h191q20 0 25.5 -11.5t-7.5 -27.5l-327 -400q-13 -16 -32 -16t-32 16l-327 400q-13 16 -7.5 27.5t25.5 11.5h191v450q0 21 14.5 35.5t35.5 14.5zM1125 400h50q10 0 17.5 -7.5t7.5 -17.5v-350q0 -10 -7.5 -17.5t-17.5 -7.5 h-1050q-10 0 -17.5 7.5t-7.5 17.5v350q0 10 7.5 17.5t17.5 7.5h50q10 0 17.5 -7.5t7.5 -17.5v-175h900v175q0 10 7.5 17.5t17.5 7.5z" />
|
||||
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM525 900h150q10 0 17.5 -7.5t7.5 -17.5v-275h137q21 0 26 -11.5t-8 -27.5l-223 -275q-13 -16 -32 -16t-32 16l-223 275q-13 16 -8 27.5t26 11.5h137v275q0 10 7.5 17.5t17.5 7.5z " />
|
||||
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM632 914l223 -275q13 -16 8 -27.5t-26 -11.5h-137v-275q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v275h-137q-21 0 -26 11.5t8 27.5l223 275q13 16 32 16 t32 -16z" />
|
||||
<glyph unicode="" d="M225 1200h750q10 0 19.5 -7t12.5 -17l186 -652q7 -24 7 -49v-425q0 -12 -4 -27t-9 -17q-12 -6 -37 -6h-1100q-12 0 -27 4t-17 8q-6 13 -6 38l1 425q0 25 7 49l185 652q3 10 12.5 17t19.5 7zM878 1000h-556q-10 0 -19 -7t-11 -18l-87 -450q-2 -11 4 -18t16 -7h150 q10 0 19.5 -7t11.5 -17l38 -152q2 -10 11.5 -17t19.5 -7h250q10 0 19.5 7t11.5 17l38 152q2 10 11.5 17t19.5 7h150q10 0 16 7t4 18l-87 450q-2 11 -11 18t-19 7z" />
|
||||
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM540 820l253 -190q17 -12 17 -30t-17 -30l-253 -190q-16 -12 -28 -6.5t-12 26.5v400q0 21 12 26.5t28 -6.5z" />
|
||||
<glyph unicode="" d="M947 1060l135 135q7 7 12.5 5t5.5 -13v-362q0 -10 -7.5 -17.5t-17.5 -7.5h-362q-11 0 -13 5.5t5 12.5l133 133q-109 76 -238 76q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5h150q0 -117 -45.5 -224 t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5q192 0 347 -117z" />
|
||||
<glyph unicode="" d="M947 1060l135 135q7 7 12.5 5t5.5 -13v-361q0 -11 -7.5 -18.5t-18.5 -7.5h-361q-11 0 -13 5.5t5 12.5l134 134q-110 75 -239 75q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5h-150q0 117 45.5 224t123 184.5t184.5 123t224 45.5q192 0 347 -117zM1027 600h150 q0 -117 -45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5q-192 0 -348 118l-134 -134q-7 -8 -12.5 -5.5t-5.5 12.5v360q0 11 7.5 18.5t18.5 7.5h360q10 0 12.5 -5.5t-5.5 -12.5l-133 -133q110 -76 240 -76q116 0 214.5 57t155.5 155.5t57 214.5z" />
|
||||
<glyph unicode="" d="M125 1200h1050q10 0 17.5 -7.5t7.5 -17.5v-1150q0 -10 -7.5 -17.5t-17.5 -7.5h-1050q-10 0 -17.5 7.5t-7.5 17.5v1150q0 10 7.5 17.5t17.5 7.5zM1075 1000h-850q-10 0 -17.5 -7.5t-7.5 -17.5v-850q0 -10 7.5 -17.5t17.5 -7.5h850q10 0 17.5 7.5t7.5 17.5v850 q0 10 -7.5 17.5t-17.5 7.5zM325 900h50q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5zM525 900h450q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-450q-10 0 -17.5 7.5t-7.5 17.5v50 q0 10 7.5 17.5t17.5 7.5zM325 700h50q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5zM525 700h450q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-450q-10 0 -17.5 7.5t-7.5 17.5v50 q0 10 7.5 17.5t17.5 7.5zM325 500h50q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5zM525 500h450q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-450q-10 0 -17.5 7.5t-7.5 17.5v50 q0 10 7.5 17.5t17.5 7.5zM325 300h50q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5zM525 300h450q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-450q-10 0 -17.5 7.5t-7.5 17.5v50 q0 10 7.5 17.5t17.5 7.5z" />
|
||||
<glyph unicode="" d="M900 800v200q0 83 -58.5 141.5t-141.5 58.5h-300q-82 0 -141 -59t-59 -141v-200h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-600q0 -41 29.5 -70.5t70.5 -29.5h900q41 0 70.5 29.5t29.5 70.5v600q0 41 -29.5 70.5t-70.5 29.5h-100zM400 800v150q0 21 15 35.5t35 14.5h200 q20 0 35 -14.5t15 -35.5v-150h-300z" />
|
||||
<glyph unicode="" d="M125 1100h50q10 0 17.5 -7.5t7.5 -17.5v-1075h-100v1075q0 10 7.5 17.5t17.5 7.5zM1075 1052q4 0 9 -2q16 -6 16 -23v-421q0 -6 -3 -12q-33 -59 -66.5 -99t-65.5 -58t-56.5 -24.5t-52.5 -6.5q-26 0 -57.5 6.5t-52.5 13.5t-60 21q-41 15 -63 22.5t-57.5 15t-65.5 7.5 q-85 0 -160 -57q-7 -5 -15 -5q-6 0 -11 3q-14 7 -14 22v438q22 55 82 98.5t119 46.5q23 2 43 0.5t43 -7t32.5 -8.5t38 -13t32.5 -11q41 -14 63.5 -21t57 -14t63.5 -7q103 0 183 87q7 8 18 8z" />
|
||||
<glyph unicode="" d="M600 1175q116 0 227 -49.5t192.5 -131t131 -192.5t49.5 -227v-300q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v300q0 127 -70.5 231.5t-184.5 161.5t-245 57t-245 -57t-184.5 -161.5t-70.5 -231.5v-300q0 -10 -7.5 -17.5t-17.5 -7.5h-50 q-10 0 -17.5 7.5t-7.5 17.5v300q0 116 49.5 227t131 192.5t192.5 131t227 49.5zM220 500h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14v460q0 8 6 14t14 6zM820 500h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14v460 q0 8 6 14t14 6z" />
|
||||
<glyph unicode="" d="M321 814l258 172q9 6 15 2.5t6 -13.5v-750q0 -10 -6 -13.5t-15 2.5l-258 172q-21 14 -46 14h-250q-10 0 -17.5 7.5t-7.5 17.5v350q0 10 7.5 17.5t17.5 7.5h250q25 0 46 14zM900 668l120 120q7 7 17 7t17 -7l34 -34q7 -7 7 -17t-7 -17l-120 -120l120 -120q7 -7 7 -17 t-7 -17l-34 -34q-7 -7 -17 -7t-17 7l-120 119l-120 -119q-7 -7 -17 -7t-17 7l-34 34q-7 7 -7 17t7 17l119 120l-119 120q-7 7 -7 17t7 17l34 34q7 8 17 8t17 -8z" />
|
||||
<glyph unicode="" d="M321 814l258 172q9 6 15 2.5t6 -13.5v-750q0 -10 -6 -13.5t-15 2.5l-258 172q-21 14 -46 14h-250q-10 0 -17.5 7.5t-7.5 17.5v350q0 10 7.5 17.5t17.5 7.5h250q25 0 46 14zM766 900h4q10 -1 16 -10q96 -129 96 -290q0 -154 -90 -281q-6 -9 -17 -10l-3 -1q-9 0 -16 6 l-29 23q-7 7 -8.5 16.5t4.5 17.5q72 103 72 229q0 132 -78 238q-6 8 -4.5 18t9.5 17l29 22q7 5 15 5z" />
|
||||
<glyph unicode="" d="M967 1004h3q11 -1 17 -10q135 -179 135 -396q0 -105 -34 -206.5t-98 -185.5q-7 -9 -17 -10h-3q-9 0 -16 6l-42 34q-8 6 -9 16t5 18q111 150 111 328q0 90 -29.5 176t-84.5 157q-6 9 -5 19t10 16l42 33q7 5 15 5zM321 814l258 172q9 6 15 2.5t6 -13.5v-750q0 -10 -6 -13.5 t-15 2.5l-258 172q-21 14 -46 14h-250q-10 0 -17.5 7.5t-7.5 17.5v350q0 10 7.5 17.5t17.5 7.5h250q25 0 46 14zM766 900h4q10 -1 16 -10q96 -129 96 -290q0 -154 -90 -281q-6 -9 -17 -10l-3 -1q-9 0 -16 6l-29 23q-7 7 -8.5 16.5t4.5 17.5q72 103 72 229q0 132 -78 238 q-6 8 -4.5 18.5t9.5 16.5l29 22q7 5 15 5z" />
|
||||
<glyph unicode="" d="M500 900h100v-100h-100v-100h-400v-100h-100v600h500v-300zM1200 700h-200v-100h200v-200h-300v300h-200v300h-100v200h600v-500zM100 1100v-300h300v300h-300zM800 1100v-300h300v300h-300zM300 900h-100v100h100v-100zM1000 900h-100v100h100v-100zM300 500h200v-500 h-500v500h200v100h100v-100zM800 300h200v-100h-100v-100h-200v100h-100v100h100v200h-200v100h300v-300zM100 400v-300h300v300h-300zM300 200h-100v100h100v-100zM1200 200h-100v100h100v-100zM700 0h-100v100h100v-100zM1200 0h-300v100h300v-100z" />
|
||||
<glyph unicode="" d="M100 200h-100v1000h100v-1000zM300 200h-100v1000h100v-1000zM700 200h-200v1000h200v-1000zM900 200h-100v1000h100v-1000zM1200 200h-200v1000h200v-1000zM400 0h-300v100h300v-100zM600 0h-100v91h100v-91zM800 0h-100v91h100v-91zM1100 0h-200v91h200v-91z" />
|
||||
<glyph unicode="" d="M500 1200l682 -682q8 -8 8 -18t-8 -18l-464 -464q-8 -8 -18 -8t-18 8l-682 682l1 475q0 10 7.5 17.5t17.5 7.5h474zM319.5 1024.5q-29.5 29.5 -71 29.5t-71 -29.5t-29.5 -71.5t29.5 -71.5t71 -29.5t71 29.5t29.5 71.5t-29.5 71.5z" />
|
||||
<glyph unicode="" d="M500 1200l682 -682q8 -8 8 -18t-8 -18l-464 -464q-8 -8 -18 -8t-18 8l-682 682l1 475q0 10 7.5 17.5t17.5 7.5h474zM800 1200l682 -682q8 -8 8 -18t-8 -18l-464 -464q-8 -8 -18 -8t-18 8l-56 56l424 426l-700 700h150zM319.5 1024.5q-29.5 29.5 -71 29.5t-71 -29.5 t-29.5 -71.5t29.5 -71.5t71 -29.5t71 29.5t29.5 71.5t-29.5 71.5z" />
|
||||
<glyph unicode="" d="M300 1200h825q75 0 75 -75v-900q0 -25 -18 -43l-64 -64q-8 -8 -13 -5.5t-5 12.5v950q0 10 -7.5 17.5t-17.5 7.5h-700q-25 0 -43 -18l-64 -64q-8 -8 -5.5 -13t12.5 -5h700q10 0 17.5 -7.5t7.5 -17.5v-950q0 -10 -7.5 -17.5t-17.5 -7.5h-850q-10 0 -17.5 7.5t-7.5 17.5v975 q0 25 18 43l139 139q18 18 43 18z" />
|
||||
<glyph unicode="" d="M250 1200h800q21 0 35.5 -14.5t14.5 -35.5v-1150l-450 444l-450 -445v1151q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M822 1200h-444q-11 0 -19 -7.5t-9 -17.5l-78 -301q-7 -24 7 -45l57 -108q6 -9 17.5 -15t21.5 -6h450q10 0 21.5 6t17.5 15l62 108q14 21 7 45l-83 301q-1 10 -9 17.5t-19 7.5zM1175 800h-150q-10 0 -21 -6.5t-15 -15.5l-78 -156q-4 -9 -15 -15.5t-21 -6.5h-550 q-10 0 -21 6.5t-15 15.5l-78 156q-4 9 -15 15.5t-21 6.5h-150q-10 0 -17.5 -7.5t-7.5 -17.5v-650q0 -10 7.5 -17.5t17.5 -7.5h150q10 0 17.5 7.5t7.5 17.5v150q0 10 7.5 17.5t17.5 7.5h750q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 7.5 -17.5t17.5 -7.5h150q10 0 17.5 7.5 t7.5 17.5v650q0 10 -7.5 17.5t-17.5 7.5zM850 200h-500q-10 0 -19.5 -7t-11.5 -17l-38 -152q-2 -10 3.5 -17t15.5 -7h600q10 0 15.5 7t3.5 17l-38 152q-2 10 -11.5 17t-19.5 7z" />
|
||||
<glyph unicode="" d="M500 1100h200q56 0 102.5 -20.5t72.5 -50t44 -59t25 -50.5l6 -20h150q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5v600q0 41 29.5 70.5t70.5 29.5h150q2 8 6.5 21.5t24 48t45 61t72 48t102.5 21.5zM900 800v-100 h100v100h-100zM600 730q-95 0 -162.5 -67.5t-67.5 -162.5t67.5 -162.5t162.5 -67.5t162.5 67.5t67.5 162.5t-67.5 162.5t-162.5 67.5zM600 603q43 0 73 -30t30 -73t-30 -73t-73 -30t-73 30t-30 73t30 73t73 30z" />
|
||||
<glyph unicode="" d="M681 1199l385 -998q20 -50 60 -92q18 -19 36.5 -29.5t27.5 -11.5l10 -2v-66h-417v66q53 0 75 43.5t5 88.5l-82 222h-391q-58 -145 -92 -234q-11 -34 -6.5 -57t25.5 -37t46 -20t55 -6v-66h-365v66q56 24 84 52q12 12 25 30.5t20 31.5l7 13l399 1006h93zM416 521h340 l-162 457z" />
|
||||
<glyph unicode="" d="M753 641q5 -1 14.5 -4.5t36 -15.5t50.5 -26.5t53.5 -40t50.5 -54.5t35.5 -70t14.5 -87q0 -67 -27.5 -125.5t-71.5 -97.5t-98.5 -66.5t-108.5 -40.5t-102 -13h-500v89q41 7 70.5 32.5t29.5 65.5v827q0 24 -0.5 34t-3.5 24t-8.5 19.5t-17 13.5t-28 12.5t-42.5 11.5v71 l471 -1q57 0 115.5 -20.5t108 -57t80.5 -94t31 -124.5q0 -51 -15.5 -96.5t-38 -74.5t-45 -50.5t-38.5 -30.5zM400 700h139q78 0 130.5 48.5t52.5 122.5q0 41 -8.5 70.5t-29.5 55.5t-62.5 39.5t-103.5 13.5h-118v-350zM400 200h216q80 0 121 50.5t41 130.5q0 90 -62.5 154.5 t-156.5 64.5h-159v-400z" />
|
||||
<glyph unicode="" d="M877 1200l2 -57q-83 -19 -116 -45.5t-40 -66.5l-132 -839q-9 -49 13 -69t96 -26v-97h-500v97q186 16 200 98l173 832q3 17 3 30t-1.5 22.5t-9 17.5t-13.5 12.5t-21.5 10t-26 8.5t-33.5 10q-13 3 -19 5v57h425z" />
|
||||
<glyph unicode="" d="M1300 900h-50q0 21 -4 37t-9.5 26.5t-18 17.5t-22 11t-28.5 5.5t-31 2t-37 0.5h-200v-850q0 -22 25 -34.5t50 -13.5l25 -2v-100h-400v100q4 0 11 0.5t24 3t30 7t24 15t11 24.5v850h-200q-25 0 -37 -0.5t-31 -2t-28.5 -5.5t-22 -11t-18 -17.5t-9.5 -26.5t-4 -37h-50v300 h1000v-300zM175 1000h-75v-800h75l-125 -167l-125 167h75v800h-75l125 167z" />
|
||||
<glyph unicode="" d="M1100 900h-50q0 21 -4 37t-9.5 26.5t-18 17.5t-22 11t-28.5 5.5t-31 2t-37 0.5h-200v-650q0 -22 25 -34.5t50 -13.5l25 -2v-100h-400v100q4 0 11 0.5t24 3t30 7t24 15t11 24.5v650h-200q-25 0 -37 -0.5t-31 -2t-28.5 -5.5t-22 -11t-18 -17.5t-9.5 -26.5t-4 -37h-50v300 h1000v-300zM1167 50l-167 -125v75h-800v-75l-167 125l167 125v-75h800v75z" />
|
||||
<glyph unicode="" d="M50 1100h600q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-600q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 800h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM50 500h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 200h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M250 1100h700q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 800h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM250 500h700q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 200h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M500 950v100q0 21 14.5 35.5t35.5 14.5h600q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-600q-21 0 -35.5 14.5t-14.5 35.5zM100 650v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000 q-21 0 -35.5 14.5t-14.5 35.5zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5zM0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100 q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5z" />
|
||||
<glyph unicode="" d="M50 1100h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 800h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM50 500h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 200h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M50 1100h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM350 1100h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM50 800h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM350 800h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-800 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 500h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM350 500h800q21 0 35.5 -14.5t14.5 -35.5v-100 q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 200h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM350 200h800 q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M400 0h-100v1100h100v-1100zM550 1100h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM550 800h500q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-500 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM267 550l-167 -125v75h-200v100h200v75zM550 500h300q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-300q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM550 200h600 q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-600q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M50 1100h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM900 0h-100v1100h100v-1100zM50 800h500q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-500 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM1100 600h200v-100h-200v-75l-167 125l167 125v-75zM50 500h300q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-300q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 200h600 q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-600q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M75 1000h750q31 0 53 -22t22 -53v-650q0 -31 -22 -53t-53 -22h-750q-31 0 -53 22t-22 53v650q0 31 22 53t53 22zM1200 300l-300 300l300 300v-600z" />
|
||||
<glyph unicode="" d="M44 1100h1112q18 0 31 -13t13 -31v-1012q0 -18 -13 -31t-31 -13h-1112q-18 0 -31 13t-13 31v1012q0 18 13 31t31 13zM100 1000v-737l247 182l298 -131l-74 156l293 318l236 -288v500h-1000zM342 884q56 0 95 -39t39 -94.5t-39 -95t-95 -39.5t-95 39.5t-39 95t39 94.5 t95 39z" />
|
||||
<glyph unicode="" d="M648 1169q117 0 216 -60t156.5 -161t57.5 -218q0 -115 -70 -258q-69 -109 -158 -225.5t-143 -179.5l-54 -62q-9 8 -25.5 24.5t-63.5 67.5t-91 103t-98.5 128t-95.5 148q-60 132 -60 249q0 88 34 169.5t91.5 142t137 96.5t166.5 36zM652.5 974q-91.5 0 -156.5 -65 t-65 -157t65 -156.5t156.5 -64.5t156.5 64.5t65 156.5t-65 157t-156.5 65z" />
|
||||
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 173v854q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57z" />
|
||||
<glyph unicode="" d="M554 1295q21 -72 57.5 -143.5t76 -130t83 -118t82.5 -117t70 -116t49.5 -126t18.5 -136.5q0 -71 -25.5 -135t-68.5 -111t-99 -82t-118.5 -54t-125.5 -23q-84 5 -161.5 34t-139.5 78.5t-99 125t-37 164.5q0 69 18 136.5t49.5 126.5t69.5 116.5t81.5 117.5t83.5 119 t76.5 131t58.5 143zM344 710q-23 -33 -43.5 -70.5t-40.5 -102.5t-17 -123q1 -37 14.5 -69.5t30 -52t41 -37t38.5 -24.5t33 -15q21 -7 32 -1t13 22l6 34q2 10 -2.5 22t-13.5 19q-5 4 -14 12t-29.5 40.5t-32.5 73.5q-26 89 6 271q2 11 -6 11q-8 1 -15 -10z" />
|
||||
<glyph unicode="" d="M1000 1013l108 115q2 1 5 2t13 2t20.5 -1t25 -9.5t28.5 -21.5q22 -22 27 -43t0 -32l-6 -10l-108 -115zM350 1100h400q50 0 105 -13l-187 -187h-368q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v182l200 200v-332 q0 -165 -93.5 -257.5t-256.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5zM1009 803l-362 -362l-161 -50l55 170l355 355z" />
|
||||
<glyph unicode="" d="M350 1100h361q-164 -146 -216 -200h-195q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5l200 153v-103q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5z M824 1073l339 -301q8 -7 8 -17.5t-8 -17.5l-340 -306q-7 -6 -12.5 -4t-6.5 11v203q-26 1 -54.5 0t-78.5 -7.5t-92 -17.5t-86 -35t-70 -57q10 59 33 108t51.5 81.5t65 58.5t68.5 40.5t67 24.5t56 13.5t40 4.5v210q1 10 6.5 12.5t13.5 -4.5z" />
|
||||
<glyph unicode="" d="M350 1100h350q60 0 127 -23l-178 -177h-349q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v69l200 200v-219q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5z M643 639l395 395q7 7 17.5 7t17.5 -7l101 -101q7 -7 7 -17.5t-7 -17.5l-531 -532q-7 -7 -17.5 -7t-17.5 7l-248 248q-7 7 -7 17.5t7 17.5l101 101q7 7 17.5 7t17.5 -7l111 -111q8 -7 18 -7t18 7z" />
|
||||
<glyph unicode="" d="M318 918l264 264q8 8 18 8t18 -8l260 -264q7 -8 4.5 -13t-12.5 -5h-170v-200h200v173q0 10 5 12t13 -5l264 -260q8 -7 8 -17.5t-8 -17.5l-264 -265q-8 -7 -13 -5t-5 12v173h-200v-200h170q10 0 12.5 -5t-4.5 -13l-260 -264q-8 -8 -18 -8t-18 8l-264 264q-8 8 -5.5 13 t12.5 5h175v200h-200v-173q0 -10 -5 -12t-13 5l-264 265q-8 7 -8 17.5t8 17.5l264 260q8 7 13 5t5 -12v-173h200v200h-175q-10 0 -12.5 5t5.5 13z" />
|
||||
<glyph unicode="" d="M250 1100h100q21 0 35.5 -14.5t14.5 -35.5v-438l464 453q15 14 25.5 10t10.5 -25v-1000q0 -21 -10.5 -25t-25.5 10l-464 453v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v1000q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M50 1100h100q21 0 35.5 -14.5t14.5 -35.5v-438l464 453q15 14 25.5 10t10.5 -25v-438l464 453q15 14 25.5 10t10.5 -25v-1000q0 -21 -10.5 -25t-25.5 10l-464 453v-438q0 -21 -10.5 -25t-25.5 10l-464 453v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5 t-14.5 35.5v1000q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M1200 1050v-1000q0 -21 -10.5 -25t-25.5 10l-464 453v-438q0 -21 -10.5 -25t-25.5 10l-492 480q-15 14 -15 35t15 35l492 480q15 14 25.5 10t10.5 -25v-438l464 453q15 14 25.5 10t10.5 -25z" />
|
||||
<glyph unicode="" d="M243 1074l814 -498q18 -11 18 -26t-18 -26l-814 -498q-18 -11 -30.5 -4t-12.5 28v1000q0 21 12.5 28t30.5 -4z" />
|
||||
<glyph unicode="" d="M250 1000h200q21 0 35.5 -14.5t14.5 -35.5v-800q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v800q0 21 14.5 35.5t35.5 14.5zM650 1000h200q21 0 35.5 -14.5t14.5 -35.5v-800q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v800 q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M1100 950v-800q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v800q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5z" />
|
||||
<glyph unicode="" d="M500 612v438q0 21 10.5 25t25.5 -10l492 -480q15 -14 15 -35t-15 -35l-492 -480q-15 -14 -25.5 -10t-10.5 25v438l-464 -453q-15 -14 -25.5 -10t-10.5 25v1000q0 21 10.5 25t25.5 -10z" />
|
||||
<glyph unicode="" d="M1048 1102l100 1q20 0 35 -14.5t15 -35.5l5 -1000q0 -21 -14.5 -35.5t-35.5 -14.5l-100 -1q-21 0 -35.5 14.5t-14.5 35.5l-2 437l-463 -454q-14 -15 -24.5 -10.5t-10.5 25.5l-2 437l-462 -455q-15 -14 -25.5 -9.5t-10.5 24.5l-5 1000q0 21 10.5 25.5t25.5 -10.5l466 -450 l-2 438q0 20 10.5 24.5t25.5 -9.5l466 -451l-2 438q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M850 1100h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438l-464 -453q-15 -14 -25.5 -10t-10.5 25v1000q0 21 10.5 25t25.5 -10l464 -453v438q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M686 1081l501 -540q15 -15 10.5 -26t-26.5 -11h-1042q-22 0 -26.5 11t10.5 26l501 540q15 15 36 15t36 -15zM150 400h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M885 900l-352 -353l352 -353l-197 -198l-552 552l552 550z" />
|
||||
<glyph unicode="" d="M1064 547l-551 -551l-198 198l353 353l-353 353l198 198z" />
|
||||
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM650 900h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-150h-150 q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -21 14.5 -35.5t35.5 -14.5h150v-150q0 -21 14.5 -35.5t35.5 -14.5h100q21 0 35.5 14.5t14.5 35.5v150h150q21 0 35.5 14.5t14.5 35.5v100q0 21 -14.5 35.5t-35.5 14.5h-150v150q0 21 -14.5 35.5t-35.5 14.5z" />
|
||||
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM850 700h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -21 14.5 -35.5 t35.5 -14.5h500q21 0 35.5 14.5t14.5 35.5v100q0 21 -14.5 35.5t-35.5 14.5z" />
|
||||
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM741.5 913q-12.5 0 -21.5 -9l-120 -120l-120 120q-9 9 -21.5 9 t-21.5 -9l-141 -141q-9 -9 -9 -21.5t9 -21.5l120 -120l-120 -120q-9 -9 -9 -21.5t9 -21.5l141 -141q9 -9 21.5 -9t21.5 9l120 120l120 -120q9 -9 21.5 -9t21.5 9l141 141q9 9 9 21.5t-9 21.5l-120 120l120 120q9 9 9 21.5t-9 21.5l-141 141q-9 9 -21.5 9z" />
|
||||
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM546 623l-84 85q-7 7 -17.5 7t-18.5 -7l-139 -139q-7 -8 -7 -18t7 -18 l242 -241q7 -8 17.5 -8t17.5 8l375 375q7 7 7 17.5t-7 18.5l-139 139q-7 7 -17.5 7t-17.5 -7z" />
|
||||
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM588 941q-29 0 -59 -5.5t-63 -20.5t-58 -38.5t-41.5 -63t-16.5 -89.5 q0 -25 20 -25h131q30 -5 35 11q6 20 20.5 28t45.5 8q20 0 31.5 -10.5t11.5 -28.5q0 -23 -7 -34t-26 -18q-1 0 -13.5 -4t-19.5 -7.5t-20 -10.5t-22 -17t-18.5 -24t-15.5 -35t-8 -46q-1 -8 5.5 -16.5t20.5 -8.5h173q7 0 22 8t35 28t37.5 48t29.5 74t12 100q0 47 -17 83 t-42.5 57t-59.5 34.5t-64 18t-59 4.5zM675 400h-150q-10 0 -17.5 -7.5t-7.5 -17.5v-150q0 -10 7.5 -17.5t17.5 -7.5h150q10 0 17.5 7.5t7.5 17.5v150q0 10 -7.5 17.5t-17.5 7.5z" />
|
||||
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM675 1000h-150q-10 0 -17.5 -7.5t-7.5 -17.5v-150q0 -10 7.5 -17.5 t17.5 -7.5h150q10 0 17.5 7.5t7.5 17.5v150q0 10 -7.5 17.5t-17.5 7.5zM675 700h-250q-10 0 -17.5 -7.5t-7.5 -17.5v-50q0 -10 7.5 -17.5t17.5 -7.5h75v-200h-75q-10 0 -17.5 -7.5t-7.5 -17.5v-50q0 -10 7.5 -17.5t17.5 -7.5h350q10 0 17.5 7.5t7.5 17.5v50q0 10 -7.5 17.5 t-17.5 7.5h-75v275q0 10 -7.5 17.5t-17.5 7.5z" />
|
||||
<glyph unicode="" d="M525 1200h150q10 0 17.5 -7.5t7.5 -17.5v-194q103 -27 178.5 -102.5t102.5 -178.5h194q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-194q-27 -103 -102.5 -178.5t-178.5 -102.5v-194q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v194 q-103 27 -178.5 102.5t-102.5 178.5h-194q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5h194q27 103 102.5 178.5t178.5 102.5v194q0 10 7.5 17.5t17.5 7.5zM700 893v-168q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v168q-68 -23 -119 -74 t-74 -119h168q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-168q23 -68 74 -119t119 -74v168q0 10 7.5 17.5t17.5 7.5h150q10 0 17.5 -7.5t7.5 -17.5v-168q68 23 119 74t74 119h-168q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5h168 q-23 68 -74 119t-119 74z" />
|
||||
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM759 823l64 -64q7 -7 7 -17.5t-7 -17.5l-124 -124l124 -124q7 -7 7 -17.5t-7 -17.5l-64 -64q-7 -7 -17.5 -7t-17.5 7l-124 124l-124 -124q-7 -7 -17.5 -7t-17.5 7l-64 64 q-7 7 -7 17.5t7 17.5l124 124l-124 124q-7 7 -7 17.5t7 17.5l64 64q7 7 17.5 7t17.5 -7l124 -124l124 124q7 7 17.5 7t17.5 -7z" />
|
||||
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM782 788l106 -106q7 -7 7 -17.5t-7 -17.5l-320 -321q-8 -7 -18 -7t-18 7l-202 203q-8 7 -8 17.5t8 17.5l106 106q7 8 17.5 8t17.5 -8l79 -79l197 197q7 7 17.5 7t17.5 -7z" />
|
||||
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5q0 -120 65 -225 l587 587q-105 65 -225 65zM965 819l-584 -584q104 -62 219 -62q116 0 214.5 57t155.5 155.5t57 214.5q0 115 -62 219z" />
|
||||
<glyph unicode="" d="M39 582l522 427q16 13 27.5 8t11.5 -26v-291h550q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-550v-291q0 -21 -11.5 -26t-27.5 8l-522 427q-16 13 -16 32t16 32z" />
|
||||
<glyph unicode="" d="M639 1009l522 -427q16 -13 16 -32t-16 -32l-522 -427q-16 -13 -27.5 -8t-11.5 26v291h-550q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h550v291q0 21 11.5 26t27.5 -8z" />
|
||||
<glyph unicode="" d="M682 1161l427 -522q13 -16 8 -27.5t-26 -11.5h-291v-550q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v550h-291q-21 0 -26 11.5t8 27.5l427 522q13 16 32 16t32 -16z" />
|
||||
<glyph unicode="" d="M550 1200h200q21 0 35.5 -14.5t14.5 -35.5v-550h291q21 0 26 -11.5t-8 -27.5l-427 -522q-13 -16 -32 -16t-32 16l-427 522q-13 16 -8 27.5t26 11.5h291v550q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M639 1109l522 -427q16 -13 16 -32t-16 -32l-522 -427q-16 -13 -27.5 -8t-11.5 26v291q-94 -2 -182 -20t-170.5 -52t-147 -92.5t-100.5 -135.5q5 105 27 193.5t67.5 167t113 135t167 91.5t225.5 42v262q0 21 11.5 26t27.5 -8z" />
|
||||
<glyph unicode="" d="M850 1200h300q21 0 35.5 -14.5t14.5 -35.5v-300q0 -21 -10.5 -25t-24.5 10l-94 94l-249 -249q-8 -7 -18 -7t-18 7l-106 106q-7 8 -7 18t7 18l249 249l-94 94q-14 14 -10 24.5t25 10.5zM350 0h-300q-21 0 -35.5 14.5t-14.5 35.5v300q0 21 10.5 25t24.5 -10l94 -94l249 249 q8 7 18 7t18 -7l106 -106q7 -8 7 -18t-7 -18l-249 -249l94 -94q14 -14 10 -24.5t-25 -10.5z" />
|
||||
<glyph unicode="" d="M1014 1120l106 -106q7 -8 7 -18t-7 -18l-249 -249l94 -94q14 -14 10 -24.5t-25 -10.5h-300q-21 0 -35.5 14.5t-14.5 35.5v300q0 21 10.5 25t24.5 -10l94 -94l249 249q8 7 18 7t18 -7zM250 600h300q21 0 35.5 -14.5t14.5 -35.5v-300q0 -21 -10.5 -25t-24.5 10l-94 94 l-249 -249q-8 -7 -18 -7t-18 7l-106 106q-7 8 -7 18t7 18l249 249l-94 94q-14 14 -10 24.5t25 10.5z" />
|
||||
<glyph unicode="" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM704 900h-208q-20 0 -32 -14.5t-8 -34.5l58 -302q4 -20 21.5 -34.5 t37.5 -14.5h54q20 0 37.5 14.5t21.5 34.5l58 302q4 20 -8 34.5t-32 14.5zM675 400h-150q-10 0 -17.5 -7.5t-7.5 -17.5v-150q0 -10 7.5 -17.5t17.5 -7.5h150q10 0 17.5 7.5t7.5 17.5v150q0 10 -7.5 17.5t-17.5 7.5z" />
|
||||
<glyph unicode="" d="M260 1200q9 0 19 -2t15 -4l5 -2q22 -10 44 -23l196 -118q21 -13 36 -24q29 -21 37 -12q11 13 49 35l196 118q22 13 45 23q17 7 38 7q23 0 47 -16.5t37 -33.5l13 -16q14 -21 18 -45l25 -123l8 -44q1 -9 8.5 -14.5t17.5 -5.5h61q10 0 17.5 -7.5t7.5 -17.5v-50 q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 -7.5t-7.5 -17.5v-175h-400v300h-200v-300h-400v175q0 10 -7.5 17.5t-17.5 7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5h61q11 0 18 3t7 8q0 4 9 52l25 128q5 25 19 45q2 3 5 7t13.5 15t21.5 19.5t26.5 15.5 t29.5 7zM915 1079l-166 -162q-7 -7 -5 -12t12 -5h219q10 0 15 7t2 17l-51 149q-3 10 -11 12t-15 -6zM463 917l-177 157q-8 7 -16 5t-11 -12l-51 -143q-3 -10 2 -17t15 -7h231q11 0 12.5 5t-5.5 12zM500 0h-375q-10 0 -17.5 7.5t-7.5 17.5v375h400v-400zM1100 400v-375 q0 -10 -7.5 -17.5t-17.5 -7.5h-375v400h400z" />
|
||||
<glyph unicode="" d="M1165 1190q8 3 21 -6.5t13 -17.5q-2 -178 -24.5 -323.5t-55.5 -245.5t-87 -174.5t-102.5 -118.5t-118 -68.5t-118.5 -33t-120 -4.5t-105 9.5t-90 16.5q-61 12 -78 11q-4 1 -12.5 0t-34 -14.5t-52.5 -40.5l-153 -153q-26 -24 -37 -14.5t-11 43.5q0 64 42 102q8 8 50.5 45 t66.5 58q19 17 35 47t13 61q-9 55 -10 102.5t7 111t37 130t78 129.5q39 51 80 88t89.5 63.5t94.5 45t113.5 36t129 31t157.5 37t182 47.5zM1116 1098q-8 9 -22.5 -3t-45.5 -50q-38 -47 -119 -103.5t-142 -89.5l-62 -33q-56 -30 -102 -57t-104 -68t-102.5 -80.5t-85.5 -91 t-64 -104.5q-24 -56 -31 -86t2 -32t31.5 17.5t55.5 59.5q25 30 94 75.5t125.5 77.5t147.5 81q70 37 118.5 69t102 79.5t99 111t86.5 148.5q22 50 24 60t-6 19z" />
|
||||
<glyph unicode="" d="M653 1231q-39 -67 -54.5 -131t-10.5 -114.5t24.5 -96.5t47.5 -80t63.5 -62.5t68.5 -46.5t65 -30q-4 7 -17.5 35t-18.5 39.5t-17 39.5t-17 43t-13 42t-9.5 44.5t-2 42t4 43t13.5 39t23 38.5q96 -42 165 -107.5t105 -138t52 -156t13 -159t-19 -149.5q-13 -55 -44 -106.5 t-68 -87t-78.5 -64.5t-72.5 -45t-53 -22q-72 -22 -127 -11q-31 6 -13 19q6 3 17 7q13 5 32.5 21t41 44t38.5 63.5t21.5 81.5t-6.5 94.5t-50 107t-104 115.5q10 -104 -0.5 -189t-37 -140.5t-65 -93t-84 -52t-93.5 -11t-95 24.5q-80 36 -131.5 114t-53.5 171q-2 23 0 49.5 t4.5 52.5t13.5 56t27.5 60t46 64.5t69.5 68.5q-8 -53 -5 -102.5t17.5 -90t34 -68.5t44.5 -39t49 -2q31 13 38.5 36t-4.5 55t-29 64.5t-36 75t-26 75.5q-15 85 2 161.5t53.5 128.5t85.5 92.5t93.5 61t81.5 25.5z" />
|
||||
<glyph unicode="" d="M600 1094q82 0 160.5 -22.5t140 -59t116.5 -82.5t94.5 -95t68 -95t42.5 -82.5t14 -57.5t-14 -57.5t-43 -82.5t-68.5 -95t-94.5 -95t-116.5 -82.5t-140 -59t-159.5 -22.5t-159.5 22.5t-140 59t-116.5 82.5t-94.5 95t-68.5 95t-43 82.5t-14 57.5t14 57.5t42.5 82.5t68 95 t94.5 95t116.5 82.5t140 59t160.5 22.5zM888 829q-15 15 -18 12t5 -22q25 -57 25 -119q0 -124 -88 -212t-212 -88t-212 88t-88 212q0 59 23 114q8 19 4.5 22t-17.5 -12q-70 -69 -160 -184q-13 -16 -15 -40.5t9 -42.5q22 -36 47 -71t70 -82t92.5 -81t113 -58.5t133.5 -24.5 t133.5 24t113 58.5t92.5 81.5t70 81.5t47 70.5q11 18 9 42.5t-14 41.5q-90 117 -163 189zM448 727l-35 -36q-15 -15 -19.5 -38.5t4.5 -41.5q37 -68 93 -116q16 -13 38.5 -11t36.5 17l35 34q14 15 12.5 33.5t-16.5 33.5q-44 44 -89 117q-11 18 -28 20t-32 -12z" />
|
||||
<glyph unicode="" d="M592 0h-148l31 120q-91 20 -175.5 68.5t-143.5 106.5t-103.5 119t-66.5 110t-22 76q0 21 14 57.5t42.5 82.5t68 95t94.5 95t116.5 82.5t140 59t160.5 22.5q61 0 126 -15l32 121h148zM944 770l47 181q108 -85 176.5 -192t68.5 -159q0 -26 -19.5 -71t-59.5 -102t-93 -112 t-129 -104.5t-158 -75.5l46 173q77 49 136 117t97 131q11 18 9 42.5t-14 41.5q-54 70 -107 130zM310 824q-70 -69 -160 -184q-13 -16 -15 -40.5t9 -42.5q18 -30 39 -60t57 -70.5t74 -73t90 -61t105 -41.5l41 154q-107 18 -178.5 101.5t-71.5 193.5q0 59 23 114q8 19 4.5 22 t-17.5 -12zM448 727l-35 -36q-15 -15 -19.5 -38.5t4.5 -41.5q37 -68 93 -116q16 -13 38.5 -11t36.5 17l12 11l22 86l-3 4q-44 44 -89 117q-11 18 -28 20t-32 -12z" />
|
||||
<glyph unicode="" d="M-90 100l642 1066q20 31 48 28.5t48 -35.5l642 -1056q21 -32 7.5 -67.5t-50.5 -35.5h-1294q-37 0 -50.5 34t7.5 66zM155 200h345v75q0 10 7.5 17.5t17.5 7.5h150q10 0 17.5 -7.5t7.5 -17.5v-75h345l-445 723zM496 700h208q20 0 32 -14.5t8 -34.5l-58 -252 q-4 -20 -21.5 -34.5t-37.5 -14.5h-54q-20 0 -37.5 14.5t-21.5 34.5l-58 252q-4 20 8 34.5t32 14.5z" />
|
||||
<glyph unicode="" d="M650 1200q62 0 106 -44t44 -106v-339l363 -325q15 -14 26 -38.5t11 -44.5v-41q0 -20 -12 -26.5t-29 5.5l-359 249v-263q100 -93 100 -113v-64q0 -21 -13 -29t-32 1l-205 128l-205 -128q-19 -9 -32 -1t-13 29v64q0 20 100 113v263l-359 -249q-17 -12 -29 -5.5t-12 26.5v41 q0 20 11 44.5t26 38.5l363 325v339q0 62 44 106t106 44z" />
|
||||
<glyph unicode="" d="M850 1200h100q21 0 35.5 -14.5t14.5 -35.5v-50h50q21 0 35.5 -14.5t14.5 -35.5v-150h-1100v150q0 21 14.5 35.5t35.5 14.5h50v50q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-50h500v50q0 21 14.5 35.5t35.5 14.5zM1100 800v-750q0 -21 -14.5 -35.5 t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5v750h1100zM100 600v-100h100v100h-100zM300 600v-100h100v100h-100zM500 600v-100h100v100h-100zM700 600v-100h100v100h-100zM900 600v-100h100v100h-100zM100 400v-100h100v100h-100zM300 400v-100h100v100h-100zM500 400 v-100h100v100h-100zM700 400v-100h100v100h-100zM900 400v-100h100v100h-100zM100 200v-100h100v100h-100zM300 200v-100h100v100h-100zM500 200v-100h100v100h-100zM700 200v-100h100v100h-100zM900 200v-100h100v100h-100z" />
|
||||
<glyph unicode="" d="M1135 1165l249 -230q15 -14 15 -35t-15 -35l-249 -230q-14 -14 -24.5 -10t-10.5 25v150h-159l-600 -600h-291q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h209l600 600h241v150q0 21 10.5 25t24.5 -10zM522 819l-141 -141l-122 122h-209q-21 0 -35.5 14.5 t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h291zM1135 565l249 -230q15 -14 15 -35t-15 -35l-249 -230q-14 -14 -24.5 -10t-10.5 25v150h-241l-181 181l141 141l122 -122h159v150q0 21 10.5 25t24.5 -10z" />
|
||||
<glyph unicode="" d="M100 1100h1000q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-596l-304 -300v300h-100q-41 0 -70.5 29.5t-29.5 70.5v600q0 41 29.5 70.5t70.5 29.5z" />
|
||||
<glyph unicode="" d="M150 1200h200q21 0 35.5 -14.5t14.5 -35.5v-250h-300v250q0 21 14.5 35.5t35.5 14.5zM850 1200h200q21 0 35.5 -14.5t14.5 -35.5v-250h-300v250q0 21 14.5 35.5t35.5 14.5zM1100 800v-300q0 -41 -3 -77.5t-15 -89.5t-32 -96t-58 -89t-89 -77t-129 -51t-174 -20t-174 20 t-129 51t-89 77t-58 89t-32 96t-15 89.5t-3 77.5v300h300v-250v-27v-42.5t1.5 -41t5 -38t10 -35t16.5 -30t25.5 -24.5t35 -19t46.5 -12t60 -4t60 4.5t46.5 12.5t35 19.5t25 25.5t17 30.5t10 35t5 38t2 40.5t-0.5 42v25v250h300z" />
|
||||
<glyph unicode="" d="M1100 411l-198 -199l-353 353l-353 -353l-197 199l551 551z" />
|
||||
<glyph unicode="" d="M1101 789l-550 -551l-551 551l198 199l353 -353l353 353z" />
|
||||
<glyph unicode="" d="M404 1000h746q21 0 35.5 -14.5t14.5 -35.5v-551h150q21 0 25 -10.5t-10 -24.5l-230 -249q-14 -15 -35 -15t-35 15l-230 249q-14 14 -10 24.5t25 10.5h150v401h-381zM135 984l230 -249q14 -14 10 -24.5t-25 -10.5h-150v-400h385l215 -200h-750q-21 0 -35.5 14.5 t-14.5 35.5v550h-150q-21 0 -25 10.5t10 24.5l230 249q14 15 35 15t35 -15z" />
|
||||
<glyph unicode="" d="M56 1200h94q17 0 31 -11t18 -27l38 -162h896q24 0 39 -18.5t10 -42.5l-100 -475q-5 -21 -27 -42.5t-55 -21.5h-633l48 -200h535q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-50v-50q0 -21 -14.5 -35.5t-35.5 -14.5t-35.5 14.5t-14.5 35.5v50h-300v-50 q0 -21 -14.5 -35.5t-35.5 -14.5t-35.5 14.5t-14.5 35.5v50h-31q-18 0 -32.5 10t-20.5 19l-5 10l-201 961h-54q-20 0 -35 14.5t-15 35.5t15 35.5t35 14.5z" />
|
||||
<glyph unicode="" d="M1200 1000v-100h-1200v100h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500zM0 800h1200v-800h-1200v800z" />
|
||||
<glyph unicode="" d="M200 800l-200 -400v600h200q0 41 29.5 70.5t70.5 29.5h300q42 0 71 -29.5t29 -70.5h500v-200h-1000zM1500 700l-300 -700h-1200l300 700h1200z" />
|
||||
<glyph unicode="" d="M635 1184l230 -249q14 -14 10 -24.5t-25 -10.5h-150v-601h150q21 0 25 -10.5t-10 -24.5l-230 -249q-14 -15 -35 -15t-35 15l-230 249q-14 14 -10 24.5t25 10.5h150v601h-150q-21 0 -25 10.5t10 24.5l230 249q14 15 35 15t35 -15z" />
|
||||
<glyph unicode="" d="M936 864l249 -229q14 -15 14 -35.5t-14 -35.5l-249 -229q-15 -15 -25.5 -10.5t-10.5 24.5v151h-600v-151q0 -20 -10.5 -24.5t-25.5 10.5l-249 229q-14 15 -14 35.5t14 35.5l249 229q15 15 25.5 10.5t10.5 -25.5v-149h600v149q0 21 10.5 25.5t25.5 -10.5z" />
|
||||
<glyph unicode="" d="M1169 400l-172 732q-5 23 -23 45.5t-38 22.5h-672q-20 0 -38 -20t-23 -41l-172 -739h1138zM1100 300h-1000q-41 0 -70.5 -29.5t-29.5 -70.5v-100q0 -41 29.5 -70.5t70.5 -29.5h1000q41 0 70.5 29.5t29.5 70.5v100q0 41 -29.5 70.5t-70.5 29.5zM800 100v100h100v-100h-100 zM1000 100v100h100v-100h-100z" />
|
||||
<glyph unicode="" d="M1150 1100q21 0 35.5 -14.5t14.5 -35.5v-850q0 -21 -14.5 -35.5t-35.5 -14.5t-35.5 14.5t-14.5 35.5v850q0 21 14.5 35.5t35.5 14.5zM1000 200l-675 200h-38l47 -276q3 -16 -5.5 -20t-29.5 -4h-7h-84q-20 0 -34.5 14t-18.5 35q-55 337 -55 351v250v6q0 16 1 23.5t6.5 14 t17.5 6.5h200l675 250v-850zM0 750v-250q-4 0 -11 0.5t-24 6t-30 15t-24 30t-11 48.5v50q0 26 10.5 46t25 30t29 16t25.5 7z" />
|
||||
<glyph unicode="" d="M553 1200h94q20 0 29 -10.5t3 -29.5l-18 -37q83 -19 144 -82.5t76 -140.5l63 -327l118 -173h17q19 0 33 -14.5t14 -35t-13 -40.5t-31 -27q-8 -4 -23 -9.5t-65 -19.5t-103 -25t-132.5 -20t-158.5 -9q-57 0 -115 5t-104 12t-88.5 15.5t-73.5 17.5t-54.5 16t-35.5 12l-11 4 q-18 8 -31 28t-13 40.5t14 35t33 14.5h17l118 173l63 327q15 77 76 140t144 83l-18 32q-6 19 3.5 32t28.5 13zM498 110q50 -6 102 -6q53 0 102 6q-12 -49 -39.5 -79.5t-62.5 -30.5t-63 30.5t-39 79.5z" />
|
||||
<glyph unicode="" d="M800 946l224 78l-78 -224l234 -45l-180 -155l180 -155l-234 -45l78 -224l-224 78l-45 -234l-155 180l-155 -180l-45 234l-224 -78l78 224l-234 45l180 155l-180 155l234 45l-78 224l224 -78l45 234l155 -180l155 180z" />
|
||||
<glyph unicode="" d="M650 1200h50q40 0 70 -40.5t30 -84.5v-150l-28 -125h328q40 0 70 -40.5t30 -84.5v-100q0 -45 -29 -74l-238 -344q-16 -24 -38 -40.5t-45 -16.5h-250q-7 0 -42 25t-66 50l-31 25h-61q-45 0 -72.5 18t-27.5 57v400q0 36 20 63l145 196l96 198q13 28 37.5 48t51.5 20z M650 1100l-100 -212l-150 -213v-375h100l136 -100h214l250 375v125h-450l50 225v175h-50zM50 800h100q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v500q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M600 1100h250q23 0 45 -16.5t38 -40.5l238 -344q29 -29 29 -74v-100q0 -44 -30 -84.5t-70 -40.5h-328q28 -118 28 -125v-150q0 -44 -30 -84.5t-70 -40.5h-50q-27 0 -51.5 20t-37.5 48l-96 198l-145 196q-20 27 -20 63v400q0 39 27.5 57t72.5 18h61q124 100 139 100z M50 1000h100q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v500q0 21 14.5 35.5t35.5 14.5zM636 1000l-136 -100h-100v-375l150 -213l100 -212h50v175l-50 225h450v125l-250 375h-214z" />
|
||||
<glyph unicode="" d="M356 873l363 230q31 16 53 -6l110 -112q13 -13 13.5 -32t-11.5 -34l-84 -121h302q84 0 138 -38t54 -110t-55 -111t-139 -39h-106l-131 -339q-6 -21 -19.5 -41t-28.5 -20h-342q-7 0 -90 81t-83 94v525q0 17 14 35.5t28 28.5zM400 792v-503l100 -89h293l131 339 q6 21 19.5 41t28.5 20h203q21 0 30.5 25t0.5 50t-31 25h-456h-7h-6h-5.5t-6 0.5t-5 1.5t-5 2t-4 2.5t-4 4t-2.5 4.5q-12 25 5 47l146 183l-86 83zM50 800h100q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v500 q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M475 1103l366 -230q2 -1 6 -3.5t14 -10.5t18 -16.5t14.5 -20t6.5 -22.5v-525q0 -13 -86 -94t-93 -81h-342q-15 0 -28.5 20t-19.5 41l-131 339h-106q-85 0 -139.5 39t-54.5 111t54 110t138 38h302l-85 121q-11 15 -10.5 34t13.5 32l110 112q22 22 53 6zM370 945l146 -183 q17 -22 5 -47q-2 -2 -3.5 -4.5t-4 -4t-4 -2.5t-5 -2t-5 -1.5t-6 -0.5h-6h-6.5h-6h-475v-100h221q15 0 29 -20t20 -41l130 -339h294l106 89v503l-342 236zM1050 800h100q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5 v500q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M550 1294q72 0 111 -55t39 -139v-106l339 -131q21 -6 41 -19.5t20 -28.5v-342q0 -7 -81 -90t-94 -83h-525q-17 0 -35.5 14t-28.5 28l-9 14l-230 363q-16 31 6 53l112 110q13 13 32 13.5t34 -11.5l121 -84v302q0 84 38 138t110 54zM600 972v203q0 21 -25 30.5t-50 0.5 t-25 -31v-456v-7v-6v-5.5t-0.5 -6t-1.5 -5t-2 -5t-2.5 -4t-4 -4t-4.5 -2.5q-25 -12 -47 5l-183 146l-83 -86l236 -339h503l89 100v293l-339 131q-21 6 -41 19.5t-20 28.5zM450 200h500q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-500 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M350 1100h500q21 0 35.5 14.5t14.5 35.5v100q0 21 -14.5 35.5t-35.5 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -21 14.5 -35.5t35.5 -14.5zM600 306v-106q0 -84 -39 -139t-111 -55t-110 54t-38 138v302l-121 -84q-15 -12 -34 -11.5t-32 13.5l-112 110 q-22 22 -6 53l230 363q1 2 3.5 6t10.5 13.5t16.5 17t20 13.5t22.5 6h525q13 0 94 -83t81 -90v-342q0 -15 -20 -28.5t-41 -19.5zM308 900l-236 -339l83 -86l183 146q22 17 47 5q2 -1 4.5 -2.5t4 -4t2.5 -4t2 -5t1.5 -5t0.5 -6v-5.5v-6v-7v-456q0 -22 25 -31t50 0.5t25 30.5 v203q0 15 20 28.5t41 19.5l339 131v293l-89 100h-503z" />
|
||||
<glyph unicode="" d="M600 1178q118 0 225 -45.5t184.5 -123t123 -184.5t45.5 -225t-45.5 -225t-123 -184.5t-184.5 -123t-225 -45.5t-225 45.5t-184.5 123t-123 184.5t-45.5 225t45.5 225t123 184.5t184.5 123t225 45.5zM914 632l-275 223q-16 13 -27.5 8t-11.5 -26v-137h-275 q-10 0 -17.5 -7.5t-7.5 -17.5v-150q0 -10 7.5 -17.5t17.5 -7.5h275v-137q0 -21 11.5 -26t27.5 8l275 223q16 13 16 32t-16 32z" />
|
||||
<glyph unicode="" d="M600 1178q118 0 225 -45.5t184.5 -123t123 -184.5t45.5 -225t-45.5 -225t-123 -184.5t-184.5 -123t-225 -45.5t-225 45.5t-184.5 123t-123 184.5t-45.5 225t45.5 225t123 184.5t184.5 123t225 45.5zM561 855l-275 -223q-16 -13 -16 -32t16 -32l275 -223q16 -13 27.5 -8 t11.5 26v137h275q10 0 17.5 7.5t7.5 17.5v150q0 10 -7.5 17.5t-17.5 7.5h-275v137q0 21 -11.5 26t-27.5 -8z" />
|
||||
<glyph unicode="" d="M600 1178q118 0 225 -45.5t184.5 -123t123 -184.5t45.5 -225t-45.5 -225t-123 -184.5t-184.5 -123t-225 -45.5t-225 45.5t-184.5 123t-123 184.5t-45.5 225t45.5 225t123 184.5t184.5 123t225 45.5zM855 639l-223 275q-13 16 -32 16t-32 -16l-223 -275q-13 -16 -8 -27.5 t26 -11.5h137v-275q0 -10 7.5 -17.5t17.5 -7.5h150q10 0 17.5 7.5t7.5 17.5v275h137q21 0 26 11.5t-8 27.5z" />
|
||||
<glyph unicode="" d="M600 1178q118 0 225 -45.5t184.5 -123t123 -184.5t45.5 -225t-45.5 -225t-123 -184.5t-184.5 -123t-225 -45.5t-225 45.5t-184.5 123t-123 184.5t-45.5 225t45.5 225t123 184.5t184.5 123t225 45.5zM675 900h-150q-10 0 -17.5 -7.5t-7.5 -17.5v-275h-137q-21 0 -26 -11.5 t8 -27.5l223 -275q13 -16 32 -16t32 16l223 275q13 16 8 27.5t-26 11.5h-137v275q0 10 -7.5 17.5t-17.5 7.5z" />
|
||||
<glyph unicode="" d="M600 1176q116 0 222.5 -46t184 -123.5t123.5 -184t46 -222.5t-46 -222.5t-123.5 -184t-184 -123.5t-222.5 -46t-222.5 46t-184 123.5t-123.5 184t-46 222.5t46 222.5t123.5 184t184 123.5t222.5 46zM627 1101q-15 -12 -36.5 -20.5t-35.5 -12t-43 -8t-39 -6.5 q-15 -3 -45.5 0t-45.5 -2q-20 -7 -51.5 -26.5t-34.5 -34.5q-3 -11 6.5 -22.5t8.5 -18.5q-3 -34 -27.5 -91t-29.5 -79q-9 -34 5 -93t8 -87q0 -9 17 -44.5t16 -59.5q12 0 23 -5t23.5 -15t19.5 -14q16 -8 33 -15t40.5 -15t34.5 -12q21 -9 52.5 -32t60 -38t57.5 -11 q7 -15 -3 -34t-22.5 -40t-9.5 -38q13 -21 23 -34.5t27.5 -27.5t36.5 -18q0 -7 -3.5 -16t-3.5 -14t5 -17q104 -2 221 112q30 29 46.5 47t34.5 49t21 63q-13 8 -37 8.5t-36 7.5q-15 7 -49.5 15t-51.5 19q-18 0 -41 -0.5t-43 -1.5t-42 -6.5t-38 -16.5q-51 -35 -66 -12 q-4 1 -3.5 25.5t0.5 25.5q-6 13 -26.5 17.5t-24.5 6.5q1 15 -0.5 30.5t-7 28t-18.5 11.5t-31 -21q-23 -25 -42 4q-19 28 -8 58q6 16 22 22q6 -1 26 -1.5t33.5 -4t19.5 -13.5q7 -12 18 -24t21.5 -20.5t20 -15t15.5 -10.5l5 -3q2 12 7.5 30.5t8 34.5t-0.5 32q-3 18 3.5 29 t18 22.5t15.5 24.5q6 14 10.5 35t8 31t15.5 22.5t34 22.5q-6 18 10 36q8 0 24 -1.5t24.5 -1.5t20 4.5t20.5 15.5q-10 23 -31 42.5t-37.5 29.5t-49 27t-43.5 23q0 1 2 8t3 11.5t1.5 10.5t-1 9.5t-4.5 4.5q31 -13 58.5 -14.5t38.5 2.5l12 5q5 28 -9.5 46t-36.5 24t-50 15 t-41 20q-18 -4 -37 0zM613 994q0 -17 8 -42t17 -45t9 -23q-8 1 -39.5 5.5t-52.5 10t-37 16.5q3 11 16 29.5t16 25.5q10 -10 19 -10t14 6t13.5 14.5t16.5 12.5z" />
|
||||
<glyph unicode="" d="M756 1157q164 92 306 -9l-259 -138l145 -232l251 126q6 -89 -34 -156.5t-117 -110.5q-60 -34 -127 -39.5t-126 16.5l-596 -596q-15 -16 -36.5 -16t-36.5 16l-111 110q-15 15 -15 36.5t15 37.5l600 599q-34 101 5.5 201.5t135.5 154.5z" />
|
||||
<glyph unicode="" horiz-adv-x="1220" d="M100 1196h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5v100q0 41 29.5 70.5t70.5 29.5zM1100 1096h-200v-100h200v100zM100 796h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000 q-41 0 -70.5 29.5t-29.5 70.5v100q0 41 29.5 70.5t70.5 29.5zM1100 696h-500v-100h500v100zM100 396h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5v100q0 41 29.5 70.5t70.5 29.5zM1100 296h-300v-100h300v100z " />
|
||||
<glyph unicode="" d="M150 1200h900q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM700 500v-300l-200 -200v500l-350 500h900z" />
|
||||
<glyph unicode="" d="M500 1200h200q41 0 70.5 -29.5t29.5 -70.5v-100h300q41 0 70.5 -29.5t29.5 -70.5v-400h-500v100h-200v-100h-500v400q0 41 29.5 70.5t70.5 29.5h300v100q0 41 29.5 70.5t70.5 29.5zM500 1100v-100h200v100h-200zM1200 400v-200q0 -41 -29.5 -70.5t-70.5 -29.5h-1000 q-41 0 -70.5 29.5t-29.5 70.5v200h1200z" />
|
||||
<glyph unicode="" d="M50 1200h300q21 0 25 -10.5t-10 -24.5l-94 -94l199 -199q7 -8 7 -18t-7 -18l-106 -106q-8 -7 -18 -7t-18 7l-199 199l-94 -94q-14 -14 -24.5 -10t-10.5 25v300q0 21 14.5 35.5t35.5 14.5zM850 1200h300q21 0 35.5 -14.5t14.5 -35.5v-300q0 -21 -10.5 -25t-24.5 10l-94 94 l-199 -199q-8 -7 -18 -7t-18 7l-106 106q-7 8 -7 18t7 18l199 199l-94 94q-14 14 -10 24.5t25 10.5zM364 470l106 -106q7 -8 7 -18t-7 -18l-199 -199l94 -94q14 -14 10 -24.5t-25 -10.5h-300q-21 0 -35.5 14.5t-14.5 35.5v300q0 21 10.5 25t24.5 -10l94 -94l199 199 q8 7 18 7t18 -7zM1071 271l94 94q14 14 24.5 10t10.5 -25v-300q0 -21 -14.5 -35.5t-35.5 -14.5h-300q-21 0 -25 10.5t10 24.5l94 94l-199 199q-7 8 -7 18t7 18l106 106q8 7 18 7t18 -7z" />
|
||||
<glyph unicode="" d="M596 1192q121 0 231.5 -47.5t190 -127t127 -190t47.5 -231.5t-47.5 -231.5t-127 -190.5t-190 -127t-231.5 -47t-231.5 47t-190.5 127t-127 190.5t-47 231.5t47 231.5t127 190t190.5 127t231.5 47.5zM596 1010q-112 0 -207.5 -55.5t-151 -151t-55.5 -207.5t55.5 -207.5 t151 -151t207.5 -55.5t207.5 55.5t151 151t55.5 207.5t-55.5 207.5t-151 151t-207.5 55.5zM454.5 905q22.5 0 38.5 -16t16 -38.5t-16 -39t-38.5 -16.5t-38.5 16.5t-16 39t16 38.5t38.5 16zM754.5 905q22.5 0 38.5 -16t16 -38.5t-16 -39t-38 -16.5q-14 0 -29 10l-55 -145 q17 -23 17 -51q0 -36 -25.5 -61.5t-61.5 -25.5t-61.5 25.5t-25.5 61.5q0 32 20.5 56.5t51.5 29.5l122 126l1 1q-9 14 -9 28q0 23 16 39t38.5 16zM345.5 709q22.5 0 38.5 -16t16 -38.5t-16 -38.5t-38.5 -16t-38.5 16t-16 38.5t16 38.5t38.5 16zM854.5 709q22.5 0 38.5 -16 t16 -38.5t-16 -38.5t-38.5 -16t-38.5 16t-16 38.5t16 38.5t38.5 16z" />
|
||||
<glyph unicode="" d="M546 173l469 470q91 91 99 192q7 98 -52 175.5t-154 94.5q-22 4 -47 4q-34 0 -66.5 -10t-56.5 -23t-55.5 -38t-48 -41.5t-48.5 -47.5q-376 -375 -391 -390q-30 -27 -45 -41.5t-37.5 -41t-32 -46.5t-16 -47.5t-1.5 -56.5q9 -62 53.5 -95t99.5 -33q74 0 125 51l548 548 q36 36 20 75q-7 16 -21.5 26t-32.5 10q-26 0 -50 -23q-13 -12 -39 -38l-341 -338q-15 -15 -35.5 -15.5t-34.5 13.5t-14 34.5t14 34.5q327 333 361 367q35 35 67.5 51.5t78.5 16.5q14 0 29 -1q44 -8 74.5 -35.5t43.5 -68.5q14 -47 2 -96.5t-47 -84.5q-12 -11 -32 -32 t-79.5 -81t-114.5 -115t-124.5 -123.5t-123 -119.5t-96.5 -89t-57 -45q-56 -27 -120 -27q-70 0 -129 32t-93 89q-48 78 -35 173t81 163l511 511q71 72 111 96q91 55 198 55q80 0 152 -33q78 -36 129.5 -103t66.5 -154q17 -93 -11 -183.5t-94 -156.5l-482 -476 q-15 -15 -36 -16t-37 14t-17.5 34t14.5 35z" />
|
||||
<glyph unicode="" d="M649 949q48 68 109.5 104t121.5 38.5t118.5 -20t102.5 -64t71 -100.5t27 -123q0 -57 -33.5 -117.5t-94 -124.5t-126.5 -127.5t-150 -152.5t-146 -174q-62 85 -145.5 174t-150 152.5t-126.5 127.5t-93.5 124.5t-33.5 117.5q0 64 28 123t73 100.5t104 64t119 20 t120.5 -38.5t104.5 -104zM896 972q-33 0 -64.5 -19t-56.5 -46t-47.5 -53.5t-43.5 -45.5t-37.5 -19t-36 19t-40 45.5t-43 53.5t-54 46t-65.5 19q-67 0 -122.5 -55.5t-55.5 -132.5q0 -23 13.5 -51t46 -65t57.5 -63t76 -75l22 -22q15 -14 44 -44t50.5 -51t46 -44t41 -35t23 -12 t23.5 12t42.5 36t46 44t52.5 52t44 43q4 4 12 13q43 41 63.5 62t52 55t46 55t26 46t11.5 44q0 79 -53 133.5t-120 54.5z" />
|
||||
<glyph unicode="" d="M776.5 1214q93.5 0 159.5 -66l141 -141q66 -66 66 -160q0 -42 -28 -95.5t-62 -87.5l-29 -29q-31 53 -77 99l-18 18l95 95l-247 248l-389 -389l212 -212l-105 -106l-19 18l-141 141q-66 66 -66 159t66 159l283 283q65 66 158.5 66zM600 706l105 105q10 -8 19 -17l141 -141 q66 -66 66 -159t-66 -159l-283 -283q-66 -66 -159 -66t-159 66l-141 141q-66 66 -66 159.5t66 159.5l55 55q29 -55 75 -102l18 -17l-95 -95l247 -248l389 389z" />
|
||||
<glyph unicode="" d="M603 1200q85 0 162 -15t127 -38t79 -48t29 -46v-953q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-41 0 -70.5 29.5t-29.5 70.5v953q0 21 30 46.5t81 48t129 37.5t163 15zM300 1000v-700h600v700h-600zM600 254q-43 0 -73.5 -30.5t-30.5 -73.5t30.5 -73.5t73.5 -30.5t73.5 30.5 t30.5 73.5t-30.5 73.5t-73.5 30.5z" />
|
||||
<glyph unicode="" d="M902 1185l283 -282q15 -15 15 -36t-14.5 -35.5t-35.5 -14.5t-35 15l-36 35l-279 -267v-300l-212 210l-308 -307l-280 -203l203 280l307 308l-210 212h300l267 279l-35 36q-15 14 -15 35t14.5 35.5t35.5 14.5t35 -15z" />
|
||||
<glyph unicode="" d="M700 1248v-78q38 -5 72.5 -14.5t75.5 -31.5t71 -53.5t52 -84t24 -118.5h-159q-4 36 -10.5 59t-21 45t-40 35.5t-64.5 20.5v-307l64 -13q34 -7 64 -16.5t70 -32t67.5 -52.5t47.5 -80t20 -112q0 -139 -89 -224t-244 -97v-77h-100v79q-150 16 -237 103q-40 40 -52.5 93.5 t-15.5 139.5h139q5 -77 48.5 -126t117.5 -65v335l-27 8q-46 14 -79 26.5t-72 36t-63 52t-40 72.5t-16 98q0 70 25 126t67.5 92t94.5 57t110 27v77h100zM600 754v274q-29 -4 -50 -11t-42 -21.5t-31.5 -41.5t-10.5 -65q0 -29 7 -50.5t16.5 -34t28.5 -22.5t31.5 -14t37.5 -10 q9 -3 13 -4zM700 547v-310q22 2 42.5 6.5t45 15.5t41.5 27t29 42t12 59.5t-12.5 59.5t-38 44.5t-53 31t-66.5 24.5z" />
|
||||
<glyph unicode="" d="M561 1197q84 0 160.5 -40t123.5 -109.5t47 -147.5h-153q0 40 -19.5 71.5t-49.5 48.5t-59.5 26t-55.5 9q-37 0 -79 -14.5t-62 -35.5q-41 -44 -41 -101q0 -26 13.5 -63t26.5 -61t37 -66q6 -9 9 -14h241v-100h-197q8 -50 -2.5 -115t-31.5 -95q-45 -62 -99 -112 q34 10 83 17.5t71 7.5q32 1 102 -16t104 -17q83 0 136 30l50 -147q-31 -19 -58 -30.5t-55 -15.5t-42 -4.5t-46 -0.5q-23 0 -76 17t-111 32.5t-96 11.5q-39 -3 -82 -16t-67 -25l-23 -11l-55 145q4 3 16 11t15.5 10.5t13 9t15.5 12t14.5 14t17.5 18.5q48 55 54 126.5 t-30 142.5h-221v100h166q-23 47 -44 104q-7 20 -12 41.5t-6 55.5t6 66.5t29.5 70.5t58.5 71q97 88 263 88z" />
|
||||
<glyph unicode="" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM935 1184l230 -249q14 -14 10 -24.5t-25 -10.5h-150v-900h-200v900h-150q-21 0 -25 10.5t10 24.5l230 249q14 15 35 15t35 -15z" />
|
||||
<glyph unicode="" d="M1000 700h-100v100h-100v-100h-100v500h300v-500zM400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM801 1100v-200h100v200h-100zM1000 350l-200 -250h200v-100h-300v150l200 250h-200v100h300v-150z " />
|
||||
<glyph unicode="" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM1000 1050l-200 -250h200v-100h-300v150l200 250h-200v100h300v-150zM1000 0h-100v100h-100v-100h-100v500h300v-500zM801 400v-200h100v200h-100z " />
|
||||
<glyph unicode="" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM1000 700h-100v400h-100v100h200v-500zM1100 0h-100v100h-200v400h300v-500zM901 400v-200h100v200h-100z" />
|
||||
<glyph unicode="" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM1100 700h-100v100h-200v400h300v-500zM901 1100v-200h100v200h-100zM1000 0h-100v400h-100v100h200v-500z" />
|
||||
<glyph unicode="" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM900 1000h-200v200h200v-200zM1000 700h-300v200h300v-200zM1100 400h-400v200h400v-200zM1200 100h-500v200h500v-200z" />
|
||||
<glyph unicode="" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM1200 1000h-500v200h500v-200zM1100 700h-400v200h400v-200zM1000 400h-300v200h300v-200zM900 100h-200v200h200v-200z" />
|
||||
<glyph unicode="" d="M350 1100h400q162 0 256 -93.5t94 -256.5v-400q0 -165 -93.5 -257.5t-256.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5 v500q0 41 -29.5 70.5t-70.5 29.5z" />
|
||||
<glyph unicode="" d="M350 1100h400q165 0 257.5 -92.5t92.5 -257.5v-400q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-163 0 -256.5 92.5t-93.5 257.5v400q0 163 94 256.5t256 93.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5 v500q0 41 -29.5 70.5t-70.5 29.5zM440 770l253 -190q17 -12 17 -30t-17 -30l-253 -190q-16 -12 -28 -6.5t-12 26.5v400q0 21 12 26.5t28 -6.5z" />
|
||||
<glyph unicode="" d="M350 1100h400q163 0 256.5 -94t93.5 -256v-400q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 163 92.5 256.5t257.5 93.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5 v500q0 41 -29.5 70.5t-70.5 29.5zM350 700h400q21 0 26.5 -12t-6.5 -28l-190 -253q-12 -17 -30 -17t-30 17l-190 253q-12 16 -6.5 28t26.5 12z" />
|
||||
<glyph unicode="" d="M350 1100h400q165 0 257.5 -92.5t92.5 -257.5v-400q0 -163 -92.5 -256.5t-257.5 -93.5h-400q-163 0 -256.5 94t-93.5 256v400q0 165 92.5 257.5t257.5 92.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5 v500q0 41 -29.5 70.5t-70.5 29.5zM580 693l190 -253q12 -16 6.5 -28t-26.5 -12h-400q-21 0 -26.5 12t6.5 28l190 253q12 17 30 17t30 -17z" />
|
||||
<glyph unicode="" d="M550 1100h400q165 0 257.5 -92.5t92.5 -257.5v-400q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h450q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5h-450q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM338 867l324 -284q16 -14 16 -33t-16 -33l-324 -284q-16 -14 -27 -9t-11 26v150h-250q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h250v150q0 21 11 26t27 -9z" />
|
||||
<glyph unicode="" d="M793 1182l9 -9q8 -10 5 -27q-3 -11 -79 -225.5t-78 -221.5l300 1q24 0 32.5 -17.5t-5.5 -35.5q-1 0 -133.5 -155t-267 -312.5t-138.5 -162.5q-12 -15 -26 -15h-9l-9 8q-9 11 -4 32q2 9 42 123.5t79 224.5l39 110h-302q-23 0 -31 19q-10 21 6 41q75 86 209.5 237.5 t228 257t98.5 111.5q9 16 25 16h9z" />
|
||||
<glyph unicode="" d="M350 1100h400q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-450q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h450q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400 q0 165 92.5 257.5t257.5 92.5zM938 867l324 -284q16 -14 16 -33t-16 -33l-324 -284q-16 -14 -27 -9t-11 26v150h-250q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h250v150q0 21 11 26t27 -9z" />
|
||||
<glyph unicode="" d="M750 1200h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -10.5 -25t-24.5 10l-109 109l-312 -312q-15 -15 -35.5 -15t-35.5 15l-141 141q-15 15 -15 35.5t15 35.5l312 312l-109 109q-14 14 -10 24.5t25 10.5zM456 900h-156q-41 0 -70.5 -29.5t-29.5 -70.5v-500 q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v148l200 200v-298q0 -165 -93.5 -257.5t-256.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5h300z" />
|
||||
<glyph unicode="" d="M600 1186q119 0 227.5 -46.5t187 -125t125 -187t46.5 -227.5t-46.5 -227.5t-125 -187t-187 -125t-227.5 -46.5t-227.5 46.5t-187 125t-125 187t-46.5 227.5t46.5 227.5t125 187t187 125t227.5 46.5zM600 1022q-115 0 -212 -56.5t-153.5 -153.5t-56.5 -212t56.5 -212 t153.5 -153.5t212 -56.5t212 56.5t153.5 153.5t56.5 212t-56.5 212t-153.5 153.5t-212 56.5zM600 794q80 0 137 -57t57 -137t-57 -137t-137 -57t-137 57t-57 137t57 137t137 57z" />
|
||||
<glyph unicode="" d="M450 1200h200q21 0 35.5 -14.5t14.5 -35.5v-350h245q20 0 25 -11t-9 -26l-383 -426q-14 -15 -33.5 -15t-32.5 15l-379 426q-13 15 -8.5 26t25.5 11h250v350q0 21 14.5 35.5t35.5 14.5zM50 300h1000q21 0 35.5 -14.5t14.5 -35.5v-250h-1100v250q0 21 14.5 35.5t35.5 14.5z M900 200v-50h100v50h-100z" />
|
||||
<glyph unicode="" d="M583 1182l378 -435q14 -15 9 -31t-26 -16h-244v-250q0 -20 -17 -35t-39 -15h-200q-20 0 -32 14.5t-12 35.5v250h-250q-20 0 -25.5 16.5t8.5 31.5l383 431q14 16 33.5 17t33.5 -14zM50 300h1000q21 0 35.5 -14.5t14.5 -35.5v-250h-1100v250q0 21 14.5 35.5t35.5 14.5z M900 200v-50h100v50h-100z" />
|
||||
<glyph unicode="" d="M396 723l369 369q7 7 17.5 7t17.5 -7l139 -139q7 -8 7 -18.5t-7 -17.5l-525 -525q-7 -8 -17.5 -8t-17.5 8l-292 291q-7 8 -7 18t7 18l139 139q8 7 18.5 7t17.5 -7zM50 300h1000q21 0 35.5 -14.5t14.5 -35.5v-250h-1100v250q0 21 14.5 35.5t35.5 14.5zM900 200v-50h100v50 h-100z" />
|
||||
<glyph unicode="" d="M135 1023l142 142q14 14 35 14t35 -14l77 -77l-212 -212l-77 76q-14 15 -14 36t14 35zM655 855l210 210q14 14 24.5 10t10.5 -25l-2 -599q-1 -20 -15.5 -35t-35.5 -15l-597 -1q-21 0 -25 10.5t10 24.5l208 208l-154 155l212 212zM50 300h1000q21 0 35.5 -14.5t14.5 -35.5 v-250h-1100v250q0 21 14.5 35.5t35.5 14.5zM900 200v-50h100v50h-100z" />
|
||||
<glyph unicode="" d="M350 1200l599 -2q20 -1 35 -15.5t15 -35.5l1 -597q0 -21 -10.5 -25t-24.5 10l-208 208l-155 -154l-212 212l155 154l-210 210q-14 14 -10 24.5t25 10.5zM524 512l-76 -77q-15 -14 -36 -14t-35 14l-142 142q-14 14 -14 35t14 35l77 77zM50 300h1000q21 0 35.5 -14.5 t14.5 -35.5v-250h-1100v250q0 21 14.5 35.5t35.5 14.5zM900 200v-50h100v50h-100z" />
|
||||
<glyph unicode="" d="M1200 103l-483 276l-314 -399v423h-399l1196 796v-1096zM483 424v-230l683 953z" />
|
||||
<glyph unicode="" d="M1100 1000v-850q0 -21 -14.5 -35.5t-35.5 -14.5h-150v400h-700v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200z" />
|
||||
<glyph unicode="" d="M1100 1000l-2 -149l-299 -299l-95 95q-9 9 -21.5 9t-21.5 -9l-149 -147h-312v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200zM1132 638l106 -106q7 -7 7 -17.5t-7 -17.5l-420 -421q-8 -7 -18 -7 t-18 7l-202 203q-8 7 -8 17.5t8 17.5l106 106q7 8 17.5 8t17.5 -8l79 -79l297 297q7 7 17.5 7t17.5 -7z" />
|
||||
<glyph unicode="" d="M1100 1000v-269l-103 -103l-134 134q-15 15 -33.5 16.5t-34.5 -12.5l-266 -266h-329v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200zM1202 572l70 -70q15 -15 15 -35.5t-15 -35.5l-131 -131 l131 -131q15 -15 15 -35.5t-15 -35.5l-70 -70q-15 -15 -35.5 -15t-35.5 15l-131 131l-131 -131q-15 -15 -35.5 -15t-35.5 15l-70 70q-15 15 -15 35.5t15 35.5l131 131l-131 131q-15 15 -15 35.5t15 35.5l70 70q15 15 35.5 15t35.5 -15l131 -131l131 131q15 15 35.5 15 t35.5 -15z" />
|
||||
<glyph unicode="" d="M1100 1000v-300h-350q-21 0 -35.5 -14.5t-14.5 -35.5v-150h-500v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200zM850 600h100q21 0 35.5 -14.5t14.5 -35.5v-250h150q21 0 25 -10.5t-10 -24.5 l-230 -230q-14 -14 -35 -14t-35 14l-230 230q-14 14 -10 24.5t25 10.5h150v250q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M1100 1000v-400l-165 165q-14 15 -35 15t-35 -15l-263 -265h-402v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200zM935 565l230 -229q14 -15 10 -25.5t-25 -10.5h-150v-250q0 -20 -14.5 -35 t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35v250h-150q-21 0 -25 10.5t10 25.5l230 229q14 15 35 15t35 -15z" />
|
||||
<glyph unicode="" d="M50 1100h1100q21 0 35.5 -14.5t14.5 -35.5v-150h-1200v150q0 21 14.5 35.5t35.5 14.5zM1200 800v-550q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v550h1200zM100 500v-200h400v200h-400z" />
|
||||
<glyph unicode="" d="M935 1165l248 -230q14 -14 14 -35t-14 -35l-248 -230q-14 -14 -24.5 -10t-10.5 25v150h-400v200h400v150q0 21 10.5 25t24.5 -10zM200 800h-50q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h50v-200zM400 800h-100v200h100v-200zM18 435l247 230 q14 14 24.5 10t10.5 -25v-150h400v-200h-400v-150q0 -21 -10.5 -25t-24.5 10l-247 230q-15 14 -15 35t15 35zM900 300h-100v200h100v-200zM1000 500h51q20 0 34.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-34.5 -14.5h-51v200z" />
|
||||
<glyph unicode="" d="M862 1073l276 116q25 18 43.5 8t18.5 -41v-1106q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v397q-4 1 -11 5t-24 17.5t-30 29t-24 42t-11 56.5v359q0 31 18.5 65t43.5 52zM550 1200q22 0 34.5 -12.5t14.5 -24.5l1 -13v-450q0 -28 -10.5 -59.5 t-25 -56t-29 -45t-25.5 -31.5l-10 -11v-447q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v447q-4 4 -11 11.5t-24 30.5t-30 46t-24 55t-11 60v450q0 2 0.5 5.5t4 12t8.5 15t14.5 12t22.5 5.5q20 0 32.5 -12.5t14.5 -24.5l3 -13v-350h100v350v5.5t2.5 12 t7 15t15 12t25.5 5.5q23 0 35.5 -12.5t13.5 -24.5l1 -13v-350h100v350q0 2 0.5 5.5t3 12t7 15t15 12t24.5 5.5z" />
|
||||
<glyph unicode="" d="M1200 1100v-56q-4 0 -11 -0.5t-24 -3t-30 -7.5t-24 -15t-11 -24v-888q0 -22 25 -34.5t50 -13.5l25 -2v-56h-400v56q75 0 87.5 6.5t12.5 43.5v394h-500v-394q0 -37 12.5 -43.5t87.5 -6.5v-56h-400v56q4 0 11 0.5t24 3t30 7.5t24 15t11 24v888q0 22 -25 34.5t-50 13.5 l-25 2v56h400v-56q-75 0 -87.5 -6.5t-12.5 -43.5v-394h500v394q0 37 -12.5 43.5t-87.5 6.5v56h400z" />
|
||||
<glyph unicode="" d="M675 1000h375q21 0 35.5 -14.5t14.5 -35.5v-150h-105l-295 -98v98l-200 200h-400l100 100h375zM100 900h300q41 0 70.5 -29.5t29.5 -70.5v-500q0 -41 -29.5 -70.5t-70.5 -29.5h-300q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5zM100 800v-200h300v200 h-300zM1100 535l-400 -133v163l400 133v-163zM100 500v-200h300v200h-300zM1100 398v-248q0 -21 -14.5 -35.5t-35.5 -14.5h-375l-100 -100h-375l-100 100h400l200 200h105z" />
|
||||
<glyph unicode="" d="M17 1007l162 162q17 17 40 14t37 -22l139 -194q14 -20 11 -44.5t-20 -41.5l-119 -118q102 -142 228 -268t267 -227l119 118q17 17 42.5 19t44.5 -12l192 -136q19 -14 22.5 -37.5t-13.5 -40.5l-163 -162q-3 -1 -9.5 -1t-29.5 2t-47.5 6t-62.5 14.5t-77.5 26.5t-90 42.5 t-101.5 60t-111 83t-119 108.5q-74 74 -133.5 150.5t-94.5 138.5t-60 119.5t-34.5 100t-15 74.5t-4.5 48z" />
|
||||
<glyph unicode="" d="M600 1100q92 0 175 -10.5t141.5 -27t108.5 -36.5t81.5 -40t53.5 -37t31 -27l9 -10v-200q0 -21 -14.5 -33t-34.5 -9l-202 34q-20 3 -34.5 20t-14.5 38v146q-141 24 -300 24t-300 -24v-146q0 -21 -14.5 -38t-34.5 -20l-202 -34q-20 -3 -34.5 9t-14.5 33v200q3 4 9.5 10.5 t31 26t54 37.5t80.5 39.5t109 37.5t141 26.5t175 10.5zM600 795q56 0 97 -9.5t60 -23.5t30 -28t12 -24l1 -10v-50l365 -303q14 -15 24.5 -40t10.5 -45v-212q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v212q0 20 10.5 45t24.5 40l365 303v50 q0 4 1 10.5t12 23t30 29t60 22.5t97 10z" />
|
||||
<glyph unicode="" d="M1100 700l-200 -200h-600l-200 200v500h200v-200h200v200h200v-200h200v200h200v-500zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-12l137 -100h-950l137 100h-12q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5 t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M700 1100h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-1000h300v1000q0 41 -29.5 70.5t-70.5 29.5zM1100 800h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-700h300v700q0 41 -29.5 70.5t-70.5 29.5zM400 0h-300v400q0 41 29.5 70.5t70.5 29.5h100q41 0 70.5 -29.5t29.5 -70.5v-400z " />
|
||||
<glyph unicode="" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 700h-200v-100h200v-300h-300v100h200v100h-200v300h300v-100zM900 700v-300l-100 -100h-200v500h200z M700 700v-300h100v300h-100z" />
|
||||
<glyph unicode="" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 300h-100v200h-100v-200h-100v500h100v-200h100v200h100v-500zM900 700v-300l-100 -100h-200v500h200z M700 700v-300h100v300h-100z" />
|
||||
<glyph unicode="" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 700h-200v-300h200v-100h-300v500h300v-100zM900 700h-200v-300h200v-100h-300v500h300v-100z" />
|
||||
<glyph unicode="" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 400l-300 150l300 150v-300zM900 550l-300 -150v300z" />
|
||||
<glyph unicode="" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM900 300h-700v500h700v-500zM800 700h-130q-38 0 -66.5 -43t-28.5 -108t27 -107t68 -42h130v300zM300 700v-300 h130q41 0 68 42t27 107t-28.5 108t-66.5 43h-130z" />
|
||||
<glyph unicode="" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 700h-200v-100h200v-300h-300v100h200v100h-200v300h300v-100zM900 300h-100v400h-100v100h200v-500z M700 300h-100v100h100v-100z" />
|
||||
<glyph unicode="" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM300 700h200v-400h-300v500h100v-100zM900 300h-100v400h-100v100h200v-500zM300 600v-200h100v200h-100z M700 300h-100v100h100v-100z" />
|
||||
<glyph unicode="" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 500l-199 -200h-100v50l199 200v150h-200v100h300v-300zM900 300h-100v400h-100v100h200v-500zM701 300h-100 v100h100v-100z" />
|
||||
<glyph unicode="" d="M600 1191q120 0 229.5 -47t188.5 -126t126 -188.5t47 -229.5t-47 -229.5t-126 -188.5t-188.5 -126t-229.5 -47t-229.5 47t-188.5 126t-126 188.5t-47 229.5t47 229.5t126 188.5t188.5 126t229.5 47zM600 1021q-114 0 -211 -56.5t-153.5 -153.5t-56.5 -211t56.5 -211 t153.5 -153.5t211 -56.5t211 56.5t153.5 153.5t56.5 211t-56.5 211t-153.5 153.5t-211 56.5zM800 700h-300v-200h300v-100h-300l-100 100v200l100 100h300v-100z" />
|
||||
<glyph unicode="" d="M600 1191q120 0 229.5 -47t188.5 -126t126 -188.5t47 -229.5t-47 -229.5t-126 -188.5t-188.5 -126t-229.5 -47t-229.5 47t-188.5 126t-126 188.5t-47 229.5t47 229.5t126 188.5t188.5 126t229.5 47zM600 1021q-114 0 -211 -56.5t-153.5 -153.5t-56.5 -211t56.5 -211 t153.5 -153.5t211 -56.5t211 56.5t153.5 153.5t56.5 211t-56.5 211t-153.5 153.5t-211 56.5zM800 700v-100l-50 -50l100 -100v-50h-100l-100 100h-150v-100h-100v400h300zM500 700v-100h200v100h-200z" />
|
||||
<glyph unicode="" d="M503 1089q110 0 200.5 -59.5t134.5 -156.5q44 14 90 14q120 0 205 -86.5t85 -207t-85 -207t-205 -86.5h-128v250q0 21 -14.5 35.5t-35.5 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-250h-222q-80 0 -136 57.5t-56 136.5q0 69 43 122.5t108 67.5q-2 19 -2 37q0 100 49 185 t134 134t185 49zM525 500h150q10 0 17.5 -7.5t7.5 -17.5v-275h137q21 0 26 -11.5t-8 -27.5l-223 -244q-13 -16 -32 -16t-32 16l-223 244q-13 16 -8 27.5t26 11.5h137v275q0 10 7.5 17.5t17.5 7.5z" />
|
||||
<glyph unicode="" d="M502 1089q110 0 201 -59.5t135 -156.5q43 15 89 15q121 0 206 -86.5t86 -206.5q0 -99 -60 -181t-150 -110l-378 360q-13 16 -31.5 16t-31.5 -16l-381 -365h-9q-79 0 -135.5 57.5t-56.5 136.5q0 69 43 122.5t108 67.5q-2 19 -2 38q0 100 49 184.5t133.5 134t184.5 49.5z M632 467l223 -228q13 -16 8 -27.5t-26 -11.5h-137v-275q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v275h-137q-21 0 -26 11.5t8 27.5q199 204 223 228q19 19 31.5 19t32.5 -19z" />
|
||||
<glyph unicode="" d="M700 100v100h400l-270 300h170l-270 300h170l-300 333l-300 -333h170l-270 -300h170l-270 -300h400v-100h-50q-21 0 -35.5 -14.5t-14.5 -35.5v-50h400v50q0 21 -14.5 35.5t-35.5 14.5h-50z" />
|
||||
<glyph unicode="" d="M600 1179q94 0 167.5 -56.5t99.5 -145.5q89 -6 150.5 -71.5t61.5 -155.5q0 -61 -29.5 -112.5t-79.5 -82.5q9 -29 9 -55q0 -74 -52.5 -126.5t-126.5 -52.5q-55 0 -100 30v-251q21 0 35.5 -14.5t14.5 -35.5v-50h-300v50q0 21 14.5 35.5t35.5 14.5v251q-45 -30 -100 -30 q-74 0 -126.5 52.5t-52.5 126.5q0 18 4 38q-47 21 -75.5 65t-28.5 97q0 74 52.5 126.5t126.5 52.5q5 0 23 -2q0 2 -1 10t-1 13q0 116 81.5 197.5t197.5 81.5z" />
|
||||
<glyph unicode="" d="M1010 1010q111 -111 150.5 -260.5t0 -299t-150.5 -260.5q-83 -83 -191.5 -126.5t-218.5 -43.5t-218.5 43.5t-191.5 126.5q-111 111 -150.5 260.5t0 299t150.5 260.5q83 83 191.5 126.5t218.5 43.5t218.5 -43.5t191.5 -126.5zM476 1065q-4 0 -8 -1q-121 -34 -209.5 -122.5 t-122.5 -209.5q-4 -12 2.5 -23t18.5 -14l36 -9q3 -1 7 -1q23 0 29 22q27 96 98 166q70 71 166 98q11 3 17.5 13.5t3.5 22.5l-9 35q-3 13 -14 19q-7 4 -15 4zM512 920q-4 0 -9 -2q-80 -24 -138.5 -82.5t-82.5 -138.5q-4 -13 2 -24t19 -14l34 -9q4 -1 8 -1q22 0 28 21 q18 58 58.5 98.5t97.5 58.5q12 3 18 13.5t3 21.5l-9 35q-3 12 -14 19q-7 4 -15 4zM719.5 719.5q-49.5 49.5 -119.5 49.5t-119.5 -49.5t-49.5 -119.5t49.5 -119.5t119.5 -49.5t119.5 49.5t49.5 119.5t-49.5 119.5zM855 551q-22 0 -28 -21q-18 -58 -58.5 -98.5t-98.5 -57.5 q-11 -4 -17 -14.5t-3 -21.5l9 -35q3 -12 14 -19q7 -4 15 -4q4 0 9 2q80 24 138.5 82.5t82.5 138.5q4 13 -2.5 24t-18.5 14l-34 9q-4 1 -8 1zM1000 515q-23 0 -29 -22q-27 -96 -98 -166q-70 -71 -166 -98q-11 -3 -17.5 -13.5t-3.5 -22.5l9 -35q3 -13 14 -19q7 -4 15 -4 q4 0 8 1q121 34 209.5 122.5t122.5 209.5q4 12 -2.5 23t-18.5 14l-36 9q-3 1 -7 1z" />
|
||||
<glyph unicode="" d="M700 800h300v-380h-180v200h-340v-200h-380v755q0 10 7.5 17.5t17.5 7.5h575v-400zM1000 900h-200v200zM700 300h162l-212 -212l-212 212h162v200h100v-200zM520 0h-395q-10 0 -17.5 7.5t-7.5 17.5v395zM1000 220v-195q0 -10 -7.5 -17.5t-17.5 -7.5h-195z" />
|
||||
<glyph unicode="" d="M700 800h300v-520l-350 350l-550 -550v1095q0 10 7.5 17.5t17.5 7.5h575v-400zM1000 900h-200v200zM862 200h-162v-200h-100v200h-162l212 212zM480 0h-355q-10 0 -17.5 7.5t-7.5 17.5v55h380v-80zM1000 80v-55q0 -10 -7.5 -17.5t-17.5 -7.5h-155v80h180z" />
|
||||
<glyph unicode="" d="M1162 800h-162v-200h100l100 -100h-300v300h-162l212 212zM200 800h200q27 0 40 -2t29.5 -10.5t23.5 -30t7 -57.5h300v-100h-600l-200 -350v450h100q0 36 7 57.5t23.5 30t29.5 10.5t40 2zM800 400h240l-240 -400h-800l300 500h500v-100z" />
|
||||
<glyph unicode="" d="M650 1100h100q21 0 35.5 -14.5t14.5 -35.5v-50h50q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-300q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h50v50q0 21 14.5 35.5t35.5 14.5zM1000 850v150q41 0 70.5 -29.5t29.5 -70.5v-800 q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-1 0 -20 4l246 246l-326 326v324q0 41 29.5 70.5t70.5 29.5v-150q0 -62 44 -106t106 -44h300q62 0 106 44t44 106zM412 250l-212 -212v162h-200v100h200v162z" />
|
||||
<glyph unicode="" d="M450 1100h100q21 0 35.5 -14.5t14.5 -35.5v-50h50q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-300q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h50v50q0 21 14.5 35.5t35.5 14.5zM800 850v150q41 0 70.5 -29.5t29.5 -70.5v-500 h-200v-300h200q0 -36 -7 -57.5t-23.5 -30t-29.5 -10.5t-40 -2h-600q-41 0 -70.5 29.5t-29.5 70.5v800q0 41 29.5 70.5t70.5 29.5v-150q0 -62 44 -106t106 -44h300q62 0 106 44t44 106zM1212 250l-212 -212v162h-200v100h200v162z" />
|
||||
<glyph unicode="" d="M658 1197l637 -1104q23 -38 7 -65.5t-60 -27.5h-1276q-44 0 -60 27.5t7 65.5l637 1104q22 39 54 39t54 -39zM704 800h-208q-20 0 -32 -14.5t-8 -34.5l58 -302q4 -20 21.5 -34.5t37.5 -14.5h54q20 0 37.5 14.5t21.5 34.5l58 302q4 20 -8 34.5t-32 14.5zM500 300v-100h200 v100h-200z" />
|
||||
<glyph unicode="" d="M425 1100h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM425 800h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5 t17.5 7.5zM825 800h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM25 500h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150 q0 10 7.5 17.5t17.5 7.5zM425 500h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM825 500h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5 v150q0 10 7.5 17.5t17.5 7.5zM25 200h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM425 200h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5 t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM825 200h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5z" />
|
||||
<glyph unicode="" d="M700 1200h100v-200h-100v-100h350q62 0 86.5 -39.5t-3.5 -94.5l-66 -132q-41 -83 -81 -134h-772q-40 51 -81 134l-66 132q-28 55 -3.5 94.5t86.5 39.5h350v100h-100v200h100v100h200v-100zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-12l137 -100 h-950l138 100h-13q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M600 1300q40 0 68.5 -29.5t28.5 -70.5h-194q0 41 28.5 70.5t68.5 29.5zM443 1100h314q18 -37 18 -75q0 -8 -3 -25h328q41 0 44.5 -16.5t-30.5 -38.5l-175 -145h-678l-178 145q-34 22 -29 38.5t46 16.5h328q-3 17 -3 25q0 38 18 75zM250 700h700q21 0 35.5 -14.5 t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-150v-200l275 -200h-950l275 200v200h-150q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M600 1181q75 0 128 -53t53 -128t-53 -128t-128 -53t-128 53t-53 128t53 128t128 53zM602 798h46q34 0 55.5 -28.5t21.5 -86.5q0 -76 39 -183h-324q39 107 39 183q0 58 21.5 86.5t56.5 28.5h45zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-13 l138 -100h-950l137 100h-12q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M600 1300q47 0 92.5 -53.5t71 -123t25.5 -123.5q0 -78 -55.5 -133.5t-133.5 -55.5t-133.5 55.5t-55.5 133.5q0 62 34 143l144 -143l111 111l-163 163q34 26 63 26zM602 798h46q34 0 55.5 -28.5t21.5 -86.5q0 -76 39 -183h-324q39 107 39 183q0 58 21.5 86.5t56.5 28.5h45 zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-13l138 -100h-950l137 100h-12q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M600 1200l300 -161v-139h-300q0 -57 18.5 -108t50 -91.5t63 -72t70 -67.5t57.5 -61h-530q-60 83 -90.5 177.5t-30.5 178.5t33 164.5t87.5 139.5t126 96.5t145.5 41.5v-98zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-13l138 -100h-950l137 100 h-12q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M600 1300q41 0 70.5 -29.5t29.5 -70.5v-78q46 -26 73 -72t27 -100v-50h-400v50q0 54 27 100t73 72v78q0 41 29.5 70.5t70.5 29.5zM400 800h400q54 0 100 -27t72 -73h-172v-100h200v-100h-200v-100h200v-100h-200v-100h200q0 -83 -58.5 -141.5t-141.5 -58.5h-400 q-83 0 -141.5 58.5t-58.5 141.5v400q0 83 58.5 141.5t141.5 58.5z" />
|
||||
<glyph unicode="" d="M150 1100h900q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5v500q0 21 14.5 35.5t35.5 14.5zM125 400h950q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-283l224 -224q13 -13 13 -31.5t-13 -32 t-31.5 -13.5t-31.5 13l-88 88h-524l-87 -88q-13 -13 -32 -13t-32 13.5t-13 32t13 31.5l224 224h-289q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5zM541 300l-100 -100h324l-100 100h-124z" />
|
||||
<glyph unicode="" d="M200 1100h800q83 0 141.5 -58.5t58.5 -141.5v-200h-100q0 41 -29.5 70.5t-70.5 29.5h-250q-41 0 -70.5 -29.5t-29.5 -70.5h-100q0 41 -29.5 70.5t-70.5 29.5h-250q-41 0 -70.5 -29.5t-29.5 -70.5h-100v200q0 83 58.5 141.5t141.5 58.5zM100 600h1000q41 0 70.5 -29.5 t29.5 -70.5v-300h-1200v300q0 41 29.5 70.5t70.5 29.5zM300 100v-50q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v50h200zM1100 100v-50q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v50h200z" />
|
||||
<glyph unicode="" d="M480 1165l682 -683q31 -31 31 -75.5t-31 -75.5l-131 -131h-481l-517 518q-32 31 -32 75.5t32 75.5l295 296q31 31 75.5 31t76.5 -31zM108 794l342 -342l303 304l-341 341zM250 100h800q21 0 35.5 -14.5t14.5 -35.5v-50h-900v50q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M1057 647l-189 506q-8 19 -27.5 33t-40.5 14h-400q-21 0 -40.5 -14t-27.5 -33l-189 -506q-8 -19 1.5 -33t30.5 -14h625v-150q0 -21 14.5 -35.5t35.5 -14.5t35.5 14.5t14.5 35.5v150h125q21 0 30.5 14t1.5 33zM897 0h-595v50q0 21 14.5 35.5t35.5 14.5h50v50 q0 21 14.5 35.5t35.5 14.5h48v300h200v-300h47q21 0 35.5 -14.5t14.5 -35.5v-50h50q21 0 35.5 -14.5t14.5 -35.5v-50z" />
|
||||
<glyph unicode="" d="M900 800h300v-575q0 -10 -7.5 -17.5t-17.5 -7.5h-375v591l-300 300v84q0 10 7.5 17.5t17.5 7.5h375v-400zM1200 900h-200v200zM400 600h300v-575q0 -10 -7.5 -17.5t-17.5 -7.5h-650q-10 0 -17.5 7.5t-7.5 17.5v950q0 10 7.5 17.5t17.5 7.5h375v-400zM700 700h-200v200z " />
|
||||
<glyph unicode="" d="M484 1095h195q75 0 146 -32.5t124 -86t89.5 -122.5t48.5 -142q18 -14 35 -20q31 -10 64.5 6.5t43.5 48.5q10 34 -15 71q-19 27 -9 43q5 8 12.5 11t19 -1t23.5 -16q41 -44 39 -105q-3 -63 -46 -106.5t-104 -43.5h-62q-7 -55 -35 -117t-56 -100l-39 -234q-3 -20 -20 -34.5 t-38 -14.5h-100q-21 0 -33 14.5t-9 34.5l12 70q-49 -14 -91 -14h-195q-24 0 -65 8l-11 -64q-3 -20 -20 -34.5t-38 -14.5h-100q-21 0 -33 14.5t-9 34.5l26 157q-84 74 -128 175l-159 53q-19 7 -33 26t-14 40v50q0 21 14.5 35.5t35.5 14.5h124q11 87 56 166l-111 95 q-16 14 -12.5 23.5t24.5 9.5h203q116 101 250 101zM675 1000h-250q-10 0 -17.5 -7.5t-7.5 -17.5v-50q0 -10 7.5 -17.5t17.5 -7.5h250q10 0 17.5 7.5t7.5 17.5v50q0 10 -7.5 17.5t-17.5 7.5z" />
|
||||
<glyph unicode="" d="M641 900l423 247q19 8 42 2.5t37 -21.5l32 -38q14 -15 12.5 -36t-17.5 -34l-139 -120h-390zM50 1100h106q67 0 103 -17t66 -71l102 -212h823q21 0 35.5 -14.5t14.5 -35.5v-50q0 -21 -14 -40t-33 -26l-737 -132q-23 -4 -40 6t-26 25q-42 67 -100 67h-300q-62 0 -106 44 t-44 106v200q0 62 44 106t106 44zM173 928h-80q-19 0 -28 -14t-9 -35v-56q0 -51 42 -51h134q16 0 21.5 8t5.5 24q0 11 -16 45t-27 51q-18 28 -43 28zM550 727q-32 0 -54.5 -22.5t-22.5 -54.5t22.5 -54.5t54.5 -22.5t54.5 22.5t22.5 54.5t-22.5 54.5t-54.5 22.5zM130 389 l152 130q18 19 34 24t31 -3.5t24.5 -17.5t25.5 -28q28 -35 50.5 -51t48.5 -13l63 5l48 -179q13 -61 -3.5 -97.5t-67.5 -79.5l-80 -69q-47 -40 -109 -35.5t-103 51.5l-130 151q-40 47 -35.5 109.5t51.5 102.5zM380 377l-102 -88q-31 -27 2 -65l37 -43q13 -15 27.5 -19.5 t31.5 6.5l61 53q19 16 14 49q-2 20 -12 56t-17 45q-11 12 -19 14t-23 -8z" />
|
||||
<glyph unicode="" d="M625 1200h150q10 0 17.5 -7.5t7.5 -17.5v-109q79 -33 131 -87.5t53 -128.5q1 -46 -15 -84.5t-39 -61t-46 -38t-39 -21.5l-17 -6q6 0 15 -1.5t35 -9t50 -17.5t53 -30t50 -45t35.5 -64t14.5 -84q0 -59 -11.5 -105.5t-28.5 -76.5t-44 -51t-49.5 -31.5t-54.5 -16t-49.5 -6.5 t-43.5 -1v-75q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v75h-100v-75q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v75h-175q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5h75v600h-75q-10 0 -17.5 7.5t-7.5 17.5v150 q0 10 7.5 17.5t17.5 7.5h175v75q0 10 7.5 17.5t17.5 7.5h150q10 0 17.5 -7.5t7.5 -17.5v-75h100v75q0 10 7.5 17.5t17.5 7.5zM400 900v-200h263q28 0 48.5 10.5t30 25t15 29t5.5 25.5l1 10q0 4 -0.5 11t-6 24t-15 30t-30 24t-48.5 11h-263zM400 500v-200h363q28 0 48.5 10.5 t30 25t15 29t5.5 25.5l1 10q0 4 -0.5 11t-6 24t-15 30t-30 24t-48.5 11h-363z" />
|
||||
<glyph unicode="" d="M212 1198h780q86 0 147 -61t61 -147v-416q0 -51 -18 -142.5t-36 -157.5l-18 -66q-29 -87 -93.5 -146.5t-146.5 -59.5h-572q-82 0 -147 59t-93 147q-8 28 -20 73t-32 143.5t-20 149.5v416q0 86 61 147t147 61zM600 1045q-70 0 -132.5 -11.5t-105.5 -30.5t-78.5 -41.5 t-57 -45t-36 -41t-20.5 -30.5l-6 -12l156 -243h560l156 243q-2 5 -6 12.5t-20 29.5t-36.5 42t-57 44.5t-79 42t-105 29.5t-132.5 12zM762 703h-157l195 261z" />
|
||||
<glyph unicode="" d="M475 1300h150q103 0 189 -86t86 -189v-500q0 -41 -42 -83t-83 -42h-450q-41 0 -83 42t-42 83v500q0 103 86 189t189 86zM700 300v-225q0 -21 -27 -48t-48 -27h-150q-21 0 -48 27t-27 48v225h300z" />
|
||||
<glyph unicode="" d="M475 1300h96q0 -150 89.5 -239.5t239.5 -89.5v-446q0 -41 -42 -83t-83 -42h-450q-41 0 -83 42t-42 83v500q0 103 86 189t189 86zM700 300v-225q0 -21 -27 -48t-48 -27h-150q-21 0 -48 27t-27 48v225h300z" />
|
||||
<glyph unicode="" d="M1294 767l-638 -283l-378 170l-78 -60v-224l100 -150v-199l-150 148l-150 -149v200l100 150v250q0 4 -0.5 10.5t0 9.5t1 8t3 8t6.5 6l47 40l-147 65l642 283zM1000 380l-350 -166l-350 166v147l350 -165l350 165v-147z" />
|
||||
<glyph unicode="" d="M250 800q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44zM650 800q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44zM1050 800q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44z" />
|
||||
<glyph unicode="" d="M550 1100q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44zM550 700q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44zM550 300q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44z" />
|
||||
<glyph unicode="" d="M125 1100h950q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-950q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM125 700h950q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-950q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5 t17.5 7.5zM125 300h950q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-950q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5z" />
|
||||
<glyph unicode="" d="M350 1200h500q162 0 256 -93.5t94 -256.5v-500q0 -165 -93.5 -257.5t-256.5 -92.5h-500q-165 0 -257.5 92.5t-92.5 257.5v500q0 165 92.5 257.5t257.5 92.5zM900 1000h-600q-41 0 -70.5 -29.5t-29.5 -70.5v-600q0 -41 29.5 -70.5t70.5 -29.5h600q41 0 70.5 29.5 t29.5 70.5v600q0 41 -29.5 70.5t-70.5 29.5zM350 900h500q21 0 35.5 -14.5t14.5 -35.5v-300q0 -21 -14.5 -35.5t-35.5 -14.5h-500q-21 0 -35.5 14.5t-14.5 35.5v300q0 21 14.5 35.5t35.5 14.5zM400 800v-200h400v200h-400z" />
|
||||
<glyph unicode="" d="M150 1100h1000q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-50v-200h50q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-50v-200h50q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-50v-200h50q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5 t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5h50v200h-50q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5h50v200h-50q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5h50v200h-50q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M650 1187q87 -67 118.5 -156t0 -178t-118.5 -155q-87 66 -118.5 155t0 178t118.5 156zM300 800q124 0 212 -88t88 -212q-124 0 -212 88t-88 212zM1000 800q0 -124 -88 -212t-212 -88q0 124 88 212t212 88zM300 500q124 0 212 -88t88 -212q-124 0 -212 88t-88 212z M1000 500q0 -124 -88 -212t-212 -88q0 124 88 212t212 88zM700 199v-144q0 -21 -14.5 -35.5t-35.5 -14.5t-35.5 14.5t-14.5 35.5v142q40 -4 43 -4q17 0 57 6z" />
|
||||
<glyph unicode="" d="M745 878l69 19q25 6 45 -12l298 -295q11 -11 15 -26.5t-2 -30.5q-5 -14 -18 -23.5t-28 -9.5h-8q1 0 1 -13q0 -29 -2 -56t-8.5 -62t-20 -63t-33 -53t-51 -39t-72.5 -14h-146q-184 0 -184 288q0 24 10 47q-20 4 -62 4t-63 -4q11 -24 11 -47q0 -288 -184 -288h-142 q-48 0 -84.5 21t-56 51t-32 71.5t-16 75t-3.5 68.5q0 13 2 13h-7q-15 0 -27.5 9.5t-18.5 23.5q-6 15 -2 30.5t15 25.5l298 296q20 18 46 11l76 -19q20 -5 30.5 -22.5t5.5 -37.5t-22.5 -31t-37.5 -5l-51 12l-182 -193h891l-182 193l-44 -12q-20 -5 -37.5 6t-22.5 31t6 37.5 t31 22.5z" />
|
||||
<glyph unicode="" d="M1200 900h-50q0 21 -4 37t-9.5 26.5t-18 17.5t-22 11t-28.5 5.5t-31 2t-37 0.5h-200v-850q0 -22 25 -34.5t50 -13.5l25 -2v-100h-400v100q4 0 11 0.5t24 3t30 7t24 15t11 24.5v850h-200q-25 0 -37 -0.5t-31 -2t-28.5 -5.5t-22 -11t-18 -17.5t-9.5 -26.5t-4 -37h-50v300 h1000v-300zM500 450h-25q0 15 -4 24.5t-9 14.5t-17 7.5t-20 3t-25 0.5h-100v-425q0 -11 12.5 -17.5t25.5 -7.5h12v-50h-200v50q50 0 50 25v425h-100q-17 0 -25 -0.5t-20 -3t-17 -7.5t-9 -14.5t-4 -24.5h-25v150h500v-150z" />
|
||||
<glyph unicode="" d="M1000 300v50q-25 0 -55 32q-14 14 -25 31t-16 27l-4 11l-289 747h-69l-300 -754q-18 -35 -39 -56q-9 -9 -24.5 -18.5t-26.5 -14.5l-11 -5v-50h273v50q-49 0 -78.5 21.5t-11.5 67.5l69 176h293l61 -166q13 -34 -3.5 -66.5t-55.5 -32.5v-50h312zM412 691l134 342l121 -342 h-255zM1100 150v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5z" />
|
||||
<glyph unicode="" d="M50 1200h1100q21 0 35.5 -14.5t14.5 -35.5v-1100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v1100q0 21 14.5 35.5t35.5 14.5zM611 1118h-70q-13 0 -18 -12l-299 -753q-17 -32 -35 -51q-18 -18 -56 -34q-12 -5 -12 -18v-50q0 -8 5.5 -14t14.5 -6 h273q8 0 14 6t6 14v50q0 8 -6 14t-14 6q-55 0 -71 23q-10 14 0 39l63 163h266l57 -153q11 -31 -6 -55q-12 -17 -36 -17q-8 0 -14 -6t-6 -14v-50q0 -8 6 -14t14 -6h313q8 0 14 6t6 14v50q0 7 -5.5 13t-13.5 7q-17 0 -42 25q-25 27 -40 63h-1l-288 748q-5 12 -19 12zM639 611 h-197l103 264z" />
|
||||
<glyph unicode="" d="M1200 1100h-1200v100h1200v-100zM50 1000h400q21 0 35.5 -14.5t14.5 -35.5v-900q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v900q0 21 14.5 35.5t35.5 14.5zM650 1000h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400 q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM700 900v-300h300v300h-300z" />
|
||||
<glyph unicode="" d="M50 1200h400q21 0 35.5 -14.5t14.5 -35.5v-900q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v900q0 21 14.5 35.5t35.5 14.5zM650 700h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400 q0 21 14.5 35.5t35.5 14.5zM700 600v-300h300v300h-300zM1200 0h-1200v100h1200v-100z" />
|
||||
<glyph unicode="" d="M50 1000h400q21 0 35.5 -14.5t14.5 -35.5v-350h100v150q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-150h100v-100h-100v-150q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v150h-100v-350q0 -21 -14.5 -35.5t-35.5 -14.5h-400 q-21 0 -35.5 14.5t-14.5 35.5v800q0 21 14.5 35.5t35.5 14.5zM700 700v-300h300v300h-300z" />
|
||||
<glyph unicode="" d="M100 0h-100v1200h100v-1200zM250 1100h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM300 1000v-300h300v300h-300zM250 500h900q21 0 35.5 -14.5t14.5 -35.5v-400 q0 -21 -14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M600 1100h150q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-150v-100h450q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5h350v100h-150q-21 0 -35.5 14.5 t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5h150v100h100v-100zM400 1000v-300h300v300h-300z" />
|
||||
<glyph unicode="" d="M1200 0h-100v1200h100v-1200zM550 1100h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM600 1000v-300h300v300h-300zM50 500h900q21 0 35.5 -14.5t14.5 -35.5v-400 q0 -21 -14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5z" />
|
||||
<glyph unicode="" d="M865 565l-494 -494q-23 -23 -41 -23q-14 0 -22 13.5t-8 38.5v1000q0 25 8 38.5t22 13.5q18 0 41 -23l494 -494q14 -14 14 -35t-14 -35z" />
|
||||
<glyph unicode="" d="M335 635l494 494q29 29 50 20.5t21 -49.5v-1000q0 -41 -21 -49.5t-50 20.5l-494 494q-14 14 -14 35t14 35z" />
|
||||
<glyph unicode="" d="M100 900h1000q41 0 49.5 -21t-20.5 -50l-494 -494q-14 -14 -35 -14t-35 14l-494 494q-29 29 -20.5 50t49.5 21z" />
|
||||
<glyph unicode="" d="M635 865l494 -494q29 -29 20.5 -50t-49.5 -21h-1000q-41 0 -49.5 21t20.5 50l494 494q14 14 35 14t35 -14z" />
|
||||
<glyph unicode="" d="M700 741v-182l-692 -323v221l413 193l-413 193v221zM1200 0h-800v200h800v-200z" />
|
||||
<glyph unicode="" d="M1200 900h-200v-100h200v-100h-300v300h200v100h-200v100h300v-300zM0 700h50q0 21 4 37t9.5 26.5t18 17.5t22 11t28.5 5.5t31 2t37 0.5h100v-550q0 -22 -25 -34.5t-50 -13.5l-25 -2v-100h400v100q-4 0 -11 0.5t-24 3t-30 7t-24 15t-11 24.5v550h100q25 0 37 -0.5t31 -2 t28.5 -5.5t22 -11t18 -17.5t9.5 -26.5t4 -37h50v300h-800v-300z" />
|
||||
<glyph unicode="" d="M800 700h-50q0 21 -4 37t-9.5 26.5t-18 17.5t-22 11t-28.5 5.5t-31 2t-37 0.5h-100v-550q0 -22 25 -34.5t50 -14.5l25 -1v-100h-400v100q4 0 11 0.5t24 3t30 7t24 15t11 24.5v550h-100q-25 0 -37 -0.5t-31 -2t-28.5 -5.5t-22 -11t-18 -17.5t-9.5 -26.5t-4 -37h-50v300 h800v-300zM1100 200h-200v-100h200v-100h-300v300h200v100h-200v100h300v-300z" />
|
||||
<glyph unicode="" d="M701 1098h160q16 0 21 -11t-7 -23l-464 -464l464 -464q12 -12 7 -23t-21 -11h-160q-13 0 -23 9l-471 471q-7 8 -7 18t7 18l471 471q10 9 23 9z" />
|
||||
<glyph unicode="" d="M339 1098h160q13 0 23 -9l471 -471q7 -8 7 -18t-7 -18l-471 -471q-10 -9 -23 -9h-160q-16 0 -21 11t7 23l464 464l-464 464q-12 12 -7 23t21 11z" />
|
||||
<glyph unicode="" d="M1087 882q11 -5 11 -21v-160q0 -13 -9 -23l-471 -471q-8 -7 -18 -7t-18 7l-471 471q-9 10 -9 23v160q0 16 11 21t23 -7l464 -464l464 464q12 12 23 7z" />
|
||||
<glyph unicode="" d="M618 993l471 -471q9 -10 9 -23v-160q0 -16 -11 -21t-23 7l-464 464l-464 -464q-12 -12 -23 -7t-11 21v160q0 13 9 23l471 471q8 7 18 7t18 -7z" />
|
||||
<glyph unicode="" d="M1000 1200q0 -124 -88 -212t-212 -88q0 124 88 212t212 88zM450 1000h100q21 0 40 -14t26 -33l79 -194q5 1 16 3q34 6 54 9.5t60 7t65.5 1t61 -10t56.5 -23t42.5 -42t29 -64t5 -92t-19.5 -121.5q-1 -7 -3 -19.5t-11 -50t-20.5 -73t-32.5 -81.5t-46.5 -83t-64 -70 t-82.5 -50q-13 -5 -42 -5t-65.5 2.5t-47.5 2.5q-14 0 -49.5 -3.5t-63 -3.5t-43.5 7q-57 25 -104.5 78.5t-75 111.5t-46.5 112t-26 90l-7 35q-15 63 -18 115t4.5 88.5t26 64t39.5 43.5t52 25.5t58.5 13t62.5 2t59.5 -4.5t55.5 -8l-147 192q-12 18 -5.5 30t27.5 12z" />
|
||||
<glyph unicode="🔑" d="M250 1200h600q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-150v-500l-255 -178q-19 -9 -32 -1t-13 29v650h-150q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM400 1100v-100h300v100h-300z" />
|
||||
<glyph unicode="🚪" d="M250 1200h750q39 0 69.5 -40.5t30.5 -84.5v-933l-700 -117v950l600 125h-700v-1000h-100v1025q0 23 15.5 49t34.5 26zM500 525v-100l100 20v100z" />
|
||||
</font>
|
||||
</defs></svg>
|
||||
|
Before 
(image error) Size: 106 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -1,250 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!-- SPDX-License-Identifier: GPL-3.0-or-later -->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Goto a host you know...</title>
|
||||
<meta name="application-name" content="netdata">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
</head>
|
||||
<script>
|
||||
var netdataRegistry = true;
|
||||
var netdataRegistryAfterMs = 0;
|
||||
var netdataTheme = 'slate';
|
||||
var netdataShowHelp = true;
|
||||
</script>
|
||||
<script type="text/javascript" src="dashboard.js?v20190902-0"></script>
|
||||
|
||||
<script>
|
||||
function escapeUserInputHTML(s) {
|
||||
return s.toString()
|
||||
.replace(/&/g, '&')
|
||||
.replace(/</g, '<')
|
||||
.replace(/>/g, '>')
|
||||
.replace(/"/g, '"')
|
||||
.replace(/#/g, '#')
|
||||
.replace(/'/g, ''')
|
||||
.replace(/\(/g,'(')
|
||||
.replace(/\)/g,')')
|
||||
.replace(/\//g,'/');
|
||||
}
|
||||
|
||||
// if string.startsWith is not defined, define it
|
||||
if(typeof String.prototype.startsWith !== 'function') {
|
||||
String.prototype.startsWith = function(s) {
|
||||
if(s.length > this.length) return false;
|
||||
return this.slice(s.length) === s;
|
||||
};
|
||||
}
|
||||
|
||||
function verifyURL(s) {
|
||||
if(typeof(s) === 'string' && (s.startsWith('http://') || s.startsWith('https://')))
|
||||
return s
|
||||
.replace(/'/g, '%22')
|
||||
.replace(/"/g, '%27')
|
||||
.replace(/\)/g, '%28')
|
||||
.replace(/\(/g, '%29');
|
||||
|
||||
console.log('invalid URL detected:');
|
||||
console.log(s);
|
||||
return 'javascript:alert("invalid url");';
|
||||
}
|
||||
|
||||
var urlOptions = {
|
||||
host: null,
|
||||
chart: null,
|
||||
family: null,
|
||||
alarm: null,
|
||||
alarm_unique_id: 0,
|
||||
alarm_id: 0,
|
||||
alarm_event_id: 0,
|
||||
alarm_when: 0,
|
||||
alarm_status: null,
|
||||
alarm_chart: null,
|
||||
alarm_value: null,
|
||||
hasProperty: function(property) {
|
||||
return typeof this[property] !== 'undefined';
|
||||
}
|
||||
};
|
||||
|
||||
function netdataQueryParse() {
|
||||
var query = document.location.search.split('?');
|
||||
var variables = query[1].split('&');
|
||||
var len = variables.length;
|
||||
while(len--) {
|
||||
var p = variables[len].split('=');
|
||||
if(urlOptions.hasProperty(p[0]) && typeof p[1] !== 'undefined')
|
||||
urlOptions[p[0]] = decodeURIComponent(p[1]);
|
||||
}
|
||||
|
||||
if(typeof urlOptions.family !== 'string')
|
||||
urlOptions.family = '';
|
||||
|
||||
if(typeof urlOptions.chart !== 'string')
|
||||
urlOptions.chart = '';
|
||||
}
|
||||
|
||||
function netdataURL(url) {
|
||||
return url + '#top'
|
||||
+ ';nowelcome=1'
|
||||
// + ';show_alarms=1'
|
||||
+ ';chart=' + encodeURIComponent(urlOptions.chart)
|
||||
+ ';family=' + encodeURIComponent(urlOptions.family)
|
||||
+ ';alarm=' + encodeURIComponent(urlOptions.alarm)
|
||||
+ ';alarm_unique_id=' + urlOptions.alarm_unique_id.toString()
|
||||
+ ';alarm_id=' + urlOptions.alarm_id.toString()
|
||||
+ ';alarm_event_id=' + urlOptions.alarm_event_id.toString()
|
||||
+ ';alarm_when=' + urlOptions.alarm_when.toString()
|
||||
+ ';alarm_status=' + urlOptions.alarm_status
|
||||
+ ';alarm_value=' + encodeURIComponent(urlOptions.alarm_value)
|
||||
+ ';alarm_chart=' + urlOptions.alarm_chart
|
||||
;
|
||||
}
|
||||
|
||||
var gotoServerValidateRemaining = 0;
|
||||
var gotoServerMiddleClick = false;
|
||||
var gotoServerStop = false;
|
||||
var thisIsHttps = false;
|
||||
var urlsInHttp = 0;
|
||||
function gotoServerValidateUrl(id, guid, url) {
|
||||
var penaldy = 0;
|
||||
var error = 'failed';
|
||||
|
||||
if(thisIsHttps === false && url.toString().startsWith('https://'))
|
||||
// we penalize https only if the current url is http
|
||||
// to allow the user walk through all its servers.
|
||||
penaldy = 500;
|
||||
|
||||
else if(thisIsHttps === true && url.toString().startsWith('http://')) {
|
||||
error = 'can\'t check';
|
||||
urlsInHttp++;
|
||||
}
|
||||
|
||||
var finalURL = netdataURL(url);
|
||||
|
||||
setTimeout(function() {
|
||||
document.getElementById('gotoServerList').innerHTML += '<tr><td style="padding-left: 20px;"><a href="' + verifyURL(finalURL) + '" target="_blank">' + escapeUserInputHTML(url) + '</a></td><td style="padding-left: 30px;"><code id="' + guid + '-' + id + '-status">checking...</code></td></tr>';
|
||||
|
||||
NETDATA.registry.hello(url, function(data) {
|
||||
if(typeof data !== 'undefined' && data !== null && typeof data.machine_guid === 'string' && data.machine_guid === guid) {
|
||||
// console.log('OK ' + id + ' URL: ' + url);
|
||||
document.getElementById(guid + '-' + id + '-status').innerHTML = "OK";
|
||||
|
||||
if(!gotoServerStop) {
|
||||
gotoServerStop = true;
|
||||
|
||||
if(gotoServerMiddleClick) {
|
||||
window.open(finalURL);
|
||||
gotoServerMiddleClick = false;
|
||||
document.getElementById('gotoServerResponse').innerHTML = '<b>Opening new window to ' + NETDATA.registry.machines[guid].name + '<br/><a href="' + verifyURL(finalURL) + '">' + escapeUserInputHTML(url) + '</a></b><br/>(check your pop-up blocker if it fails)';
|
||||
}
|
||||
else {
|
||||
document.getElementById('gotoServerResponse').innerHTML += 'found it! It is at:<br/><small>' + escapeUserInputHTML(url) + '</small>';
|
||||
document.location = verifyURL(finalURL);
|
||||
}
|
||||
}
|
||||
}
|
||||
else {
|
||||
if(typeof data !== 'undefined' && data !== null && typeof data.machine_guid === 'string' && data.machine_guid !== guid)
|
||||
error = 'wrong machine';
|
||||
|
||||
document.getElementById(guid + '-' + id + '-status').innerHTML = error;
|
||||
gotoServerValidateRemaining--;
|
||||
if(gotoServerValidateRemaining <= 0) {
|
||||
gotoServerMiddleClick = false;
|
||||
document.getElementById('gotoServerResponse').innerHTML = '<b>Sorry! I cannot find any operational URL for this server</b>';
|
||||
|
||||
if(thisIsHttps === true && urlsInHttp > 0) {
|
||||
document.getElementById('gotoServerResponse').innerHTML += '<br/>redirecting myself to HTTP to allow checking';
|
||||
document.location = verifyURL(document.location.toString().replace('https://', 'http://'));
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}, (id * 50) + penaldy);
|
||||
}
|
||||
|
||||
var netdataRegistryCallback = function(machines_array) {
|
||||
if(typeof urlOptions.host !== 'string') {
|
||||
document.getElementById('bodylog').innerHTML = "Sorry... bad request.";
|
||||
return;
|
||||
}
|
||||
|
||||
document.getElementById('message').innerHTML = 'These are the URLs this machine is known:';
|
||||
|
||||
if(document.location.toString().startsWith('https://'))
|
||||
thisIsHttps = true;
|
||||
|
||||
if(machines_array) {
|
||||
var guids = {};
|
||||
var checked = {};
|
||||
var len = machines_array.length;
|
||||
var count = 0;
|
||||
|
||||
while(len--) {
|
||||
if(machines_array[len].name === urlOptions.host) {
|
||||
var ulen = machines_array[len].alternate_urls.length;
|
||||
var guid = machines_array[len].guid;
|
||||
guids[guid] = true;
|
||||
|
||||
gotoServerValidateRemaining = ulen;
|
||||
while(ulen--) {
|
||||
var url = machines_array[len].alternate_urls[ulen];
|
||||
checked[url] = true;
|
||||
gotoServerValidateUrl(count++, guid, url);
|
||||
}
|
||||
|
||||
setTimeout(function() {
|
||||
if(gotoServerStop === false) {
|
||||
document.getElementById('gotoServerResponse').innerHTML = '<b>Added all the known URLs for this machine.</b>';
|
||||
var guid;
|
||||
for(guid in guids) {
|
||||
NETDATA.registry.search(guid, function(data) {
|
||||
// console.log(data);
|
||||
len = data.urls.length;
|
||||
while(len--) {
|
||||
var url = data.urls[len][1];
|
||||
// console.log(url);
|
||||
if(typeof checked[url] === 'undefined') {
|
||||
gotoServerValidateRemaining++;
|
||||
checked[url] = true;
|
||||
gotoServerValidateUrl(count++, guid, url);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}, 2000);
|
||||
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
document.getElementById('bodylog').innerHTML = "Sorry... your account is not linked to a netdata server named: <b>" + escapeUserInputHTML(urlOptions.host) + '</b>';
|
||||
};
|
||||
|
||||
netdataQueryParse();
|
||||
</script>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div id="bodylog" style="padding-top: 8vmax; font-size: 2.0vmax;">
|
||||
<span id="message">Please wait...</span>
|
||||
|
||||
<div style="padding-top: 20px;">
|
||||
<table id="gotoServerList" class="table">
|
||||
</table>
|
||||
</div>
|
||||
<p style="padding-top: 10px;"><small>
|
||||
This page can only find netdata URLs you have already visited and are linked to your account on this netdata registry.
|
||||
</small></p>
|
||||
<div id="gotoServerResponse" style="display: block; width: 100%; text-align: center; padding-top: 20px;"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before 
(image error) Size: 3.4 KiB |
Binary file not shown.
|
Before 
(image error) Size: 3.7 KiB |
Binary file not shown.
|
Before 
(image error) Size: 110 KiB |
Binary file not shown.
|
Before 
(image error) Size: 110 KiB |
Binary file not shown.
|
Before 
(image error) Size: 379 KiB |
Binary file not shown.
|
Before 
(image error) Size: 58 KiB |
Binary file not shown.
|
Before 
(image error) Size: 2.7 KiB |
Binary file not shown.
|
Before 
(image error) Size: 3.8 KiB |
Binary file not shown.
|
Before 
(image error) Size: 539 B |
Binary file not shown.
|
Before 
(image error) Size: 762 B |
Binary file not shown.
|
Before 
(image error) Size: 1.1 KiB |
Binary file not shown.
|
Before 
(image error) Size: 1.7 KiB |
Binary file not shown.
|
Before 
(image error) Size: 380 KiB |
Binary file not shown.
|
Before 
(image error) Size: 3.6 KiB |
Binary file not shown.
|
Before 
(image error) Size: 2.3 KiB |
Binary file not shown.
|
Before 
(image error) Size: 3.9 KiB |
Binary file not shown.
|
Before 
(image error) Size: 4.9 KiB |
Binary file not shown.
|
Before 
(image error) Size: 3.6 KiB |
Binary file not shown.
|
Before 
(image error) Size: 1.2 KiB |
Binary file not shown.
|
Before 
(image error) Size: 1 KiB |
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Reference in a new issue