cadey
/
Shuo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Removed data attributes

This commit is contained in:
Mattias Erming 2014-04-01 00:02:28 +02:00
parent 15ab7e6f13
commit 6e03377d7d
2 changed files with 39 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/index.html
View File

@ -23,7 +23,7 @@
<li class="active"><a href="#list" data-toggle="tab">Channels</a></li>
<li><a href="#settings" data-toggle="tab">Settings</a></li>
</ul>
</header>
<div class="tab-content">
@ -56,9 +56,9 @@
<script type="text/html" id="network">
{{#networks}}
<div class="network list-group" data-id="{{id}}" data-nick="{{nick}}">
<div id="network-{{id}}" class="network list-group">
{{#each channels}}
<a href="{{name}}" class="channel list-group-item" data-id="{{id}}" data-name="{{name}}">
<a href="{{name}}" id="channel-{{id}}" class="channel list-group-item">
<span class="badge pull-right"></span>
{{name}}
</a>
@ -69,7 +69,7 @@
<script type="text/html" id="channel">
{{#channels}}
<a href="{{name}}" class="channel list-group-item" data-id="{{id}}" data-name="{{name}}">
<a href="{{name}}" id="channel-{{id}}" class="channel list-group-item">
<span class="badge pull-right"></span>
{{name}}
</a>
@ -78,7 +78,7 @@
<script type="text/html" id="window">
{{#channels}}
<div class="window {{type}}" data-id="{{id}}">
<div id="window-{{id}}" class="window {{type}}">
<div class="title">
<div class="toggle">
<a href="#" class="left">Channels</a>

108
client/js/chat.js
View File

@ -16,8 +16,6 @@ $(function() {
}
function event(type, json) {
console.log(json);
switch (type) {
case "network":
@ -40,19 +38,16 @@ $(function() {
break;
case "channel":
var target = json.target;
var id = json.data.id;
console.log(json.data);
if (json.action == "remove") {
$("[data-id='" + json.data.id + "']").remove();
$("#channel-" + id + ", #window-" + id).remove();
return;
}
var network = sidebar
.find(".network")
.find(".channel")
.removeClass("active")
.end();
network = network.filter("[data-id='" + json.target + "']").append(
sidebar.find(".channel").removeClass("active");
$("#network-" + json.target).append(
render("#channel", {channels: json.data})
).find(".channel")
.last()
@ -70,7 +65,7 @@ $(function() {
case "user":
var target;
if (typeof json.target !== "undefined") {
target = chat.find(".window[data-id='" + json.target + "']");
target = chat.find("#window-" + json.target);
}
target = target.find(".users");
@ -80,7 +75,7 @@ $(function() {
case "message":
var target;
if (typeof json.target !== "undefined") {
target = chat.find(".window[data-id='" + json.target + "']");
target = $("#window-" + json.target);
}
var message = json.data;
@ -104,29 +99,24 @@ $(function() {
.find(".badge")
.html("")
.end();
var id = item.data("id");
chat.find(".window[data-id='" + id + "']")
$("#window-" + item.attr("id").replace("channel-", ""))
.bringToTop();
});
sidebar.find("input[type=checkbox]").each(function() {
var input = $(this);
var value = input.val();
var checked = true;
if (($.cookie("hidden") || []).indexOf(value) !== -1) {
checked = false;
}
input.prop("checked", checked)
.wrap("<label>")
.parent()
.append(value);
if (checked) {
chat.addClass("show-" + value);
}
input.on("change", function() {
var hidden = $.cookie("hidden") || "";
if (input.prop("checked")) {
@ -134,47 +124,14 @@ $(function() {
} else {
hidden += value;
}
// Save the cookie with the new values.
$.cookie("hidden", hidden);
$.cookie("hidden", hidden); // Save the cookie with the new values.
chat.toggleClass(
"show-" + value,
input.prop("checked")
);
});
});
chat.on("click touchstart", ".toggle a", function(e) {
e.preventDefault();
$("#viewport").toggleClass($(this).attr("class"));
});
chat.on("submit", "form", function() {
var input = $(this).find(".input");
var text = input.val();
if (text != "") {
input.val("");
socket.emit("input", {
id: input.data("target"),
text: text
});
}
});
chat.on("focus", "input[type=text]", function() {
$(this).closest(".window").find(".messages").scrollToBottom();
});
chat.on("click", ".close", function() {
var btn = $(this);
btn.prop("disabled", true);
socket.emit("input", {
id: btn.closest(".window").data("id"),
text: "/LEAVE"
});
});
chat.on("append", ".messages", function(e) {
var item = $(this);
var last = item.find(".message:last");
@ -182,39 +139,42 @@ $(function() {
if (type && !chat.hasClass("show-" + type)) {
return;
}
var id = item.parent().data("id");
var id = item.parent()
.attr("id")
.replace("window-", "");
var badge = sidebar
.find(".channel[data-id='" + id + "']:not(.active)")
.find("#channel-" + id + ":not(.active)")
.find(".badge");
var num = (parseInt(badge.html()) + 1) || "1";
badge.html(num);
});
chat.on("click", ".user", function(e) {
e.preventDefault();
chat.on("click touchstart", ".toggle a", function(e) {
$("#viewport").toggleClass($(this).attr("class"));
return false;
});
chat.on("dblclick", ".user", function() {
var user = $(this);
var id = user.closest(".window").data("id");
var name = user.attr("href");
var channel = sidebar
.find(".channel[data-id='" + id + "']")
.siblings(".channel[data-name='" + name + "']");
if (channel.size() != 0) {
channel.trigger("click");
return;
chat.on("submit", "form", function() {
var input = $(this).find(".input");
var text = input.val();
if (text == "") {
return false;
}
input.val("");
socket.emit("input", {
id: id,
text: "/QUERY " + name
id: input.data("target"),
text: text
});
});
chat.on("focus", "input[type=text]", function() {
$(this).closest(".window").find(".messages").scrollToBottom();
});
chat.on("click", ".user", function(e) {
e.preventDefault();
});
var highest = 1;
$.fn.bringToTop = function() {
return this.css('z-index', highest++)