platypush/platypush/backend/http/templates/index.html

92 lines
3.5 KiB
HTML
Raw Normal View History

2018-01-29 13:47:21 +01:00
<!doctype html>
<head>
<title>Platypush Web Panel</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
2018-01-29 13:47:21 +01:00
2018-06-12 17:32:59 +02:00
<link rel="stylesheet" href="{{ url_for('static', filename='css/skeleton.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/normalize.css') }}">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css"
integrity="sha384-REHJTs1r2ErKBuJB0fCK99gCYsVjwxHrSU0N7I1zl9vZbggVJXRMsv/sLlOAGb4M" crossorigin="anonymous">
<link rel="stylesheet" href="{{ url_for('static', filename='css/dist/webpanel.css') }}">
2018-01-29 13:47:21 +01:00
<script type="text/javascript">
2019-05-15 09:31:04 +02:00
if (!window.config) {
window.config = {};
}
window.config = { ...window.config,
websocket_port: {{ websocket_port }},
has_ssl: {{ 'true' if has_ssl else 'false' }},
templates: JSON.parse('{{ utils.to_json(templates)|safe }}'),
scripts: JSON.parse('{{ utils.to_json(scripts)|safe }}'),
procedures: JSON.parse('{{ procedures.replace("\'", "\\\'")|safe }}'),
2019-05-15 09:31:04 +02:00
};
2018-01-29 13:47:21 +01:00
var __plugins__ = JSON.parse('{{ utils.to_json(plugins)|safe }}');
var __backends__ = JSON.parse('{{ utils.to_json(backends)|safe }}');
2018-01-29 13:47:21 +01:00
{% if token %}
window.config.token = '{{ token }}';
2018-01-29 13:47:21 +01:00
{% else %}
2019-05-15 09:31:04 +02:00
window.config.token = undefined;
2018-01-29 13:47:21 +01:00
{% endif %}
</script>
{% if utils.isfile(static_folder, 'js', 'lib', 'vue.js') %}
<script type="text/javascript" src="{{ url_for('static', filename='js/lib/vue.js') }}"></script>
{% else %}
2019-07-13 12:25:02 +02:00
<script type="text/javascript" src="{{ url_for('static', filename='js/lib/vue.min.js') }}"></script>
{% endif %}
<script type="text/javascript" src="{{ url_for('static', filename='js/lib/axios.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='js/api.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='js/events.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='js/notifications.js') }}"></script>
2019-12-08 16:25:03 +01:00
<script type="text/javascript" src="{{ url_for('static', filename='js/autocomplete.js') }}"></script>
{% for style in styles.values() %}
<link rel="stylesheet" href="{{ url_for('static', filename=style['_style_file']) }}">
{% endfor %}
{% include 'elements.html' %}
{% for plugin, conf in templates.items() %}
{% with configuration=templates[plugin] %}
{% include conf['_template_file'] %}
{% endwith %}
{% endfor %}
{% for script in scripts.values() %}
<script type="text/javascript" src="{{ url_for('static', filename=script['_script_file']) }}"></script>
{% endfor %}
2018-01-29 13:47:21 +01:00
</head>
<body>
<div id="app">
{% with plugins=templates.keys() %}
{% include 'nav.html' %}
{% endwith %}
<main>
<div class="plugins-container">
<plugin v-for="(conf, plugin) in {{ utils.to_json(templates) }}"
:tag="plugin.replace(/\./g, '-')"
:key="plugin"
:config="conf"
2019-07-07 20:11:32 +02:00
:class="{hidden: plugin != selectedPlugin}">
</plugin>
</div>
</main>
{% include 'notifications.html' %}
</div>
{% include 'plugins/template.html' %}
<script type="text/javascript" src="{{ url_for('static', filename='js/application.js') }}"></script>
2019-05-15 09:31:04 +02:00
</body>
2018-01-29 13:47:21 +01:00