Cadoles/ninegate
21
0
Fork 0
Code Issues 29 Pull Requests Projects 1 Releases Wiki Activity

svg

Browse Source
This commit is contained in:
afornerot
2019-07-17 11:50:37 +02:00
parent c5729f13c0
commit b4ef039943
13 changed files with 330 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/ninegate-1.0/src/Cadoles/WebsocketBundle/Resources/views/Chat/client.html.twig
View File

@ -1,11 +1,27 @@
{% extends '@CadolesCore/base.html.twig' %}
{% block localstyle %}
{% if framed %}
{% if border %}
#page-wrapper {
padding: 5px 25px 10px 15px;
background: transparent;
}
{% else %}
#page-wrapper {
padding: 5px 25px 0px 15px;
background: transparent;
}
{% endif %}
{% else %}
#page-wrapper { padding-top:20px; padding-bottom:30px; }
{% endif %}
.message {
padding:10px;
margin-top: 5px;
background-color: #{{ color['main'] }};
color: #{{ color['fontcolorhover'] }};
background-color: #{{ colorbodyback }};
color: #{{ colorbodyfont }};
}
.msgavatar {
float:left;
@ -19,12 +35,31 @@
line-height: 12px;
margin-bottom: 10px;
}
#cke_1_bottom{ display:none }
{% endblock %}
{% block pagewrapper %}
{{ form_start(form) }}
<div class='row'>
{{ form_widget(form.message) }}
<a id="sendbtn" class="btn btn-success" style="margin-top:5px; width:100%; margin-bottom:15px">Envoyer</a>
</div>
{{ form_end(form) }}
<div class="mychat">
{% for message in messages %}
<div class='message row'>
<div class='msgavatar'><img id='user_avatar_img' src='/{{ alias }}/uploads/avatar/{{message.user.avatar}}' class='avatar'></div>
<div class='msgdiv'>
<div class='msgtitle'>
{{message.user.lastname}} {{message.user.firstname}}<br>
<small>{{message.submitdate|date('d/m/Y H:i')}}</small>
</div>
<div class='msgtopic'>{{message.topic | raw}}</div>
</div>
</div>
{% endfor %}
</div>
{% endblock %}
@ -60,21 +95,34 @@
//the callback function in "subscribe" is called everytime an event is published in that channel.
session.subscribe("websocket/channel/{{groupid}}", function (uri, payload) {
html ="<div class='message row'>";
html+="<div class='msgavatar'><img id='user_avatar_img' src='/{{ alias }}/uploads/avatar/"+payload.msg.avatar+"' class='avatar'></div>";
html+="<div class='msgdiv'>"
html+="<div class='msgtitle'>"+payload.msg.lastname+"<br><small>"+new Date(payload.msg.submitdate.date).toLocaleDateString("fr-FR", dateoptions)+"</small></div>";
html+="<div class='msgtopic'>"+payload.msg.message+"</div>";
html+="</div>";
html+="</div>";
$(".mychat").append(html);
if(payload.msg) {
html ="<div class='message row'>";
html+="<div class='msgavatar'><img id='user_avatar_img' src='/{{ alias }}/uploads/avatar/"+payload.msg.avatar+"' class='avatar'></div>";
html+="<div class='msgdiv'>"
html+="<div class='msgtitle'>"+payload.msg.lastname+"<br><small>"+new Date(payload.msg.submitdate.date).toLocaleDateString("fr-FR", dateoptions)+"</small></div>";
html+="<div class='msgtopic'>"+payload.msg.message+"</div>";
html+="</div>";
html+="</div>";
$(".mychat").prepend(html);
console.log("Received message", payload.msg);
console.log("Received message", payload.msg);
}
if(payload.log) {
console.log("Received message", payload.log);
}
});
session.publish("websocket/channel/{{groupid}}", "This is a message!");
$( "#sendbtn" ).click(function() {
var data = CKEDITOR.instances["chat_message"].getData();
session.publish("websocket/channel/{{groupid}}", data);
});
/*
session.publish("websocket/channel/{{groupid}}", "This is a message!");
session.publish("websocket/channel/{{groupid}}", "This is a message!");
*/
})
{% endif %}
});