{{define "content"}}
    <div id="svelte-app"></div>
{{end}}

{{define "stylesheets"}}
    <link rel='stylesheet' href='/build/user.css'>
{{end}}
{{define "javascript"}}
    <script>
        const userInfos = {
            userId: "{{ .Infos.userId }}"
        };
        const clusterCockpitConfigPromise = Promise.resolve({
            plot_general_colorscheme:     {{ .Config.plot_general_colorscheme }},
            plot_general_lineWidth:       {{ .Config.plot_general_lineWidth }},
            plot_general_colorBackground: {{ .Config.plot_general_colorBackground }},
            plot_list_selectedMetrics:    {{ .Config.plot_list_selectedMetrics }},
            plot_list_jobsPerPage:        {{ .Config.plot_list_jobsPerPage }}
        });
    </script>
    <script src='/build/user.js'></script>
{{end}}