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
|
var KeywordsView = View.extend({
el: "#keyword_list",
events: {},
action: "/api/keywords/statistics",
initialize: function (opt) {
this.template = this.$(".template").html();
this.form = new NewKeywordForm({ parent: this });
},
load: function () {
$.get(this.action, this.populate.bind(this));
},
sort: {
field: "name",
order: "asc",
},
onSort: function () {
this.sort = {};
},
populate: function (data) {
this.data = data;
// console.log(data)
var keywordThreads = {};
var keywordStats = {};
data.threads.forEach((kw) => {
keywordThreads[kw.keyword] = kw;
});
data.threadGroups.forEach((kw) => {
keywordStats[kw.keyword] = kw;
});
this.sortKeywords(data.keywords, this.sort.field, this.sort.order).forEach(
(keyword) => {
var thread = keywordThreads[keyword.keyword.toLowerCase()] || {};
var stats = keywordStats[keyword.keyword.toLowerCase()] || {};
// {
// keyword: "warez",
// sum(`viewed`): "498",
// id: 701,
// title: "EMS SYNTHI PLUG FOR MAC",
// lastmodified: 1192401724
// },
// console.log(keyword, thread)
var viewed = stats["sum(`viewed`)"];
var views = viewed ? hush_views(viewed) : ["", ""];
var threadCountNum = stats["count(*)"];
var threadCount = threadCountNum
? hush_threads(threadCountNum)
: ["", ""];
var dot = privacy_dot(thread.privacy);
var datetime = verbose_date(keyword.createdate);
var age = get_age(thread.lastmodified);
var id = thread.id + get_revision(thread);
var t = this.template
.replace(/{{keyword}}/g, sanitizeHTML(keyword.keyword))
.replace(/{{id}}/g, id)
.replace(/{{username}}/g, keyword.username)
.replace(/{{privacy_dot}}/g, dot)
.replace(/{{title}}/g, thread.title)
.replace(/{{date}}/g, datetime[0])
.replace(/{{time}}/g, datetime[1])
.replace(/{{date_class}}/g, carbon_date(thread.lastmodified))
.replace(/{{age_opacity}}/g, get_age_opacity(thread.lastmodified))
.replace(/{{views_opacity}}/g, get_views_opacity(viewed))
.replace(/{{thread_opacity}}/g, get_size_opacity(threadCountNum))
.replace(/{{views}}/g, views[1])
.replace(/{{threadcount}}/, threadCount[1])
.replace(/{{threadcount_class}}/, threadCount[0])
// .replace(/{{comments}}/g, comments[1])
// .replace(/{{files}}/g, files[1])
// .replace(/{{size}}/g, size[1] )
.replace(/{{views_class}}/g, views[0])
// .replace(/{{comments_class}}/g, comments[0])
// .replace(/{{files_class}}/g, files[0])
// .replace(/{{show_files}}/g, thread.file_count == 0 ? "hidden" : "")
// .replace(/{{size_class}}/g, size[0] )
.replace(/{{color}}/g, thread.color || "blue");
this.$el.append(t);
}
);
$("body").removeClass("loading");
},
sortKeywords: function (keywords, sort, order) {
if (!keywords.length) {
return [];
}
let mapper, sorter;
switch (sort) {
case "name":
mapper = (keyword) => [keyword.keyword.toLowerCase(), keyword];
sorter = order === "asc" ? sortTextAscending : sortTextDescending;
break;
case "date":
mapper = (keyword) => [keyword.date, keyword];
sorter = order === "asc" ? sortNumberDescending : sortNumberAscending;
break;
default:
case "views":
return files;
mapper = (keyword) => [keyword["sum(`viewed`)"], keyword];
sorter = order === "asc" ? sortNumberAscending : sortNumberDescending;
break;
}
return keywords
.map(mapper)
.sort(sorter)
.map(([, keyword]) => keyword);
},
});
const sortTextAscending = (a, b) => a[0].localeCompare(b[0]);
const sortTextDescending = (a, b) => b[0].localeCompare(a[0]);
const sortNumberAscending = (a, b) => a[0] - b[0];
const sortNumberDescending = (a, b) => b[0] - a[0];
|
