
<title>{{config.get('DASHBOARD_APPNAME')}}: {{title}}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

<link  href="{{ url_for('static', filename='css/bundle.css') }}" rel="stylesheet"></link>
<link  href="{{ url_for('static', filename='themes/bootstrap-' + ctx.prefs.theme + '.css') }}" rel="stylesheet"></link>
<link  href="{{ url_for('static', filename='tessera-typography.css') }}" rel="stylesheet"></link>
<link  href="{{ url_for('static', filename='themes/tessera-' + ctx.prefs.theme + '.css') }}" rel="stylesheet"></link>
<link  href="{{ url_for('static', filename='tessera.css') }}" rel="stylesheet"></link>

<script>
  ts = window.ts || {}
  ts.config = ts.config || {}
  ts.config.GRAPHITE_URL = "{{ctx.get_str('graphite_url', config.get('GRAPHITE_URL'))}}"
  ts.config.GRAPHITE_AUTH = "{{ctx.get_str('graphite_auth', config.get('GRAPHITE_AUTH'))}}"
  ts.config.CONNECTED_LINES = {{ctx.get_int('connected_lines', config.get('CONNECTED_LINES'))}}
  ts.config.DISPLAY_TIMEZONE = "{{ctx.get_str('timezone', config.get('DISPLAY_TIMEZONE','UTC'))}}"
  ts.config.PROPSHEET_AUTOCLOSE_SECONDS = {{ctx.get_int('propsheet_autoclose_seconds', config.get('DEFAULT_PROPSHEET_AUTOCLOSE_SECONDS',3))}}
  ts.config.DEFAULT_FROM_TIME = "{{config.get('DEFAULT_FROM_TIME')}}"
  {% if config.get('APPLICATION_ROOT') %}
  ts.config.APPLICATION_ROOT = "{{config.get('APPLICATION_ROOT')}}"
  {% endif %}
  ts.prefs = ts.prefs || {}
  ts.prefs.renderer = "{{ ctx.prefs.renderer }}"
  ts.prefs.downsample = {{ctx.prefs.downsample}}
  ts.prefs.opacity = {{ctx.prefs.opacity}}
  ts.prefs.line_width = {{ctx.prefs.line_width}}
</script>

<script src="{{ url_for('static', filename='bundle.js') }}"></script>
<script src="{{ url_for('static', filename='tessera.js') }}"></script>

<script>
ts.init()
</script>
