Implement /list

Thanks to @xPaw for the base of this code
This commit is contained in:
Maxime Poulin 2016-03-09 22:04:07 +02:00 committed by Maxime Poulin
parent 828289af5a
commit 1d47290ada
6 changed files with 134 additions and 2 deletions

View File

@ -222,6 +222,9 @@ button {
#sidebar .chan.channel:before, #sidebar .chan.channel:before,
#chat .channel .title:before { content: "\f0f6"; /* http://fontawesome.io/icon/file-text-o/ */ } #chat .channel .title:before { content: "\f0f6"; /* http://fontawesome.io/icon/file-text-o/ */ }
#sidebar .chan.special:before,
#chat .channel .title:before { content: "\f03a"; /* http://fontawesome.io/icon/list/ */ }
#footer .sign-in:before { content: "\f023"; /* http://fontawesome.io/icon/lock/ */ } #footer .sign-in:before { content: "\f023"; /* http://fontawesome.io/icon/lock/ */ }
#footer .connect:before { content: "\f067"; /* http://fontawesome.io/icon/plus/ */ } #footer .connect:before { content: "\f067"; /* http://fontawesome.io/icon/plus/ */ }
#footer .settings:before { content: "\f013"; /* http://fontawesome.io/icon/cog/ */ } #footer .settings:before { content: "\f013"; /* http://fontawesome.io/icon/cog/ */ }
@ -750,6 +753,10 @@ button {
right: 180px; right: 180px;
} }
#chat .special {
bottom: -47px;
}
#viewport.rt .chat { #viewport.rt .chat {
right: 0; right: 0;
} }
@ -769,11 +776,13 @@ button {
} }
#chat .lobby .chat, #chat .lobby .chat,
#chat .special .chat,
#chat .query .chat { #chat .query .chat {
right: 0; right: 0;
} }
#chat .lobby .sidebar, #chat .lobby .sidebar,
#chat .special .sidebar,
#chat .query .sidebar { #chat .query .sidebar {
display: none; display: none;
} }
@ -876,6 +885,11 @@ button {
} }
#loading a, #loading a,
#chat .special .time,
#chat .special .from {
display: none;
}
#chat a { #chat a {
color: #50a656; color: #50a656;
} }
@ -941,6 +955,46 @@ button {
overflow: hidden; overflow: hidden;
} }
#chat .msg.channel_list_loading .text {
color: #999;
font-style: italic;
padding-left: 20px;
}
#chat .msg.channel_list_truncated .text {
color: #f00;
padding-left: 20px;
}
#chat table.channel-list {
margin: 5px 10px;
width: calc(100% - 30px);
}
#chat table.channel-list th,
#chat table.channel-list td {
padding: 5px;
vertical-align: top;
border-bottom: #eee 1px solid;
}
#chat table.channel-list .channel,
#chat table.channel-list .topic {
text-align: left;
}
#chat table.channel-list .users {
text-align: center;
}
#chat table.channel-list td.channel .inline-channel {
color: #428bca;
}
#chat table.channel-list td {
color: #555;
}
#chat.hide-join .join, #chat.hide-join .join,
#chat.hide-mode .mode, #chat.hide-mode .mode,
#chat.hide-motd .motd, #chat.hide-motd .motd,

View File

@ -243,6 +243,7 @@ $(function() {
"action", "action",
"whois", "whois",
"ctcp", "ctcp",
"channel_list",
].indexOf(type) !== -1) { ].indexOf(type) !== -1) {
data.msg.template = "actions/" + type; data.msg.template = "actions/" + type;
template = "msg_action"; template = "msg_action";
@ -601,7 +602,7 @@ $(function() {
output += render("contextmenu_divider"); output += render("contextmenu_divider");
output += render("contextmenu_item", { output += render("contextmenu_item", {
class: "close", class: "close",
text: target.hasClass("lobby") ? "Disconnect" : target.hasClass("query") ? "Close" : "Leave", text: target.hasClass("lobby") ? "Disconnect" : target.hasClass("channel") ? "Leave" : "Close",
data: target.data("target") data: target.data("target")
}); });
} }

View File

@ -0,0 +1,18 @@
<table class="channel-list">
<thead>
<tr>
<th class="channel">Channel</th>
<th class="users">Users</th>
<th class="topic">Topic</th>
</tr>
</thead>
<tbody>
{{#each channels}}
<tr>
<td class="channel">{{{parse channel}}}</td>
<td class="users">{{num_users}}</td>
<td class="topic">{{{parse topic}}}</td>
</tr>
{{/each}}
</tbody>
</table>

View File

@ -29,6 +29,7 @@ var events = [
"quit", "quit",
"topic", "topic",
"welcome", "welcome",
"list",
"whois" "whois"
]; ];
var inputs = [ var inputs = [

View File

@ -6,7 +6,8 @@ module.exports = Chan;
Chan.Type = { Chan.Type = {
CHANNEL: "channel", CHANNEL: "channel",
LOBBY: "lobby", LOBBY: "lobby",
QUERY: "query" QUERY: "query",
SPECIAL: "special",
}; };
var id = 0; var id = 0;

View File

@ -0,0 +1,57 @@
var Chan = require("../../models/chan");
var Msg = require("../../models/msg");
module.exports = function(irc, network) {
var client = this;
var chanCache = {};
var MAX_CHANS = 1000;
irc.on("channel list start", function() {
chanCache[network.id] = [];
updateListStatus(new Msg({
text: "Loading channel list, this can take a moment...",
type: "channel_list_loading"
}));
});
irc.on("channel list", function(channels) {
Array.prototype.push.apply(chanCache[network.id], channels);
});
irc.on("channel list end", function() {
updateListStatus(new Msg({
type: "channel_list",
channels: chanCache[network.id].slice(0, MAX_CHANS)
}));
if (chanCache[network.id].length > MAX_CHANS) {
updateListStatus(new Msg({
type: "channel_list_truncated",
text: "Channel list is too large: truncated to " + MAX_CHANS + " channels."
}));
}
chanCache[network.id] = [];
});
function updateListStatus(msg) {
var chan = network.getChannel("Channel List");
if (typeof chan === "undefined") {
chan = new Chan({
type: Chan.Type.SPECIAL,
name: "Channel List"
});
network.channels.push(chan);
client.emit("join", {
network: network.id,
chan: chan
});
}
client.emit("msg", {
chan: chan.id,
msg: msg
});
}
};