FreeKill/Fk/Common/AvatarChatBox.qml

239 lines
5.6 KiB
QML

// SPDX-License-Identifier: GPL-3.0-or-later
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import Fk.Pages
Rectangle {
property bool isLobby: false
function append(chatter, data) {
let general = data.general;
let avatar;
if (general == "__server") {
general = "";
avatar = "__server"
} else if (!roomScene.getPhoto(data.sender)) {
avatar = "__observer";
}
chatLogBox.append({
avatar: data.general || roomScene.getPhoto(data.sender)?.general || avatar || "unknown",
general: general,
msg: data.msg,
userName: data.userName,
time: data.time,
isSelf: data.sender === Self.id,
})
}
function loadSkills() {
for (let i = 1; i <= 16; i++) {
skills.append({ name: "fastchat_m", idx: i });
}
}
Timer {
id: opTimer
interval: 1500
}
Component {
id: avatarDelegate
Item {
width: chatLogBox.width
height: childrenRect.height
Avatar {
id: avatarPic
width: 36
height: 36
general: avatar
anchors.top: parent.top
anchors.topMargin: 8
anchors.left: isSelf ? undefined : parent.left
anchors.right: !isSelf ? undefined : parent.right
}
Text {
id: unameLbl
anchors.left: isSelf ? undefined : avatarPic.right
anchors.right: !isSelf ? undefined : avatarPic.left
anchors.margins: 6
font.pixelSize: 14
text: userName + (general ? (" (" + Backend.translate(general) + ")") : "")
+ ' <font color="grey">[' + time + "]</font>"
}
Rectangle {
anchors.left: isSelf ? undefined : avatarPic.right
anchors.right: !isSelf ? undefined : avatarPic.left
anchors.margins: 4
anchors.top: unameLbl.bottom
width: Math.min(parent.width - 80, childrenRect.width + 12)
height: childrenRect.height + 12
radius: 8
color: isSelf ? "lightgreen" : "lightsteelblue"
Text {
width: Math.min(contentWidth, parent.parent.width - 80 - 12)
x: 6; y: 6
text: msg
wrapMode: Text.WrapAnywhere
font.family: fontLibian.name
font.pixelSize: 16
}
}
TapHandler {
acceptedButtons: Qt.LeftButton | Qt.RightButton | Qt.NoButton
gesturePolicy: TapHandler.WithinBounds
onTapped: chatLogBox.currentIndex = index;
}
}
}
ColumnLayout {
anchors.fill: parent
spacing: 0
Item {
Layout.fillWidth: true
Layout.fillHeight: true
LogEdit {
id: chatLogBox
anchors.fill: parent
anchors.margins: 10
delegate: avatarDelegate
//font.pixelSize: 14
}
}
GridView {
id: emojiSelector
Layout.fillWidth: true
Layout.preferredHeight: 120
cellHeight: 48
cellWidth: 48
model: 59
visible: false
clip: true
delegate: ItemDelegate {
Image {
height: 32; width: 32
anchors.centerIn: parent
source: "../../image/emoji/" + index
}
onClicked: chatEdit.insert(chatEdit.cursorPosition, "{emoji" + index + "}");
}
}
ListView {
id: soundSelector
Layout.fillWidth: true
Layout.preferredHeight: 180
visible: false
clip: true
ScrollBar.vertical: ScrollBar {}
model: ListModel {
id: skills
}
// onVisibleChanged: {skills.clear(); loadSkills();}
delegate: ItemDelegate {
width: soundSelector.width
height: 30
text: Backend.translate("$" + name + (idx ? idx.toString() : ""))
onClicked: {
opTimer.start();
const general = roomScene.getPhoto(Self.id).general;
let skill = "fastchat_m";
if (general !== "") {
const data = JSON.parse(Backend.callLuaFunction("GetGeneralDetail", [general]));
const gender = data.gender;
if (gender !== 1) {
skill = "fastchat_f";
}
}
ClientInstance.notifyServer(
"Chat",
JSON.stringify({
type: isLobby ? 1 : 2,
msg: "$" + skill + ":" + idx
})
);
soundSelector.visible = false;
}
}
}
RowLayout {
Rectangle {
Layout.fillWidth: true
Layout.preferredHeight: 28
color: "#040403"
radius: 3
border.width: 1
border.color: "#A6967A"
TextInput {
id: chatEdit
anchors.fill: parent
anchors.margins: 6
color: "white"
clip: true
font.pixelSize: 14
maximumLength: 300
onAccepted: {
if (text != "") {
ClientInstance.notifyServer(
"Chat",
JSON.stringify({
type: isLobby ? 1 : 2,
msg: text
})
);
text = "";
}
}
}
}
MetroButton {
id: soundBtn
text: "🗨️"
visible: !isLobby
enabled: !opTimer.running;
onClicked: {
emojiSelector.visible = false;
soundSelector.visible = !soundSelector.visible;
}
}
MetroButton {
id: emojiBtn
text: "😃"
onClicked: {
soundSelector.visible = false;
emojiSelector.visible = !emojiSelector.visible;
}
}
MetroButton {
text: "✔️"
enabled: !opTimer.running;
onClicked: {
opTimer.start();
chatEdit.accepted();
}
}
}
}
Component.onCompleted: {
loadSkills();
}
}