1020 lines
40 KiB
TypeScript
1020 lines
40 KiB
TypeScript
/// <reference path="channel.ts" />
|
|
/// <reference path="modal/ModalChangeVolume.ts" />
|
|
/// <reference path="modal/ModalServerGroupDialog.ts" />
|
|
/// <reference path="client_move.ts" />
|
|
|
|
enum ClientType {
|
|
CLIENT_VOICE,
|
|
CLIENT_QUERY,
|
|
CLIENT_INTERNAL,
|
|
CLIENT_WEB,
|
|
CLIENT_MUSIC,
|
|
CLIENT_UNDEFINED
|
|
}
|
|
|
|
class ClientProperties {
|
|
client_type: ClientType = ClientType.CLIENT_VOICE; //TeamSpeaks type
|
|
client_type_exact: ClientType = ClientType.CLIENT_VOICE;
|
|
|
|
client_database_id: number = 0;
|
|
client_version: string = "";
|
|
client_platform: string = "";
|
|
client_nickname: string = "unknown";
|
|
client_unique_identifier: string = "unknown";
|
|
client_description: string = "";
|
|
client_servergroups: string = "";
|
|
|
|
client_channel_group_id: number = 0;
|
|
client_lastconnected: number = 0;
|
|
|
|
client_flag_avatar: string = "";
|
|
client_icon_id: number = 0;
|
|
|
|
client_away_message: string = "";
|
|
client_away: boolean = false;
|
|
|
|
|
|
client_input_hardware: boolean = false;
|
|
client_output_hardware: boolean = false;
|
|
client_input_muted: boolean = false;
|
|
client_output_muted: boolean = false;
|
|
client_is_channel_commander: boolean = false;
|
|
|
|
client_teaforum_id: number = 0;
|
|
client_teaforum_name: string = "";
|
|
|
|
client_talk_power: number = 0;
|
|
}
|
|
|
|
class ClientEntry {
|
|
protected _clientId: number;
|
|
protected _channel: ChannelEntry;
|
|
protected _tag: JQuery<HTMLElement>;
|
|
|
|
protected _properties: ClientProperties;
|
|
protected lastVariableUpdate: number = 0;
|
|
protected _speaking: boolean = false;
|
|
private _listener_initialized: boolean;
|
|
|
|
channelTree: ChannelTree;
|
|
audioController: AudioController;
|
|
|
|
constructor(clientId, clientName, properties: ClientProperties = new ClientProperties()) {
|
|
this._properties = properties;
|
|
this._properties.client_nickname = clientName;
|
|
this._clientId = clientId;
|
|
this.channelTree = null;
|
|
this._channel = null;
|
|
this.audioController = new AudioController();
|
|
|
|
const _this = this;
|
|
this.audioController.onSpeaking = function () {
|
|
_this.speaking = true;
|
|
};
|
|
|
|
this.audioController.onSilence = function () {
|
|
_this.speaking = false;
|
|
};
|
|
this.audioController.initialize();
|
|
}
|
|
|
|
get properties() : ClientProperties {
|
|
return this._properties;
|
|
}
|
|
|
|
currentChannel() : ChannelEntry { return this._channel; }
|
|
clientNickName(){ return this.properties.client_nickname; }
|
|
clientUid(){ return this.properties.client_unique_identifier; }
|
|
clientId(){ return this._clientId; }
|
|
|
|
getAudioController() : AudioController {
|
|
return this.audioController;
|
|
}
|
|
|
|
protected initializeListener(){
|
|
if(this._listener_initialized) return;
|
|
this._listener_initialized = true;
|
|
|
|
this.tag.click(event => {
|
|
console.log("Clicked!");
|
|
this.channelTree.onSelect(this);
|
|
});
|
|
|
|
if(!(this instanceof LocalClientEntry) && !(this instanceof MusicClientEntry))
|
|
this.tag.dblclick(event => {
|
|
if($.isArray(this.channelTree.currently_selected)) { //Multiselect
|
|
return;
|
|
}
|
|
this.chat(true).focus();
|
|
});
|
|
|
|
if(!settings.static(Settings.KEY_DISABLE_CONTEXT_MENU, false)) {
|
|
this.tag.on("contextmenu", (event) => {
|
|
event.preventDefault();
|
|
if($.isArray(this.channelTree.currently_selected)) { //Multiselect
|
|
(this.channelTree.currently_selected_context_callback || ((_) => null))(event);
|
|
return;
|
|
}
|
|
|
|
this.channelTree.onSelect(this, true);
|
|
this.showContextMenu(event.pageX, event.pageY, () => {
|
|
this.channelTree.onSelect(undefined, true);
|
|
});
|
|
return false;
|
|
});
|
|
}
|
|
|
|
this.tag.mousedown(event => {
|
|
if(event.which != 1) return; //Only the left button
|
|
|
|
this.channelTree.client_mover.activate(this, target => {
|
|
if(!target) return;
|
|
if(target == this._channel) return;
|
|
|
|
const source = this._channel;
|
|
const self = this.channelTree.client.getClient();
|
|
this.channelTree.client.serverConnection.sendCommand("clientmove", {
|
|
clid: this.clientId(),
|
|
cid: target.getChannelId()
|
|
}).then(event => {
|
|
if(this.clientId() == this.channelTree.client.clientId)
|
|
sound.play(Sound.CHANNEL_JOINED);
|
|
else if(target !== source && target != self.currentChannel())
|
|
sound.play(Sound.USER_MOVED);
|
|
});
|
|
}, event);
|
|
});
|
|
}
|
|
|
|
protected assignment_context() : ContextMenuEntry[] {
|
|
let server_groups: ContextMenuEntry[] = [];
|
|
for(let group of this.channelTree.client.groups.serverGroups.sort(GroupManager.sorter())) {
|
|
if(group.type != GroupType.NORMAL) continue;
|
|
|
|
let entry: ContextMenuEntry = {} as any;
|
|
|
|
{
|
|
let tag = $.spawn("label").addClass("checkbox");
|
|
$.spawn("input").attr("type", "checkbox").prop("checked", this.groupAssigned(group)).appendTo(tag);
|
|
$.spawn("span").addClass("checkmark").appendTo(tag);
|
|
entry.icon = tag;
|
|
}
|
|
|
|
entry.name = group.name + " [" + (group.properties.savedb ? "perm" : "tmp") + "]";
|
|
if(this.groupAssigned(group)) {
|
|
entry.callback = () => {
|
|
this.channelTree.client.serverConnection.sendCommand("servergroupdelclient", {
|
|
sgid: group.id,
|
|
cldbid: this.properties.client_database_id
|
|
});
|
|
};
|
|
entry.disabled = !this.channelTree.client.permissions.neededPermission(PermissionType.I_GROUP_MEMBER_ADD_POWER).granted(group.requiredMemberRemovePower);
|
|
} else {
|
|
entry.callback = () => {
|
|
this.channelTree.client.serverConnection.sendCommand("servergroupaddclient", {
|
|
sgid: group.id,
|
|
cldbid: this.properties.client_database_id
|
|
});
|
|
};
|
|
entry.disabled = !this.channelTree.client.permissions.neededPermission(PermissionType.I_GROUP_MEMBER_REMOVE_POWER).granted(group.requiredMemberAddPower);
|
|
}
|
|
entry.type = MenuEntryType.ENTRY;
|
|
server_groups.push(entry);
|
|
}
|
|
|
|
let channel_groups: ContextMenuEntry[] = [];
|
|
for(let group of this.channelTree.client.groups.channelGroups.sort(GroupManager.sorter())) {
|
|
if(group.type != GroupType.NORMAL) continue;
|
|
|
|
let entry: ContextMenuEntry = {} as any;
|
|
{
|
|
let tag = $.spawn("label").addClass("checkbox");
|
|
$.spawn("input").attr("type", "checkbox").prop("checked", this.assignedChannelGroup() == group.id).appendTo(tag);
|
|
$.spawn("span").addClass("checkmark").appendTo(tag);
|
|
entry.icon = tag;
|
|
}
|
|
entry.name = group.name + " [" + (group.properties.savedb ? "perm" : "tmp") + "]";
|
|
entry.callback = () => {
|
|
this.channelTree.client.serverConnection.sendCommand("setclientchannelgroup", {
|
|
cldbid: this.properties.client_database_id,
|
|
cgid: group.id,
|
|
cid: this.currentChannel().channelId
|
|
});
|
|
};
|
|
entry.disabled = !this.channelTree.client.permissions.neededPermission(PermissionType.I_GROUP_MEMBER_ADD_POWER).granted(group.requiredMemberRemovePower);
|
|
entry.type = MenuEntryType.ENTRY;
|
|
channel_groups.push(entry);
|
|
}
|
|
|
|
return [{
|
|
type: MenuEntryType.SUB_MENU,
|
|
icon: "client-permission_server_groups",
|
|
name: tr("Set server group"),
|
|
sub_menu: [
|
|
{
|
|
type: MenuEntryType.ENTRY,
|
|
icon: "client-permission_server_groups",
|
|
name: "Server groups dialog",
|
|
callback: () => {
|
|
Modals.createServerGroupAssignmentModal(this, (group, flag) => {
|
|
if(flag) {
|
|
return this.channelTree.client.serverConnection.sendCommand("servergroupaddclient", {
|
|
sgid: group.id,
|
|
cldbid: this.properties.client_database_id
|
|
}).then(result => true);
|
|
} else
|
|
return this.channelTree.client.serverConnection.sendCommand("servergroupdelclient", {
|
|
sgid: group.id,
|
|
cldbid: this.properties.client_database_id
|
|
}).then(result => true);
|
|
});
|
|
}
|
|
},
|
|
MenuEntry.HR(),
|
|
...server_groups
|
|
]
|
|
},{
|
|
type: MenuEntryType.SUB_MENU,
|
|
icon: "client-permission_channel",
|
|
name: tr("Set channel group"),
|
|
sub_menu: [
|
|
...channel_groups
|
|
]
|
|
},{
|
|
type: MenuEntryType.SUB_MENU,
|
|
icon: "client-permission_client",
|
|
name: tr("Permissions"),
|
|
disabled: true,
|
|
sub_menu: [ ]
|
|
}];
|
|
}
|
|
|
|
showContextMenu(x: number, y: number, on_close: () => void = undefined) {
|
|
const _this = this;
|
|
|
|
spawn_context_menu(x, y,
|
|
{
|
|
type: MenuEntryType.ENTRY,
|
|
icon: "client-change_nickname",
|
|
name: tr("<b>Open text chat</b>"),
|
|
callback: function () {
|
|
chat.activeChat = _this.chat(true);
|
|
chat.focus();
|
|
}
|
|
}, {
|
|
type: MenuEntryType.ENTRY,
|
|
icon: "client-poke",
|
|
name: tr("Poke client"),
|
|
callback: function () {
|
|
createInputModal(tr("Poke client"), tr("Poke message:<br>"), text => true, result => {
|
|
if(typeof(result) === "string") {
|
|
//TODO tr
|
|
console.log("Poking client " + _this.clientNickName() + " with message " + result);
|
|
_this.channelTree.client.serverConnection.sendCommand("clientpoke", {
|
|
clid: _this.clientId(),
|
|
msg: result
|
|
});
|
|
|
|
}
|
|
}, { width: 400, maxLength: 512 }).open();
|
|
}
|
|
}, {
|
|
type: MenuEntryType.ENTRY,
|
|
icon: "client-edit",
|
|
name: tr("Change description"),
|
|
callback: function () {
|
|
createInputModal(tr("Change client description"), tr("New description:<br>"), text => true, result => {
|
|
if(typeof(result) === "string") {
|
|
//TODO tr
|
|
console.log("Changing " + _this.clientNickName() + "'s description to " + result);
|
|
_this.channelTree.client.serverConnection.sendCommand("clientedit", {
|
|
clid: _this.clientId(),
|
|
client_description: result
|
|
});
|
|
|
|
}
|
|
}, { width: 400, maxLength: 1024 }).open();
|
|
}
|
|
},
|
|
MenuEntry.HR(),
|
|
...this.assignment_context(),
|
|
MenuEntry.HR(), {
|
|
type: MenuEntryType.ENTRY,
|
|
icon: "client-move_client_to_own_channel",
|
|
name: tr("Move client to your channel"),
|
|
callback: () => {
|
|
this.channelTree.client.serverConnection.sendCommand("clientmove", {
|
|
clid: this.clientId(),
|
|
cid: this.channelTree.client.getClient().currentChannel().getChannelId()
|
|
});
|
|
}
|
|
}, {
|
|
type: MenuEntryType.ENTRY,
|
|
icon: "client-kick_channel",
|
|
name: tr("Kick client from channel"),
|
|
callback: () => {
|
|
createInputModal(tr("Kick client from channel"), tr("Kick reason:<br>"), text => true, result => {
|
|
if(result) {
|
|
//TODO tr
|
|
console.log("Kicking client " + _this.clientNickName() + " from channel with reason " + result);
|
|
_this.channelTree.client.serverConnection.sendCommand("clientkick", {
|
|
clid: _this.clientId(),
|
|
reasonid: ViewReasonId.VREASON_CHANNEL_KICK,
|
|
reasonmsg: result
|
|
});
|
|
|
|
}
|
|
}, { width: 400, maxLength: 255 }).open();
|
|
}
|
|
}, {
|
|
type: MenuEntryType.ENTRY,
|
|
icon: "client-kick_server",
|
|
name: tr("Kick client fom server"),
|
|
callback: () => {
|
|
createInputModal(tr("Kick client from server"), tr("Kick reason:<br>"), text => true, result => {
|
|
if(result) {
|
|
//TODO tr
|
|
console.log("Kicking client " + _this.clientNickName() + " from server with reason " + result);
|
|
_this.channelTree.client.serverConnection.sendCommand("clientkick", {
|
|
clid: _this.clientId(),
|
|
reasonid: ViewReasonId.VREASON_SERVER_KICK,
|
|
reasonmsg: result
|
|
});
|
|
|
|
}
|
|
}, { width: 400, maxLength: 255 }).open();
|
|
}
|
|
}, {
|
|
type: MenuEntryType.ENTRY,
|
|
icon: "client-ban_client",
|
|
name: tr("Ban client"),
|
|
invalidPermission: !this.channelTree.client.permissions.neededPermission(PermissionType.I_CLIENT_BAN_MAX_BANTIME).granted(1),
|
|
callback: () => {
|
|
Modals.spawnBanClient(this.properties.client_nickname, (data) => {
|
|
this.channelTree.client.serverConnection.sendCommand("banclient", {
|
|
uid: this.properties.client_unique_identifier,
|
|
banreason: data.reason,
|
|
time: data.length
|
|
}, [data.no_ip ? "no-ip" : "", data.no_hwid ? "no-hardware-id" : "", data.no_name ? "no-nickname" : ""]).then(() => {
|
|
sound.play(Sound.USER_BANNED);
|
|
});
|
|
});
|
|
}
|
|
},
|
|
MenuEntry.HR(),
|
|
/*
|
|
{
|
|
type: MenuEntryType.ENTRY,
|
|
icon: "client-kick_server",
|
|
name: "Add group to client",
|
|
invalidPermission: true, //!this.channelTree.client.permissions.neededPermission(PermissionType.I_CLIENT_BAN_MAX_BANTIME).granted(1),
|
|
callback: () => {
|
|
Modals.spawnBanClient(this.properties.client_nickname, (duration, reason) => {
|
|
this.channelTree.client.serverConnection.sendCommand("banclient", {
|
|
uid: this.properties.client_unique_identifier,
|
|
banreason: reason,
|
|
time: duration
|
|
});
|
|
});
|
|
}
|
|
},
|
|
MenuEntry.HR(),
|
|
*/
|
|
{
|
|
type: MenuEntryType.ENTRY,
|
|
icon: "client-volume",
|
|
name: tr("Change Volume"),
|
|
callback: () => {
|
|
Modals.spawnChangeVolume(this.audioController.volume, volume => {
|
|
settings.changeServer("volume_client_" + this.clientUid(), volume);
|
|
this.audioController.volume = volume;
|
|
if(globalClient.selectInfo.currentSelected == this)
|
|
globalClient.selectInfo.update();
|
|
});
|
|
}
|
|
},
|
|
MenuEntry.CLOSE(on_close)
|
|
);
|
|
}
|
|
|
|
get tag() : JQuery<HTMLElement> {
|
|
if(this._tag) return this._tag;
|
|
|
|
let tag = $.spawn("div");
|
|
|
|
tag.attr("id", "client_" + this.clientId());
|
|
tag.addClass("client");
|
|
tag.append($.spawn("div").addClass("icon_empty"));
|
|
|
|
tag.append($.spawn("div").addClass("icon_client_state").attr("title", "Client state"));
|
|
|
|
tag.append($.spawn("div").addClass("group_prefix").attr("title", "Server groups prefixes").hide());
|
|
tag.append($.spawn("div").addClass("name").text(this.clientNickName()));
|
|
tag.append($.spawn("div").addClass("group_suffix").attr("title", "Server groups suffix").hide());
|
|
tag.append($.spawn("div").addClass("away").text(this.clientNickName()));
|
|
|
|
let clientIcons = $.spawn("span");
|
|
clientIcons.append($.spawn("div").addClass("icon icon_talk_power client-input_muted").hide());
|
|
clientIcons.append($.spawn("span").addClass("group_icons"));
|
|
clientIcons.append($.spawn("span").addClass("client_icon"));
|
|
tag.append(clientIcons);
|
|
|
|
this._tag = tag;
|
|
this.initializeListener();
|
|
return this._tag;
|
|
}
|
|
|
|
static chatTag(id: number, name: string, uid: string, braces: boolean = false) : JQuery {
|
|
let tag = $.spawn("div");
|
|
|
|
tag.css("cursor", "pointer")
|
|
.css("font-weight", "bold")
|
|
.css("color", "darkblue")
|
|
.css("display", "inline-block")
|
|
.css("margin", 0);
|
|
|
|
if(braces)
|
|
tag.text("\"" + name + "\"");
|
|
else
|
|
tag.text(name);
|
|
|
|
tag.contextmenu(event => {
|
|
if(event.isDefaultPrevented()) return;
|
|
|
|
event.preventDefault();
|
|
let client = globalClient.channelTree.findClient(id);
|
|
if(!client) return;
|
|
if(client.properties.client_unique_identifier != uid) return;
|
|
client.showContextMenu(event.pageX, event.pageY);
|
|
});
|
|
tag.attr("clientId", id);
|
|
tag.attr("clientUid", uid);
|
|
tag.attr("clientName", name);
|
|
return tag;
|
|
}
|
|
|
|
createChatTag(braces: boolean = false) : JQuery {
|
|
return ClientEntry.chatTag(this.clientId(), this.clientNickName(), this.clientUid(), braces);
|
|
}
|
|
|
|
set speaking(flag) {
|
|
if(flag == this._speaking) return;
|
|
this._speaking = flag;
|
|
this.updateClientSpeakIcon();
|
|
}
|
|
|
|
updateClientStatusIcons() {
|
|
let talk_power = this.properties.client_talk_power >= this._channel.properties.channel_needed_talk_power;
|
|
if(talk_power)
|
|
this.tag.find("span").find(".icon_talk_power").hide();
|
|
else
|
|
this.tag.find("span").find(".icon_talk_power").show();
|
|
}
|
|
|
|
updateClientSpeakIcon() {
|
|
let icon: string = "";
|
|
let clicon: string = "";
|
|
|
|
console.error(this.properties.client_nickname + " - " + this.properties.client_type_exact + " - " + this.properties.client_type);
|
|
if(this.properties.client_type_exact == ClientType.CLIENT_QUERY) {
|
|
icon = "client-server_query";
|
|
console.log("Server query!");
|
|
} else {
|
|
if(this.properties.client_away) {
|
|
icon = "client-away";
|
|
} else if(!this.properties.client_output_hardware) {
|
|
icon = "client-hardware_output_muted";
|
|
} else if(this.properties.client_output_muted) {
|
|
icon = "client-output_muted";
|
|
} else if(!this.properties.client_input_hardware) {
|
|
icon = "client-hardware_input_muted";
|
|
} else if(this.properties.client_input_muted) {
|
|
icon = "client-input_muted";
|
|
} else {
|
|
if(this._speaking) {
|
|
if(this.properties.client_is_channel_commander)
|
|
clicon = "client_cc_talk";
|
|
else
|
|
clicon = "client_talk";
|
|
} else {
|
|
if(this.properties.client_is_channel_commander)
|
|
clicon = "client_cc_idle";
|
|
else
|
|
clicon = "client_idle";
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
if(clicon.length > 0)
|
|
this.tag.find(".icon_client_state").attr('class', 'icon_client_state clicon ' + clicon);
|
|
else if(icon.length > 0)
|
|
this.tag.find(".icon_client_state").attr('class', 'icon_client_state icon ' + icon);
|
|
else
|
|
this.tag.find(".icon_client_state").attr('class', 'icon_client_state icon_empty');
|
|
}
|
|
|
|
updateAwayMessage() {
|
|
let tag = this.tag.find(".away");
|
|
if(this.properties.client_away == true && this.properties.client_away_message){
|
|
tag.text("[" + this.properties.client_away_message + "]");
|
|
tag.show();
|
|
} else {
|
|
tag.hide();
|
|
}
|
|
}
|
|
|
|
updateVariables(...variables: {key: string, value: string}[]) {
|
|
let group = log.group(log.LogType.DEBUG, LogCategory.CLIENT, tr("Update properties (%i) of %s (%i)"), variables.length, this.clientNickName(), this.clientId());
|
|
|
|
let update_icon_status = false;
|
|
let update_icon_speech = false;
|
|
let update_away = false;
|
|
let reorder_channel = false;
|
|
|
|
for(let variable of variables) {
|
|
JSON.map_field_to(this._properties, variable.value, variable.key);
|
|
|
|
//TODO tr
|
|
group.log("Updating client " + this.clientId() + ". Key " + variable.key + " Value: '" + variable.value + "' (" + typeof (this.properties[variable.key]) + ")");
|
|
if(variable.key == "client_nickname") {
|
|
this.tag.find(".name").text(variable.value);
|
|
let chat = this.chat(false);
|
|
if(chat) chat.name = variable.value;
|
|
|
|
reorder_channel = true;
|
|
}
|
|
if(variable.key == "client_away" || variable.key == "client_output_muted" || variable.key == "client_input_hardware" || variable.key == "client_input_muted" || variable.key == "client_is_channel_commander"){
|
|
update_icon_speech = true;
|
|
}
|
|
if(variable.key == "client_away_message" || variable.key == "client_away") {
|
|
update_away = true;
|
|
}
|
|
if(variable.key == "client_unique_identifier") {
|
|
this.audioController.volume = parseFloat(settings.server("volume_client_" + this.clientUid(), "1"));
|
|
//TODO tr
|
|
console.error("Updated volume from config " + this.audioController.volume + " - " + "volume_client_" + this.clientUid() + " - " + settings.server("volume_client_" + this.clientUid(), "1"));
|
|
console.log(this.avatarId());
|
|
}
|
|
if(variable.key == "client_talk_power") {
|
|
reorder_channel = true;
|
|
update_icon_status = true;
|
|
}
|
|
if(variable.key == "client_icon_id")
|
|
this.updateClientIcon();
|
|
if(variable.key =="client_channel_group_id" || variable.key == "client_servergroups")
|
|
this.update_displayed_client_groups();
|
|
}
|
|
|
|
/* process updates after variables have been set */
|
|
if(this._channel && reorder_channel)
|
|
this._channel.reorderClients();
|
|
if(update_icon_speech)
|
|
this.updateClientSpeakIcon();
|
|
if(update_icon_status)
|
|
this.updateClientStatusIcons();
|
|
if(update_away)
|
|
this.updateAwayMessage();
|
|
|
|
group.end();
|
|
}
|
|
|
|
update_displayed_client_groups() {
|
|
this.tag.find("span .group_icons").children().detach();
|
|
|
|
for(let id of this.assignedServerGroupIds())
|
|
this.updateGroupIcon(this.channelTree.client.groups.serverGroup(id));
|
|
|
|
this.updateGroupIcon(this.channelTree.client.groups.channelGroup(this.properties.client_channel_group_id));
|
|
|
|
let prefix_groups: string[] = [];
|
|
let suffix_groups: string[] = [];
|
|
for(const group_id of this.assignedServerGroupIds()) {
|
|
const group = this.channelTree.client.groups.serverGroup(group_id);
|
|
if(!group) continue;
|
|
|
|
if(group.properties.namemode == 1)
|
|
prefix_groups.push(group.name);
|
|
else if(group.properties.namemode == 2)
|
|
suffix_groups.push(group.name);
|
|
}
|
|
|
|
const tag_group_prefix = this.tag.find(".group_prefix");
|
|
const tag_group_suffix = this.tag.find(".group_suffix");
|
|
if(prefix_groups.length > 0) {
|
|
tag_group_prefix.text("[" + prefix_groups.join("][") + "]").show();
|
|
} else {
|
|
tag_group_prefix.hide()
|
|
}
|
|
|
|
if(suffix_groups.length > 0) {
|
|
tag_group_suffix.text("[" + suffix_groups.join("][") + "]").show();
|
|
} else {
|
|
tag_group_suffix.hide()
|
|
}
|
|
}
|
|
|
|
updateClientVariables(){
|
|
if(this.lastVariableUpdate == 0 || new Date().getTime() - 10 * 60 * 1000 > this.lastVariableUpdate){ //Cache these only 10 min
|
|
this.lastVariableUpdate = new Date().getTime();
|
|
this.channelTree.client.serverConnection.sendCommand("clientgetvariables", {clid: this.clientId()});
|
|
}
|
|
}
|
|
|
|
chat(create: boolean = false) : ChatEntry {
|
|
let chatName = "client_" + this.clientUid() + ":" + this.clientId();
|
|
let c = chat.findChat(chatName);
|
|
if((!c) && create) {
|
|
c = chat.createChat(chatName);
|
|
c.closeable = true;
|
|
c.name = this.clientNickName();
|
|
|
|
const _this = this;
|
|
c.onMessageSend = function (text: string) {
|
|
_this.channelTree.client.serverConnection.sendMessage(text, ChatType.CLIENT, _this);
|
|
};
|
|
|
|
c.onClose = function () : boolean {
|
|
//TODO check online?
|
|
_this.channelTree.client.serverConnection.sendCommand("clientchatclosed", {"clid": _this.clientId()});
|
|
return true;
|
|
}
|
|
}
|
|
return c;
|
|
}
|
|
|
|
updateClientIcon() {
|
|
this.tag.find("span .client_icon").children().detach();
|
|
if(this.properties.client_icon_id > 0) {
|
|
this.channelTree.client.fileManager.icons.generateTag(this.properties.client_icon_id).attr("title", "Client icon")
|
|
.appendTo(this.tag.find("span .client_icon"));
|
|
}
|
|
}
|
|
|
|
updateGroupIcon(group: Group) {
|
|
if(!group) return;
|
|
//TODO group icon order
|
|
this.tag.find(".group_icons .icon_group_" + group.id).detach();
|
|
|
|
if (group.properties.iconid > 0) {
|
|
this.tag.find("span .group_icons").append(
|
|
$.spawn("div").addClass("icon_group_" + group.id).append(this.channelTree.client.fileManager.icons.generateTag(group.properties.iconid)).attr("title", group.name)
|
|
);
|
|
}
|
|
}
|
|
|
|
assignedServerGroupIds() : number[] {
|
|
let result = [];
|
|
for(let id of this.properties.client_servergroups.split(",")){
|
|
if(id.length == 0) continue;
|
|
result.push(Number.parseInt(id));
|
|
}
|
|
return result;
|
|
}
|
|
|
|
assignedChannelGroup() : number {
|
|
return this.properties.client_channel_group_id;
|
|
}
|
|
|
|
groupAssigned(group: Group) : boolean {
|
|
if(group.target == GroupTarget.SERVER) {
|
|
for(let id of this.assignedServerGroupIds())
|
|
if(id == group.id) return true;
|
|
return false;
|
|
} else return group.id == this.assignedChannelGroup();
|
|
}
|
|
|
|
onDelete() {
|
|
this.audioController.close();
|
|
this.audioController = undefined;
|
|
}
|
|
|
|
calculateOnlineTime() : number {
|
|
return Date.now() / 1000 - this.properties.client_lastconnected;
|
|
}
|
|
|
|
avatarId?() : string {
|
|
function str2ab(str) {
|
|
let buf = new ArrayBuffer(str.length); // 2 bytes for each char
|
|
let bufView = new Uint8Array(buf);
|
|
for (let i=0, strLen = str.length; i<strLen; i++) {
|
|
bufView[i] = str.charCodeAt(i);
|
|
}
|
|
return buf;
|
|
}
|
|
|
|
try {
|
|
let raw = atob(this.properties.client_unique_identifier);
|
|
let input = hex.encode(str2ab(raw));
|
|
|
|
let result: string = "";
|
|
for(let index = 0; index < input.length; index++) {
|
|
let c = input.charAt(index);
|
|
let offset: number = 0;
|
|
if(c >= '0' && c <= '9')
|
|
offset = c.charCodeAt(0) - '0'.charCodeAt(0);
|
|
else if(c >= 'A' && c <= 'F')
|
|
offset = c.charCodeAt(0) - 'A'.charCodeAt(0) + 0x0A;
|
|
else if(c >= 'a' && c <= 'f')
|
|
offset = c.charCodeAt(0) - 'a'.charCodeAt(0) + 0x0A;
|
|
result += String.fromCharCode('a'.charCodeAt(0) + offset);
|
|
}
|
|
return result;
|
|
} catch (e) { //invalid base 64 (like music bot etc)
|
|
return undefined;
|
|
}
|
|
}
|
|
}
|
|
|
|
class LocalClientEntry extends ClientEntry {
|
|
handle: TSClient;
|
|
|
|
private renaming: boolean;
|
|
|
|
constructor(handle: TSClient) {
|
|
super(0, "local client");
|
|
this.handle = handle;
|
|
}
|
|
|
|
showContextMenu(x: number, y: number, on_close: () => void = undefined): void {
|
|
const _self = this;
|
|
|
|
spawn_context_menu(x, y,
|
|
{
|
|
name: tr("<b>Change name</b>"),
|
|
icon: "client-change_nickname",
|
|
callback: () =>_self.openRename(),
|
|
type: MenuEntryType.ENTRY
|
|
}, {
|
|
name: tr("Change description"),
|
|
icon: "client-edit",
|
|
callback: () => {
|
|
createInputModal(tr("Change own description"), tr("New description:<br>"), text => true, result => {
|
|
if(result) {
|
|
console.log(tr("Changing own description to %s"), result);
|
|
_self.channelTree.client.serverConnection.sendCommand("clientedit", {
|
|
clid: _self.clientId(),
|
|
client_description: result
|
|
});
|
|
|
|
}
|
|
}, { width: 400, maxLength: 1024 }).open();
|
|
},
|
|
type: MenuEntryType.ENTRY
|
|
},
|
|
MenuEntry.HR(),
|
|
...this.assignment_context(),
|
|
MenuEntry.CLOSE(on_close)
|
|
);
|
|
}
|
|
|
|
initializeListener(): void {
|
|
super.initializeListener();
|
|
this.tag.find(".name").addClass("own_name");
|
|
|
|
this.tag.dblclick(() => {
|
|
if($.isArray(this.channelTree.currently_selected)) { //Multiselect
|
|
return;
|
|
}
|
|
this.openRename();
|
|
});
|
|
}
|
|
|
|
openRename() : void {
|
|
const _self = this;
|
|
|
|
const elm = this.tag.find(".name");
|
|
elm.attr("contenteditable", "true");
|
|
elm.removeClass("own_name");
|
|
elm.css("background-color", "white");
|
|
elm.focus();
|
|
_self.renaming = true;
|
|
|
|
elm.keypress(function (e) {
|
|
if(e.keyCode == JQuery.Key.Enter) {
|
|
$(this).trigger("focusout");
|
|
return false;
|
|
}
|
|
});
|
|
|
|
elm.focusout(function (e) {
|
|
if(!_self.renaming) return;
|
|
_self.renaming = false;
|
|
|
|
elm.css("background-color", "");
|
|
elm.removeAttr("contenteditable");
|
|
elm.addClass("own_name");
|
|
let text = elm.text().toString();
|
|
if(_self.clientNickName() == text) return;
|
|
|
|
elm.text(_self.clientNickName());
|
|
_self.handle.serverConnection.updateClient("client_nickname", text).then((e) => {
|
|
chat.serverChat().appendMessage(tr("Nickname successfully changed"));
|
|
}).catch((e: CommandResult) => {
|
|
chat.serverChat().appendError(tr("Could not change nickname ({})"), e.extra_message);
|
|
_self.openRename();
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
class MusicClientProperties extends ClientProperties {
|
|
player_state: number = 0;
|
|
player_volume: number = 0;
|
|
}
|
|
|
|
class MusicClientPlayerInfo {
|
|
bot_id: number = 0;
|
|
player_state: number = 0;
|
|
|
|
player_buffered_index: number = 0;
|
|
player_replay_index: number = 0;
|
|
player_max_index: number = 0;
|
|
player_seekable: boolean = false;
|
|
|
|
player_title: string = "";
|
|
player_description: string = "";
|
|
|
|
song_id: number = 0;
|
|
song_url: string = "";
|
|
song_invoker: number = 0;
|
|
song_loaded: boolean = false;
|
|
song_title: string = "";
|
|
song_thumbnail: string = "";
|
|
song_length: number = 0;
|
|
}
|
|
|
|
class MusicClientEntry extends ClientEntry {
|
|
private _info_promise: Promise<MusicClientPlayerInfo>;
|
|
private _info_promise_age: number = 0;
|
|
private _info_promise_resolve: any;
|
|
private _info_promise_reject: any;
|
|
|
|
constructor(clientId, clientName) {
|
|
super(clientId, clientName, new MusicClientProperties());
|
|
}
|
|
|
|
get properties() : MusicClientProperties {
|
|
return this._properties as MusicClientProperties;
|
|
}
|
|
|
|
showContextMenu(x: number, y: number, on_close: () => void = undefined): void {
|
|
spawn_context_menu(x, y,
|
|
{
|
|
name: tr("<b>Change bot name</b>"),
|
|
icon: "client-change_nickname",
|
|
disabled: false,
|
|
callback: () => {
|
|
createInputModal(tr("Change music bots nickname"), tr("New nickname:<br>"), text => text.length >= 3 && text.length <= 31, result => {
|
|
if(result) {
|
|
this.channelTree.client.serverConnection.sendCommand("clientedit", {
|
|
clid: this.clientId(),
|
|
client_nickname: result
|
|
});
|
|
|
|
}
|
|
}, { width: 400, maxLength: 255 }).open();
|
|
},
|
|
type: MenuEntryType.ENTRY
|
|
}, {
|
|
name: tr("Change bot description"),
|
|
icon: "client-edit",
|
|
disabled: false,
|
|
callback: () => {
|
|
createInputModal(tr("Change music bots description"), tr("New description:<br>"), text => true, result => {
|
|
if(typeof(result) === 'string') {
|
|
this.channelTree.client.serverConnection.sendCommand("clientedit", {
|
|
clid: this.clientId(),
|
|
client_description: result
|
|
});
|
|
|
|
}
|
|
}, { width: 400, maxLength: 255 }).open();
|
|
},
|
|
type: MenuEntryType.ENTRY
|
|
}, {
|
|
name: tr("Open music panel"),
|
|
icon: "client-edit",
|
|
disabled: true,
|
|
callback: () => {},
|
|
type: MenuEntryType.ENTRY
|
|
}, {
|
|
name: tr("Quick url replay"),
|
|
icon: "client-edit",
|
|
disabled: false,
|
|
callback: () => {
|
|
createInputModal(tr("Please enter the URL"), tr("URL:"), text => true, result => {
|
|
if(result) {
|
|
this.channelTree.client.serverConnection.sendCommand("musicbotqueueadd", {
|
|
bot_id: this.properties.client_database_id,
|
|
type: "yt", //Its a hint not a force!
|
|
url: result
|
|
}).catch(error => {
|
|
if(error instanceof CommandResult) {
|
|
error = error.extra_message || error.message;
|
|
}
|
|
//TODO tr
|
|
createErrorModal(tr("Failed to replay url"), "Failed to enqueue url:<br>" + error).open();
|
|
});
|
|
}
|
|
}, { width: 400, maxLength: 255 }).open();
|
|
},
|
|
type: MenuEntryType.ENTRY
|
|
},
|
|
MenuEntry.HR(),
|
|
...super.assignment_context(),
|
|
MenuEntry.HR(),{
|
|
type: MenuEntryType.ENTRY,
|
|
icon: "client-move_client_to_own_channel",
|
|
name: tr("Move client to your channel"),
|
|
callback: () => {
|
|
this.channelTree.client.serverConnection.sendCommand("clientmove", {
|
|
clid: this.clientId(),
|
|
cid: this.channelTree.client.getClient().currentChannel().getChannelId()
|
|
});
|
|
}
|
|
}, {
|
|
type: MenuEntryType.ENTRY,
|
|
icon: "client-kick_channel",
|
|
name: tr("Kick client from channel"),
|
|
callback: () => {
|
|
createInputModal(tr("Kick client from channel"), tr("Kick reason:<br>"), text => true, result => {
|
|
if(result) {
|
|
console.log(tr("Kicking client %o from channel with reason %o"), this.clientNickName(), result);
|
|
this.channelTree.client.serverConnection.sendCommand("clientkick", {
|
|
clid: this.clientId(),
|
|
reasonid: ViewReasonId.VREASON_CHANNEL_KICK,
|
|
reasonmsg: result
|
|
});
|
|
}
|
|
}, { width: 400, maxLength: 255 }).open();
|
|
}
|
|
},
|
|
MenuEntry.HR(),
|
|
{
|
|
type: MenuEntryType.ENTRY,
|
|
icon: "client-volume",
|
|
name: tr("Change Volume"),
|
|
callback: () => {
|
|
Modals.spawnChangeVolume(this.audioController.volume, volume => {
|
|
settings.changeServer("volume_client_" + this.clientUid(), volume);
|
|
this.audioController.volume = volume;
|
|
if(globalClient.selectInfo.currentSelected == this)
|
|
globalClient.selectInfo.update();
|
|
});
|
|
}
|
|
},
|
|
MenuEntry.HR(),
|
|
{
|
|
name: tr("Delete bot"),
|
|
icon: "client-delete",
|
|
disabled: false,
|
|
callback: () => {
|
|
const tag = $.spawn("div").append(MessageHelper.formatMessage(tr("Do you really want to delete {0}"), this.createChatTag(false)));
|
|
Modals.spawnYesNo(tr("Are you sure?"), $.spawn("div").append(tag), result => {
|
|
if(result) {
|
|
this.channelTree.client.serverConnection.sendCommand("musicbotdelete", {
|
|
bot_id: this.properties.client_database_id
|
|
});
|
|
}
|
|
});
|
|
},
|
|
type: MenuEntryType.ENTRY
|
|
},
|
|
MenuEntry.CLOSE(on_close)
|
|
);
|
|
}
|
|
|
|
initializeListener(): void {
|
|
super.initializeListener();
|
|
}
|
|
|
|
handlePlayerInfo(json) {
|
|
if(json) {
|
|
let info = JSON.map_to(new MusicClientPlayerInfo(), json);
|
|
if(this._info_promise_resolve)
|
|
this._info_promise_resolve(info);
|
|
this._info_promise_reject = undefined;
|
|
}
|
|
if(this._info_promise) {
|
|
if(this._info_promise_reject)
|
|
this._info_promise_reject("timeout");
|
|
this._info_promise = undefined;
|
|
this._info_promise_age = undefined;
|
|
this._info_promise_reject = undefined;
|
|
this._info_promise_resolve = undefined;
|
|
}
|
|
}
|
|
|
|
requestPlayerInfo(max_age: number = 1000) : Promise<MusicClientPlayerInfo> {
|
|
if(this._info_promise && this._info_promise_age && Date.now() - max_age <= this._info_promise_age) return this._info_promise;
|
|
this._info_promise_age = Date.now();
|
|
this._info_promise = new Promise<MusicClientPlayerInfo>((resolve, reject) => {
|
|
this._info_promise_reject = reject;
|
|
this._info_promise_resolve = resolve;
|
|
});
|
|
|
|
this.channelTree.client.serverConnection.sendCommand("musicbotplayerinfo", {bot_id: this.properties.client_database_id });
|
|
return this._info_promise;
|
|
}
|
|
} |