blob: 967e79996eaa9d2fc4b1d685297bbffa756f8ae1 (
plain)
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
130
131
132
133
134
135
136
|
(function($) {
'use strict';
// Filter posts by using their categories on categories page : `/categories`
/**
* TagsFilter
* @param {String} tagsArchivesElem
* @constructor
*/
var TagsFilter = function(tagsArchivesElem) {
this.$form = $(tagsArchivesElem).find('#filter-form');
this.$inputSearch = $(tagsArchivesElem + ' #filter-form input[name=tag]');
this.$archiveResult = $(tagsArchivesElem).find('.archive-result');
this.$tags = $(tagsArchivesElem).find('.tag');
this.$posts = $(tagsArchivesElem).find('.archive');
this.tags = tagsArchivesElem + ' .tag';
this.posts = tagsArchivesElem + ' .archive';
// Html data attribute without `data-` of `.archive` element which contains the name of tag
this.dataTag = 'tag';
this.messages = {
zero: this.$archiveResult.data('message-zero'),
one: this.$archiveResult.data('message-one'),
other: this.$archiveResult.data('message-other')
};
};
TagsFilter.prototype = {
/**
* Run TagsFilter feature
* @return {void}
*/
run: function() {
var self = this;
// Detect keystroke of the user
self.$inputSearch.keyup(function() {
self.filter(self.getSearch());
});
// Block submit action
self.$form.submit(function(e) {
e.preventDefault();
});
},
/**
* Get the search entered by user
* @returns {String} the name of tag entered by the user
*/
getSearch: function() {
return this.$inputSearch.val().toLowerCase();
},
/**
* Show related posts form a tag and hide the others
* @param {String} tag - name of a tag
* @return {void}
*/
filter: function(tag) {
if (tag === '') {
this.showAll();
this.showResult(-1);
}
else {
this.hideAll();
this.showPosts(tag);
this.showResult(this.countTags(tag));
}
},
/**
* Display results of the search
* @param {Number} numbTags - Number of tags found
* @return {void}
*/
showResult: function(numbTags) {
if (numbTags === -1) {
this.$archiveResult.html('').hide();
}
else if (numbTags === 0) {
this.$archiveResult.html(this.messages.zero).show();
}
else if (numbTags === 1) {
this.$archiveResult.html(this.messages.one).show();
}
else {
this.$archiveResult.html(this.messages.other.replace(/\{n\}/, numbTags)).show();
}
},
/**
* Count number of tags
* @param {String} tag
* @returns {Number}
*/
countTags: function(tag) {
return $(this.posts + '[data-' + this.dataTag + '*=\'' + tag + '\']').length;
},
/**
* Show all posts from a tag
* @param {String} tag - name of a tag
* @return {void}
*/
showPosts: function(tag) {
$(this.tags + '[data-' + this.dataTag + '*=\'' + tag + '\']').show();
$(this.posts + '[data-' + this.dataTag + '*=\'' + tag + '\']').show();
},
/**
* Show all tags and all posts
* @return {void}
*/
showAll: function() {
this.$tags.show();
this.$posts.show();
},
/**
* Hide all tags and all posts
* @return {void}
*/
hideAll: function() {
this.$tags.hide();
this.$posts.hide();
}
};
$(document).ready(function() {
if ($('#tags-archives').length) {
var tagsFilter = new TagsFilter('#tags-archives');
tagsFilter.run();
}
});
})(jQuery);
|
