1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52
| return g()(t, e), u()(t, [{
key: "componentDidMount",
value: function() {
var e = this,
t = new Mi.a({
values: this.props.game.players,
lookup: function(e) {
return e.user.username
},
selectTemplate: function(e) {
return "@".concat(e.original.user.username)
}
});
t.attach(this.element), this.props.game.ui.chat.input = this.element, this.element.addEventListener("keydown", function(n) {
if (13 == n.keyCode && !t.isActive) {
n.preventDefault();
var r = e.element.value.trim();
"" !== r && e.props.game.socket.emit("chat", {
text: r,
private: e.props.game.ui.chat.displayPrivate
}), e.element.value = ""
}
})
}
}, {
key: "render",
value: function() {
var e, t = this,
n = this.props.game;
return i.a.createElement("div", {
className: "inputText ".concat(n.canChat ? "" : "disable")
}, i.a.createElement("textarea", {
className: "messageInput",
placeholder: "Écrire un message...",
ref: function(e) {
return t.element = e
},
disabled: !n.canChat,
value: n.canChat ? void 0 : ""
}), (null === (e = n.self) || void 0 === e ? void 0 : e.isInLove) && i.a.createElement("div", {
className: "privateMessagesButton " + (n.ui.chat.public.alert || n.ui.chat.private.alert ? "notifications" : ""),
title: "Parler avec votre allié",
onClick: function(e) {
n.ui.chat.displayPrivate = !n.ui.chat.displayPrivate, n.ui.chat.public.alert = !1, n.ui.chat.private.alert = !1
}
}, i.a.createElement(Vn, {
src: "/assets/img/secret-chat.svg",
alt: "Chat privé"
}), i.a.createElement("div", {
className: "pinNewMessages"
})))
} |