summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--index.js163
-rw-r--r--style.css15
2 files changed, 158 insertions, 20 deletions
diff --git a/index.js b/index.js
index 70eb620..f4fc162 100644
--- a/index.js
+++ b/index.js
@@ -1,6 +1,7 @@
var linkify = require("linkifyjs");
var linkifyHtml = require('linkifyjs/html');
var shell = require('electron').shell;
+const myNick = "wclient";
$(document).ready(function() {
$("#send-message").focus();
@@ -11,6 +12,14 @@ $(document).on('click', 'a[href^="http"]', function(event) {
shell.openExternal(this.href);
});
+const irc = require('irc');
+
+var channels = ["#wtest", "#wtest2"]
+const client = new irc.Client('irc.blatech.net', myNick, {
+ channels: channels,
+ userName: [myNick]
+});
+
function imagify(url, channel) {
console.log(url);
$.ajax({
@@ -51,14 +60,19 @@ $("#send-message").keypress(function(e) {
joinChannel(message.substring(6, message.length));
} else if (message.indexOf("/part") == 0) {
if (message.length > 6) {
- channel = message.substring(6, message.length)
+ channel = message.substring(6, message.length);
}
console.log()
- partChannel(channel);
+ removeChannel(channel, true);
+ } else if (message.indexOf("/whois") == 0) {
+ console.log("whois "+message.substring(7, message.length));
+ client.whois(message.substring(7, message.length));
+ } else if (message.indexOf("/list") == 0) {
+ client.list();
} else {
- var tab = $(".tab.active").attr("data-tab")
+ var tab = $(".tab.active").attr("data-tab");
if (tab.startsWith("chan-")) {
- sendMsg(message, channel.replace("#",""))
+ sendMsg(message, channel.replace("#",""));
} else if(tab.startsWith("pm-")){
sendPm(message, tab.substring(3, tab.length));
@@ -96,6 +110,8 @@ function joinChannel(channel) {
chanTab.append("<div class='ui selection list users' data-id='"+numChans+"' data-tab='chan-"+channel+"'></div>");
chanTab.append("<div class='ui segment chat' data-id='"+numChans+"' data-tab='chan-"+channel+"'></div>");
+ chanTab.append("<div class='ui topic' data-id='"+numChans+"' data-tab='chan-"+channel+"'></div>");
+
$('.menu .item').tab({history:false});
@@ -139,25 +155,19 @@ function joinChannel(channel) {
numChans++;
}
-function partChannel(channel) {
+function removeChannel(channel, sendPart) {
channel = channel.replace("#","");
chanId = $("[data-tab=chan-"+channel+"].chat").attr("data-id");
$("[data-tab=chan-"+channel+"]").remove();
- client.part("#"+channel);
+ if (sendPart) {
+ client.part("#"+channel);
+ }
while ($("[data-id="+(chanId-1)+"]").length == 0 && chanId >=0) {
chanId--;
}
$("[data-id="+(chanId-1)+"]").addClass("active");
}
-const irc = require('irc');
-
-var channels = ["#wtest", "#wtest2"]
-const client = new irc.Client('irc.blatech.net', 'wclient', {
- channels: channels,
- userName: ['wclient']
-});
-
client.addListener('error', function(message) {
console.log('error: ', message);
});
@@ -171,12 +181,16 @@ client.addListener('registered', function() {
client.addListener('motd', function(motd) {
var statusTab = $("[data-tab=status].chat");
statusTab.append("<p class='chat-line'>"+motd+"</p>")
+ statusTab.scrollTop(statusTab.prop("scrollHeight"));
});
client.addListener('raw', function(message) {
var statusTab = $("[data-tab=status].chat");
- statusTab.append("<p class='chat-line'>"+message.command+message.args+"</p>")
- statusTab.scrollTop(statusTab.prop("scrollHeight"));
+ statusCmds = ["NOTICEAUTH", "rpl_welcome, rpl_yourhoust", "rpl_created", "rpl_myinfo", "rpl_isupport", "rpl_luserclient", "rpl_luserop", "rpl_luserme", "rpl_luserchannels", "rpl_localusers", "rpl_globalusers"];
+ if (statusCmds.indexOf(message.command) > -1) {
+ statusTab.append("<p class='chat-line'>"+message.args+"</p>")
+ statusTab.scrollTop(statusTab.prop("scrollHeight"));
+ }
});
client.addListener('ctcp-version', function(from, to, text, message) {
@@ -210,6 +224,7 @@ client.addListener('part', function(channel, nick) {
}
var chatTab = $("[data-tab=chan-"+ channel +"].chat");
chatTab.append("<p class='chat-line'>"+nick+" left #"+channel+"</p>")
+ chatTab.scrollTop(chatTab.prop("scrollHeight"));
});
client.addListener('quit', function(nick, reason, channels, message) {
@@ -220,7 +235,9 @@ client.addListener('quit', function(nick, reason, channels, message) {
}
var chatTab = $("[data-tab=chan-"+ channel +"].chat");
chatTab.append("<p class='chat-line'>"+nick+" quit ("+reason+")</p>")
+ chatTab.scrollTop(chatTab.prop("scrollHeight"));
});
+
});
client.addListener('pm', function(nick, text, message) {
@@ -235,8 +252,122 @@ client.addListener('pm', function(nick, text, message) {
}
var chatTab = $("[data-tab=pm-"+ nick +"].chat");
chatTab.append("<p class='chat-line'>&lt"+nick+"&gt "+text+"</p>")
+ chatTab.scrollTop(chatTab.prop("scrollHeight"));
});
+client.addListener('kick', function(channel, nick, by, reason, message) {
+ if (myNick == nick) {
+ removeChannel(channel, false);
+ } else {
+ channel = channel.replace("#","");
+ if($(".ui.users[data-tab=chan-"+channel+"] [data-nick="+nick+"]").length > 0) {
+ $(".ui.users[data-tab=chan-"+channel+"] [data-nick="+nick+"]").remove();
+ }
+ var chatTab = $("[data-tab=chan-"+ channel +"].chat");
+ chatTab.append("<p class='chat-line'>"+nick+"was kicked from #"+channel+" by "+by+" ("+reason+")</p>")
+ chatTab.scrollTop(chatTab.prop("scrollHeight"));
+ }
+});
+
+client.addListener('kill', function(nick, reason, channels, message) {
+ channels.forEach(function(channel) {
+ channel = channel.replace("#","")
+ if($(".ui.users[data-tab=chan-"+channel+"] [data-nick="+nick+"]").length > 0) {
+ $(".ui.users[data-tab=chan-"+channel+"] [data-nick="+nick+"]").remove();
+ }
+ var chatTab = $("[data-tab=chan-"+ channel +"].chat");
+ chatTab.append("<p class='chat-line'>"+nick+" was killed by the server ("+reason+")</p>")
+ chatTab.scrollTop(chatTab.prop("scrollHeight"));
+ });
+});
+
+client.addListener('topic', function(channel, topic, nick, message) {
+ channel = channel.replace("#","");
+ var chatTab = $("[data-tab=chan-"+ channel +"].chat");
+ chatTab.append("<p class='chat-line'>Topic for #"+channel+" is "+topic+" - set by "+nick+" at "+message.args[3]+"</p>")
+ var topicTab = $("[data-tab=chan-"+ channel +"].topic");
+ topicTab.html("<p class='topic-line'>"+topic+"</p>")
+});
+
+client.addListener('whois', function(info) {
+ console.log(info)
+ var chatTab = $(".active .chat");
+ chatTab.append("<p class='chat-line'> Nick:"+info.nick+"</p>");
+ chatTab.append("<p class='chat-line'> User:"+info.user+"</p>");
+ chatTab.append("<p class='chat-line'> Host:"+info.host+"</p>");
+ chatTab.append("<p class='chat-line'> Real Name:"+info.realname+"</p>");
+ chatTab.append("<p class='chat-line'> Channels:");
+ for (channel in info.channels) {
+ chatTab.append(" "+info.channels[channel])
+ }
+ chatTab.append("</p>")
+ chatTab.append("<p class='chat-line'> Server:"+info.server+"</p>");
+ chatTab.append("<p class='chat-line'> Server Info:"+info.serverinfo+"</p>");
+ chatTab.append("<p class='chat-line'>"+info.operator+"</p>");
+ chatTab.scrollTop(chatTab.prop("scrollHeight"));
+});
+
+client.addListener('+mode', function(channel, by, mode, argument, message) {
+ console.log(message)
+ channel = channel.replace("#","")
+ var chatTab = $("[data-tab=chan-"+ channel +"].chat");
+ var modeLine = mode;
+ if (mode == "o") {
+ modeLine = " gives channel operator status to " + argument;
+ } else if (mode == "v") {
+ modeLine = " gives voice to " + argument;
+ } else if (mode == "h") {
+ modeLine = " gives channel half-operator status to " + argument;
+ } else if (mode == "q") {
+ modeLine = " gives channel owner status to " + argument;
+ } else if (argument == myNick) {
+ modeLine = " sets mode +" + mode + " on " + argument;
+ } else if (argument != null) {
+ modeLine = " sets mode " + mode + " " + argument + " on #" +channel;
+ } else {
+ modeLine = " sets mode +"+mode+" on #" +channel
+ }
+ var chatTab = $("[data-tab=chan-"+ channel +"].chat");
+ chatTab.append("<p class='chat-line'>"+by+modeLine+"</p>");
+ chatTab.scrollTop(chatTab.prop("scrollHeight"));
+});
+
+client.addListener('-mode', function(channel, by, mode, argument, message) {
+ channel = channel.replace("#","")
+ var chatTab = $("[data-tab=chan-"+ channel +"].chat");
+ var modeLine = mode;
+ if (mode == "o") {
+ modeLine = " removes channel operator status from ";
+ } else if (mode == "v") {
+ modeLine = " removes voice from ";
+ } else if (mode == "h") {
+ modeLine = " removes channel half-operator status from ";
+ } else if (mode == "q") {
+ modeLine = " removes channel owner status from ";
+ } else if (argument == myNick) {
+ modeLine = " sets mode -"+mode+" on " + argument;
+ } else if (argument != null) {
+ modeLine = " sets mode -" + mode + " " + argument + " on #" +channel;
+ } else {
+ modeLine = " sets mode -"+mode+" on #" +channel
+ }
+ var chatTab = $("[data-tab=chan-"+ channel +"].chat");
+ chatTab.append("<p class='chat-line'>"+by+modeLine+"</p>");
+ chatTab.scrollTop(chatTab.prop("scrollHeight"));
+});
+
+client.addListener('channellist', function(channelList) {
+ var statusTab = $("[data-tab=status].chat");
+ statusTab.append("<p class='chat-line'>Channel List:</p>")
+ for (i in channelList) {
+ if (channelList[i].topic == null) {
+ statusTab.append("<p class='chat-line'>"+channelList[i].name+" ("+channelList[i].users+")</p>");
+ } else {
+ statusTab.append("<p class='chat-line'>"+channelList[i].name+" ("+channelList[i].users+") : "+channelList[i].topic+"</p>");
+ }
+ statusTab.scrollTop(statusTab.prop("scrollHeight"));
+ }
+});
// client.addListener('message#wtest', function (from, message) {
// console.log(from + ' => #wtest: ' + message);
// var chanTab = $("[data-tab=chan-wtest].chat");
diff --git a/style.css b/style.css
index cd7e10a..d196b54 100644
--- a/style.css
+++ b/style.css
@@ -17,19 +17,26 @@ body {
}
+.ui.topic {
+ position: absolute;
+ top: 35px;
+ height: 30px;
+ margin-top:5px;
+ width: 100%;
+ padding:2px;
+}
.ui.segment.chat {
position: absolute;
- top: 35;
- padding:10px;
+ top: 65;
bottom:42px;
width: 80%;
- margin-top:5px;
overflow-y: scroll;
+ margin: 0px;
}
.ui.users {
position: absolute;
- top: 35;
+ top: 65;
right:0;
padding:10px;
margin:0px;