').addClass('ins-slug').text(slug) : null))
23 | .append(preview ? $('').addClass('ins-search-preview').text(preview) : null)
24 | .attr('data-url', url);
25 | }
26 |
27 | function sectionFactory (type, array) {
28 | var sectionTitle;
29 | var $searchItems;
30 | if (array.length === 0) return null;
31 | sectionTitle = CONFIG.TRANSLATION[type];
32 | switch (type) {
33 | case 'POSTS':
34 | case 'PAGES':
35 | $searchItems = array.map(function (item) {
36 | // Use config.root instead of permalink to fix url issue
37 | return searchItem('file', item.title, null, item.text.slice(0, 150), item.link);
38 | });
39 | break;
40 | case 'CATEGORIES':
41 | case 'TAGS':
42 | $searchItems = array.map(function (item) {
43 | return searchItem(type === 'CATEGORIES' ? 'folder' : 'tag', item.name, item.slug, null, item.link);
44 | });
45 | break;
46 | default:
47 | return null;
48 | }
49 | return section(sectionTitle).append($searchItems);
50 | }
51 |
52 | function parseKeywords (keywords) {
53 | return keywords.split(' ').filter(function (keyword) {
54 | return !!keyword;
55 | }).map(function (keyword) {
56 | return keyword.toUpperCase();
57 | });
58 | }
59 |
60 | /**
61 | * Judge if a given post/page/category/tag contains all of the keywords.
62 | * @param Object obj Object to be weighted
63 | * @param Array fields Object's fields to find matches
64 | */
65 | function filter (keywords, obj, fields) {
66 | var keywordArray = parseKeywords(keywords);
67 | var containKeywords = keywordArray.filter(function (keyword) {
68 | var containFields = fields.filter(function (field) {
69 | if (!obj.hasOwnProperty(field))
70 | return false;
71 | if (obj[field].toUpperCase().indexOf(keyword) > -1)
72 | return true;
73 | });
74 | if (containFields.length > 0)
75 | return true;
76 | return false;
77 | });
78 | return containKeywords.length === keywordArray.length;
79 | }
80 |
81 | function filterFactory (keywords) {
82 | return {
83 | POST: function (obj) {
84 | return filter(keywords, obj, ['title', 'text']);
85 | },
86 | PAGE: function (obj) {
87 | return filter(keywords, obj, ['title', 'text']);
88 | },
89 | CATEGORY: function (obj) {
90 | return filter(keywords, obj, ['name', 'slug']);
91 | },
92 | TAG: function (obj) {
93 | return filter(keywords, obj, ['name', 'slug']);
94 | }
95 | };
96 | }
97 |
98 | /**
99 | * Calculate the weight of a matched post/page/category/tag.
100 | * @param Object obj Object to be weighted
101 | * @param Array fields Object's fields to find matches
102 | * @param Array weights Weight of every field
103 | */
104 | function weight (keywords, obj, fields, weights) {
105 | var value = 0;
106 | parseKeywords(keywords).forEach(function (keyword) {
107 | var pattern = new RegExp(keyword, 'img'); // Global, Multi-line, Case-insensitive
108 | fields.forEach(function (field, index) {
109 | if (obj.hasOwnProperty(field)) {
110 | var matches = obj[field].match(pattern);
111 | value += matches ? matches.length * weights[index] : 0;
112 | }
113 | });
114 | });
115 | return value;
116 | }
117 |
118 | function weightFactory (keywords) {
119 | return {
120 | POST: function (obj) {
121 | return weight(keywords, obj, ['title', 'text'], [3, 1]);
122 | },
123 | PAGE: function (obj) {
124 | return weight(keywords, obj, ['title', 'text'], [3, 1]);
125 | },
126 | CATEGORY: function (obj) {
127 | return weight(keywords, obj, ['name', 'slug'], [1, 1]);
128 | },
129 | TAG: function (obj) {
130 | return weight(keywords, obj, ['name', 'slug'], [1, 1]);
131 | }
132 | };
133 | }
134 |
135 | function search (json, keywords) {
136 | var WEIGHTS = weightFactory(keywords);
137 | var FILTERS = filterFactory(keywords);
138 | var posts = json.posts;
139 | var pages = json.pages;
140 | var tags = json.tags;
141 | var categories = json.categories;
142 | return {
143 | posts: posts.filter(FILTERS.POST).sort(function (a, b) { return WEIGHTS.POST(b) - WEIGHTS.POST(a); }).slice(0, 5),
144 | pages: pages.filter(FILTERS.PAGE).sort(function (a, b) { return WEIGHTS.PAGE(b) - WEIGHTS.PAGE(a); }).slice(0, 5),
145 | categories: categories.filter(FILTERS.CATEGORY).sort(function (a, b) { return WEIGHTS.CATEGORY(b) - WEIGHTS.CATEGORY(a); }).slice(0, 5),
146 | tags: tags.filter(FILTERS.TAG).sort(function (a, b) { return WEIGHTS.TAG(b) - WEIGHTS.TAG(a); }).slice(0, 5)
147 | };
148 | }
149 |
150 | function searchResultToDOM (searchResult) {
151 | $container.empty();
152 | for (var key in searchResult) {
153 | $container.append(sectionFactory(key.toUpperCase(), searchResult[key]));
154 | }
155 | }
156 |
157 | function scrollTo ($item) {
158 | if ($item.length === 0) return;
159 | var wrapperHeight = $wrapper[0].clientHeight;
160 | var itemTop = $item.position().top - $wrapper.scrollTop();
161 | var itemBottom = $item[0].clientHeight + $item.position().top;
162 | if (itemBottom > wrapperHeight + $wrapper.scrollTop()) {
163 | $wrapper.scrollTop(itemBottom - $wrapper[0].clientHeight);
164 | }
165 | if (itemTop < 0) {
166 | $wrapper.scrollTop($item.position().top);
167 | }
168 | }
169 |
170 | function selectItemByDiff (value) {
171 | var $items = $.makeArray($container.find('.ins-selectable'));
172 | var prevPosition = -1;
173 | $items.forEach(function (item, index) {
174 | if ($(item).hasClass('active')) {
175 | prevPosition = index;
176 | return;
177 | }
178 | });
179 | var nextPosition = ($items.length + prevPosition + value) % $items.length;
180 | $($items[prevPosition]).removeClass('active');
181 | $($items[nextPosition]).addClass('active');
182 | scrollTo($($items[nextPosition]));
183 | }
184 |
185 | function gotoLink ($item) {
186 | if ($item && $item.length) {
187 | location.href = $item.attr('data-url');
188 | }
189 | }
190 |
191 | $.getJSON(CONFIG.CONTENT_URL, function (json) {
192 | if (location.hash.trim() === '#ins-search') {
193 | $main.addClass('show');
194 | }
195 | $input.on('input', function () {
196 | var keywords = $(this).val();
197 | searchResultToDOM(search(json, keywords));
198 | });
199 | $input.trigger('input');
200 | });
201 |
202 | var touch = false;
203 | $(document).on('click focus', '.navbar-main .search', function () {
204 | $main.addClass('show');
205 | $main.find('.ins-search-input').focus();
206 | }).on('click touchend', '.ins-search-item', function (e) {
207 | if (e.type !== 'click' && !touch) {
208 | return;
209 | }
210 | gotoLink($(this));
211 | touch = false;
212 | }).on('click touchend', '.ins-close', function (e) {
213 | if (e.type !== 'click' && !touch) {
214 | return;
215 | }
216 | $main.removeClass('show');
217 | touch = false;
218 | }).on('keydown', function (e) {
219 | if (!$main.hasClass('show')) return;
220 | switch (e.keyCode) {
221 | case 27: // ESC
222 | $main.removeClass('show'); break;
223 | case 38: // UP
224 | selectItemByDiff(-1); break;
225 | case 40: // DOWN
226 | selectItemByDiff(1); break;
227 | case 13: //ENTER
228 | gotoLink($container.find('.ins-selectable.active').eq(0)); break;
229 | }
230 | }).on('touchstart', function (e) {
231 | touch = true;
232 | }).on('touchmove', function (e) {
233 | touch = false;
234 | });
235 | })(jQuery, window.INSIGHT_CONFIG);
--------------------------------------------------------------------------------
/source/js/script.js:
--------------------------------------------------------------------------------
1 | (function ($) {
2 | $('.navbar-burger').click(function () {
3 | $(this).toggleClass('is-active');
4 | $('.navbar-main .navbar-start').toggleClass('is-active');
5 | $('.navbar-main .navbar-end').toggleClass('is-active');
6 | });
7 |
8 | // Hide Header on on scroll down
9 | var didScroll;
10 | var lastScrollTop = 0;
11 | var delta = 5;
12 | var navbarHeight = $('.navbar-main').outerHeight();
13 |
14 | $(window).scroll(function(event){
15 | didScroll = true;
16 | });
17 |
18 | setInterval(function() {
19 | if (didScroll) {
20 | hasScrolled();
21 | didScroll = false;
22 | }
23 | }, 250);
24 |
25 | function hasScrolled() {
26 | var st = $(this).scrollTop();
27 |
28 | // Make sure they scroll more than delta
29 | if(Math.abs(lastScrollTop - st) <= delta) {
30 | return;
31 | }
32 |
33 | // If they scrolled down and are past the navbar, add class .navbar-down.
34 | // This is necessary so you never see what is "behind" the navbar.
35 | if (st > lastScrollTop && st > navbarHeight) {
36 | var posY = Math.min(st, navbarHeight);
37 | // Scroll Down
38 | $('.navbar-main').css({
39 | '-webkit-transform' : 'translateY(-' + posY + 'px)',
40 | '-moz-transform' : 'translateY(-' + posY + 'px)',
41 | '-ms-transform' : 'translateY(-' + posY + 'px)',
42 | '-o-transform' : 'translateY(-' + posY + 'px)',
43 | 'transform' : 'translateY(-' + posY + 'px)'
44 | });
45 | } else {
46 | // Scroll Up
47 | if(st + $(window).height() < $(document).height()) {
48 | $('.navbar-main').css({
49 | '-webkit-transform' : 'translateY(0px)',
50 | '-moz-transform' : 'translateY(0px)',
51 | '-ms-transform' : 'translateY(0px)',
52 | '-o-transform' : 'translateY(0px)',
53 | 'transform' : 'translateY(0px)'
54 | });
55 | }
56 | }
57 |
58 | lastScrollTop = st;
59 | }
60 |
61 | $('.article.gallery img:not(".not-gallery-item")').each(function () {
62 | // wrap images with link and add caption if possible
63 | if ($(this).parent('a').length === 0) {
64 | $(this).wrap('');
65 | if (this.alt) {
66 | $(this).after('' + this.alt + '
');
67 | }
68 | }
69 | });
70 |
71 | $('.article-entry').find('h1, h2, h3, h4, h5, h6').on('click', function () {
72 | if ($(this).get(0).id) {
73 | window.location.hash = $(this).get(0).id;
74 | }
75 | });
76 |
77 | if (typeof(moment) === 'function') {
78 | $('.article-meta time').each(function () {
79 | $(this).text(moment($(this).attr('datetime')).fromNow());
80 | });
81 | }
82 | })(jQuery);
--------------------------------------------------------------------------------
3 | 
<%= __('article.comments') %>
83 | <%- partial('comment/' + get_config('comment.type')) %> 84 |