1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
|
define(['jquery', 'underscore', 'Bacon', 'view/selection'],
function($, _, Bacon, selection) {
var incomingActivityBus = new Bacon.Bus(),
activity_element,
graph_view_element,
graph_view,
graph;
function init(_graph, _graph_view, _graph_view_element)
{
activity_element = $('<div class="activity-root-div"></div>');
graph_view_element = _graph_view_element;
graph_view_element.append(activity_element);
graph_view = _graph_view;
graph = _graph;
}
function is_topo(diff)
{
return diff['link_id_set_rm'] !== undefined && diff['node_set_add'] !== undefined,
diff['node_id_set_rm'] !== undefined && diff['link_set_add'] !== undefined;
}
function is_attr(diff)
{
return diff['__type_node'] !== undefined && diff['__type_link'] !== undefined;
}
function node_ids_from_diff(diff)
{
return is_attr(diff) ? _.keys(diff['__type_node']) : _.pluck(diff.node_set_add, 'id');
}
function link_ids_from_diff(diff)
{
return is_attr(diff) ? _.keys(diff['__type_link']) : _.pluck(diff.link_set_add, 'id');
}
function topo_explanation(diff)
{
var nodes_added = _.pluck(diff.node_set_add, 'name'),
links_added = _.pluck(diff.link_set_add, 'name');
return (nodes_added.length > 0 ? 'added ' + nodes_added.join(' ') + ' nodes' : '') +
(nodes_added.length > 0 && links_added.length > 0 ? ', ' : '') +
(links_added.length > 0 ? 'added ' + links_added.join(' ') + ' links' : '');
}
function attr_explanation(diff)
{
//var nodes_changed = _.map(diff.__type_node0
return '' + diff;
}
function explanation_from_diff(diff)
{
if (is_topo(diff)) {
return topo_explanation(diff);
}
if (is_attr(diff)) {
return attr_explanation(diff);
}
}
function time_diff(d1, d2)
{
var delta = Math.floor((d2 - d1) / 1000.0),
seconds = delta % 60,
minutes = (delta / 60) % 60,
hours = (delta / 3600) % 24,
days = Math.floor((delta / 86400));
if (delta < 60) {
return '' + delta + ' seconds ago';
}
if (delta < 3600) {
return '' + minutes + 'minutes and ' + seconds + ' seconds ago';
}
return '' + days + ' days, ' + minutes + ' minutes and ' + seconds + ' seconds ago';
}
/**
* appendActivity(activity)
*
* [!] should be diff?
*
*/
function appendActivity(diff)
{
var new_div = $('<div class="activity-div"></div>'),
meta = diff.meta || {},
creation_date = meta.ts_created !== undefined ? new Date(meta.ts_created) : new Date(),
commit = meta.commit, // [!] unused, should link to permanent url
author = meta.author || 'Anonymous',
sentence = meta.sentence,
affected_node_ids = node_ids_from_diff(diff),
affected_link_ids = link_ids_from_diff(diff),
affected_nodes = _.filter(_.map(affected_node_ids, graph.find_node__by_id), null),
affected_links = _.filter(_.map(affected_link_ids, graph.find_link__by_id), null);
explanation = (sentence !== undefined && sentence.length > 0) ? sentence : explanation_from_diff(diff);
new_div.text(creation_date + ' ' + author + ': ' + explanation);
activity_element.prepend(new_div);
new_div.on('click', function (event) {
(event.shiftKey ? selection.invert_both : selection.select_both)
(affected_nodes, affected_links);
});
new_div.hover(function (e) {
_.each(affected_nodes, graph_view.node__hover__start);
_.each(affected_links, graph_view.link__hover__start);
}, function (e) {
_.each(affected_nodes, graph_view.node__hover__end);
_.each(affected_links, graph_view.link__hover__end);
});
// TODO - x button
// TODO - format of text per activity (topo/attr)
// TODO - user data (requires protocol update?)
}
incomingActivityBus.onValue(appendActivity);
return {
init: init,
incomingActivityBus: incomingActivityBus,
};
}); // close define
|
