mirror of
https://gitlab.com/crafty-controller/crafty-4.git
synced 2024-08-30 18:23:09 +00:00
118 lines
4.0 KiB
HTML
118 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{{ data['lang_page'] }}">
|
|
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
{% block meta %}{% end %}
|
|
<title>{% block title %}{{ _('Default') }}{% end %}</title>
|
|
<!-- plugins:css -->
|
|
<link rel="stylesheet" href="/static/assets/vendors/mdi/css/materialdesignicons.min.css">
|
|
<link rel="stylesheet" href="/static/assets/vendors/flag-icon-css/css/flag-icon.min.css">
|
|
<link rel="stylesheet" href="/static/assets/vendors/ti-icons/css/themify-icons.css">
|
|
<link rel="stylesheet" href="/static/assets/vendors/typicons/typicons.css">
|
|
<link rel="stylesheet" href="/static/assets/vendors/css/vendor.bundle.base.css">
|
|
<link rel="stylesheet" href="/static/assets/vendors/fontawesome5/css/all.css">
|
|
<!-- endinject -->
|
|
<!-- Plugin css for this page -->
|
|
<!-- End Plugin css for this page -->
|
|
<!-- Layout styles -->
|
|
<link rel="stylesheet" href="/static/assets/css/dark/style.css">
|
|
<!-- End Layout styles -->
|
|
<link rel="shortcut icon" type="image/svg+xml" href="/static/assets/images/logo_small.svg">
|
|
<link rel="alternate icon" href="/static/assets/images/favicon.png" />
|
|
</head>
|
|
|
|
<body class="dark-theme">
|
|
<div class="container-scroller">
|
|
<div class="container-fluid page-body-wrapper full-page-wrapper">
|
|
<div class="content-wrapper d-flex align-items-center auth auth-bg-1 theme-one">
|
|
<div class="row w-100">
|
|
<div class="mx-auto">
|
|
<div class="auto-form-wrapper">
|
|
{% block content %}
|
|
{% end %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- content-wrapper ends -->
|
|
</div>
|
|
<!-- page-body-wrapper ends -->
|
|
</div>
|
|
<!-- container-scroller -->
|
|
<!-- plugins:js -->
|
|
<script src="/static/assets/vendors/js/vendor.bundle.base.js"></script>
|
|
<!-- endinject -->
|
|
<!-- inject:js -->
|
|
<script src="/static/assets/js/shared/off-canvas.js"></script>
|
|
<script src="/static/assets/js/shared/hoverable-collapse.js"></script>
|
|
<script src="/static/assets/js/shared/misc.js"></script>
|
|
<script src="/static/assets/js/shared/settings.js"></script>
|
|
<script src="/static/assets/js/shared/todolist.js"></script>
|
|
<!-- endinject -->
|
|
<script>
|
|
|
|
// {% if request.protocol == 'https' %}
|
|
let usingWebSockets = true;
|
|
|
|
let listenEvents = [];
|
|
|
|
try {
|
|
pageQueryParams = 'page_query_params=' + encodeURIComponent(location.search)
|
|
page = 'page=' + encodeURIComponent(location.pathname)
|
|
var wsInternal = new WebSocket('wss://' + location.host + '/ws?' + page + '&' + pageQueryParams);
|
|
wsInternal.onopen = function () {
|
|
console.log('opened WebSocket connection:', wsInternal)
|
|
};
|
|
wsInternal.onmessage = function (rawMessage) {
|
|
var message = JSON.parse(rawMessage.data);
|
|
|
|
console.log('got message: ', message)
|
|
|
|
listenEvents
|
|
.filter(listenedEvent => listenedEvent.event == message.event)
|
|
.forEach(listenedEvent => listenedEvent.callback(message.data))
|
|
};
|
|
wsInternal.onerror = function (errorEvent) {
|
|
console.error('WebSocket Error', errorEvent);
|
|
};
|
|
wsInternal.onclose = function (closeEvent) {
|
|
console.log('Closed WebSocket', closeEvent);
|
|
};
|
|
|
|
|
|
webSocket = {
|
|
on: function (event, callback) {
|
|
console.log('registered ' + event + ' event');
|
|
listenEvents.push({ event: event, callback: callback })
|
|
},
|
|
emit: function (event, data) {
|
|
var message = {
|
|
event: event,
|
|
data: data
|
|
}
|
|
|
|
wsInternal.send(JSON.stringify(message));
|
|
}
|
|
}
|
|
} catch (error) {
|
|
console.error('Error while making websocket helpers', error);
|
|
usingWebSockets = false;
|
|
}
|
|
// {% else %}
|
|
let usingWebSockets = false;
|
|
warn('WebSockets are not supported in Crafty if not using the https protocol')
|
|
var webSocket;
|
|
// {% end%}
|
|
|
|
</script>
|
|
{% block js %}
|
|
<!-- Custom js for this page -->
|
|
<!-- End custom js for this page -->
|
|
{% end %}
|
|
|
|
</body>
|
|
|
|
</html> |