You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
126 lines
5.6 KiB
126 lines
5.6 KiB
{% load staticfiles %}
|
|
{% load compress %}
|
|
|
|
|
|
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset='utf-8'>
|
|
<meta http-equiv='X-UA-Compatible' content='IE=edge, chrome=1'>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
<!--<meta name='viewport' content='initial-scale=1.0, user-scalable=no, maximum-scale=1'>-->
|
|
|
|
{% block head %}{% endblock %}
|
|
|
|
<title>PROEKTON</title>
|
|
|
|
{% compress css %}
|
|
<link rel='stylesheet' href='{% static "lib/jquery-ui/jquery-ui.css" %}'>
|
|
<link rel='stylesheet' href='{% static "css/bootstrap.css" %}'>
|
|
<link rel='stylesheet' href='{% static "css/font-awesome.min.css" %}'>
|
|
<link rel='stylesheet' href='{% static "css/reset.css" %}'>
|
|
<link rel='stylesheet' href='{% static "lib/bootstrap-select/css/bootstrap-select.css" %}'>
|
|
<link rel='stylesheet' href='{% static "lib/select2/select2.css" %}'> <!-- Tmp -->
|
|
<link rel='stylesheet' href='{% static "css/swiper.min.css" %}'>
|
|
<link rel='stylesheet' href='{% static "lib/jquery.fileupload/css/jquery.fileupload.css" %}'>
|
|
<link rel='stylesheet' href='{% static "js/magnific-popup.css" %}'>
|
|
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery-jgrowl/1.4.1/jquery.jgrowl.min.css"> <!-- TODO: Download locally -->
|
|
|
|
{% block head_css %}{% endblock %}
|
|
|
|
<link rel='stylesheet' href='{% static "css/main.css" %}'>
|
|
<link rel='stylesheet' href='{% static "css/extra.css" %}'> <!-- Our additional CSS -->
|
|
<link rel='stylesheet' href='{% static "css/dev-colors.css" %}'> <!-- Dev-time only, temporary!!! -->
|
|
{% endcompress %}
|
|
</head>
|
|
|
|
<body>
|
|
{% if messages %}
|
|
{% for message in messages %}
|
|
<div class="c"
|
|
style="position: relative; padding: 10px; margin-bottom: 6px; z-index: 100">{{ message|safe }}</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
|
|
<div ondblclick="$(this).css('display', 'none')" style="position: absolute; left: 0; bottom: 0; padding: 6px; color: black; background-color: {% if request.user.is_contractor %}#BADA55{% else %}#C0FFEE{% endif %}; z-index: 50">
|
|
{{ request.user }}<br>
|
|
|
|
{% if request.user.is_authenticated %}
|
|
<b>PK:</b> {{ request.user.pk }}<br>
|
|
<b>Groups:</b> {{ request.user.groups.all }}
|
|
{% endif %}
|
|
</div>
|
|
|
|
{% block content %}{% endblock %}
|
|
|
|
<script src='{% static "lib/lodash/lodash.js" %}'></script>
|
|
<script src='{% static "lib/lodash/lodash.fp.js" %}'></script>
|
|
|
|
<script src='{% static "js/jquery-2.2.3.min.js" %}'></script>
|
|
<script src='{% static "lib/jquery-ui/jquery-ui.js" %}'></script>
|
|
<script src='{% static "lib/jquery-ui/i18n/datepicker-ru.js" %}'></script> <!-- jQueryUI Datepicker i18n -->
|
|
<script src='{% static "js/bootstrap.min.js" %}'></script>
|
|
<script src='{% static "lib/bootstrap-select/js/bootstrap-select.js" %}'></script>
|
|
<script src='{% static "lib/select2/select2.js" %}'></script>
|
|
<script src='{% static "lib/urijs/URI.min.js" %}'></script>
|
|
|
|
<script src='{% static "lib/jquery.fileupload/js/vendor/jquery.ui.widget.js" %}'></script>
|
|
<script src='{% static "lib/jquery.fileupload/js/jquery.iframe-transport.js" %}'></script>
|
|
<script src='{% static "lib/jquery.fileupload/js/jquery.fileupload.js" %}'></script>
|
|
<script src='{% static "lib/jquery.fileupload/js/jquery.fileupload-process.js" %}'></script>
|
|
|
|
<script src='{% static "js/jquery.magnific-popup.min.js" %}'></script>
|
|
|
|
<script src='{% static "lib/jquery.cookie/jquery.cookie.min.js" %}'></script>
|
|
<script src='{% static "lib/jquery-jgrowl/jquery.jgrowl.min.js" %}'></script>
|
|
|
|
<script src='{% static "my-libs.js" %}'></script>
|
|
|
|
<script src='{% static "js/main.js" %}'></script> <!-- Файл верстальщика -->
|
|
<script src='{% static "index.js" %}'></script> <!-- Файл программистов -->
|
|
|
|
<script>
|
|
var SocketHandlerMain = function (userId) {
|
|
var domain = '{{ request.META.HTTP_HOST }}';
|
|
var port = '{{ request.META.SERVER_PORT }}';
|
|
var queryString = '{{ request.get_full_path }}';
|
|
|
|
if ((queryString.indexOf('/chat') != 0) && (queryString.indexOf('/users/contractor-office/510/work-projects') != 0)) {
|
|
domain = domain.replace(':' + port, '');
|
|
var url = 'ws://' + domain + '/chat/' + userId + '/';
|
|
var sock = new WebSocket(url);
|
|
var intervalId;
|
|
sock.onopen = function () {
|
|
//console.log("Start connect");
|
|
intervalId = setInterval(function () {
|
|
sock.send('{"dummy": 1}');
|
|
}, 15000);
|
|
};
|
|
|
|
sock.onmessage = function (event) {
|
|
var notificationData = JSON.parse(event.data);
|
|
console.log(notificationData);
|
|
var outMessage = "";
|
|
if (notificationData.answer_type == 'add_message_contact'){
|
|
outMessage += "<a href='/chat/?user_id=" + notificationData.sender_id + "'>"+ notificationData.msg +"<a>";
|
|
}else if((notificationData.answer_type == 'approve_stages') || (notificationData.answer_type == 'add_message_order')){
|
|
outMessage += "<a href='/chat/#order" + notificationData.order_id + "'>"+ notificationData.msg +"<a>";
|
|
}
|
|
|
|
$.jGrowl("Вам пришло новое сообщение!<br />" + outMessage, { life: 15000});
|
|
};
|
|
this.add_message = function (messageData) {
|
|
sock.send(JSON.stringify(messageData));
|
|
};
|
|
}
|
|
};
|
|
|
|
var userId = '{{ request.user.pk }}';
|
|
if (userId) {
|
|
var socketMain = new SocketHandlerMain(userId);
|
|
}
|
|
</script>
|
|
|
|
{% block js_block %}{% endblock %}
|
|
</body>
|
|
</html>
|
|
|