Show current nick
This commit is contained in:
parent
36dd749820
commit
7936dab6e3
@ -435,7 +435,8 @@ button {
|
|||||||
}
|
}
|
||||||
#chat,
|
#chat,
|
||||||
#windows .header {
|
#windows .header {
|
||||||
font: 13px Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
|
font: 12px Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
|
||||||
|
line-height: 1.4;
|
||||||
}
|
}
|
||||||
#chat button:hover {
|
#chat button:hover {
|
||||||
opacity: .6;
|
opacity: .6;
|
||||||
@ -499,19 +500,18 @@ button {
|
|||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
}
|
}
|
||||||
#chat .msg .type {
|
#chat .msg .type {
|
||||||
color: #ccc;
|
color: #ddd;
|
||||||
color: #d0dbe2;
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
#chat .time,
|
#chat .time,
|
||||||
#chat .from,
|
#chat .from,
|
||||||
#chat .text {
|
#chat .text {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
padding: 3px 0;
|
padding: 2px 0;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
#chat .time {
|
#chat .time {
|
||||||
color: #d0dbe2;
|
color: #ddd;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
width: 46px;
|
width: 46px;
|
||||||
min-width: 46px;
|
min-width: 46px;
|
||||||
@ -710,16 +710,7 @@ button {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0px;
|
right: 0px;
|
||||||
}
|
}
|
||||||
#form input {
|
|
||||||
border: 1px solid #cfdae1;
|
|
||||||
font: 13px Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
|
|
||||||
border-radius: 2px;
|
|
||||||
height: 100%;
|
|
||||||
outline: none;
|
|
||||||
padding: 0 10px;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
#form .inner {
|
#form .inner {
|
||||||
bottom: 7px;
|
bottom: 7px;
|
||||||
left: 7px;
|
left: 7px;
|
||||||
@ -728,11 +719,38 @@ button {
|
|||||||
top: 6px;
|
top: 6px;
|
||||||
}
|
}
|
||||||
#form .input {
|
#form .input {
|
||||||
|
font: 12px Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
|
||||||
left: 0;
|
left: 0;
|
||||||
height: 34px;
|
height: 34px;
|
||||||
margin-right: 60px;
|
margin-right: 60px;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
#form #nick {
|
||||||
|
background: #f6f6f6;
|
||||||
|
color: #aaa;
|
||||||
|
position: absolute;
|
||||||
|
font: inherit;
|
||||||
|
font-size: 11px;
|
||||||
|
margin: 5px;
|
||||||
|
line-height: 26px;
|
||||||
|
height: 24px;
|
||||||
|
padding: 0 10px;
|
||||||
|
border-radius: 1px;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
#form #input {
|
||||||
|
border: 1px solid #cfdae1;
|
||||||
|
font: inherit;
|
||||||
|
border-radius: 2px;
|
||||||
|
height: 100%;
|
||||||
|
outline: none;
|
||||||
|
padding: 0 10px;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
#form #submit {
|
#form #submit {
|
||||||
background: #f4f4f4;
|
background: #f4f4f4;
|
||||||
background-image: linear-gradient(#f4f4f4, #ececec);
|
background-image: linear-gradient(#f4f4f4, #ececec);
|
||||||
|
@ -239,6 +239,7 @@
|
|||||||
Send
|
Send
|
||||||
</button>
|
</button>
|
||||||
<div class="input">
|
<div class="input">
|
||||||
|
<label for="input" id="nick"></label>
|
||||||
<input id="input" class="mousetrap">
|
<input id="input" class="mousetrap">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -63,12 +63,10 @@ $(function() {
|
|||||||
console.log(e);
|
console.log(e);
|
||||||
});
|
});
|
||||||
|
|
||||||
socket.on("connect_error", function() {
|
$.each(["connect_error", "disconnect"], function(i, e) {
|
||||||
|
socket.on(e, function() {
|
||||||
refresh();
|
refresh();
|
||||||
});
|
});
|
||||||
|
|
||||||
socket.on("disconnect", function() {
|
|
||||||
refresh();
|
|
||||||
});
|
});
|
||||||
|
|
||||||
socket.on("auth", function(data) {
|
socket.on("auth", function(data) {
|
||||||
@ -231,7 +229,12 @@ $(function() {
|
|||||||
});
|
});
|
||||||
|
|
||||||
socket.on("nick", function(data) {
|
socket.on("nick", function(data) {
|
||||||
console.log(data);
|
var id = data.network;
|
||||||
|
var nick = data.nick;
|
||||||
|
var network = sidebar.find("#network-" + id).data("nick", nick);
|
||||||
|
if (network.find(".active").length) {
|
||||||
|
setNick(nick);
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
socket.on("part", function(data) {
|
socket.on("part", function(data) {
|
||||||
@ -419,6 +422,15 @@ $(function() {
|
|||||||
.sticky()
|
.sticky()
|
||||||
.end();
|
.end();
|
||||||
|
|
||||||
|
if (self.hasClass("chan")) {
|
||||||
|
var nick = self
|
||||||
|
.closest(".network")
|
||||||
|
.data("nick");
|
||||||
|
if (nick) {
|
||||||
|
setNick(nick);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
if (screen.width > 768 && chan.hasClass("chan")) {
|
if (screen.width > 768 && chan.hasClass("chan")) {
|
||||||
input.focus();
|
input.focus();
|
||||||
}
|
}
|
||||||
@ -726,6 +738,16 @@ $(function() {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function setNick(nick) {
|
||||||
|
var width = $("#nick")
|
||||||
|
.html(nick + ":")
|
||||||
|
.width();
|
||||||
|
if (width) {
|
||||||
|
width += 34;
|
||||||
|
input.css("padding-left", width);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
document.addEventListener(
|
document.addEventListener(
|
||||||
"visibilitychange",
|
"visibilitychange",
|
||||||
function() {
|
function() {
|
||||||
|
@ -116,6 +116,8 @@ templates['network'] = template({"1":function(depth0,helpers,partials,data) {
|
|||||||
+ escapeExpression(((helper = (helper = helpers.id || (depth0 != null ? depth0.id : depth0)) != null ? helper : helperMissing),(typeof helper === functionType ? helper.call(depth0, {"name":"id","hash":{},"data":data}) : helper)))
|
+ escapeExpression(((helper = (helper = helpers.id || (depth0 != null ? depth0.id : depth0)) != null ? helper : helperMissing),(typeof helper === functionType ? helper.call(depth0, {"name":"id","hash":{},"data":data}) : helper)))
|
||||||
+ "\" class=\"network\" data-id=\""
|
+ "\" class=\"network\" data-id=\""
|
||||||
+ escapeExpression(((helper = (helper = helpers.id || (depth0 != null ? depth0.id : depth0)) != null ? helper : helperMissing),(typeof helper === functionType ? helper.call(depth0, {"name":"id","hash":{},"data":data}) : helper)))
|
+ escapeExpression(((helper = (helper = helpers.id || (depth0 != null ? depth0.id : depth0)) != null ? helper : helperMissing),(typeof helper === functionType ? helper.call(depth0, {"name":"id","hash":{},"data":data}) : helper)))
|
||||||
|
+ "\" data-nick=\""
|
||||||
|
+ escapeExpression(((helper = (helper = helpers.nick || (depth0 != null ? depth0.nick : depth0)) != null ? helper : helperMissing),(typeof helper === functionType ? helper.call(depth0, {"name":"nick","hash":{},"data":data}) : helper)))
|
||||||
+ "\">\n "
|
+ "\">\n "
|
||||||
+ escapeExpression(((helpers.partial || (depth0 && depth0.partial) || helperMissing).call(depth0, "chan", {"name":"partial","hash":{},"data":data})))
|
+ escapeExpression(((helpers.partial || (depth0 && depth0.partial) || helperMissing).call(depth0, "chan", {"name":"partial","hash":{},"data":data})))
|
||||||
+ "\n</section>\n";
|
+ "\n</section>\n";
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
{{#each networks}}
|
{{#each networks}}
|
||||||
<section id="network-{{id}}" class="network" data-id="{{id}}">
|
<section id="network-{{id}}" class="network" data-id="{{id}}" data-nick="{{nick}}">
|
||||||
{{partial "chan"}}
|
{{partial "chan"}}
|
||||||
</section>
|
</section>
|
||||||
{{/each}}
|
{{/each}}
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "shout",
|
"name": "shout",
|
||||||
"description": "The self-hosted web IRC client",
|
"description": "The self-hosted web IRC client",
|
||||||
"version": "0.34.1",
|
"version": "0.35.0",
|
||||||
"author": "Mattias Erming",
|
"author": "Mattias Erming",
|
||||||
"preferGlobal": true,
|
"preferGlobal": true,
|
||||||
"bin": {
|
"bin": {
|
||||||
|
@ -20,7 +20,8 @@ function Network(attr) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
Network.prototype.toJSON = function() {
|
Network.prototype.toJSON = function() {
|
||||||
return _.omit(this, "irc");
|
var json = _.extend(this, {nick: (this.irc || {}).me || ""});
|
||||||
|
return _.omit(json, "irc");
|
||||||
};
|
};
|
||||||
|
|
||||||
function prettify(host) {
|
function prettify(host) {
|
||||||
|
@ -5,10 +5,11 @@ module.exports = function(irc, network) {
|
|||||||
var client = this;
|
var client = this;
|
||||||
irc.on("nick", function(data) {
|
irc.on("nick", function(data) {
|
||||||
var self = false;
|
var self = false;
|
||||||
if (data["new"] == irc.me) {
|
var nick = data["new"];
|
||||||
|
if (nick == irc.me) {
|
||||||
var lobby = network.channels[0];
|
var lobby = network.channels[0];
|
||||||
var msg = new Msg({
|
var msg = new Msg({
|
||||||
text: "You're now known as " + data["new"],
|
text: "You're now known as " + nick,
|
||||||
});
|
});
|
||||||
lobby.messages.push(msg);
|
lobby.messages.push(msg);
|
||||||
client.emit("msg", {
|
client.emit("msg", {
|
||||||
@ -16,13 +17,17 @@ module.exports = function(irc, network) {
|
|||||||
msg: msg
|
msg: msg
|
||||||
});
|
});
|
||||||
self = true;
|
self = true;
|
||||||
|
client.emit("nick", {
|
||||||
|
network: network.id,
|
||||||
|
nick: nick
|
||||||
|
});
|
||||||
}
|
}
|
||||||
network.channels.forEach(function(chan) {
|
network.channels.forEach(function(chan) {
|
||||||
var user = _.findWhere(chan.users, {name: data.nick});
|
var user = _.findWhere(chan.users, {name: data.nick});
|
||||||
if (typeof user === "undefined") {
|
if (typeof user === "undefined") {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
user.name = data["new"];
|
user.name = nick;
|
||||||
chan.sortUsers();
|
chan.sortUsers();
|
||||||
client.emit("users", {
|
client.emit("users", {
|
||||||
chan: chan.id,
|
chan: chan.id,
|
||||||
@ -31,7 +36,7 @@ module.exports = function(irc, network) {
|
|||||||
var msg = new Msg({
|
var msg = new Msg({
|
||||||
type: Msg.Type.NICK,
|
type: Msg.Type.NICK,
|
||||||
from: data.nick,
|
from: data.nick,
|
||||||
text: data["new"],
|
text: nick,
|
||||||
self: self
|
self: self
|
||||||
});
|
});
|
||||||
chan.messages.push(msg);
|
chan.messages.push(msg);
|
||||||
|
@ -6,13 +6,18 @@ module.exports = function(irc, network) {
|
|||||||
network.connected = true;
|
network.connected = true;
|
||||||
irc.write("PING " + network.host);
|
irc.write("PING " + network.host);
|
||||||
var lobby = network.channels[0];
|
var lobby = network.channels[0];
|
||||||
|
var nick = data;
|
||||||
var msg = new Msg({
|
var msg = new Msg({
|
||||||
text: "You're now known as " + data
|
text: "You're now known as " + nick
|
||||||
});
|
});
|
||||||
lobby.messages.push(msg);
|
lobby.messages.push(msg);
|
||||||
client.emit("msg", {
|
client.emit("msg", {
|
||||||
chan: lobby.id,
|
chan: lobby.id,
|
||||||
msg: msg
|
msg: msg
|
||||||
});
|
});
|
||||||
|
client.emit("nick", {
|
||||||
|
network: network.id,
|
||||||
|
nick: nick
|
||||||
|
});
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
Loading…
Reference in New Issue
Block a user