54 |
55 | case 17:
56 | return
9 |
{ this.props.functions.switchDialogState(0); }} style={{ opacity: 0.3 }}>
10 |
11 | {this.props.elements.getContextButton("Profile", (e) => { this.props.functions.setSelectedUser(user.id); this.props.functions.switchDialogState(5); })}
12 | {this.props.elements.getContextButton("Logout", (e) => { this.props.API.endpoints["logout"]({}); }, "var(--color8)")}
13 | {this.props.elements.getContextButton("Copy ID", (e) => { this.props.functions.copyID(this.props.state.session.userID); })}
14 |
15 |
9 |
{ this.props.functions.switchDialogState(0); }} style={{ opacity: 0.3 }}>
10 |
11 |
{ this.props.API.endpoints["updateStatus"]({ status: 1 }); this.props.functions.switchDialogState(-1); }}>
12 |
13 |
Online
14 |
15 |
{ this.props.API.endpoints["updateStatus"]({ status: 2 }); this.props.functions.switchDialogState(-1); }}>
16 |
17 |
Idle
18 |
19 |
{ this.props.API.endpoints["updateStatus"]({ status: 3 }); this.props.functions.switchDialogState(-1); }}>
20 |
21 |
Do not Disturb
22 |
23 |
{ this.props.API.endpoints["updateStatus"]({ status: 0 }); this.props.functions.switchDialogState(-1); }}>
24 |
25 |
Offline
26 |
27 |
{ this.props.functions.switchDialogState(23); }}>
28 |
29 |
{ user.customStatus === undefined ? "Change Status" : user.customStatus }
30 |
31 |
32 |
45 |
{ this.props.functions.switchDialogState(0) }}>
46 |
47 |
Add a friend-
48 |
51 |
Send request!
52 | {
53 | (this.getErrorText(this.state.friendRequestResult).length > 0 ?
54 |
55 | {this.getErrorText(this.state.friendRequestResult)}
56 |
57 | : "")
58 | }
59 |
60 |
59 |
60 |
{tip}
61 | {
62 | channel.description !== undefined ?
63 |
- {channel.description}
64 | : ""
65 | }
66 |
67 |
68 |
{ this.props.functions.switchDialogState(26); }}>
69 |
72 |
73 |
74 |
{ this.props.functions.switchDialogState(25); }}>
75 |
76 |
77 |
78 |
37 |
{ this.props.functions.switchDialogState(0); }} style={{ opacity: 0.3 }}>
38 |
39 | {
40 | channel.author.id === this.props.state.session.userID ?
41 |
42 | {this.props.elements.getContextButton("Edit Channel", (e) => { this.props.functions.switchDialogState(11); })}
43 | {channel.type === 2 ? this.props.elements.getContextButton("Add Friends", (e) => { this.props.functions.switchDialogState(12); }) : ""}
44 | {this.props.elements.getContextButton("Clone Channel", (e) => { this.handleClone(e); })}
45 | {this.props.elements.getContextButton("Delete Channel", (e) => { this.handleDelete(e); }, "var(--color8)")}
46 |
:
47 | ""
48 | }
49 | {this.props.elements.getContextButton("Copy ID", (e) => { this.props.functions.copyID(this.props.state.selectedChannel); })}
50 |
51 |
11 |
12 |
13 |
Copied {this.props.state.copiedID}!
14 |
15 |
16 |
60 |
{ this.props.functions.switchDialogState(0) }}>
61 |
62 |
Create new channel-
63 |
88 |
91 | {
92 | (this.getErrorText(this.state.channelCreationResult).length > 0 ?
93 |
94 | {this.getErrorText(this.state.channelCreationResult)}
95 |
96 | : "")
97 | }
98 |
99 |
76 |
{ this.props.functions.switchDialogState(0) }}>
77 |
78 |
Create new{this.props.type === 0 ? " server" : ""} emote-
79 |
89 |
92 | {
93 | (this.getErrorText(this.state.emoteCreationResult).length > 0 ?
94 |
95 | {this.getErrorText(this.state.emoteCreationResult)}
96 |
97 | : "")
98 | }
99 |
100 |
71 |
{ this.props.functions.switchDialogState(0) }}>
72 |
73 |
Create new server-
74 |
87 |
90 | {
91 | (this.getErrorText(this.state.serverCreationResult).length > 0 ?
92 |
93 | {this.getErrorText(this.state.serverCreationResult)}
94 |
95 | : "")
96 | }
97 |
98 |
18 |
{ this.props.functions.switchDialogState(0) }}>
19 |
20 |
21 |
22 |
23 |
24 |
25 |
36 |
{ this.props.functions.switchDialogState(0) }}>
37 |
38 |
Manage Account-
39 |
42 |
Edit!
43 | {
44 | (this.getErrorText(this.state.accountEditResult).length > 0 ?
45 |
46 | {this.getErrorText(this.state.accountEditResult)}
47 |
48 | : "")
49 | }
50 |
51 |
68 |
{ this.props.functions.switchDialogState(0) }}>
69 |
70 |
Edit channel-
71 |
87 |
90 | {
91 | (this.getErrorText(this.state.channelEditResult).length > 0 ?
92 |
93 | {this.getErrorText(this.state.channelEditResult)}
94 |
95 | : "")
96 | }
97 |
98 |
{ if(this.state.deletingEmotesEnabled) { this.props.API.endpoints["deleteEmote"]({ id: emote.id }); } }}>
122 |
123 | {this.state.deletingEmotesEnabled ?
124 |
127 | : ""}
128 |
:{emote.name}:
129 |
134 |
{ this.props.functions.switchDialogState(0) }}>
135 |
136 |
Edit server-
137 |
151 |
Server Emotes ({emotes.length})
152 |
153 | {emoteList}
154 |
{ this.props.functions.switchDialogState(21); }}>
155 | +
156 |
157 |
{ this.setState({ deletingEmotesEnabled: !this.state.deletingEmotesEnabled }) }}>
158 | -
159 |
160 |
161 |
Server Banner
162 |
177 |
180 | {
181 | (this.getErrorText(this.state.serverEditResult).length > 0 ?
182 |
183 | {this.getErrorText(this.state.serverEditResult)}
184 |
185 | : "")
186 | }
187 |
188 |
37 |
{ this.props.functions.switchDialogState(0) }}>
38 |
39 |
Password Recovery
40 | {this.state.state === 1 ?
41 |
42 |
45 |
Enter-
46 | {
47 | (this.getErrorText(this.state.passwordRecoveryResult).length > 0 ?
48 |
49 | {this.getErrorText(this.state.passwordRecoveryResult)}
50 |
51 | : "")
52 | }
53 |
54 | :
55 |
56 |
57 |
{ this.props.functions.switchDialogState(14); }}>To recover your account enter a code that was sent to your email-
58 |
59 |
{ this.setState({ state: 1 }) }}>I'm ready!
60 | {
61 | (this.getErrorText(this.state.passwordRecoveryResult).length > 0 ?
62 |
63 | {this.getErrorText(this.state.passwordRecoveryResult)}
64 |
65 | : "")
66 | }
67 |
68 | }
69 |
70 |
7 |
{ this.props.functions.switchDialogState(0) }}>
8 |
{ this.props.functions.switchDialogState(9); this.props.functions.setBox(e.pageX, e.pageY); e.preventDefault(); }}
11 | onClick={(e) => { this.props.functions.switchDialogState(8); e.preventDefault(); }}
12 | />
13 | {this.props.isMenuOpen === true ?
14 |
15 | {this.props.elements.getContextButton("Copy Link", (e) => { this.props.functions.copyID(this.props.state.fileEndpoint + "/" + this.props.state.selectedImage.name); })}
16 | {this.props.elements.getContextButton("Open Link", (e) => { window.open(this.props.state.fileEndpoint + "/" + this.props.state.selectedImage.name); })}
17 |
18 | : ""
19 | }
20 |
{ this.props.functions.setSelectedUser(friend.id); this.props.functions.setBox(e.pageX, e.pageY); this.props.functions.switchDialogState(6); e.preventDefault(); e.stopPropagation(); } }>
62 |
63 |
64 |
65 |
66 | {friend.username}
67 |
68 | {
69 | target.members.includes(friend.id) ?
70 |
Joined!
71 | : (this.state.pendingInvitations.includes(friend.id) ?
72 |
Invited!
:
73 |
{ this.inviteUser(target.id, friend.id, type); e.preventDefault(); } }>Invite
74 | )
75 | }
76 |
77 |
78 |
84 |
{ this.props.functions.switchDialogState(0) }}>
85 |
86 |
{type === 0 ? "> Add Friends-" : "> Invite Friends-"}
87 | {friendList}
88 |
89 |
72 |
73 |
74 |
75 |
76 |
77 |
Login
78 |
79 | {form}
80 |
83 |
84 |
{ this.props.functions.switchFormState(); }}>Register?
85 | {
86 | (this.getErrorText(this.state.loginResult).length > 0 ?
87 |
88 | {this.getErrorText(this.state.loginResult)}
89 |
90 | : (this.getSuccessText(this.state.loginResult).length > 0 ?
91 |
92 | {this.getSuccessText(this.state.loginResult)}
93 |
94 | :
95 | ""))
96 | }
97 |
98 |
99 |
32 |
{ this.props.functions.switchDialogState(0); }} style={{ opacity: 0.3 }}>
33 |
34 | {this.props.state.selectedMessage.author.id === this.props.state.session.userID ? this.props.elements.getContextButton("Delete", (e) => { this.handleDelete(e); }, "var(--color8)") : "" }
35 | {this.props.state.selectedMessage.author.id === this.props.state.session.userID ? this.props.elements.getContextButton("Edit", (e) => { this.handleEdit(e); }) : ""}
36 | {this.props.state.selectedMessage.file == null ? "" : this.props.elements.getContextButton("Copy link to file", (e) => { this.props.functions.copyID(this.props.state.fileEndpoint + "/" + this.props.state.selectedMessage.file.name); })}
37 | {this.props.state.selectedMessage.file == null ? "" : this.props.elements.getContextButton("Open link to file", (e) => { window.open(this.props.state.fileEndpoint + "/" + this.props.state.selectedMessage.file.name, -1); })}
38 | {this.props.elements.getContextButton("Copy ID", (e) => { this.props.functions.copyID(this.props.state.selectedMessage.id); })}
39 |
40 |
7 |
{ this.props.functions.switchDialogState(0) }}>
8 |
9 |
10 |
Pinned Messages
11 |
12 |
13 |
37 |
{ this.props.functions.switchDialogState(0); }} style={{ opacity: 0.3 }}>
38 |
39 | {this.props.elements.getContextButton("Profile", (e) => { this.props.functions.switchDialogState(5); })}
40 | {loggedUser.friends.includes(selectedUser.id) === true ? this.props.elements.getContextButton("Message", (e) => { this.dmUser(selectedUser.id); }) : ""}
41 | {selectedUser.id !== loggedUser.id && loggedUser.friends.includes(selectedUser.id) === false ? this.props.elements.getContextButton("Add Friend", (e) => { this.sendFriendRequest(selectedUser.id); }) : ""}
42 | {loggedUser.friends.includes(selectedUser.id) === true ? this.props.elements.getContextButton("Remove Friend", (e) => { this.removeFriend(selectedUser.id); }, "var(--color8)") : ""}
43 | {currentChannel !== undefined && currentChannel.type === 2 && currentChannel.author.id === loggedUser.id && selectedUser.id !== loggedUser.id ? this.props.elements.getContextButton("Remove from group", (e) => { this.removeFromDMChannel(currentChannel.id , selectedUser.id); }, "var(--color8)") : ""}
44 | {currentServer !== undefined && currentServer.author.id === loggedUser.id && selectedUser.id !== loggedUser.id ? this.props.elements.getContextButton("Kick from server", (e) => { this.removeFromServer(currentServer.id, selectedUser.id); }, "var(--color8)") : ""}
45 | {this.props.elements.getContextButton("Copy ID", (e) => { this.props.functions.copyID(selectedUser.id); })}
46 |
47 |
71 |
72 |
73 |
74 |
75 |
76 |
Register
77 |
78 | {form}
79 |
82 |
83 |
{ this.props.functions.switchFormState(); }}>Login?
84 | {
85 | (this.getErrorText(this.state.registerResult).length > 0 ?
86 |
87 | {this.getErrorText(this.state.registerResult)}
88 |
89 | : "")
90 | }
91 | {
92 | (this.getSuccessText(this.state.registerResult).length > 0 ?
93 |
94 | {this.getSuccessText(this.state.registerResult)}
95 |
96 | : "")
97 | }
98 |
99 |
100 |
14 | {messageHTML}
15 |
16 | )
17 | });
18 |
19 | return (
20 |
21 |
{ this.props.functions.switchDialogState(0); this.props.functions.setSearches(-1); }}>
22 |
23 |
24 |
Search:
25 |
{this.props.state.searchedTerm.length === 0 ? this.state.currentFace : this.props.state.searchedTerm}
26 |
in #{channel.name}
27 |
{this.props.state.searches === -1 ? "" : " (" + this.props.state.searches.length + ")"}
28 |
29 |
30 | {searches}
31 |
32 |
33 |
71 |
{ this.props.functions.switchDialogState(0) }}>
72 |
73 |
Server Discovery
74 |
85 |
86 |
25 |
{ this.props.functions.switchDialogState(0); }} style={{ opacity: 0.3 }}>
26 |
27 | {
28 | server.author.id === this.props.state.session.userID ?
29 |
30 | {this.props.elements.getContextButton("Edit Server", (e) => { this.props.functions.switchDialogState(18); })}
31 | {this.props.elements.getContextButton("Invite Friends", (e) => { this.props.functions.switchDialogState(12); })}
32 |
:
33 | ""
34 | }
35 | {this.props.elements.getContextButton("Leave Server", (e) => { this.props.API.endpoints["leaveServer"]({ id: server.id }); }, "var(--color8)")}
36 | {server.author.id === this.props.state.session.userID ? this.props.elements.getContextButton("Delete Server", (e) => { this.handleDelete(e); }, "var(--color8)") : "" }
37 | {this.props.elements.getContextButton("Copy ID", (e) => { this.props.functions.copyID(server.id); })}
38 |
39 |
48 |
{ this.props.functions.switchDialogState(0) }}>
49 |
50 |
Set a custom status
51 |
56 |
59 | {
60 | (this.getErrorText(this.state.statusChangeResult).length > 0 ?
61 |
62 | {this.getErrorText(this.state.statusChangeResult)}
63 |
64 | : "")
65 | }
66 |
67 |
*/
8 | */,
10 | document.getElementById('root')
11 | );
--------------------------------------------------------------------------------
/client/src/public/fonts/uwuFont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/liquidchat-devs/liquidchat/871569e152fa374889306897fd59c71e45be68c7/client/src/public/fonts/uwuFont.woff
--------------------------------------------------------------------------------
/client/src/public/icon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/liquidchat-devs/liquidchat/871569e152fa374889306897fd59c71e45be68c7/client/src/public/icon.ico
--------------------------------------------------------------------------------
/client/src/public/scripts/Constants.js:
--------------------------------------------------------------------------------
1 | export default class Constants {
2 | constructor(_main) {
3 | this.mainClass = _main;
4 | }
5 |
6 | getStatusColor(status) {
7 | switch(status) {
8 | case 0:
9 | return "#676767";
10 |
11 | case 1:
12 | return "#3baf3b";
13 |
14 | case 2:
15 | return "#ec9c24";
16 |
17 | case 3:
18 | return "#ff6161";
19 |
20 | case 4:
21 | return "#6b61ff";
22 | }
23 | }
24 | }
--------------------------------------------------------------------------------
/client/src/public/scripts/DateFormatter.js:
--------------------------------------------------------------------------------
1 | function formatDate(timestamp) {
2 | const date = new Date(timestamp)
3 | const curr = new Date()
4 |
5 | var i = date.getDay() === curr.getDay() ? 1 : (date.getDay() === curr.getDay() - 1 ? 2 : 3)
6 | var i2 = i === 1 ? "Today" : "Yesterday"
7 | switch(i) {
8 | case 1:
9 | case 2:
10 | return i2 + " at " +
11 | (date.getHours() < 10 ? "0" + date.getHours() : date.getHours())
12 | + ":" +
13 | (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes())
14 |
15 | case 3:
16 | return date.toUTCString()
17 |
18 | default:
19 | return timestamp
20 | }
21 | }
22 |
23 | function formatDuration(timestamp, timestamp2) {
24 | var time = timestamp2 - timestamp;
25 | var timeString = "";
26 | var timeLeft = time;
27 |
28 | var ms = timeLeft % 1000;
29 | timeLeft = (timeLeft - ms) / 1000;
30 | var secs = timeLeft % 60;
31 | timeLeft = (timeLeft - secs) / 60;
32 | var mins = timeLeft % 60;
33 | timeLeft = (timeLeft - mins) / 60;
34 | var hrs = timeLeft % 24;
35 | timeLeft = (timeLeft - hrs) / 24;
36 | var days = timeLeft % 30;
37 | timeLeft = (timeLeft - days) / 30;
38 | var months = timeLeft % 12;
39 | timeLeft = (timeLeft - months) / 12;
40 | var years = timeLeft;
41 |
42 | if(years > 0) { timeString += years + "y "; }
43 | if(months > 0) { timeString += months + "mon "; }
44 | if(days > 0) { timeString += days + "d "; }
45 | if(hrs > 0) { timeString += hrs + "h "; }
46 | if(mins > 0) { timeString += mins + "m "; }
47 | if(secs > 0) { timeString += secs + "s "; }
48 |
49 | timeString = timeString.substring(0, timeString.length - 1);
50 | return timeString;
51 | }
52 |
53 | function formatDuration2(time) {
54 | var timeString = "";
55 | var timeLeft = time;
56 |
57 | var ms = timeLeft % 1000;
58 | timeLeft = (timeLeft - ms) / 1000;
59 | var secs = timeLeft % 60;
60 | timeLeft = (timeLeft - secs) / 60;
61 | var mins = timeLeft % 60;
62 | timeLeft = (timeLeft - mins) / 60;
63 | var hrs = timeLeft % 24;
64 | timeLeft = (timeLeft - hrs) / 24;
65 | var days = timeLeft;
66 |
67 | timeString = (secs < 10 ? "0" + secs : secs) + ":" + timeString;
68 | if(mins > 0) { timeString = (mins < 10 ? "0" + mins : mins) + ":" + timeString; } else { timeString = "0:" + timeString }
69 | if(hrs > 0) { timeString = (hrs < 10 ? "0" + hrs : hrs) + ":" + timeString; }
70 | if(days > 0) { timeString = (days < 10 ? "0" + days : days) + ":" + timeString; }
71 |
72 | timeString = timeString.substring(0, timeString.length - 1);
73 | return timeString;
74 | }
75 |
76 | export { formatDate, formatDuration, formatDuration2 }
--------------------------------------------------------------------------------
/client/src/public/scripts/ElementBuilder.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export default class ElementBuilder {
4 | constructor(_main) {
5 | this.mainClass = _main;
6 | }
7 |
8 | getContextButton(text, callback, color) {
9 | return { callback(e); }}>
10 |
> {text}
11 |
3 | 
