3
0
mirror of https://github.com/reality/dbot.git synced 2024-12-11 05:19:29 +01:00
dbot/views/users/users.jade

198 lines
6.7 KiB
Plaintext
Raw Normal View History

2012-12-24 06:47:47 +01:00
extends ../layout
block content
2013-01-21 00:07:33 +01:00
script(type="text/javascript", src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js")
style
.chart rect {
fill: steelblue;
}
.chart rect:hover {
fill: #000;
}
2013-01-26 01:51:48 +01:00
.yTicks {
stroke: #aaa;
stroke-width: 0.5;
}
2013-01-21 00:07:33 +01:00
script
$(document).ready(function(){
// d3.js Graph
2013-01-26 19:57:33 +01:00
var ticks = 25;
var timelabels = 30;
2013-01-26 01:51:48 +01:00
var chartw = 940;
2013-01-26 19:57:33 +01:00
var toppad = 10;
var w = (chartw - (ticks * 2)) / 168;
var h = 130;
var x = d3.scale.linear()
.domain([0,1])
.range([0,w]);
var y = d3.scale.linear()
2013-01-25 12:05:40 +01:00
.domain([0,d3.max([#{chanFreq}])])
2013-01-26 19:57:33 +01:00
.rangeRound([0,h-toppad]);
var chart = d3.select($("#chanFreqChart")[0]).append("svg")
.attr("class", "chart")
2013-01-26 19:57:33 +01:00
.attr("width", chartw)
.attr("height", h + timelabels);
2013-01-26 01:51:48 +01:00
chart.selectAll(".yTicks")
2013-01-26 19:57:33 +01:00
.data(y.ticks(5).slice(1))
2013-01-26 01:51:48 +01:00
.enter().append("svg:line")
.attr("class", "yTicks")
2013-01-26 01:55:50 +01:00
.attr("y1", function(d) { return -1 * y(d) + h; })
2013-01-26 01:51:48 +01:00
.attr("x1", 0)
2013-01-26 01:55:50 +01:00
.attr("y2", function(d) { return -1 * y(d) + h; })
2013-01-26 19:57:33 +01:00
.attr("x2", chartw)
2013-01-26 01:51:48 +01:00
chart.selectAll("rect")
.data([#{chanFreq}])
.enter().append("rect")
2013-01-26 19:57:33 +01:00
.attr("x", function(d, i) { return x(i) - .5 + ticks; })
.attr("y", function(d) { return h - y(d) - .5; })
.attr("width", w)
.attr("height", function(d) { return y(d); })
.attr("title", function(d){ return d; });
2013-01-26 19:57:33 +01:00
chart.selectAll(".l_rule")
.data(y.ticks(5).slice(1))
.enter().append("text")
.attr("class", "rule")
.attr("y", function(d) { return -1 * y(d) + h; })
.attr("x", 0)
.attr("text-anchor", "right")
.attr("font-size", 10)
.attr("dy", 3)
.text(String);
chart.selectAll(".r_rule")
.data(y.ticks(5).slice(1))
2013-01-26 01:51:48 +01:00
.enter().append("text")
.attr("class", "rule")
.attr("y", function(d) { return -1 * y(d) + h; })
2013-01-26 19:57:33 +01:00
.attr("x", chartw)
.attr("text-anchor", "end")
2013-01-26 01:51:48 +01:00
.attr("font-size", 10)
.attr("dy", 3)
.text(String);
chart.append("line")
2013-01-26 19:57:33 +01:00
.attr("x1", 0 + ticks)
.attr("x2", chartw - ticks)
.attr("y1", h - .5)
.attr("y2", h - .5)
.style("stroke", "#000");
2013-01-25 22:39:13 +01:00
chart.selectAll("text.times")
.data(["0", "6", "12", "18","0", "6", "12", "18","0", "6", "12", "18","0", "6", "12", "18" ,"0", "6", "12", "18" ,"0", "6", "12", "18" ,"0", "6", "12", "18"])
.enter().append("text")
2013-01-26 19:57:33 +01:00
.attr("x", function(d, i){ return ((i * w * 6)+(w/2)) + ticks; })
2013-01-25 22:39:13 +01:00
.attr("y", h + 10)
.attr("text-anchor", "middle")
.attr('class', 'name')
.attr("font-size", 10)
.text(String);
chart.selectAll("text.days")
2013-01-28 00:37:35 +01:00
.data([!{locals.chanFreqLabel}])
2013-01-25 22:39:13 +01:00
.enter().append("text")
2013-01-26 19:57:33 +01:00
.attr("x", function(d, i){ return ((i+0.5) * w * 24) + ticks; })
2013-01-25 22:39:13 +01:00
.attr("y", h + 25)
.attr("text-anchor", "middle")
.attr('class', 'name')
.attr("font-size", 12)
.text(String);
2013-01-21 00:15:26 +01:00
// Allowing forcing of string stats data to sort as numeric
2013-01-21 00:07:33 +01:00
jQuery.extend( jQuery.fn.dataTableExt.oSort, {
"forcenum-pre": function ( a ) {
2013-01-21 00:15:26 +01:00
a = a.replace("\,", "");
2013-01-21 00:07:33 +01:00
return parseFloat( a );
},
"forcenum-asc": function ( a, b ) {
return a - b;
},
"forcenum-desc": function ( a, b ) {
return b - a;
}
} );
2013-01-23 19:00:27 +01:00
$('.tip').tooltip();
$('rect').tooltip({
});
2013-01-21 00:07:33 +01:00
$('.data').dataTable({
"aoColumnDefs": [
{ "aDataSort": [ 1, 0 ], "asSorting": [ "asc" ], "aTargets": [ 0 ] },
{ "bVisible": false, "aTargets": [ 1 ] },
{ "sType": "forcenum",
"asSorting": [ "desc", "asc" ],
"aTargets": [ 2, 3, 4, 5, 6 ] }
2013-01-21 00:07:33 +01:00
],
"bPaginate": false,
"bLengthChange": false,
"oLanguage": {
"sInfo": "_TOTAL_ users",
2013-01-21 00:25:00 +01:00
"sInfoEmpty": "No users",
2013-01-21 00:07:33 +01:00
"sInfoFiltered": "filtered (_MAX_ total)"
},
});
});
div.page-header.profile_page-header
h1
#{channel}
small
#{connection}
div#backlink
a(href='/channels/'+connection) « Channel List
div#row
2013-01-28 00:37:35 +01:00
h4 Seven Day Activity
div.barchart#chanFreqChart
hr
div#row
2013-01-21 00:07:33 +01:00
table.table.table-hover.data
thead
2013-01-11 23:39:32 +01:00
tr
th Users
th
2013-01-11 23:39:32 +01:00
th Lines
th Words
th Lincent
th Verbosity
th Mentions
tbody
-each nick in userStats
tr
td
a(href='/profile/'+connection+'/'+nick.primary)
2013-01-11 23:39:32 +01:00
#{nick.display}
span
2013-01-15 21:44:15 +01:00
if nick.online
2013-01-23 19:00:27 +01:00
if nick.active.active
span.label.label-success.tip(data-original-title="#{nick.active.ago}", data-placement="right") Active
2013-01-15 21:44:15 +01:00
else
2013-01-23 19:00:27 +01:00
span.label.label-important.tip(data-original-title="#{nick.active.ago}", data-placement="right") Inactive
2013-01-15 21:44:15 +01:00
else
2013-01-23 19:00:27 +01:00
span.label.tip(data-original-title="#{nick.active.ago}", data-placement="right") Offline
td
if nick.online
2013-01-23 19:00:27 +01:00
if nick.active.active
-1
else
0
else
1
2013-01-11 23:39:32 +01:00
td
#{nick.fields.lines.data}
2013-01-11 23:39:32 +01:00
td
#{nick.fields.words.data}
2013-01-11 23:39:32 +01:00
td
#{nick.fields.lincent.data}
2013-01-11 23:39:32 +01:00
td
#{nick.fields.wpl.data}
2013-01-11 23:39:32 +01:00
td
#{nick.fields.in_mentions.data}