mirror of
https://github.com/prometheus/prometheus
synced 2024-12-26 00:23:18 +00:00
e8027ba515
This makes React UI URLs look nicer than the previous /static/graph-new/app.html, but internally still serves all React UI files from the compiled-in static assets directory. Also, to allow future usage of the React / Reach router, we need to serve the main React app's index.html on certain sub-paths that correspond to current Prometheus's UI pages, instead of trying to serve actual files that match the provided path name. Signed-off-by: Julius Volz <julius.volz@gmail.com>
40 lines
2.4 KiB
HTML
40 lines
2.4 KiB
HTML
{{define "head"}}
|
|
<link type="text/css" rel="stylesheet" href="{{ pathPrefix }}/static/vendor/rickshaw/rickshaw.min.css?v={{ buildVersion }}">
|
|
<link type="text/css" rel="stylesheet" href="{{ pathPrefix }}/static/vendor/eonasdan-bootstrap-datetimepicker/bootstrap-datetimepicker.min.css?v={{ buildVersion }}">
|
|
|
|
<script src="{{ pathPrefix }}/static/vendor/rickshaw/vendor/d3.v3.js?v={{ buildVersion }}"></script>
|
|
<script src="{{ pathPrefix }}/static/vendor/rickshaw/vendor/d3.layout.min.js?v={{ buildVersion }}"></script>
|
|
<script src="{{ pathPrefix }}/static/vendor/rickshaw/rickshaw.min.js?v={{ buildVersion }}"></script>
|
|
<script src="{{ pathPrefix }}/static/vendor/moment/moment.min.js?v={{ buildVersion }}"></script>
|
|
<script src="{{ pathPrefix }}/static/vendor/moment/moment-timezone-with-data.min.js?v={{ buildVersion }}"></script>
|
|
<script src="{{ pathPrefix }}/static/vendor/eonasdan-bootstrap-datetimepicker/bootstrap-datetimepicker.min.js?v={{ buildVersion }}"></script>
|
|
<script src="{{ pathPrefix }}/static/vendor/bootstrap3-typeahead/bootstrap3-typeahead.min.js?v={{ buildVersion }}"></script>
|
|
<script src="{{ pathPrefix }}/static/vendor/fuzzy/fuzzy.js?v={{ buildVersion }}"></script>
|
|
|
|
<script src="{{ pathPrefix }}/static/vendor/mustache/mustache.min.js?v={{ buildVersion }}"></script>
|
|
<script src="{{ pathPrefix }}/static/vendor/js/jquery.selection.js?v={{ buildVersion }}"></script>
|
|
<!-- <script src="{{ pathPrefix }}/static/vendor/js/jquery.hotkeys.js?v={{ buildVersion }}"></script> -->
|
|
|
|
<script src="{{ pathPrefix }}/static/js/graph/index.js?v={{ buildVersion }}"></script>
|
|
|
|
<script id="graph_template" type="text/x-handlebars-template"></script>
|
|
|
|
<link type="text/css" rel="stylesheet" href="{{ pathPrefix }}/static/css/graph.css?v={{ buildVersion }}">
|
|
{{end}}
|
|
|
|
{{define "content"}}
|
|
<div id="graph_container" class="container-fluid">
|
|
<div class="clearfix">
|
|
<div class="query-history">
|
|
<i class="glyphicon glyphicon-unchecked"></i>
|
|
<button type="button" class="search-history" title="search previous queries">Enable query history</button>
|
|
</div>
|
|
<button type="button" class="btn btn-link btn-sm new_ui_button" onclick="window.location.pathname='{{ pathPrefix }}/new'">Try experimental React UI</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container-fluid">
|
|
<div><input class="btn btn-primary" type="submit" value="Add Graph" id="add_graph"></div>
|
|
</div>
|
|
{{end}}
|