TeaSpeak/TeaWeb
TeaSpeak/TeaWeb
1
0
Fork 0
Code Issues 1 Pull requests Activity

Reset all js files and start from zero, this time more structured

Browse source
This commit is contained in:
WolverinDEV 2020-03-29 12:54:15 +02:00
parent 5f0c1b303a
commit 447e84ed0f
111 changed files with 3946 additions and 4237 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
shared/js/BrowserIPC.ts
View file

@ -1,8 +1,8 @@
export interface Window { interface Window {
BroadcastChannel: BroadcastChannel; BroadcastChannel: BroadcastChannel;
} }
export namespace bipc { namespace bipc {
export interface BroadcastMessage { export interface BroadcastMessage {
timestamp: number; timestamp: number;
receiver: string; receiver: string;

26
shared/js/ConnectionHandler.ts
View file

@ -1,6 +1,6 @@
/// <reference path="log.ts" /> /// <reference path="log.ts" />
/// <reference path="proto.ts" /> /// <reference path="proto.ts" />
/// <reference path="channel-tree/view.ts" /> /// <reference path="ui/view.ts" />
/// <reference path="settings.ts" /> /// <reference path="settings.ts" />
/// <reference path="FileManager.ts" /> /// <reference path="FileManager.ts" />
/// <reference path="permission/PermissionManager.ts" /> /// <reference path="permission/PermissionManager.ts" />
@ -8,17 +8,7 @@
/// <reference path="ui/frames/ControlBar.ts" /> /// <reference path="ui/frames/ControlBar.ts" />
/// <reference path="connection/ConnectionBase.ts" /> /// <reference path="connection/ConnectionBase.ts" />
import {ChannelTree} from "./channel-tree/view"; enum DisconnectReason {
import {LocalClientEntry} from "./channel-tree/client";
import {ServerAddress} from "./channel-tree/server";
import {ChannelEntry} from "./channel-tree/channel";
import {AbstractServerConnection} from "./connection/ConnectionBase";
import {PermissionManager} from "./permission/PermissionManager";
import {GroupManager} from "./permission/GroupManager";
import {ServerSettings} from "./settings";
import {Hostbanner} from "./ui/frames/hostbanner";
export enum DisconnectReason {
HANDLER_DESTROYED, HANDLER_DESTROYED,
REQUESTED, REQUESTED,
DNS_FAILED, DNS_FAILED,
@ -38,7 +28,7 @@ export enum DisconnectReason {
UNKNOWN UNKNOWN
} }
export enum ConnectionState { enum ConnectionState {
UNCONNECTED, UNCONNECTED,
CONNECTING, CONNECTING,
INITIALISING, INITIALISING,
@ -46,7 +36,7 @@ export enum ConnectionState {
DISCONNECTING DISCONNECTING
} }
export enum ViewReasonId { enum ViewReasonId {
VREASON_USER_ACTION = 0, VREASON_USER_ACTION = 0,
VREASON_MOVED = 1, VREASON_MOVED = 1,
VREASON_SYSTEM = 2, VREASON_SYSTEM = 2,
@ -61,7 +51,7 @@ export enum ViewReasonId {
VREASON_SERVER_SHUTDOWN = 11 VREASON_SERVER_SHUTDOWN = 11
} }
export interface VoiceStatus { interface VoiceStatus {
input_hardware: boolean; input_hardware: boolean;
input_muted: boolean; input_muted: boolean;
output_muted: boolean; output_muted: boolean;
@ -78,7 +68,7 @@ export interface VoiceStatus {
queries_visible: boolean; queries_visible: boolean;
} }
export interface ConnectParameters { interface ConnectParameters {
nickname?: string; nickname?: string;
channel?: { channel?: {
target: string | number; target: string | number;
@ -89,10 +79,10 @@ export interface ConnectParameters {
auto_reconnect_attempt?: boolean; auto_reconnect_attempt?: boolean;
} }
export class ConnectionHandler { class ConnectionHandler {
channelTree: ChannelTree; channelTree: ChannelTree;
serverConnection: AbstractServerConnection; serverConnection: connection.AbstractServerConnection;
fileManager: FileManager; fileManager: FileManager;

19
shared/js/FileManager.ts
View file

@ -1,26 +1,21 @@
import {ChannelEntry} from "./channel-tree/channel"; /// <reference path="connection/CommandHandler.ts" />
import {AbstractCommandHandler, ServerCommand} from "./connection/ConnectionBase"; /// <reference path="connection/ConnectionBase.ts" />
import {ConnectionHandler} from "./ConnectionHandler";
import {CommandResult} from "./connection/ServerConnectionDeclaration";
import {log, LogCategory} from "./log";
import {ClientEntry} from "./channel-tree/client";
import {hex} from "./crypto/hex";
export class FileEntry { class FileEntry {
name: string; name: string;
datetime: number; datetime: number;
type: number; type: number;
size: number; size: number;
} }
export class FileListRequest { class FileListRequest {
path: string; path: string;
entries: FileEntry[]; entries: FileEntry[];
callback: (entries: FileEntry[]) => void; callback: (entries: FileEntry[]) => void;
} }
export namespace transfer { namespace transfer {
export interface TransferKey { export interface TransferKey {
client_transfer_id: number; client_transfer_id: number;
server_transfer_id: number; server_transfer_id: number;
@ -157,7 +152,7 @@ class RequestFileUpload implements transfer.UploadTransfer {
} }
} }
class FileManager extends AbstractCommandHandler { class FileManager extends connection.AbstractCommandHandler {
handle: ConnectionHandler; handle: ConnectionHandler;
icons: IconManager; icons: IconManager;
avatars: AvatarManager; avatars: AvatarManager;
@ -196,7 +191,7 @@ class FileManager extends AbstractCommandHandler {
this.avatars = undefined; this.avatars = undefined;
} }
handle_command(command: ServerCommand): boolean { handle_command(command: connection.ServerCommand): boolean {
switch (command.command) { switch (command.command) {
case "notifyfilelist": case "notifyfilelist":
this.notifyFileList(command.arguments); this.notifyFileList(command.arguments);

8
shared/js/MessageFormatter.ts
View file

@ -1,10 +1,4 @@
import {Settings, settings} from "./settings"; namespace messages.formatter {
import {contextmenu} from "./ui/elements/context_menu";
import {image_preview} from "./ui/frames/image_preview";
import {guid} from "./crypto/uid";
declare const xbbcode;
export namespace messages.formatter {
export namespace bbcode { export namespace bbcode {
const sanitizer_escaped = (key: string) => "[-- sescaped: " + key + " --]"; const sanitizer_escaped = (key: string) => "[-- sescaped: " + key + " --]";
const sanitizer_escaped_regex = /\[-- sescaped: ([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}) --]/; const sanitizer_escaped_regex = /\[-- sescaped: ([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}) --]/;

4
shared/js/PPTListener.ts
View file

@ -1,4 +1,4 @@
export enum KeyCode { enum KeyCode {
KEY_CANCEL = 3, KEY_CANCEL = 3,
KEY_HELP = 6, KEY_HELP = 6,
KEY_BACK_SPACE = 8, KEY_BACK_SPACE = 8,
@ -118,7 +118,7 @@ export enum KeyCode {
KEY_META = 224 KEY_META = 224
} }
export namespace ppt { namespace ppt {
export enum EventType { export enum EventType {
KEY_PRESS, KEY_PRESS,
KEY_RELEASE, KEY_RELEASE,

12
shared/js/bookmarks.ts
View file

@ -1,6 +1,14 @@
import {profiles} from "./profiles/ConnectionProfile"; namespace bookmarks {
function guid() {
function s4() {
return Math
.floor((1 + Math.random()) * 0x10000)
.toString(16)
.substring(1);
}
return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
}
export namespace bookmarks {
export const boorkmak_connect = (mark: Bookmark, new_tab?: boolean) => { export const boorkmak_connect = (mark: Bookmark, new_tab?: boolean) => {
const profile = profiles.find_profile(mark.connect_profile) || profiles.default_profile(); const profile = profiles.find_profile(mark.connect_profile) || profiles.default_profile();
if(profile.valid()) { if(profile.valid()) {

62
shared/js/connection/CommandHandler.ts
View file

@ -1,29 +1,8 @@
import {ConnectionHandler, DisconnectReason, ViewReasonId} from "../ConnectionHandler"; /// <reference path="ConnectionBase.ts" />
import {
AbstractCommandHandler, namespace connection {
AbstractCommandHandlerBoss,
AbstractServerConnection,
CommandOptions, ServerCommand
} from "./ConnectionBase";
import {CommandResult, ErrorID} from "./ServerConnectionDeclaration";
import {Sound} from "../sound/Sounds";
import {log, LogCategory} from "../log";
import {MessageHelper} from "../ui/frames/chat";
import {
ClientConnectionInfo,
ClientEntry,
ClientType,
LocalClientEntry,
MusicClientEntry, SongInfo
} from "../channel-tree/client";
import {ChannelEntry} from "../channel-tree/channel";
import {chat as pchat} from "../ui/frames/side/private_conversations";
import {Modals} from "../ui/modal/ModalPoke";
import {chat} from "../ui/frames/side/conversations";
import Conversation = chat.channel.Conversation; import Conversation = chat.channel.Conversation;
import {createErrorModal, createInfoModal, createInputModal, createModal} from "../ui/elements/modal"; import MusicInfo = chat.MusicInfo;
import {server_connections} from "../ui/frames/connection_handlers";
import {server} from "../ui/frames/server_log";
export class ServerConnectionCommandBoss extends AbstractCommandHandlerBoss { export class ServerConnectionCommandBoss extends AbstractCommandHandlerBoss {
constructor(connection: AbstractServerConnection) { constructor(connection: AbstractServerConnection) {
@ -86,7 +65,7 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
this["notifyplaylistsongloaded"] = this.handleNotifyPlaylistSongLoaded; this["notifyplaylistsongloaded"] = this.handleNotifyPlaylistSongLoaded;
} }
private loggable_invoker(unique_id, client_id, name) : server.base.Client | undefined { private loggable_invoker(unique_id, client_id, name) : log.server.base.Client | undefined {
const id = parseInt(client_id); const id = parseInt(client_id);
if(typeof(client_id) === "undefined" || Number.isNaN(id)) if(typeof(client_id) === "undefined" || Number.isNaN(id))
return undefined; return undefined;
@ -105,7 +84,7 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
}; };
} }
proxy_command_promise(promise: Promise<CommandResult>, options: CommandOptions) { proxy_command_promise(promise: Promise<CommandResult>, options: connection.CommandOptions) {
if(!options.process_result) if(!options.process_result)
return promise; return promise;
@ -117,18 +96,18 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
if(res.id == ErrorID.PERMISSION_ERROR) { //Permission error if(res.id == ErrorID.PERMISSION_ERROR) { //Permission error
const permission = this.connection_handler.permissions.resolveInfo(res.json["failed_permid"] as number); const permission = this.connection_handler.permissions.resolveInfo(res.json["failed_permid"] as number);
res.message = tr("Insufficient client permissions. Failed on permission ") + (permission ? permission.name : "unknown"); res.message = tr("Insufficient client permissions. Failed on permission ") + (permission ? permission.name : "unknown");
this.connection_handler.log.log(server.Type.ERROR_PERMISSION, { this.connection_handler.log.log(log.server.Type.ERROR_PERMISSION, {
permission: this.connection_handler.permissions.resolveInfo(res.json["failed_permid"] as number) permission: this.connection_handler.permissions.resolveInfo(res.json["failed_permid"] as number)
}); });
this.connection_handler.sound.play(Sound.ERROR_INSUFFICIENT_PERMISSIONS); this.connection_handler.sound.play(Sound.ERROR_INSUFFICIENT_PERMISSIONS);
} else if(res.id != ErrorID.EMPTY_RESULT) { } else if(res.id != ErrorID.EMPTY_RESULT) {
this.connection_handler.log.log(server.Type.ERROR_CUSTOM, { this.connection_handler.log.log(log.server.Type.ERROR_CUSTOM, {
message: res.extra_message.length == 0 ? res.message : res.extra_message message: res.extra_message.length == 0 ? res.message : res.extra_message
}); });
} }
} }
} else if(typeof(ex) === "string") { } else if(typeof(ex) === "string") {
this.connection_handler.log.log(server.Type.CONNECTION_COMMAND_ERROR, {error: ex}); this.connection_handler.log.log(log.server.Type.CONNECTION_COMMAND_ERROR, {error: ex});
} else { } else {
log.error(LogCategory.NETWORKING, tr("Invalid promise result type: %s. Result: %o"), typeof (ex), ex); log.error(LogCategory.NETWORKING, tr("Invalid promise result type: %s. Result: %o"), typeof (ex), ex);
} }
@ -211,7 +190,7 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
if(properties.virtualserver_hostmessage_mode > 0) { if(properties.virtualserver_hostmessage_mode > 0) {
if(properties.virtualserver_hostmessage_mode == 1) { if(properties.virtualserver_hostmessage_mode == 1) {
/* show in log */ /* show in log */
this.connection_handler.log.log(server.Type.SERVER_HOST_MESSAGE, { this.connection_handler.log.log(log.server.Type.SERVER_HOST_MESSAGE, {
message: properties.virtualserver_hostmessage message: properties.virtualserver_hostmessage
}); });
} else { } else {
@ -225,7 +204,7 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
if(properties.virtualserver_hostmessage_mode == 3) { if(properties.virtualserver_hostmessage_mode == 3) {
/* first let the client initialize his stuff */ /* first let the client initialize his stuff */
setTimeout(() => { setTimeout(() => {
this.connection_handler.log.log(server.Type.SERVER_HOST_MESSAGE_DISCONNECT, { this.connection_handler.log.log(log.server.Type.SERVER_HOST_MESSAGE_DISCONNECT, {
message: properties.virtualserver_welcomemessage message: properties.virtualserver_welcomemessage
}); });
@ -239,7 +218,7 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
/* welcome message */ /* welcome message */
if(properties.virtualserver_welcomemessage) { if(properties.virtualserver_welcomemessage) {
this.connection_handler.log.log(server.Type.SERVER_WELCOME_MESSAGE, { this.connection_handler.log.log(log.server.Type.SERVER_WELCOME_MESSAGE, {
message: properties.virtualserver_welcomemessage message: properties.virtualserver_welcomemessage
}); });
} }
@ -261,7 +240,7 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
}, { field_placeholder: 'Enter Privilege Key' }).open(); }, { field_placeholder: 'Enter Privilege Key' }).open();
} }
this.connection_handler.log.log(server.Type.CONNECTION_CONNECTED, { this.connection_handler.log.log(log.server.Type.CONNECTION_CONNECTED, {
own_client: this.connection_handler.getClient().log_data() own_client: this.connection_handler.getClient().log_data()
}); });
this.connection_handler.sound.play(Sound.CONNECTION_CONNECTED); this.connection_handler.sound.play(Sound.CONNECTION_CONNECTED);
@ -435,7 +414,7 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
if(this.connection_handler.client_status.queries_visible || client.properties.client_type != ClientType.CLIENT_QUERY) { if(this.connection_handler.client_status.queries_visible || client.properties.client_type != ClientType.CLIENT_QUERY) {
const own_channel = this.connection.client.getClient().currentChannel(); const own_channel = this.connection.client.getClient().currentChannel();
this.connection_handler.log.log(server.Type.CLIENT_VIEW_ENTER, { this.connection_handler.log.log(log.server.Type.CLIENT_VIEW_ENTER, {
channel_from: old_channel ? old_channel.log_data() : undefined, channel_from: old_channel ? old_channel.log_data() : undefined,
channel_to: channel ? channel.log_data() : undefined, channel_to: channel ? channel.log_data() : undefined,
client: client.log_data(), client: client.log_data(),
@ -542,7 +521,7 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
let channel_to = tree.findChannel(entry["ctid"]); let channel_to = tree.findChannel(entry["ctid"]);
const is_own_channel = channel_from == own_channel; const is_own_channel = channel_from == own_channel;
this.connection_handler.log.log(server.Type.CLIENT_VIEW_LEAVE, { this.connection_handler.log.log(log.server.Type.CLIENT_VIEW_LEAVE, {
channel_from: channel_from ? channel_from.log_data() : undefined, channel_from: channel_from ? channel_from.log_data() : undefined,
channel_to: channel_to ? channel_to.log_data() : undefined, channel_to: channel_to ? channel_to.log_data() : undefined,
client: client.log_data(), client: client.log_data(),
@ -585,7 +564,7 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
attach: false attach: false
}); });
if(conversation) { if(conversation) {
conversation.set_state(pchat.PrivateConversationState.DISCONNECTED); conversation.set_state(chat.PrivateConversationState.DISCONNECTED);
} }
} }
} }
@ -656,7 +635,7 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
} }
const own_channel = this.connection.client.getClient().currentChannel(); const own_channel = this.connection.client.getClient().currentChannel();
this.connection_handler.log.log(server.Type.CLIENT_VIEW_MOVE, { this.connection_handler.log.log(log.server.Type.CLIENT_VIEW_MOVE, {
channel_from: channel_from ? { channel_from: channel_from ? {
channel_id: channel_from.channelId, channel_id: channel_from.channelId,
channel_name: channel_from.channelName() channel_name: channel_from.channelName()
@ -771,7 +750,7 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
const target_own = target_client_id === this.connection.client.getClientId(); const target_own = target_client_id === this.connection.client.getClientId();
if(target_own && target_client_id === json["invokerid"]) { if(target_own && target_client_id === json["invokerid"]) {
log.error(LogCategory.NETWORKING, tr("Received conversation message from invalid client id. Data: %o"), json); log.error(LogCategory.NETWORKING, tr("Received conversation message from invalid client id. Data: %o", json));
return; return;
} }
@ -829,7 +808,7 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
if(conversation.is_unread() && channel) if(conversation.is_unread() && channel)
channel.flag_text_unread = true; channel.flag_text_unread = true;
} else if(mode == 3) { } else if(mode == 3) {
this.connection_handler.log.log(server.Type.GLOBAL_MESSAGE, { this.connection_handler.log.log(log.server.Type.GLOBAL_MESSAGE, {
message: json["msg"], message: json["msg"],
sender: { sender: {
client_unique_id: json["invokeruid"], client_unique_id: json["invokeruid"],
@ -892,7 +871,7 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
log.warn(LogCategory.GENERAL, tr("Received chat close for client, but we haven't a chat open.")); log.warn(LogCategory.GENERAL, tr("Received chat close for client, but we haven't a chat open."));
return; return;
} }
conversation.set_state(pchat.PrivateConversationState.CLOSED); conversation.set_state(chat.PrivateConversationState.CLOSED);
} }
handleNotifyClientUpdated(json) { handleNotifyClientUpdated(json) {
@ -1178,3 +1157,4 @@ export class ConnectionCommandHandler extends AbstractCommandHandler {
}); });
} }
} }
}

18
shared/js/connection/CommandHelper.ts
View file

@ -1,17 +1,4 @@
import { namespace connection {
ClientNameInfo,
CommandResult,
ErrorID,
Playlist, PlaylistInfo, PlaylistSong,
QueryList,
QueryListEntry, ServerGroupClient
} from "./ServerConnectionDeclaration";
import {ChannelEntry} from "../channel-tree/channel";
import {ChatType} from "../ui/frames/chat";
import {ClientEntry} from "../channel-tree/client";
import {AbstractCommandHandler, ServerCommand, SingleCommandHandler} from "./ConnectionBase";
import {log, LogCategory} from "../log";
export class CommandHelper extends AbstractCommandHandler { export class CommandHelper extends AbstractCommandHandler {
private _who_am_i: any; private _who_am_i: any;
private _awaiters_unique_ids: {[unique_id: string]:((resolved: ClientNameInfo) => any)[]} = {}; private _awaiters_unique_ids: {[unique_id: string]:((resolved: ClientNameInfo) => any)[]} = {};
@ -36,7 +23,7 @@ export class CommandHelper extends AbstractCommandHandler {
this._awaiters_unique_ids = undefined; this._awaiters_unique_ids = undefined;
} }
handle_command(command: ServerCommand): boolean { handle_command(command: connection.ServerCommand): boolean {
if(command.command == "notifyclientnamefromuid") if(command.command == "notifyclientnamefromuid")
this.handle_notifyclientnamefromuid(command.arguments); this.handle_notifyclientnamefromuid(command.arguments);
if(command.command == "notifyclientgetnamefromdbid") if(command.command == "notifyclientgetnamefromdbid")
@ -458,3 +445,4 @@ export class CommandHelper extends AbstractCommandHandler {
}); });
} }
} }
}

10
shared/js/connection/ConnectionBase.ts
View file

@ -1,11 +1,4 @@
import {ConnectionHandler, ConnectionState} from "../ConnectionHandler"; namespace connection {
import {ServerAddress} from "../channel-tree/server";
import {CommandResult} from "./ServerConnectionDeclaration";
import {RecorderProfile} from "../voice/RecorderProfile";
import {CommandHelper} from "./CommandHelper";
import {connection} from "./HandshakeHandler";
import HandshakeHandler = connection.HandshakeHandler;
export interface CommandOptions { export interface CommandOptions {
flagset?: string[]; /* default: [] */ flagset?: string[]; /* default: [] */
process_result?: boolean; /* default: true */ process_result?: boolean; /* default: true */
@ -220,3 +213,4 @@ export abstract class AbstractCommandHandlerBoss {
return flag_consumed; return flag_consumed;
} }
} }
}

19
shared/js/connection/HandshakeHandler.ts
View file

@ -1,15 +1,4 @@
import {AbstractServerConnection} from "./ConnectionBase"; namespace connection {
import {ConnectParameters, DisconnectReason} from "../ConnectionHandler";
import {profiles} from "../profiles/ConnectionProfile";
import {profiles as iprofiles} from "../profiles/Identity";
import {profiles as tiprofiles} from "../profiles/identities/TeamSpeakIdentity";
import {native_client} from "../main";
import {settings} from "../settings";
import {CommandResult} from "./ServerConnectionDeclaration";
export namespace connection {
import identities = iprofiles.identities;
export interface HandshakeIdentityHandler { export interface HandshakeIdentityHandler {
connection: AbstractServerConnection; connection: AbstractServerConnection;
@ -59,7 +48,7 @@ export namespace connection {
on_teamspeak() { on_teamspeak() {
const type = this.profile.selected_type(); const type = this.profile.selected_type();
if(type == identities.IdentitifyType.TEAMSPEAK) if(type == profiles.identities.IdentitifyType.TEAMSPEAK)
this.handshake_finished(); this.handshake_finished();
else { else {
@ -133,8 +122,8 @@ export namespace connection {
} }
/* required to keep compatibility */ /* required to keep compatibility */
if(this.profile.selected_type() === identities.IdentitifyType.TEAMSPEAK) { if(this.profile.selected_type() === profiles.identities.IdentitifyType.TEAMSPEAK) {
data["client_key_offset"] = (this.profile.selected_identity() as tiprofiles.identities.TeaSpeakIdentity).hash_number; data["client_key_offset"] = (this.profile.selected_identity() as profiles.identities.TeaSpeakIdentity).hash_number;
} }
this.connection.send_command("clientinit", data).catch(error => { this.connection.send_command("clientinit", data).catch(error => {

22
shared/js/connection/ServerConnectionDeclaration.ts
View file

@ -1,6 +1,4 @@
import {LaterPromise} from "../utils/helpers"; enum ErrorID {
export enum ErrorID {
NOT_IMPLEMENTED = 0x2, NOT_IMPLEMENTED = 0x2,
COMMAND_NOT_FOUND = 0x100, COMMAND_NOT_FOUND = 0x100,
@ -17,7 +15,7 @@ export enum ErrorID {
CONVERSATION_IS_PRIVATE = 0x2202 CONVERSATION_IS_PRIVATE = 0x2202
} }
export class CommandResult { class CommandResult {
success: boolean; success: boolean;
id: number; id: number;
message: string; message: string;
@ -37,39 +35,39 @@ export class CommandResult {
} }
} }
export interface ClientNameInfo { interface ClientNameInfo {
//cluid=tYzKUryn\/\/Y8VBMf8PHUT6B1eiE= name=Exp clname=Exp cldbid=9 //cluid=tYzKUryn\/\/Y8VBMf8PHUT6B1eiE= name=Exp clname=Exp cldbid=9
client_unique_id: string; client_unique_id: string;
client_nickname: string; client_nickname: string;
client_database_id: number; client_database_id: number;
} }
export interface ClientNameFromUid { interface ClientNameFromUid {
promise: LaterPromise<ClientNameInfo[]>, promise: LaterPromise<ClientNameInfo[]>,
keys: string[], keys: string[],
response: ClientNameInfo[] response: ClientNameInfo[]
} }
export interface ServerGroupClient { interface ServerGroupClient {
client_nickname: string; client_nickname: string;
client_unique_identifier: string; client_unique_identifier: string;
client_database_id: number; client_database_id: number;
} }
export interface QueryListEntry { interface QueryListEntry {
username: string; username: string;
unique_id: string; unique_id: string;
bounded_server: number; bounded_server: number;
} }
export interface QueryList { interface QueryList {
flag_own: boolean; flag_own: boolean;
flag_all: boolean; flag_all: boolean;
queries: QueryListEntry[]; queries: QueryListEntry[];
} }
export interface Playlist { interface Playlist {
playlist_id: number; playlist_id: number;
playlist_bot_id: number; playlist_bot_id: number;
playlist_title: string; playlist_title: string;
@ -85,7 +83,7 @@ export interface Playlist {
needed_power_song_remove: number; needed_power_song_remove: number;
} }
export interface PlaylistInfo { interface PlaylistInfo {
playlist_id: number, playlist_id: number,
playlist_title: string, playlist_title: string,
playlist_description: string, playlist_description: string,
@ -102,7 +100,7 @@ export interface PlaylistInfo {
playlist_max_songs: number playlist_max_songs: number
} }
export interface PlaylistSong { interface PlaylistSong {
song_id: number; song_id: number;
song_previous_song_id: number; song_previous_song_id: number;
song_invoker: string; song_invoker: string;

2
shared/js/crypto/asn1.ts
View file

@ -14,7 +14,7 @@
// ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF // ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
// OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. // OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
export namespace asn1 { namespace asn1 {
declare class Int10 { declare class Int10 {
constructor(value?: any); constructor(value?: any);

2
shared/js/crypto/crc32.ts
View file

@ -1,4 +1,4 @@
export class Crc32 { class Crc32 {
private static readonly lookup = [ private static readonly lookup = [
0x00000000, 0x77073096, 0xEE0E612C, 0x990951BA, 0x00000000, 0x77073096, 0xEE0E612C, 0x990951BA,
0x076DC419, 0x706AF48F, 0xE963A535, 0x9E6495A3, 0x076DC419, 0x706AF48F, 0xE963A535, 0x9E6495A3,

2
shared/js/crypto/hex.ts
View file

@ -1,4 +1,4 @@
export namespace hex { namespace hex {
export function encode(buffer) { export function encode(buffer) {
let hexCodes = []; let hexCodes = [];
let view = new DataView(buffer); let view = new DataView(buffer);

2
shared/js/crypto/sha.ts
View file

@ -10,7 +10,7 @@ interface Window {
} }
*/ */
export namespace sha { namespace sha {
/* /*
* [js-sha1]{@link https://github.com/emn178/js-sha1} * [js-sha1]{@link https://github.com/emn178/js-sha1}
* *

8
shared/js/crypto/uid.ts
View file

@ -1,8 +0,0 @@
export function guid() {
function s4() {
return Math.floor((1 + Math.random()) * 0x10000)
.toString(16)
.substring(1);
}
return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
}

2
shared/js/dns.ts
View file

@ -1,4 +1,4 @@
export namespace dns { namespace dns {
export interface AddressTarget { export interface AddressTarget {
target_ip: string; target_ip: string;
target_port?: number; target_port?: number;

6
shared/js/events.ts
View file

@ -1,8 +1,4 @@
import {guid} from "./crypto/uid"; namespace events {
import {PlaylistSong} from "./connection/ServerConnectionDeclaration";
import {MusicClientEntry, SongInfo} from "./channel-tree/client";
export namespace events {
export interface EventConvert<All> { export interface EventConvert<All> {
as<T extends keyof All>() : All[T]; as<T extends keyof All>() : All[T];
} }

3
shared/js/i18n/country.ts
View file

@ -1,4 +1,5 @@
export namespace i18n {
namespace i18n {
interface CountryInfo { interface CountryInfo {
name: string; name: string;
alpha_2: string; alpha_2: string;

15
shared/js/i18n/localize.ts
View file

@ -1,10 +1,13 @@
import {guid} from "../crypto/uid"; function guid() {
import {log, LogCategory} from "../log"; function s4() {
import {MessageHelper} from "../ui/frames/chat"; return Math.floor((1 + Math.random()) * 0x10000)
import {StaticSettings} from "../settings"; .toString(16)
import {createErrorModal} from "../ui/elements/modal"; .substring(1);
}
return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
}
export namespace i18n { namespace i18n {
export interface TranslationKey { export interface TranslationKey {
message: string; message: string;
line?: number; line?: number;

6
shared/js/log.ts
View file

@ -1,8 +1,6 @@
//Used by CertAccept popup //Used by CertAccept popup
import {settings} from "./settings"; enum LogCategory {
export enum LogCategory {
CHANNEL, CHANNEL,
CHANNEL_PROPERTIES, /* separating channel and channel properties because on channel init logging is a big bottleneck */ CHANNEL_PROPERTIES, /* separating channel and channel properties because on channel init logging is a big bottleneck */
CLIENT, CLIENT,
@ -21,7 +19,7 @@ export enum LogCategory {
DNS DNS
} }
export namespace log { namespace log {
export enum LogType { export enum LogType {
TRACE, TRACE,
DEBUG, DEBUG,

46
shared/js/main.ts
View file

@ -1,18 +1,19 @@
/// <reference path="ui/frames/chat.ts" />
/// <reference path="ui/modal/ModalConnect.ts" />
/// <reference path="ui/modal/ModalCreateChannel.ts" />
/// <reference path="ui/modal/ModalBanClient.ts" />
/// <reference path="ui/modal/ModalYesNo.ts" />
/// <reference path="ui/modal/ModalBanList.ts" />
/// <reference path="settings.ts" />
/// <reference path="log.ts" />
/// <reference path="PPTListener.ts" />
import spawnYesNo = Modals.spawnYesNo; import spawnYesNo = Modals.spawnYesNo;
import {ConnectionHandler} from "./ConnectionHandler";
import {bipc} from "./BrowserIPC";
import {log, LogCategory} from "./log";
import {profiles} from "./profiles/ConnectionProfile";
import {Modals} from "./ui/modal/ModalConnect";
import {settings, Settings} from "./settings";
import {i18n} from "./i18n/localize";
import {createInfoModal} from "./ui/elements/modal";
import {MessageHelper} from "./ui/frames/chat";
export const js_render = window.jsrender || $; const js_render = window.jsrender || $;
export const native_client = window.require !== undefined; const native_client = window.require !== undefined;
export function getUserMediaFunctionPromise() : (constraints: MediaStreamConstraints) => Promise<MediaStream> { function getUserMediaFunctionPromise() : (constraints: MediaStreamConstraints) => Promise<MediaStream> {
if('mediaDevices' in navigator && 'getUserMedia' in navigator.mediaDevices) if('mediaDevices' in navigator && 'getUserMedia' in navigator.mediaDevices)
return constraints => navigator.mediaDevices.getUserMedia(constraints); return constraints => navigator.mediaDevices.getUserMedia(constraints);
@ -23,12 +24,11 @@ export function getUserMediaFunctionPromise() : (constraints: MediaStreamConstra
return constraints => new Promise<MediaStream>((resolve, reject) => _callbacked_function(constraints, resolve, reject)); return constraints => new Promise<MediaStream>((resolve, reject) => _callbacked_function(constraints, resolve, reject));
} }
export interface Window { interface Window {
open_connected_question: () => Promise<boolean>; open_connected_question: () => Promise<boolean>;
} }
export declare const nodeRequire: typeof require; function setup_close() {
export function setup_close() {
window.onbeforeunload = event => { window.onbeforeunload = event => {
if(profiles.requires_save()) if(profiles.requires_save())
profiles.save(); profiles.save();
@ -50,7 +50,7 @@ export function setup_close() {
})); }));
const exit = () => { const exit = () => {
const {remote} = nodeRequire('electron'); const {remote} = require('electron');
remote.getCurrentWindow().close(); remote.getCurrentWindow().close();
}; };
@ -80,8 +80,8 @@ export function setup_close() {
}; };
} }
export declare function moment(...arguments) : any; declare function moment(...arguments) : any;
export function setup_jsrender() : boolean { function setup_jsrender() : boolean {
if(!js_render) { if(!js_render) {
loader.critical_error("Missing jsrender extension!"); loader.critical_error("Missing jsrender extension!");
return false; return false;
@ -115,7 +115,7 @@ export function setup_jsrender() : boolean {
return true; return true;
} }
export async function initialize() { async function initialize() {
Settings.initialize(); Settings.initialize();
try { try {
@ -129,7 +129,7 @@ export async function initialize() {
bipc.setup(); bipc.setup();
} }
export async function initialize_app() { async function initialize_app() {
try { //Initialize main template try { //Initialize main template
const main = $("#tmpl_main").renderTag({ const main = $("#tmpl_main").renderTag({
multi_session: !settings.static_global(Settings.KEY_DISABLE_MULTI_SESSION), multi_session: !settings.static_global(Settings.KEY_DISABLE_MULTI_SESSION),
@ -180,7 +180,7 @@ export async function initialize_app() {
setup_close(); setup_close();
} }
export function str2ab8(str) { function str2ab8(str) {
const buf = new ArrayBuffer(str.length); const buf = new ArrayBuffer(str.length);
const bufView = new Uint8Array(buf); const bufView = new Uint8Array(buf);
for (let i = 0, strLen = str.length; i < strLen; i++) { for (let i = 0, strLen = str.length; i < strLen; i++) {
@ -190,7 +190,7 @@ export function str2ab8(str) {
} }
/* FIXME Dont use atob, because it sucks for non UTF-8 tings */ /* FIXME Dont use atob, because it sucks for non UTF-8 tings */
export function arrayBufferBase64(base64: string) { function arrayBufferBase64(base64: string) {
base64 = atob(base64); base64 = atob(base64);
const buf = new ArrayBuffer(base64.length); const buf = new ArrayBuffer(base64.length);
const bufView = new Uint8Array(buf); const bufView = new Uint8Array(buf);
@ -200,7 +200,7 @@ export function arrayBufferBase64(base64: string) {
return buf; return buf;
} }
export function base64_encode_ab(source: ArrayBufferLike) { function base64_encode_ab(source: ArrayBufferLike) {
const encodings = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; const encodings = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
let base64 = ""; let base64 = "";

21
shared/js/permission/GroupManager.ts
View file

@ -1,24 +1,17 @@
/// <reference path="../connection/ConnectionBase.ts" /> /// <reference path="../connection/ConnectionBase.ts" />
import {LaterPromise} from "../utils/helpers"; enum GroupType {
import {PermissionManager, PermissionValue} from "./PermissionManager";
import {AbstractCommandHandler, ServerCommand} from "../connection/ConnectionBase";
import {ConnectionHandler} from "../ConnectionHandler";
import {log, LogCategory} from "../log";
import {CommandResult} from "../connection/ServerConnectionDeclaration";
export enum GroupType {
QUERY, QUERY,
TEMPLATE, TEMPLATE,
NORMAL NORMAL
} }
export enum GroupTarget { enum GroupTarget {
SERVER, SERVER,
CHANNEL CHANNEL
} }
export class GroupProperties { class GroupProperties {
iconid: number = 0; iconid: number = 0;
sortid: number = 0; sortid: number = 0;
@ -26,12 +19,12 @@ export class GroupProperties {
namemode: number = 0; namemode: number = 0;
} }
export class GroupPermissionRequest { class GroupPermissionRequest {
group_id: number; group_id: number;
promise: LaterPromise<PermissionValue[]>; promise: LaterPromise<PermissionValue[]>;
} }
export class Group { class Group {
properties: GroupProperties = new GroupProperties(); properties: GroupProperties = new GroupProperties();
readonly handle: GroupManager; readonly handle: GroupManager;
@ -70,7 +63,7 @@ export class Group {
} }
} }
export class GroupManager extends AbstractCommandHandler { class GroupManager extends connection.AbstractCommandHandler {
readonly handle: ConnectionHandler; readonly handle: ConnectionHandler;
serverGroups: Group[] = []; serverGroups: Group[] = [];
@ -90,7 +83,7 @@ export class GroupManager extends AbstractCommandHandler {
this.channelGroups = undefined; this.channelGroups = undefined;
} }
handle_command(command: ServerCommand): boolean { handle_command(command: connection.ServerCommand): boolean {
switch (command.command) { switch (command.command) {
case "notifyservergrouplist": case "notifyservergrouplist":
case "notifychannelgrouplist": case "notifychannelgrouplist":

27
shared/js/permission/PermissionManager.ts
View file

@ -2,14 +2,7 @@
/// <reference path="../connection/ConnectionBase.ts" /> /// <reference path="../connection/ConnectionBase.ts" />
/// <reference path="../i18n/localize.ts" /> /// <reference path="../i18n/localize.ts" />
import {ConnectionHandler} from "../ConnectionHandler"; enum PermissionType {
import {log, LogCategory} from "../log";
import {LaterPromise} from "../utils/helpers";
import {AbstractCommandHandler, ServerCommand} from "../connection/ConnectionBase";
import LogType = log.LogType;
import {CommandResult, ErrorID} from "../connection/ServerConnectionDeclaration";
export enum PermissionType {
B_SERVERINSTANCE_HELP_VIEW = "b_serverinstance_help_view", B_SERVERINSTANCE_HELP_VIEW = "b_serverinstance_help_view",
B_SERVERINSTANCE_VERSION_VIEW = "b_serverinstance_version_view", B_SERVERINSTANCE_VERSION_VIEW = "b_serverinstance_version_view",
B_SERVERINSTANCE_INFO_VIEW = "b_serverinstance_info_view", B_SERVERINSTANCE_INFO_VIEW = "b_serverinstance_info_view",
@ -359,7 +352,7 @@ export enum PermissionType {
I_FT_QUOTA_MB_UPLOAD_PER_CLIENT = "i_ft_quota_mb_upload_per_client" I_FT_QUOTA_MB_UPLOAD_PER_CLIENT = "i_ft_quota_mb_upload_per_client"
} }
export class PermissionInfo { class PermissionInfo {
name: string; name: string;
id: number; id: number;
description: string; description: string;
@ -370,21 +363,21 @@ export class PermissionInfo {
} }
} }
export class PermissionGroup { class PermissionGroup {
begin: number; begin: number;
end: number; end: number;
deep: number; deep: number;
name: string; name: string;
} }
export class GroupedPermissions { class GroupedPermissions {
group: PermissionGroup; group: PermissionGroup;
permissions: PermissionInfo[]; permissions: PermissionInfo[];
children: GroupedPermissions[]; children: GroupedPermissions[];
parent: GroupedPermissions; parent: GroupedPermissions;
} }
export class PermissionValue { class PermissionValue {
readonly type: PermissionInfo; readonly type: PermissionInfo;
value: number; value: number;
flag_skip: boolean; flag_skip: boolean;
@ -418,13 +411,13 @@ export class PermissionValue {
} }
} }
export class NeededPermissionValue extends PermissionValue { class NeededPermissionValue extends PermissionValue {
constructor(type, value) { constructor(type, value) {
super(type, value); super(type, value);
} }
} }
export namespace permissions { namespace permissions {
export type PermissionRequestKeys = { export type PermissionRequestKeys = {
client_id?: number; client_id?: number;
channel_id?: number; channel_id?: number;
@ -480,13 +473,13 @@ export namespace permissions {
} }
} }
export type RequestLists = type RequestLists =
"requests_channel_permissions" | "requests_channel_permissions" |
"requests_client_permissions" | "requests_client_permissions" |
"requests_client_channel_permissions" | "requests_client_channel_permissions" |
"requests_playlist_permissions" | "requests_playlist_permissions" |
"requests_playlist_client_permissions"; "requests_playlist_client_permissions";
export class PermissionManager extends AbstractCommandHandler { class PermissionManager extends connection.AbstractCommandHandler {
readonly handle: ConnectionHandler; readonly handle: ConnectionHandler;
permissionList: PermissionInfo[] = []; permissionList: PermissionInfo[] = [];
@ -610,7 +603,7 @@ export class PermissionManager extends AbstractCommandHandler {
this._cacheNeededPermissions = undefined; this._cacheNeededPermissions = undefined;
} }
handle_command(command: ServerCommand): boolean { handle_command(command: connection.ServerCommand): boolean {
switch (command.command) { switch (command.command) {
case "notifyclientneededpermissions": case "notifyclientneededpermissions":
this.onNeededPermissions(command.arguments); this.onNeededPermissions(command.arguments);

49
shared/js/profiles/ConnectionProfile.ts
View file

@ -1,14 +1,4 @@
import {MessageHelper} from "../ui/frames/chat"; namespace profiles {
import {createErrorModal} from "../ui/elements/modal";
import {guid} from "../crypto/uid";
import {decode_identity, IdentitifyType, Identity} from "./Identity";
import {static_forum_identity} from "./identities/TeaForumIdentity";
import {TeaSpeakIdentity} from "./identities/TeamSpeakIdentity";
import {AbstractServerConnection} from "../connection/ConnectionBase";
import {connection} from "../connection/HandshakeHandler";
import HandshakeIdentityHandler = connection.HandshakeIdentityHandler;
export class ConnectionProfile { export class ConnectionProfile {
id: string; id: string;
@ -17,7 +7,7 @@ export class ConnectionProfile {
default_password: string; default_password: string;
selected_identity_type: string = "unset"; selected_identity_type: string = "unset";
identities: { [key: string]: Identity } = {}; identities: { [key: string]: identities.Identity } = {};
constructor(id: string) { constructor(id: string) {
this.id = id; this.id = id;
@ -32,31 +22,31 @@ export class ConnectionProfile {
return name || "Another TeaSpeak user"; return name || "Another TeaSpeak user";
} }
selected_identity(current_type?: IdentitifyType): Identity { selected_identity(current_type?: identities.IdentitifyType): identities.Identity {
if (!current_type) if (!current_type)
current_type = this.selected_type(); current_type = this.selected_type();
if (current_type === undefined) if (current_type === undefined)
return undefined; return undefined;
if (current_type == IdentitifyType.TEAFORO) { if (current_type == identities.IdentitifyType.TEAFORO) {
return static_forum_identity(); return identities.static_forum_identity();
} else if (current_type == IdentitifyType.TEAMSPEAK || current_type == IdentitifyType.NICKNAME) { } else if (current_type == identities.IdentitifyType.TEAMSPEAK || current_type == identities.IdentitifyType.NICKNAME) {
return this.identities[IdentitifyType[current_type].toLowerCase()]; return this.identities[identities.IdentitifyType[current_type].toLowerCase()];
} }
return undefined; return undefined;
} }
selected_type?(): IdentitifyType { selected_type?(): identities.IdentitifyType {
return this.selected_identity_type ? IdentitifyType[this.selected_identity_type.toUpperCase()] : undefined; return this.selected_identity_type ? identities.IdentitifyType[this.selected_identity_type.toUpperCase()] : undefined;
} }
set_identity(type: IdentitifyType, identity: Identity) { set_identity(type: identities.IdentitifyType, identity: identities.Identity) {
this.identities[IdentitifyType[type].toLowerCase()] = identity; this.identities[identities.IdentitifyType[type].toLowerCase()] = identity;
} }
spawn_identity_handshake_handler?(connection: AbstractServerConnection): HandshakeIdentityHandler { spawn_identity_handshake_handler?(connection: connection.AbstractServerConnection): connection.HandshakeIdentityHandler {
const identity = this.selected_identity(); const identity = this.selected_identity();
if (!identity) if (!identity)
return undefined; return undefined;
@ -101,11 +91,11 @@ async function decode_profile(data): Promise<ConnectionProfile | string> {
if (data.identity_data) { if (data.identity_data) {
for (const key in data.identity_data) { for (const key in data.identity_data) {
const type = IdentitifyType[key.toUpperCase() as string]; const type = identities.IdentitifyType[key.toUpperCase() as string];
const _data = data.identity_data[key]; const _data = data.identity_data[key];
if (type == undefined) continue; if (type == undefined) continue;
const identity = await decode_identity(type, _data); const identity = await identities.decode_identity(type, _data);
if (identity == undefined) continue; if (identity == undefined) continue;
result.identities[key.toLowerCase()] = identity; result.identities[key.toLowerCase()] = identity;
@ -163,14 +153,14 @@ export async function load() {
/* generate default identity */ /* generate default identity */
try { try {
const identity = await TeaSpeakIdentity.generate_new(); const identity = await identities.TeaSpeakIdentity.generate_new();
let active = true; let active = true;
setTimeout(() => { setTimeout(() => {
active = false; active = false;
}, 1000); }, 1000);
await identity.improve_level(8, 1, () => active); await identity.improve_level(8, 1, () => active);
profile.set_identity(IdentitifyType.TEAMSPEAK, identity); profile.set_identity(identities.IdentitifyType.TEAMSPEAK, identity);
profile.selected_identity_type = IdentitifyType[IdentitifyType.TEAMSPEAK]; profile.selected_identity_type = identities.IdentitifyType[identities.IdentitifyType.TEAMSPEAK];
} catch (error) { } catch (error) {
createErrorModal(tr("Failed to generate default identity"), tr("Failed to generate default identity!<br>Please manually generate the identity within your settings => profiles")).open(); createErrorModal(tr("Failed to generate default identity"), tr("Failed to generate default identity!<br>Please manually generate the identity within your settings => profiles")).open();
} }
@ -182,8 +172,8 @@ export async function load() {
profile.default_username = ""; profile.default_username = "";
profile.profile_name = "TeaSpeak Forum profile"; profile.profile_name = "TeaSpeak Forum profile";
profile.set_identity(IdentitifyType.TEAFORO, static_forum_identity()); profile.set_identity(identities.IdentitifyType.TEAFORO, identities.static_forum_identity());
profile.selected_identity_type = IdentitifyType[IdentitifyType.TEAFORO]; profile.selected_identity_type = identities.IdentitifyType[identities.IdentitifyType.TEAFORO];
} }
save(); save();
@ -258,3 +248,4 @@ export function set_default_profile(profile: ConnectionProfile) {
export function delete_profile(profile: ConnectionProfile) { export function delete_profile(profile: ConnectionProfile) {
available_profiles.remove(profile); available_profiles.remove(profile);
} }
}

22
shared/js/profiles/Identity.ts
View file

@ -1,11 +1,4 @@
import {AbstractCommandHandler, AbstractServerConnection, ServerCommand} from "../connection/ConnectionBase"; namespace profiles.identities {
import {connection} from "../connection/HandshakeHandler";
import HandshakeIdentityHandler = connection.HandshakeIdentityHandler;
import {NameIdentity} from "./identities/NameIdentity";
import {TeaForumIdentity} from "./identities/TeaForumIdentity";
import {TeaSpeakIdentity} from "./identities/TeamSpeakIdentity";
export enum IdentitifyType { export enum IdentitifyType {
TEAFORO, TEAFORO,
TEAMSPEAK, TEAMSPEAK,
@ -22,7 +15,7 @@ export interface Identity {
encode?() : string; encode?() : string;
decode(data: string) : Promise<void>; decode(data: string) : Promise<void>;
spawn_identity_handshake_handler(connection: AbstractServerConnection) : HandshakeIdentityHandler; spawn_identity_handshake_handler(connection: connection.AbstractServerConnection) : connection.HandshakeIdentityHandler;
} }
export async function decode_identity(type: IdentitifyType, data: string) : Promise<Identity> { export async function decode_identity(type: IdentitifyType, data: string) : Promise<Identity> {
@ -68,16 +61,16 @@ export function create_identity(type: IdentitifyType) {
return identity; return identity;
} }
export class HandshakeCommandHandler<T extends AbstractHandshakeIdentityHandler> extends AbstractCommandHandler { export class HandshakeCommandHandler<T extends AbstractHandshakeIdentityHandler> extends connection.AbstractCommandHandler {
readonly handle: T; readonly handle: T;
constructor(connection: AbstractServerConnection, handle: T) { constructor(connection: connection.AbstractServerConnection, handle: T) {
super(connection); super(connection);
this.handle = handle; this.handle = handle;
} }
handle_command(command: ServerCommand): boolean { handle_command(command: connection.ServerCommand): boolean {
if($.isFunction(this[command.command])) if($.isFunction(this[command.command]))
this[command.command](command.arguments); this[command.command](command.arguments);
else if(command.command == "error") { else if(command.command == "error") {
@ -90,11 +83,11 @@ export class HandshakeCommandHandler<T extends AbstractHandshakeIdentityHandler>
} }
export abstract class AbstractHandshakeIdentityHandler implements connection.HandshakeIdentityHandler { export abstract class AbstractHandshakeIdentityHandler implements connection.HandshakeIdentityHandler {
connection: AbstractServerConnection; connection: connection.AbstractServerConnection;
protected callbacks: ((success: boolean, message?: string) => any)[] = []; protected callbacks: ((success: boolean, message?: string) => any)[] = [];
protected constructor(connection: AbstractServerConnection) { protected constructor(connection: connection.AbstractServerConnection) {
this.connection = connection; this.connection = connection;
} }
@ -114,3 +107,4 @@ export abstract class AbstractHandshakeIdentityHandler implements connection.Han
callback(false, message); callback(false, message);
} }
} }
}

14
shared/js/profiles/identities/NameIdentity.ts
View file

@ -1,16 +1,11 @@
import {CommandResult} from "../../connection/ServerConnectionDeclaration"; /// <reference path="../Identity.ts" />
import {log, LogCategory} from "../../log";
import {AbstractServerConnection} from "../../connection/ConnectionBase";
import {connection} from "../../connection/HandshakeHandler";
import HandshakeIdentityHandler = connection.HandshakeIdentityHandler;
import {AbstractHandshakeIdentityHandler, HandshakeCommandHandler, IdentitifyType, Identity} from "../Identity";
namespace profiles.identities {
class NameHandshakeHandler extends AbstractHandshakeIdentityHandler { class NameHandshakeHandler extends AbstractHandshakeIdentityHandler {
readonly identity: NameIdentity; readonly identity: NameIdentity;
handler: HandshakeCommandHandler<NameHandshakeHandler>; handler: HandshakeCommandHandler<NameHandshakeHandler>;
constructor(connection: AbstractServerConnection, identity: NameIdentity) { constructor(connection: connection.AbstractServerConnection, identity: profiles.identities.NameIdentity) {
super(connection); super(connection);
this.identity = identity; this.identity = identity;
@ -86,7 +81,8 @@ export class NameIdentity implements Identity {
}); });
} }
spawn_identity_handshake_handler(connection: AbstractServerConnection) : HandshakeIdentityHandler { spawn_identity_handshake_handler(connection: connection.AbstractServerConnection) : connection.HandshakeIdentityHandler {
return new NameHandshakeHandler(connection, this); return new NameHandshakeHandler(connection, this);
} }
} }
}

16
shared/js/profiles/identities/TeaForumIdentity.ts
View file

@ -1,16 +1,11 @@
import {AbstractServerConnection} from "../../connection/ConnectionBase"; /// <reference path="../Identity.ts" />
import {log, LogCategory} from "../../log";
import {CommandResult} from "../../connection/ServerConnectionDeclaration";
import {forum} from "./teaspeak-forum";
import {connection} from "../../connection/HandshakeHandler";
import HandshakeIdentityHandler = connection.HandshakeIdentityHandler;
import {AbstractHandshakeIdentityHandler, HandshakeCommandHandler, IdentitifyType, Identity} from "../Identity";
namespace profiles.identities {
class TeaForumHandshakeHandler extends AbstractHandshakeIdentityHandler { class TeaForumHandshakeHandler extends AbstractHandshakeIdentityHandler {
readonly identity: TeaForumIdentity; readonly identity: TeaForumIdentity;
handler: HandshakeCommandHandler<TeaForumHandshakeHandler>; handler: HandshakeCommandHandler<TeaForumHandshakeHandler>;
constructor(connection: AbstractServerConnection, identity: TeaForumIdentity) { constructor(connection: connection.AbstractServerConnection, identity: profiles.identities.TeaForumIdentity) {
super(connection); super(connection);
this.identity = identity; this.identity = identity;
this.handler = new HandshakeCommandHandler(connection, this); this.handler = new HandshakeCommandHandler(connection, this);
@ -85,7 +80,7 @@ export class TeaForumIdentity implements Identity {
}); });
} }
spawn_identity_handshake_handler(connection: AbstractServerConnection) : HandshakeIdentityHandler { spawn_identity_handshake_handler(connection: connection.AbstractServerConnection) : connection.HandshakeIdentityHandler {
return new TeaForumHandshakeHandler(connection, this); return new TeaForumHandshakeHandler(connection, this);
} }
@ -93,7 +88,7 @@ export class TeaForumIdentity implements Identity {
return this.identity_data ? this.identity_data.name() : undefined; return this.identity_data ? this.identity_data.name() : undefined;
} }
type(): IdentitifyType { type(): profiles.identities.IdentitifyType {
return IdentitifyType.TEAFORO; return IdentitifyType.TEAFORO;
} }
@ -124,3 +119,4 @@ export function valid_static_forum_identity() : boolean {
export function static_forum_identity() : TeaForumIdentity | undefined { export function static_forum_identity() : TeaForumIdentity | undefined {
return static_identity; return static_identity;
} }
}

17
shared/js/profiles/identities/TeamSpeakIdentity.ts
View file

@ -1,14 +1,6 @@
import {arrayBufferBase64, base64_encode_ab, str2ab8} from "../../main"; /// <reference path="../Identity.ts" />
import {sha} from "../../crypto/sha";
import {asn1} from "../../crypto/asn1";
import {AbstractServerConnection} from "../../connection/ConnectionBase";
import {log, LogCategory} from "../../log";
import {CommandResult} from "../../connection/ServerConnectionDeclaration";
import {settings} from "../../settings";
import {connection} from "../../connection/HandshakeHandler";
import HandshakeIdentityHandler = connection.HandshakeIdentityHandler;
import {AbstractHandshakeIdentityHandler, HandshakeCommandHandler, IdentitifyType, Identity} from "../Identity";
namespace profiles.identities {
export namespace CryptoHelper { export namespace CryptoHelper {
export function base64_url_encode(str){ export function base64_url_encode(str){
return str.replace(/\+/g, '-').replace(/\//g, '_').replace(/\=+$/, ''); return str.replace(/\+/g, '-').replace(/\//g, '_').replace(/\=+$/, '');
@ -222,7 +214,7 @@ class TeaSpeakHandshakeHandler extends AbstractHandshakeIdentityHandler {
identity: TeaSpeakIdentity; identity: TeaSpeakIdentity;
handler: HandshakeCommandHandler<TeaSpeakHandshakeHandler>; handler: HandshakeCommandHandler<TeaSpeakHandshakeHandler>;
constructor(connection: AbstractServerConnection, identity: TeaSpeakIdentity) { constructor(connection: connection.AbstractServerConnection, identity: TeaSpeakIdentity) {
super(connection); super(connection);
this.identity = identity; this.identity = identity;
this.handler = new HandshakeCommandHandler(connection, this); this.handler = new HandshakeCommandHandler(connection, this);
@ -872,7 +864,8 @@ export class TeaSpeakIdentity implements Identity {
return base64_encode_ab(buffer.subarray(0, index)); return base64_encode_ab(buffer.subarray(0, index));
} }
spawn_identity_handshake_handler(connection: AbstractServerConnection): HandshakeIdentityHandler { spawn_identity_handshake_handler(connection: connection.AbstractServerConnection): connection.HandshakeIdentityHandler {
return new TeaSpeakHandshakeHandler(connection, this); return new TeaSpeakHandshakeHandler(connection, this);
} }
} }
}

23
shared/js/profiles/identities/teaspeak-forum.ts
View file

@ -1,11 +1,8 @@
import {Settings, settings} from "../../settings"; interface Window {
import {update_forum} from "./TeaForumIdentity";
declare interface Window {
grecaptcha: GReCaptcha; grecaptcha: GReCaptcha;
} }
export interface GReCaptcha { interface GReCaptcha {
render(container: string | HTMLElement, parameters: { render(container: string | HTMLElement, parameters: {
sitekey: string; sitekey: string;
theme?: "dark" | "light"; theme?: "dark" | "light";
@ -21,10 +18,10 @@ export interface GReCaptcha {
reset(widget_id?: string); reset(widget_id?: string);
} }
export namespace forum { namespace forum {
export namespace gcaptcha { export namespace gcaptcha {
export async function initialize() { export async function initialize() {
if(typeof((window as any).grecaptcha) === "undefined") { if(typeof(window.grecaptcha) === "undefined") {
let script = document.createElement("script"); let script = document.createElement("script");
script.async = true; script.async = true;
@ -53,7 +50,7 @@ export namespace forum {
} }
} }
if(typeof((window as any).grecaptcha) === "undefined") if(typeof(window.grecaptcha) === "undefined")
throw tr("failed to load recaptcha"); throw tr("failed to load recaptcha");
} }
@ -65,9 +62,9 @@ export namespace forum {
throw tr("initialisation failed"); throw tr("initialisation failed");
} }
if(container.attr("captcha-uuid")) if(container.attr("captcha-uuid"))
(window as any).grecaptcha.reset(container.attr("captcha-uuid")); window.grecaptcha.reset(container.attr("captcha-uuid"));
else { else {
container.attr("captcha-uuid", (window as any).grecaptcha.render(container[0], { container.attr("captcha-uuid", window.grecaptcha.render(container[0], {
"sitekey": key, "sitekey": key,
callback: callback_data callback: callback_data
})); }));
@ -209,7 +206,7 @@ export namespace forum {
localStorage.setItem("teaspeak-forum-data", response["data"]); localStorage.setItem("teaspeak-forum-data", response["data"]);
localStorage.setItem("teaspeak-forum-sign", response["sign"]); localStorage.setItem("teaspeak-forum-sign", response["sign"]);
localStorage.setItem("teaspeak-forum-auth", response["auth-key"]); localStorage.setItem("teaspeak-forum-auth", response["auth-key"]);
update_forum(); profiles.identities.update_forum();
} catch(error) { } catch(error) {
console.error(tr("Failed to parse forum given data: %o"), error); console.error(tr("Failed to parse forum given data: %o"), error);
return { return {
@ -269,7 +266,7 @@ export namespace forum {
_data = new Data(_data.auth_key, response["data"], response["sign"]); _data = new Data(_data.auth_key, response["data"], response["sign"]);
localStorage.setItem("teaspeak-forum-data", response["data"]); localStorage.setItem("teaspeak-forum-data", response["data"]);
localStorage.setItem("teaspeak-forum-sign", response["sign"]); localStorage.setItem("teaspeak-forum-sign", response["sign"]);
update_forum(); profiles.identities.update_forum();
} catch(error) { } catch(error) {
console.error(tr("Failed to parse forum given data: %o"), error); console.error(tr("Failed to parse forum given data: %o"), error);
throw tr("failed to parse data"); throw tr("failed to parse data");
@ -323,7 +320,7 @@ export namespace forum {
localStorage.removeItem("teaspeak-forum-data"); localStorage.removeItem("teaspeak-forum-data");
localStorage.removeItem("teaspeak-forum-sign"); localStorage.removeItem("teaspeak-forum-sign");
localStorage.removeItem("teaspeak-forum-auth"); localStorage.removeItem("teaspeak-forum-auth");
update_forum(); profiles.identities.update_forum();
} }
loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, { loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {

2
shared/js/proto.ts
View file

@ -1,3 +1,5 @@
//Used by CertAccept popup
interface Array<T> { interface Array<T> {
remove(elem?: T): boolean; remove(elem?: T): boolean;
last?(): T; last?(): T;

15
shared/js/settings.ts
View file

@ -1,9 +1,6 @@
/// <reference path="ui/elements/modal.ts" /> /// <reference path="ui/elements/modal.ts" />
//Used by CertAccept popup //Used by CertAccept popup
import {log, LogCategory} from "./log";
import {createErrorModal} from "./ui/elements/modal";
if(typeof(customElements) !== "undefined") { if(typeof(customElements) !== "undefined") {
try { try {
class X_Properties extends HTMLElement {} class X_Properties extends HTMLElement {}
@ -17,7 +14,7 @@ if(typeof(customElements) !== "undefined") {
} }
/* T = value type */ /* T = value type */
export interface SettingsKey<T> { interface SettingsKey<T> {
key: string; key: string;
fallback_keys?: string | string[]; fallback_keys?: string | string[];
@ -28,7 +25,7 @@ export interface SettingsKey<T> {
require_restart?: boolean; require_restart?: boolean;
} }
export class SettingsBase { class SettingsBase {
protected static readonly UPDATE_DIRECT: boolean = true; protected static readonly UPDATE_DIRECT: boolean = true;
protected static transformStO?<T>(input?: string, _default?: T, default_type?: string) : T { protected static transformStO?<T>(input?: string, _default?: T, default_type?: string) : T {
@ -80,7 +77,7 @@ export class SettingsBase {
} }
} }
export class StaticSettings extends SettingsBase { class StaticSettings extends SettingsBase {
private static _instance: StaticSettings; private static _instance: StaticSettings;
static get instance() : StaticSettings { static get instance() : StaticSettings {
if(!this._instance) if(!this._instance)
@ -142,7 +139,7 @@ export class StaticSettings extends SettingsBase {
} }
} }
export class Settings extends StaticSettings { class Settings extends StaticSettings {
static readonly KEY_USER_IS_NEW: SettingsKey<boolean> = { static readonly KEY_USER_IS_NEW: SettingsKey<boolean> = {
key: 'user_is_new_user', key: 'user_is_new_user',
default_value: true default_value: true
@ -436,7 +433,7 @@ export class Settings extends StaticSettings {
} }
} }
export class ServerSettings extends SettingsBase { class ServerSettings extends SettingsBase {
private cacheServer = {}; private cacheServer = {};
private _server_unique_id: string; private _server_unique_id: string;
private _server_save_worker: NodeJS.Timer; private _server_save_worker: NodeJS.Timer;
@ -514,4 +511,4 @@ export class ServerSettings extends SettingsBase {
} }
} }
export let settings: Settings; let settings: Settings;

8
shared/js/sound/Sounds.ts
View file

@ -1,8 +1,4 @@
import {settings} from "../settings"; enum Sound {
import {log, LogCategory} from "../log";
import {ConnectionHandler} from "../ConnectionHandler";
export enum Sound {
SOUND_TEST = "sound.test", SOUND_TEST = "sound.test",
SOUND_EGG = "sound.egg", SOUND_EGG = "sound.egg",
@ -65,7 +61,7 @@ export enum Sound {
GROUP_CHANNEL_CHANGED_SELF = "group.channel.changed.self" GROUP_CHANNEL_CHANGED_SELF = "group.channel.changed.self"
} }
export namespace sound { namespace sound {
export interface SoundHandle { export interface SoundHandle {
key: string; key: string;
filename: string; filename: string;

4
shared/js/stats.ts
View file

@ -1,6 +1,4 @@
import {log, LogCategory} from "./log"; namespace stats {
export namespace stats {
const LOG_PREFIX = "[Statistics] "; const LOG_PREFIX = "[Statistics] ";
export enum CloseCodes { export enum CloseCodes {

81
shared/js/ui/channel-tree/channel.css
View file

@ -1,81 +0,0 @@
.channel-container {
display: flex;
flex-direction: column;
}
.channel-container .container-channel {
position: relative;
display: flex;
flex-direction: row;
justify-content: stretch;
width: 100%;
min-height: 16px;
align-items: center;
cursor: pointer;
}
.channel-container .container-channel .channel-type {
flex-grow: 0;
flex-shrink: 0;
margin-right: 2px;
}
.channel-container .container-channel .container-channel-name {
display: flex;
flex-direction: row;
flex-grow: 1;
flex-shrink: 1;
justify-content: left;
max-width: 100%;
/* important for the repetitive channel name! */
overflow-x: hidden;
height: 16px;
}
.channel-container .container-channel .container-channel-name.align-right {
justify-content: right;
}
.channel-container .container-channel .container-channel-name.align-center, .channel-container .container-channel .container-channel-name.align-repetitive {
justify-content: center;
}
.channel-container .container-channel .container-channel-name .channel-name {
align-self: center;
color: #828282;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.channel-container .container-channel .container-channel-name.align-repetitive .channel-name {
text-overflow: clip;
}
.channel-container .container-channel .icons {
display: flex;
flex-direction: row;
flex-grow: 0;
flex-shrink: 0;
}
.channel-container .container-channel.move-selected {
border-bottom: 1px solid black;
}
.channel-container .container-channel .show-channel-normal-only {
display: none;
}
.channel-container .container-channel .show-channel-normal-only.channel-normal {
display: block;
}
.channel-container .container-channel .icon_no_sound {
position: relative;
display: flex;
}
.channel-container .container-channel .icon_no_sound .background {
width: 10px;
height: 14px;
background: red;
position: absolute;
top: 1px;
left: 3px;
z-index: -1;
}
.channel-container .container-clients {
display: flex;
flex-direction: column;
}
/*# sourceMappingURL=channel.css.map */

1
shared/js/ui/channel-tree/channel.css.map
View file

@ -1 +0,0 @@
{"version":3,"sourceRoot":"","sources":["channel.scss","colors.scss"],"names":[],"mappings":"AAEA;EACI;EACA;;AAEA;EACI;EAEA;EACA;EACA;EAEA;EACA;EAEA;EACA;;AAEA;EACI;EACA;EAEA;;AAGJ;EACI;EACA;EAEA;EACA;EAEA;EAEA;AAAiB;EACjB;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA,OC/CW;EDiDX;EACA;EACA;EACA;;AAIA;EACI;;AAKZ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI;;AAIR;EACI;EACA;;AAEA;EACI;EACA;EAEA;EACA;EACA;EACA;EACA;;AAKZ;EACI;EACA","file":"channel.css"}

106
shared/js/ui/channel-tree/channel.scss
View file

@ -1,106 +0,0 @@
@import "colors";
.channel-container {
display: flex;
flex-direction: column;
.container-channel {
position: relative;
display: flex;
flex-direction: row;
justify-content: stretch;
width: 100%;
min-height: 16px;
align-items: center;
cursor: pointer;
.channel-type {
flex-grow: 0;
flex-shrink: 0;
margin-right: 2px;
}
.container-channel-name {
display: flex;
flex-direction: row;
flex-grow: 1;
flex-shrink: 1;
justify-content: left;
max-width: 100%; /* important for the repetitive channel name! */
overflow-x: hidden;
height: 16px;
&.align-right {
justify-content: right;
}
&.align-center, &.align-repetitive {
justify-content: center;
}
.channel-name {
align-self: center;
color: $channel-tree-entry-color;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
&.align-repetitive {
.channel-name {
text-overflow: clip;
}
}
}
.icons {
display: flex;
flex-direction: row;
flex-grow: 0;
flex-shrink: 0;
}
&.move-selected {
border-bottom: 1px solid black;
}
.show-channel-normal-only {
display: none;
&.channel-normal {
display: block;
}
}
.icon_no_sound {
position: relative;
display: flex;
.background {
width: 10px;
height: 14px;
background: red;
position: absolute;
top: 1px;
left: 3px;
z-index: -1;
}
}
}
.container-clients {
display: flex;
flex-direction: column;
}
}

120
shared/js/ui/channel-tree/channel.tsx
View file

@ -1,120 +0,0 @@
import * as React from "react";
import {ChannelEntry} from "../../channel-tree/channel";
const cssChannel = require("./channel.scss");
const cssTree = require("./tree.scss");
class ChannelIcon extends React.Component<{ channel: ChannelEntry }, {}> {
channel_icon_classes() {
const class_list = [];
const channel = this.props.channel;
if(channel.formattedChannelName() !== channel.channelName())
return "channel-spacer";
let icon_color;
if(channel.properties.channel_flag_password && !channel.cached_password())
icon_color = "yellow";
else if(channel.properties.channel_flag_maxclients_unlimited && channel.clients().length >= channel.properties.channel_maxclients)
icon_color = "red";
else if(channel.properties.channel_flag_maxfamilyclients_unlimited && channel.clients(true).length >= channel.properties.channel_maxfamilyclients)
icon_color = "red";
else
icon_color = "green";
return "channel-normal client-channel_" + icon_color + (channel.flag_subscribed ? "_subscribed" : "");
}
render() {
return <div className={this.channel_icon_classes()} />;
}
}
class ChannelIcons extends React.Component<{channel: ChannelEntry}, {}> {
render_icon(target: HTMLDivElement) {
const props = this.props.channel.properties;
if(!props.channel_icon_id) return;
const tag = this.props.channel.channelTree.client.fileManager.icons.generateTag(props.channel_icon_id);
tag.appendTo($(target));
}
render() {
const icons = [];
const props = this.props.channel.properties;
if(props.channel_flag_default) {
icons.push(<div className={"show-channel-normal-only icon_entry icon_default icon client-channel_default"} title={tr("Default channel")} />);
}
if(props.channel_flag_password) {
icons.push(<div className={"show-channel-normal-only icon_entry icon_password icon client-register"} title={tr("The channel is password protected")} />);
}
if(props.channel_codec_quality > 4) {
icons.push(<div className={"show-channel-normal-only icon_entry icon_moderated icon client-moderated"} title={tr("Music quality")} />);
}
if(props.channel_needed_talk_power > 0) {
icons.push(<div className={"show-channel-normal-only icon_entry icon_moderated icon client-moderated"} title={tr("Channel is moderated")} />);
}
if(props.channel_icon_id != 0) {
icons.push(<div className={"show-channel-normal-only icon_entry channel_icon"} title={tr("Channel icon")} ref={e => this.render_icon(e) }/>)
}
if(!audio.codec.supported(props.channel_codec)) {
icons.push(<div className={cssChannel.icon_no_sound}>
<div className={cssChannel.background} />
<div className={"icon_entry icon client-conflict-icon"} title={tr("You don't support the channel codec")} />
</div>)
}
return (<div className={cssChannel.icons}>{icons}</div>);
}
}
class ChannelLine extends React.Component<{ channel: ChannelEntry }, {}> {
render() {
let depth = 1;
let parent = this.props.channel;
while((parent = parent.parent))
depth++;
//TODO: On handle spacer alignments in channel name!
return (
<div className={cssChannel.containerChannel}>
<div className={cssTree.markerTextUnread} />
<div className={cssTree.depthFiller} style={{ width: depth + "em" }} />
<ChannelIcon channel={this.props.channel} />
<div className={cssChannel.containerChannelName}>
<a className={cssChannel.channelName}>{this.props.channel.formattedChannelName()}</a>
</div>
<ChannelIcons channel={this.props.channel} />
</div>
);
}
}
class ChannelClientsView extends React.Component<{}, {}> {
}
class SubChannelView extends React.Component<{ channels: ChannelEntry[] }, {}> {
render() {
return this.props.channels.map(e => <ChannelLine channel={e} />);
}
}
export class Channel extends React.Component<{ channel: ChannelEntry }, {}> {
children: ChannelEntry[];
channel_entry() : ChannelEntry { return this.props.channel; }
render() {
return (
<div className={[cssTree.entry, cssChannel.channelContainer].join(" ")}>
<ChannelLine channel={this.props.channel} />
<ChannelClientsView />
<SubChannelView channels={[]} />
</div>
);
}
}

3
shared/js/ui/channel-tree/colors.css
View file

@ -1,3 +0,0 @@
/*# sourceMappingURL=colors.css.map */

1
shared/js/ui/channel-tree/colors.css.map
View file

@ -1 +0,0 @@
{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"colors.css"}

3
shared/js/ui/channel-tree/colors.scss
View file

@ -1,3 +0,0 @@
$channel-tree-new-message-color: #a814147F;
$channel-tree-entry-color: #828282;

38
shared/js/ui/channel-tree/tree.css
View file

@ -1,38 +0,0 @@
/* Some general browser helpers */
.tree-container .tree .entry .depth-filler {
font-size: 16px;
flex-shrink: 0;
flex-grow: 0;
}
.tree-container .marker-text-unread {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 1px;
background-color: #a814147F;
opacity: 1;
-moz-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
-webkit-transition: opacity 0.25s;
transition: opacity 0.25s;
}
.tree-container .marker-text-unread:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 24px;
background: -moz-linear-gradient(left, rgba(168, 20, 20, 0.18) 0%, rgba(168, 20, 20, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(168, 20, 20, 0.18) 0%, rgba(168, 20, 20, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(168, 20, 20, 0.18) 0%, rgba(168, 20, 20, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.tree-container .marker-text-unread.hidden {
opacity: 0;
}
/*# sourceMappingURL=tree.css.map */

1
shared/js/ui/channel-tree/tree.css.map
View file

@ -1 +0,0 @@
{"version":3,"sourceRoot":"","sources":["../../../css/static/mixin.scss","tree.scss"],"names":[],"mappings":"AAAA;ACQY;EACI;EAEA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EAEA;EACA;EAEA;EDvBP,iBC4CO;ED3CP,eC2CO;ED1CP,oBC0CO;EDzCP,YCyCO;;AAnBA;EACI;EACA;EAEA;EACA;EACA;EAEA;EAEA;AAAyF;EACzF;AAA2F;EAC3F;AAAuF;;AAG3F;EACI","file":"tree.css"}

50
shared/js/ui/channel-tree/tree.scss
View file

@ -1,50 +0,0 @@
@import "../../../css/static/mixin";
@import "../../../css/static/properties";
.tree-container {
.tree {
.entry {
.depth-filler {
font-size: 16px;
flex-shrink: 0;
flex-grow: 0;
}
}
}
.marker-text-unread {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 1px;
background-color: #a814147F;
opacity: 1;
&:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 24px;
background: -moz-linear-gradient(left, rgba(168,20,20,.18) 0%, rgba(168,20,20,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(168,20,20,.18) 0%,rgba(168,20,20,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(168,20,20,.18) 0%,rgba(168,20,20,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
&.hidden {
opacity: 0;
}
@include transition(opacity $button_hover_animation_time);
}
}

5
shared/js/ui/channel-tree/tree.tsx
View file

@ -1,5 +0,0 @@
import * as React from "react";
export class TreeView {
}

13
shared/js/channel-tree/channel.ts → shared/js/ui/channel.ts
View file

@ -1,15 +1,12 @@
/// <reference path="view.ts" /> /// <reference path="view.ts" />
/// <reference path="../utils/helpers.ts" /> /// <reference path="../utils/helpers.ts" />
import {ChannelTree} from "./view"; enum ChannelType {
import {ClientEntry} from "./client";
export enum ChannelType {
PERMANENT, PERMANENT,
SEMI_PERMANENT, SEMI_PERMANENT,
TEMPORARY TEMPORARY
} }
export namespace ChannelType { namespace ChannelType {
export function normalize(mode: ChannelType) { export function normalize(mode: ChannelType) {
let value: string = ChannelType[mode]; let value: string = ChannelType[mode];
value = value.toLowerCase(); value = value.toLowerCase();
@ -17,13 +14,13 @@ export namespace ChannelType {
} }
} }
export enum ChannelSubscribeMode { enum ChannelSubscribeMode {
SUBSCRIBED, SUBSCRIBED,
UNSUBSCRIBED, UNSUBSCRIBED,
INHERITED INHERITED
} }
export class ChannelProperties { class ChannelProperties {
channel_order: number = 0; channel_order: number = 0;
channel_name: string = ""; channel_name: string = "";
channel_name_phonetic: string = ""; channel_name_phonetic: string = "";
@ -58,7 +55,7 @@ export class ChannelProperties {
channel_conversation_history_length: number = -1; channel_conversation_history_length: number = -1;
} }
export class ChannelEntry { class ChannelEntry {
channelTree: ChannelTree; channelTree: ChannelTree;
channelId: number; channelId: number;
parent?: ChannelEntry; parent?: ChannelEntry;

25
shared/js/channel-tree/client.ts → shared/js/ui/client.ts
View file

@ -1,11 +1,8 @@
/// <reference path="channel.ts" /> /// <reference path="channel.ts" />
/// <reference path="../ui/modal/ModalChangeVolume.ts" /> /// <reference path="modal/ModalChangeVolume.ts" />
/// <reference path="../ui/client_move.ts" /> /// <reference path="client_move.ts" />
import {ChannelEntry} from "./channel"; enum ClientType {
import {ChannelTree} from "./view";
export enum ClientType {
CLIENT_VOICE, CLIENT_VOICE,
CLIENT_QUERY, CLIENT_QUERY,
CLIENT_INTERNAL, CLIENT_INTERNAL,
@ -14,7 +11,7 @@ export enum ClientType {
CLIENT_UNDEFINED CLIENT_UNDEFINED
} }
export class ClientProperties { class ClientProperties {
client_type: ClientType = ClientType.CLIENT_VOICE; //TeamSpeaks type client_type: ClientType = ClientType.CLIENT_VOICE; //TeamSpeaks type
client_type_exact: ClientType = ClientType.CLIENT_VOICE; client_type_exact: ClientType = ClientType.CLIENT_VOICE;
@ -60,7 +57,7 @@ export class ClientProperties {
client_is_priority_speaker: boolean = false; client_is_priority_speaker: boolean = false;
} }
export class ClientConnectionInfo { class ClientConnectionInfo {
connection_bandwidth_received_last_minute_control: number = -1; connection_bandwidth_received_last_minute_control: number = -1;
connection_bandwidth_received_last_minute_keepalive: number = -1; connection_bandwidth_received_last_minute_keepalive: number = -1;
connection_bandwidth_received_last_minute_speech: number = -1; connection_bandwidth_received_last_minute_speech: number = -1;
@ -112,7 +109,7 @@ export class ClientConnectionInfo {
connection_client_port: number = -1; connection_client_port: number = -1;
} }
export class ClientEntry { class ClientEntry {
readonly events: events.Registry<events.channel_tree.client>; readonly events: events.Registry<events.channel_tree.client>;
protected _clientId: number; protected _clientId: number;
@ -1126,7 +1123,7 @@ export class ClientEntry {
} }
} }
export class LocalClientEntry extends ClientEntry { class LocalClientEntry extends ClientEntry {
handle: ConnectionHandler; handle: ConnectionHandler;
private renaming: boolean; private renaming: boolean;
@ -1235,7 +1232,7 @@ export class LocalClientEntry extends ClientEntry {
} }
} }
export class MusicClientProperties extends ClientProperties { class MusicClientProperties extends ClientProperties {
player_state: number = 0; player_state: number = 0;
player_volume: number = 0; player_volume: number = 0;
@ -1267,7 +1264,7 @@ export class MusicClientProperties extends ClientProperties {
} }
*/ */
export class SongInfo { class SongInfo {
song_id: number = 0; song_id: number = 0;
song_url: string = ""; song_url: string = "";
song_invoker: number = 0; song_invoker: number = 0;
@ -1280,7 +1277,7 @@ export class SongInfo {
song_length: number = 0; song_length: number = 0;
} }
export class MusicClientPlayerInfo extends SongInfo { class MusicClientPlayerInfo extends SongInfo {
bot_id: number = 0; bot_id: number = 0;
player_state: number = 0; player_state: number = 0;
@ -1293,7 +1290,7 @@ export class MusicClientPlayerInfo extends SongInfo {
player_description: string = ""; player_description: string = "";
} }
export class MusicClientEntry extends ClientEntry { class MusicClientEntry extends ClientEntry {
private _info_promise: Promise<MusicClientPlayerInfo>; private _info_promise: Promise<MusicClientPlayerInfo>;
private _info_promise_age: number = 0; private _info_promise_age: number = 0;
private _info_promise_resolve: any; private _info_promise_resolve: any;

4
shared/js/ui/client_move.ts
View file

@ -1,4 +1,6 @@
export class ClientMover { /// <reference path="client.ts" />
class ClientMover {
static readonly listener_root = $(document); static readonly listener_root = $(document);
static readonly move_element = $("#mouse-move"); static readonly move_element = $("#mouse-move");
readonly channel_tree: ChannelTree; readonly channel_tree: ChannelTree;

6
shared/js/ui/elements/context_divider.ts
View file

@ -1,14 +1,10 @@
import {settings} from "../../settings";
import {log, LogCategory} from "../../log";
declare const $: any;
interface JQuery<TElement = HTMLElement> { interface JQuery<TElement = HTMLElement> {
dividerfy() : this; dividerfy() : this;
} }
if(!$.fn.dividerfy) { if(!$.fn.dividerfy) {
$.fn.dividerfy = function<T extends HTMLElement>(this: JQuery<T>) : JQuery<T> { $.fn.dividerfy = function<T extends HTMLElement>(this: JQuery<T>) : JQuery<T> {
(this as any).find(".container-seperator").each(function (this: T) { this.find(".container-seperator").each(function (this: T) {
if(!this.previousElementSibling) return; if(!this.previousElementSibling) return;
if(!this.nextElementSibling) return; if(!this.nextElementSibling) return;

2
shared/js/ui/elements/context_menu.ts
View file

@ -1,4 +1,4 @@
export namespace contextmenu { namespace contextmenu {
export interface MenuEntry { export interface MenuEntry {
callback?: () => void; callback?: () => void;
type: MenuEntryType; type: MenuEntryType;

94
shared/js/ui/elements/modal.ts
View file

@ -1,13 +1,13 @@
import {KeyCode} from "../../PPTListener"; /// <reference path="../../PPTListener.ts" />
export enum ElementType { enum ElementType {
HEADER, HEADER,
BODY, BODY,
FOOTER FOOTER
} }
export type BodyCreator = (() => JQuery | JQuery[] | string) | string | JQuery | JQuery[]; type BodyCreator = (() => JQuery | JQuery[] | string) | string | JQuery | JQuery[];
export const ModalFunctions = { const ModalFunctions = {
divify: function (val: JQuery) { divify: function (val: JQuery) {
if(val.length > 1) if(val.length > 1)
return $.spawn("div").append(val); return $.spawn("div").append(val);
@ -54,7 +54,7 @@ export const ModalFunctions = {
} }
}; };
export class ModalProperties { class ModalProperties {
template?: string; template?: string;
header: BodyCreator = () => "HEADER"; header: BodyCreator = () => "HEADER";
body: BodyCreator = () => "BODY"; body: BodyCreator = () => "BODY";
@ -89,7 +89,7 @@ export class ModalProperties {
full_size?: boolean = false; full_size?: boolean = false;
} }
export namespace modal { namespace modal {
export function initialize_modals() { export function initialize_modals() {
register_global_events(); register_global_events();
} }
@ -184,7 +184,7 @@ let _global_modal_count = 0;
let _global_modal_last: HTMLElement; let _global_modal_last: HTMLElement;
let _global_modal_last_time: number; let _global_modal_last_time: number;
export class Modal { class Modal {
private _htmlTag: JQuery; private _htmlTag: JQuery;
properties: ModalProperties; properties: ModalProperties;
shown: boolean; shown: boolean;
@ -296,11 +296,11 @@ export class Modal {
} }
} }
export function createModal(data: ModalProperties | any) : Modal { function createModal(data: ModalProperties | any) : Modal {
return new Modal(ModalFunctions.warpProperties(data)); return new Modal(ModalFunctions.warpProperties(data));
} }
export class InputModalProperties extends ModalProperties { class InputModalProperties extends ModalProperties {
maxLength?: number; maxLength?: number;
field_title?: string; field_title?: string;
@ -310,7 +310,7 @@ export class InputModalProperties extends ModalProperties {
error_message?: string; error_message?: string;
} }
export function createInputModal(headMessage: BodyCreator, question: BodyCreator, validator: (input: string) => boolean, callback: (flag: boolean | string) => void, props: InputModalProperties | any = {}) : Modal { function createInputModal(headMessage: BodyCreator, question: BodyCreator, validator: (input: string) => boolean, callback: (flag: boolean | string) => void, props: InputModalProperties | any = {}) : Modal {
props = ModalFunctions.warpProperties(props); props = ModalFunctions.warpProperties(props);
props.template_properties || (props.template_properties = {}); props.template_properties || (props.template_properties = {});
props.template_properties.field_title = props.field_title; props.template_properties.field_title = props.field_title;
@ -370,7 +370,7 @@ export function createInputModal(headMessage: BodyCreator, question: BodyCreator
return modal; return modal;
} }
export function createErrorModal(header: BodyCreator, message: BodyCreator, props: ModalProperties | any = { footer: undefined }) { function createErrorModal(header: BodyCreator, message: BodyCreator, props: ModalProperties | any = { footer: undefined }) {
props = ModalFunctions.warpProperties(props); props = ModalFunctions.warpProperties(props);
(props.template_properties || (props.template_properties = {})).header_class = "modal-header-error"; (props.template_properties || (props.template_properties = {})).header_class = "modal-header-error";
@ -382,7 +382,7 @@ export function createErrorModal(header: BodyCreator, message: BodyCreator, prop
return modal; return modal;
} }
export function createInfoModal(header: BodyCreator, message: BodyCreator, props: ModalProperties | any = { footer: undefined }) { function createInfoModal(header: BodyCreator, message: BodyCreator, props: ModalProperties | any = { footer: undefined }) {
props = ModalFunctions.warpProperties(props); props = ModalFunctions.warpProperties(props);
(props.template_properties || (props.template_properties = {})).header_class = "modal-header-info"; (props.template_properties || (props.template_properties = {})).header_class = "modal-header-info";
@ -393,3 +393,73 @@ export function createInfoModal(header: BodyCreator, message: BodyCreator, props
modal.htmlTag.find(".modal-body").addClass("modal-info"); modal.htmlTag.find(".modal-body").addClass("modal-info");
return modal; return modal;
} }
/* extend jquery */
interface ModalElements {
header?: BodyCreator;
body?: BodyCreator;
footer?: BodyCreator;
}
interface JQuery<TElement = HTMLElement> {
modalize(entry_callback?: (header: JQuery, body: JQuery, footer: JQuery) => ModalElements | void, properties?: ModalProperties | any) : Modal;
}
$.fn.modalize = function (this: JQuery, entry_callback?: (header: JQuery, body: JQuery, footer: JQuery) => ModalElements | void, properties?: ModalProperties | any) : Modal {
properties = properties || {} as ModalProperties;
entry_callback = entry_callback || ((a,b,c) => undefined);
let tag_modal = this[0].tagName.toLowerCase() == "modal" ? this : undefined; /* TODO may throw exception? */
let tag_head = tag_modal ? tag_modal.find("modal-header") : ModalFunctions.jqueriefy(properties.header);
let tag_body = tag_modal ? tag_modal.find("modal-body") : this;
let tag_footer = tag_modal ? tag_modal.find("modal-footer") : ModalFunctions.jqueriefy(properties.footer);
const result = entry_callback(tag_head as any, tag_body, tag_footer as any) || {};
properties.header = result.header || tag_head;
properties.body = result.body || tag_body;
properties.footer = result.footer || tag_footer;
return createModal(properties);
};

2
shared/js/ui/elements/net_graph.ts
View file

@ -1,4 +1,4 @@
export namespace net.graph { namespace net.graph {
export type Entry = { export type Entry = {
timestamp: number; timestamp: number;

6
shared/js/ui/elements/slider.ts
View file

@ -1,4 +1,4 @@
export interface SliderOptions { interface SliderOptions {
min_value?: number; min_value?: number;
max_value?: number; max_value?: number;
initial_value?: number; initial_value?: number;
@ -8,11 +8,11 @@ export interface SliderOptions {
value_field?: JQuery | JQuery[]; value_field?: JQuery | JQuery[];
} }
export interface Slider { interface Slider {
value(value?: number) : number; value(value?: number) : number;
} }
export function sliderfy(slider: JQuery, options?: SliderOptions) : Slider { function sliderfy(slider: JQuery, options?: SliderOptions) : Slider {
options = Object.assign( { options = Object.assign( {
initial_value: 0, initial_value: 0,
min_value: 0, min_value: 0,

161
shared/js/ui/elements/tab.ts Normal file
View file

@ -0,0 +1,161 @@
/// <reference path="../../i18n/localize.ts" />
interface JQuery<TElement = HTMLElement> {
asTabWidget(copy?: boolean) : JQuery<TElement>;
tabify(copy?: boolean) : this;
changeElementType(type: string) : JQuery<TElement>;
}
if(typeof (customElements) !== "undefined") {
try {
class X_Tab extends HTMLElement {}
class X_Entry extends HTMLElement {}
class X_Tag extends HTMLElement {}
class X_Content extends HTMLElement {}
customElements.define('x-tab', X_Tab, { extends: 'div' });
customElements.define('x-entry', X_Entry, { extends: 'div' });
customElements.define('x-tag', X_Tag, { extends: 'div' });
customElements.define('x-content', X_Content, { extends: 'div' });
} catch(error) {
console.warn("failed to define costum elements");
}
} else {
console.warn(tr("Could not defied tab customElements!"));
}
var TabFunctions = {
tabify(template: JQuery, copy: boolean = true) : JQuery {
console.log("Tabify: copy=" + copy);
console.log(template);
let tag = $.spawn("div");
tag.addClass("tab");
let header = $.spawn("div");
header.addClass("tab-header");
let content = $.spawn("div");
content.addClass("tab-content");
content.append($.spawn("div").addClass("height-watcher"));
let silentContent = $.spawn("div");
silentContent.addClass("tab-content-invisible");
/* add some kind of min height */
const update_height = () => {
const height_watcher = tag.find("> .tab-content .height-watcher");
const entries: JQuery = tag.find("> .tab-content-invisible x-content, > .tab-content x-content");
console.error(entries);
let max_height = 0;
entries.each((_, _e) => {
const entry = $(_e);
const height = entry.visible_height();
if(height > max_height)
max_height = height;
});
height_watcher.css('min-height', max_height + "px");
tag.find(".window-resize-listener").trigger('resize');
};
template.find("x-entry").each( (_, _entry) => {
const entry = $(_entry);
const tag_header = $.spawn("div").addClass("entry");
const tag_content = copy ? entry.find("x-content").clone(true, true) : entry.find("x-content");
{
const header_tag = entry.find("x-tag");
const header_data = copy ? header_tag.contents().clone(true, true) : header_tag.contents();
if(header_tag.attr("x-entry-class"))
tag_header.addClass(header_tag.attr("x-entry-class"));
if(header_tag.attr("x-entry-id"))
tag_header.attr("x-id", header_tag.attr("x-entry-id"));
tag_header.append(header_data);
/* listener if the tab might got removed */
tag_header.addClass("window-resize-listener");
tag_header.on('resize', event => {
if(!tag_header.is(':visible') && tag_header.hasClass('selected')) {
let element = tag_header.next('.entry:visible');
if(element.length == 0)
element = tag_header.prev('.entry:visible');
if(element.length == 0) {
tag_header.removeClass("selected");
tag_content.hide();
} else {
element.first().trigger('click');
}
console.log("Next: %o", tag_header.next('.entry:visible'));
console.log("prev: %o", tag_header.prev('.entry:visible'));
}
});
}
content.append(tag_content.hide());
tag_header.on("click", () => {
if(tag_header.hasClass("selected")) return;
tag.find(".tab-header .selected").removeClass("selected");
tag_header.addClass("selected");
content.find("> x-content").hide();
/* don't show many nodes at once */
let entries = tag_content.find(".tab-show-partitional");
entries.hide();
const show_next = index => {
console.log("Show " + index);
if(index >= entries.length) return;
entries.eq(index).show();
setTimeout(show_next.bind(undefined, index + 1), 0);
};
show_next(0);
tag_content.trigger('show');
tag_content.show();
});
console.log(this);
header.append(tag_header);
});
setTimeout(() => header.find(".entry").first().trigger("click"), 0);
tag.append(header);
tag.append(content);
tag.append(silentContent);
tag.on('tab.resize', update_height);
return tag;
}
};
if(!$.fn.asTabWidget) {
$.fn.asTabWidget = function (copy?: boolean) : JQuery {
if($(this).prop("tagName") == "X-TAB")
return TabFunctions.tabify($(this), typeof(copy) === "boolean" ? copy : true);
else {
throw "Invalid tag! " + $(this).prop("tagName");
}
}
}
if(!$.fn.tabify) {
$.fn.tabify = function (this: JQuery, copy?: boolean) {
const wrapped_tag = $.spawn("div").append(this);
wrapped_tag.find("x-tab").each((_, _element) => {
const element = $(_element);
element.replaceWith(element.asTabWidget(copy));
});
return wrapped_tag.children();
}
}

4
shared/js/ui/elements/tooltip.ts
View file

@ -1,8 +1,8 @@
export function tooltip(entry: JQuery) { function tooltip(entry: JQuery) {
return tooltip.initialize(entry); return tooltip.initialize(entry);
} }
export namespace tooltip { namespace tooltip {
let _global_tooltip: JQuery; let _global_tooltip: JQuery;
export type Handle = { export type Handle = {
show(); show();

27
shared/js/ui/frames/ControlBar.ts
View file

@ -13,27 +13,12 @@
client_away_message Value: '' client_away_message Value: ''
*/ */
import {ConnectionHandler, DisconnectReason} from "../../ConnectionHandler"; let control_bar: ControlBar; /* global variable to access the control bar */
import {top_menu} from "./MenuBar";
import {Settings, settings} from "../../settings";
import {createErrorModal, createInfoModal, createInputModal} from "../elements/modal";
import {default_recorder} from "../../voice/RecorderProfile";
import {sound, Sound} from "../../sound/Sounds";
import {Modals} from "../modal/ModalConnect";
import {Modal as ModalsS} from "../modal/ModalSettings";
import {log} from "./server_log";
import {MessageHelper} from "./chat";
import {CommandResult} from "../../connection/ServerConnectionDeclaration";
import {PermissionType} from "../../permission/PermissionManager";
import {bookmarks} from "../../bookmarks";
import {contextmenu} from "../elements/context_menu";
export let control_bar: ControlBar; /* global variable to access the control bar */ type MicrophoneState = "disabled" | "muted" | "enabled";
type HeadphoneState = "muted" | "enabled";
export type MicrophoneState = "disabled" | "muted" | "enabled"; type AwayState = "away-global" | "away" | "online";
export type HeadphoneState = "muted" | "enabled"; class ControlBar {
export type AwayState = "away-global" | "away" | "online";
export class ControlBar {
private _button_away_active: AwayState; private _button_away_active: AwayState;
private _button_microphone: MicrophoneState; private _button_microphone: MicrophoneState;
private _button_speakers: HeadphoneState; private _button_speakers: HeadphoneState;
@ -436,7 +421,7 @@ export class ControlBar {
} }
private on_open_settings() { private on_open_settings() {
ModalsS.spawnSettingsModal(); Modals.spawnSettingsModal();
} }
private on_open_connect() { private on_open_connect() {

10
shared/js/ui/frames/MenuBar.ts
View file

@ -1,12 +1,4 @@
import {bookmarks} from "../../bookmarks"; namespace top_menu {
import {Modals} from "../modal/ModalBookmarks";
import {DisconnectReason} from "../../ConnectionHandler";
import {control_bar} from "./ControlBar";
import {createErrorModal} from "../elements/modal";
import {PermissionType} from "../../permission/PermissionManager";
import {Sound} from "../../sound/Sounds";
export namespace top_menu {
export interface HRItem { } export interface HRItem { }
export interface MenuItem { export interface MenuItem {

6
shared/js/ui/frames/chat.ts
View file

@ -1,6 +1,4 @@
import {log, LogCategory} from "../../log"; enum ChatType {
export enum ChatType {
GENERAL, GENERAL,
SERVER, SERVER,
CHANNEL, CHANNEL,
@ -8,7 +6,7 @@ export enum ChatType {
} }
declare const xbbcode: any; declare const xbbcode: any;
export namespace MessageHelper { namespace MessageHelper {
export function htmlEscape(message: string) : string[] { export function htmlEscape(message: string) : string[] {
const div = document.createElement('div'); const div = document.createElement('div');
div.innerText = message; div.innerText = message;

8
shared/js/ui/frames/chat_frame.ts
View file

@ -1,11 +1,5 @@
/* the bar on the right with the chats (Channel & Client) */ /* the bar on the right with the chats (Channel & Client) */
import {ChannelEntry} from "../../channel-tree/channel"; namespace chat {
import {Modals} from "../modal/ModalMusicManage";
import {MessageHelper} from "./chat";
import {ServerEntry} from "../../channel-tree/server";
import {ConnectionHandler} from "../../ConnectionHandler";
export namespace chat {
declare function setInterval(handler: TimerHandler, timeout?: number, ...arguments: any[]): number; declare function setInterval(handler: TimerHandler, timeout?: number, ...arguments: any[]): number;
declare function setTimeout(handler: TimerHandler, timeout?: number, ...arguments: any[]): number; declare function setTimeout(handler: TimerHandler, timeout?: number, ...arguments: any[]): number;

8
shared/js/ui/frames/connection_handlers.ts
View file

@ -1,11 +1,7 @@
import {ConnectionHandler, DisconnectReason} from "../../ConnectionHandler";
import {Settings, settings} from "../../settings";
import {control_bar} from "./ControlBar";
import {top_menu} from "./MenuBar";
export let server_connections: ServerConnectionManager; let server_connections: ServerConnectionManager;
export class ServerConnectionManager { class ServerConnectionManager {
private connection_handlers: ConnectionHandler[] = []; private connection_handlers: ConnectionHandler[] = [];
private active_handler: ConnectionHandler | undefined; private active_handler: ConnectionHandler | undefined;

6
shared/js/ui/frames/hostbanner.ts
View file

@ -1,8 +1,4 @@
import {ConnectionHandler} from "../../ConnectionHandler"; class Hostbanner {
import {Settings, settings} from "../../settings";
import {log, LogCategory} from "../../log";
export class Hostbanner {
readonly html_tag: JQuery<HTMLElement>; readonly html_tag: JQuery<HTMLElement>;
readonly client: ConnectionHandler; readonly client: ConnectionHandler;

2
shared/js/ui/frames/image_preview.ts
View file

@ -1,4 +1,4 @@
export namespace image_preview { namespace image_preview {
let preview_overlay: JQuery<HTMLDivElement>; let preview_overlay: JQuery<HTMLDivElement>;
let container_image: JQuery<HTMLDivElement>; let container_image: JQuery<HTMLDivElement>;
let button_open_in_browser: JQuery; let button_open_in_browser: JQuery;

15
shared/js/ui/frames/server_log.ts
View file

@ -1,9 +1,4 @@
import {ConnectionHandler, ViewReasonId} from "../../ConnectionHandler"; namespace log {
import {PermissionInfo} from "../../permission/PermissionManager";
import {htmltags} from "../htmltags";
import {MessageHelper} from "./chat";
import {i18n} from "../../i18n/localize";
export namespace server { export namespace server {
export enum Type { export enum Type {
CONNECTION_BEGIN = "connection_begin", CONNECTION_BEGIN = "connection_begin",
@ -370,13 +365,12 @@ export class ServerLog {
} }
} }
} }
}
/* impl of the parsers */ /* impl of the parsers */
namespace log {
export namespace server { export namespace server {
namespace impl { namespace impl {
import MessageBuilders = server.MessageBuilders;
import base = server.base;
import tra = i18n.tra;
const client_tag = (client: base.Client, braces?: boolean) => htmltags.generate_client_object({ const client_tag = (client: base.Client, braces?: boolean) => htmltags.generate_client_object({
client_unique_id: client.client_unique_id, client_unique_id: client.client_unique_id,
client_id: client.client_id, client_id: client.client_id,
@ -390,7 +384,7 @@ export namespace server {
add_braces: braces add_braces: braces
}); });
MessageBuilders["connection_begin"] = (data: server.event.ConnectBegin, options) => { MessageBuilders["connection_begin"] = (data: event.ConnectBegin, options) => {
return MessageHelper.formatMessage(tr("Connecting to {0}{1}"), data.address.server_hostname, data.address.server_port == 9987 ? "" : (":" + data.address.server_port)); return MessageHelper.formatMessage(tr("Connecting to {0}{1}"), data.address.server_hostname, data.address.server_port == 9987 ? "" : (":" + data.address.server_port));
}; };
@ -569,3 +563,4 @@ export namespace server {
}; };
} }
} }
}

2
shared/js/ui/frames/side/chat_box.ts
View file

@ -1,4 +1,4 @@
export namespace chat { namespace chat {
declare function setInterval(handler: TimerHandler, timeout?: number, ...arguments: any[]): number; declare function setInterval(handler: TimerHandler, timeout?: number, ...arguments: any[]): number;
declare function setTimeout(handler: TimerHandler, timeout?: number, ...arguments: any[]): number; declare function setTimeout(handler: TimerHandler, timeout?: number, ...arguments: any[]): number;

2
shared/js/ui/frames/side/chat_helper.ts
View file

@ -1,4 +1,4 @@
export namespace chat { namespace chat {
export namespace helpers { export namespace helpers {
//https://regex101.com/r/YQbfcX/2 //https://regex101.com/r/YQbfcX/2
//static readonly URL_REGEX = /^(?<hostname>([a-zA-Z0-9-]+\.)+[a-zA-Z0-9-]{2,63})(?:\/(?<path>(?:[^\s?]+)?)(?:\?(?<query>\S+))?)?$/gm; //static readonly URL_REGEX = /^(?<hostname>([a-zA-Z0-9-]+\.)+[a-zA-Z0-9-]{2,63})(?:\/(?<path>(?:[^\s?]+)?)(?:\?(?<query>\S+))?)?$/gm;

9
shared/js/ui/frames/side/client_info.ts
View file

@ -1,11 +1,4 @@
import {ClientEntry, LocalClientEntry} from "../../../channel-tree/client"; namespace chat {
import {Modals} from "../../modal/ModalClientInfo";
import {htmltags} from "../../htmltags";
import {image_preview} from "../image_preview";
import {i18n} from "../../../i18n/country";
import {GroupManager} from "../../../permission/GroupManager";
export namespace chat {
declare function setInterval(handler: TimerHandler, timeout?: number, ...arguments: any[]): number; declare function setInterval(handler: TimerHandler, timeout?: number, ...arguments: any[]): number;
declare function setTimeout(handler: TimerHandler, timeout?: number, ...arguments: any[]): number; declare function setTimeout(handler: TimerHandler, timeout?: number, ...arguments: any[]): number;

8
shared/js/ui/frames/side/conversations.ts
View file

@ -1,10 +1,4 @@
import {htmltags} from "../../htmltags"; namespace chat {
import {MessageHelper} from "../chat";
import {CommandResult, ErrorID} from "../../../connection/ServerConnectionDeclaration";
import {log, LogCategory} from "../../../log";
import {createErrorModal} from "../../elements/modal";
export namespace chat {
declare function setInterval(handler: TimerHandler, timeout?: number, ...arguments: any[]): number; declare function setInterval(handler: TimerHandler, timeout?: number, ...arguments: any[]): number;
declare function setTimeout(handler: TimerHandler, timeout?: number, ...arguments: any[]): number; declare function setTimeout(handler: TimerHandler, timeout?: number, ...arguments: any[]): number;

5
shared/js/ui/frames/side/music_info.ts
View file

@ -1,7 +1,6 @@
import {MusicClientEntry} from "../../../channel-tree/client"; namespace chat {
import {image_preview} from "../image_preview"; import PlayerState = connection.voice.PlayerState;
export namespace chat {
declare function setInterval(handler: TimerHandler, timeout?: number, ...arguments: any[]): number; declare function setInterval(handler: TimerHandler, timeout?: number, ...arguments: any[]): number;
declare function setTimeout(handler: TimerHandler, timeout?: number, ...arguments: any[]): number; declare function setTimeout(handler: TimerHandler, timeout?: number, ...arguments: any[]): number;

6
shared/js/ui/frames/side/private_conversations.ts
View file

@ -1,9 +1,5 @@
/* the bar on the right with the chats (Channel & Client) */ /* the bar on the right with the chats (Channel & Client) */
import {log, LogCategory} from "../../../log"; namespace chat {
import {htmltags} from "../../htmltags";
import {MessageHelper} from "../chat";
export namespace chat {
declare function setInterval(handler: TimerHandler, timeout?: number, ...arguments: any[]): number; declare function setInterval(handler: TimerHandler, timeout?: number, ...arguments: any[]): number;
declare function setTimeout(handler: TimerHandler, timeout?: number, ...arguments: any[]): number; declare function setTimeout(handler: TimerHandler, timeout?: number, ...arguments: any[]): number;

2
shared/js/ui/htmltags.ts
View file

@ -1,4 +1,4 @@
export namespace htmltags { namespace htmltags {
let mouse_coordinates: {x: number, y: number} = {x: 0, y: 0}; let mouse_coordinates: {x: number, y: number} = {x: 0, y: 0};
function initialize() { function initialize() {

6
shared/js/ui/modal/ModalAbout.ts
View file

@ -1,4 +1,8 @@
export namespace Modals { /// <reference path="../../ui/elements/modal.ts" />
/// <reference path="../../ConnectionHandler.ts" />
/// <reference path="../../proto.ts" />
namespace Modals {
function format_date(date: number) { function format_date(date: number) {
const d = new Date(date); const d = new Date(date);

6
shared/js/ui/modal/ModalAvatar.ts
View file

@ -1,4 +1,8 @@
export namespace Modals { /// <reference path="../../ui/elements/modal.ts" />
/// <reference path="../../ConnectionHandler.ts" />
/// <reference path="../../proto.ts" />
namespace Modals {
//TODO: Test if we could render this image and not only the browser by knowing the type. //TODO: Test if we could render this image and not only the browser by knowing the type.
export function spawnAvatarUpload(callback_data: (data: ArrayBuffer | undefined | null) => any) { export function spawnAvatarUpload(callback_data: (data: ArrayBuffer | undefined | null) => any) {
const modal = createModal({ const modal = createModal({

6
shared/js/ui/modal/ModalAvatarList.ts
View file

@ -1,4 +1,8 @@
export namespace Modals { /// <reference path="../../ui/elements/modal.ts" />
/// <reference path="../../ConnectionHandler.ts" />
/// <reference path="../../proto.ts" />
namespace Modals {
const avatar_to_uid = (id: string) => { const avatar_to_uid = (id: string) => {
const buffer = new Uint8Array(id.length / 2); const buffer = new Uint8Array(id.length / 2);
for(let index = 0; index < id.length; index += 2) { for(let index = 0; index < id.length; index += 2) {

5
shared/js/ui/modal/ModalBanClient.ts
View file

@ -1,3 +1,8 @@
/// <reference path="../../ui/elements/modal.ts" />
/// <reference path="../../ConnectionHandler.ts" />
/// <reference path="../../proto.ts" />
namespace Modals {
export type BanEntry = { export type BanEntry = {
name?: string; name?: string;
unique_id: string; unique_id: string;

7
shared/js/ui/modal/ModalBanList.ts
View file

@ -1,4 +1,9 @@
export namespace Modals { /// <reference path="../../ConnectionHandler.ts" />
/// <reference path="../../ui/elements/modal.ts" />
/// <reference path="../../i18n/localize.ts" />
/// <reference path="../../proto.ts" />
namespace Modals {
export function openBanList(client: ConnectionHandler) { export function openBanList(client: ConnectionHandler) {
let modal: Modal; let modal: Modal;

6
shared/js/ui/modal/ModalBookmarks.ts
View file

@ -1,4 +1,8 @@
export namespace Modals { /// <reference path="../../ui/elements/modal.ts" />
/// <reference path="../../ConnectionHandler.ts" />
/// <reference path="../../proto.ts" />
namespace Modals {
export function spawnBookmarkModal() { export function spawnBookmarkModal() {
let modal: Modal; let modal: Modal;
modal = createModal({ modal = createModal({

6
shared/js/ui/modal/ModalChangeLatency.ts
View file

@ -1,4 +1,8 @@
export namespace Modals { /// <reference path="../../ui/elements/modal.ts" />
/// <reference path="../../ConnectionHandler.ts" />
/// <reference path="../../proto.ts" />
namespace Modals {
let modal: Modal; let modal: Modal;
export function spawnChangeLatency(client: ClientEntry, current: connection.voice.LatencySettings, reset: () => connection.voice.LatencySettings, apply: (settings: connection.voice.LatencySettings) => any, callback_flush?: () => any) { export function spawnChangeLatency(client: ClientEntry, current: connection.voice.LatencySettings, reset: () => connection.voice.LatencySettings, apply: (settings: connection.voice.LatencySettings) => any, callback_flush?: () => any) {
if(modal) modal.close(); if(modal) modal.close();

6
shared/js/ui/modal/ModalChangeVolume.ts
View file

@ -1,4 +1,8 @@
export namespace Modals { /// <reference path="../../ui/elements/modal.ts" />
/// <reference path="../../ConnectionHandler.ts" />
/// <reference path="../../proto.ts" />
namespace Modals {
//TODO: Use the max limit! //TODO: Use the max limit!
let modal: Modal; let modal: Modal;

2
shared/js/ui/modal/ModalChannelInfo.ts
View file

@ -1,4 +1,4 @@
export namespace Modals { namespace Modals {
export function openChannelInfo(channel: ChannelEntry) { export function openChannelInfo(channel: ChannelEntry) {
let modal: Modal; let modal: Modal;

2
shared/js/ui/modal/ModalClientInfo.ts
View file

@ -1,4 +1,4 @@
export namespace Modals { namespace Modals {
type InfoUpdateCallback = (info: ClientConnectionInfo) => any; type InfoUpdateCallback = (info: ClientConnectionInfo) => any;
export function openClientInfo(client: ClientEntry) { export function openClientInfo(client: ClientEntry) {
let modal: Modal; let modal: Modal;

6
shared/js/ui/modal/ModalConnect.ts
View file

@ -1,5 +1,7 @@
/// <reference path="../../ui/elements/modal.ts" />
//FIXME: Move this shit out of this file! //FIXME: Move this shit out of this file!
export namespace connection_log { namespace connection_log {
//TODO: Save password data //TODO: Save password data
export type ConnectionData = { export type ConnectionData = {
name: string; name: string;
@ -89,7 +91,7 @@ export namespace connection_log {
}); });
} }
export namespace Modals { namespace Modals {
export function spawnConnectModal(options: { export function spawnConnectModal(options: {
default_connect_new_tab?: boolean /* default false */ default_connect_new_tab?: boolean /* default false */
}, defaultHost: { url: string, enforce: boolean} = { url: "ts.TeaSpeak.de", enforce: false}, connect_profile?: { profile: profiles.ConnectionProfile, enforce: boolean}) { }, defaultHost: { url: string, enforce: boolean} = { url: "ts.TeaSpeak.de", enforce: false}, connect_profile?: { profile: profiles.ConnectionProfile, enforce: boolean}) {

4
shared/js/ui/modal/ModalCreateChannel.ts
View file

@ -1,4 +1,6 @@
export namespace Modals { /// <reference path="../../ui/elements/modal.ts" />
namespace Modals {
export function createChannelModal(connection: ConnectionHandler, channel: ChannelEntry | undefined, parent: ChannelEntry | undefined, permissions: PermissionManager, callback: (properties?: ChannelProperties, permissions?: PermissionValue[]) => any) { export function createChannelModal(connection: ConnectionHandler, channel: ChannelEntry | undefined, parent: ChannelEntry | undefined, permissions: PermissionManager, callback: (properties?: ChannelProperties, permissions?: PermissionValue[]) => any) {
let properties: ChannelProperties = { } as ChannelProperties; //The changes properties let properties: ChannelProperties = { } as ChannelProperties; //The changes properties
const modal = createModal({ const modal = createModal({

2
shared/js/ui/modal/ModalGroupAssignment.ts
View file

@ -1,4 +1,4 @@
export namespace Modals { namespace Modals {
let current_modal: Modal; let current_modal: Modal;
export function createServerGroupAssignmentModal(client: ClientEntry, callback: (groups: number[], flag: boolean) => Promise<boolean>) { export function createServerGroupAssignmentModal(client: ClientEntry, callback: (groups: number[], flag: boolean) => Promise<boolean>) {
if(current_modal) if(current_modal)

6
shared/js/ui/modal/ModalIconSelect.ts
View file

@ -1,4 +1,8 @@
export namespace Modals { /// <reference path="../../ui/elements/modal.ts" />
/// <reference path="../../ConnectionHandler.ts" />
/// <reference path="../../proto.ts" />
namespace Modals {
export function spawnIconSelect(client: ConnectionHandler, callback_icon?: (id: number) => any, selected_icon?: number) { export function spawnIconSelect(client: ConnectionHandler, callback_icon?: (id: number) => any, selected_icon?: number) {
selected_icon = selected_icon || 0; selected_icon = selected_icon || 0;
let allow_manage = client.permissions.neededPermission(PermissionType.B_ICON_MANAGE).granted(1); let allow_manage = client.permissions.neededPermission(PermissionType.B_ICON_MANAGE).granted(1);

2
shared/js/ui/modal/ModalIdentity.ts
View file

@ -1,4 +1,4 @@
export namespace Modals { namespace Modals {
export function spawnTeamSpeakIdentityImprove(identity: profiles.identities.TeaSpeakIdentity, name: string): Modal { export function spawnTeamSpeakIdentityImprove(identity: profiles.identities.TeaSpeakIdentity, name: string): Modal {
let modal: Modal; let modal: Modal;
let elapsed_timer: NodeJS.Timer; let elapsed_timer: NodeJS.Timer;

6
shared/js/ui/modal/ModalInvite.ts
View file

@ -1,4 +1,8 @@
export namespace Modals { /// <reference path="../../ui/elements/modal.ts" />
/// <reference path="../../ConnectionHandler.ts" />
/// <reference path="../../proto.ts" />
namespace Modals {
type URLGeneratorSettings = { type URLGeneratorSettings = {
flag_direct: boolean, flag_direct: boolean,
flag_resolved: boolean flag_resolved: boolean

2
shared/js/ui/modal/ModalKeySelect.ts
View file

@ -1,4 +1,4 @@
export namespace Modals { namespace Modals {
export function spawnKeySelect(callback: (key?: ppt.KeyEvent) => void) { export function spawnKeySelect(callback: (key?: ppt.KeyEvent) => void) {
let modal = createModal({ let modal = createModal({
header: tr("Select a key"), header: tr("Select a key"),

6
shared/js/ui/modal/ModalMusicManage.ts
View file

@ -1,4 +1,8 @@
export namespace Modals { /// <reference path="../../ui/elements/modal.ts" />
/// <reference path="../../ConnectionHandler.ts" />
/// <reference path="../../proto.ts" />
namespace Modals {
export function openMusicManage(client: ConnectionHandler, bot: MusicClientEntry) { export function openMusicManage(client: ConnectionHandler, bot: MusicClientEntry) {
const ev_registry = new events.Registry<events.modal.music_manage>(); const ev_registry = new events.Registry<events.modal.music_manage>();
ev_registry.enable_debug("music-manage"); ev_registry.enable_debug("music-manage");

6
shared/js/ui/modal/ModalNewcomer.ts
View file

@ -1,4 +1,8 @@
export namespace Modals { /// <reference path="../../ui/elements/modal.ts" />
/// <reference path="../../ConnectionHandler.ts" />
/// <reference path="../../proto.ts" />
namespace Modals {
const next_step: {[key: string]:string} = { const next_step: {[key: string]:string} = {
"welcome": "microphone", "welcome": "microphone",
//"microphone": app.is_web() ? "identity" : "speaker", /* speaker setup only for the native client! */ //"microphone": app.is_web() ? "identity" : "speaker", /* speaker setup only for the native client! */

6
shared/js/ui/modal/ModalPlaylistEdit.ts
View file

@ -1,4 +1,8 @@
export namespace Modals { /// <reference path="../../ui/elements/modal.ts" />
/// <reference path="../../ConnectionHandler.ts" />
/// <reference path="../../proto.ts" />
namespace Modals {
export function spawnPlaylistSongInfo(song: PlaylistSong) { export function spawnPlaylistSongInfo(song: PlaylistSong) {
let modal: Modal; let modal: Modal;

7
shared/js/ui/modal/ModalPlaylistList.ts
View file

@ -1,4 +1,9 @@
export namespace Modals { /// <reference path="../../ui/elements/modal.ts" />
/// <reference path="../../i18n/localize.ts" />
/// <reference path="../../ConnectionHandler.ts" />
/// <reference path="../../proto.ts" />
namespace Modals {
export function spawnPlaylistManage(client: ConnectionHandler) { export function spawnPlaylistManage(client: ConnectionHandler) {
{ {
createErrorModal(tr("Not implemented"), tr("Playlist management hasn't yet been implemented")).open(); createErrorModal(tr("Not implemented"), tr("Playlist management hasn't yet been implemented")).open();

6
shared/js/ui/modal/ModalPoke.ts
View file

@ -1,4 +1,8 @@
export namespace Modals { /// <reference path="../../ui/elements/modal.ts" />
/// <reference path="../../ConnectionHandler.ts" />
/// <reference path="../../proto.ts" />
namespace Modals {
let global_modal: PokeModal; let global_modal: PokeModal;
interface ServerEntry { interface ServerEntry {

6
shared/js/ui/modal/ModalQuery.ts
View file

@ -1,4 +1,8 @@
export namespace Modals { /// <reference path="../../ui/elements/modal.ts" />
/// <reference path="../../ConnectionHandler.ts" />
/// <reference path="../../proto.ts" />
namespace Modals {
export function spawnQueryCreate(connection: ConnectionHandler, callback_created?: (user, pass) => any) { export function spawnQueryCreate(connection: ConnectionHandler, callback_created?: (user, pass) => any) {
let modal; let modal;
modal = createModal({ modal = createModal({

6
shared/js/ui/modal/ModalQueryManage.ts
View file

@ -1,4 +1,8 @@
export namespace Modals { /// <reference path="../../ui/elements/modal.ts" />
/// <reference path="../../ConnectionHandler.ts" />
/// <reference path="../../proto.ts" />
namespace Modals {
/* /*
export function spawnQueryManage(client: ConnectionHandler) { export function spawnQueryManage(client: ConnectionHandler) {
let modal: Modal; let modal: Modal;

2
shared/js/ui/modal/ModalServerEdit.ts
View file

@ -1,4 +1,4 @@
export namespace Modals { namespace Modals {
export function createServerModal(server: ServerEntry, callback: (properties?: ServerProperties) => Promise<void>) { export function createServerModal(server: ServerEntry, callback: (properties?: ServerProperties) => Promise<void>) {
const properties = Object.assign({}, server.properties); const properties = Object.assign({}, server.properties);

2
shared/js/ui/modal/ModalServerInfo.ts
View file

@ -1,4 +1,4 @@
export namespace Modals { namespace Modals {
export function openServerInfo(server: ServerEntry) { export function openServerInfo(server: ServerEntry) {
let modal: Modal; let modal: Modal;
let update_callbacks: ServerBandwidthInfoUpdateCallback[] = []; let update_callbacks: ServerBandwidthInfoUpdateCallback[] = [];

2
shared/js/ui/modal/ModalServerInfoBandwidth.ts
View file

@ -1,4 +1,4 @@
export namespace Modals { namespace Modals {
export enum RequestInfoStatus { export enum RequestInfoStatus {
SUCCESS, SUCCESS,
UNKNOWN, UNKNOWN,

2
shared/js/ui/modal/ModalSettings.ts
View file

@ -1,4 +1,4 @@
export namespace Modals { namespace Modals {
export function spawnSettingsModal(default_page?: string) : Modal { export function spawnSettingsModal(default_page?: string) : Modal {
let modal: Modal; let modal: Modal;
modal = createModal({ modal = createModal({

4
shared/js/ui/modal/ModalYesNo.ts
View file

@ -1,6 +1,6 @@
import {BodyCreator, ModalFunctions} from "../elements/modal"; /// <reference path="../../ui/elements/modal.ts" />
export namespace Modals { namespace Modals {
export function spawnYesNo(header: BodyCreator, body: BodyCreator, callback: (_: boolean) => any, properties?: { export function spawnYesNo(header: BodyCreator, body: BodyCreator, callback: (_: boolean) => any, properties?: {
text_yes?: string, text_yes?: string,
text_no?: string, text_no?: string,

4
shared/js/ui/modal/permission/CanvasPermissionEditor.ts
View file

@ -1,5 +1,7 @@
/// <reference path="./ModalPermissionEdit.ts" /> /* first needs the AbstractPermissionEdit */
/* Canvas Permission Editor */ /* Canvas Permission Editor */
export namespace pe { namespace pe {
namespace ui { namespace ui {
export namespace scheme { export namespace scheme {
export interface CheckBox { export interface CheckBox {

Some files were not shown because too many files have changed in this diff Show more