main.js 31 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262
  1. "use strict";
  2. var $stream = null,
  3. isCollapsed = true,
  4. shares = 0,
  5. ajax_loading = false;
  6. function is_normal_mode() {
  7. return $stream.hasClass('normal');
  8. }
  9. function is_global_mode() {
  10. return $stream.hasClass('global');
  11. }
  12. function redirect(url, new_tab) {
  13. if (url) {
  14. if (new_tab) {
  15. window.open(url);
  16. } else {
  17. location.href = url;
  18. }
  19. }
  20. }
  21. function needsScroll($elem) {
  22. var $win = $(window),
  23. winTop = $win.scrollTop(),
  24. winHeight = $win.height(),
  25. winBottom = winTop + winHeight,
  26. elemTop = $elem.offset().top,
  27. elemBottom = elemTop + $elem.outerHeight();
  28. return (elemTop < winTop || elemBottom > winBottom) ? elemTop - (winHeight / 2) : 0;
  29. }
  30. function str2int(str) {
  31. if (str == '') {
  32. return 0;
  33. }
  34. return parseInt(str.replace(/\D/g, ''), 10) || 0;
  35. }
  36. function numberFormat(nStr) {
  37. if (nStr < 0) {
  38. return 0;
  39. }
  40. // http://www.mredkj.com/javascript/numberFormat.html
  41. nStr += '';
  42. var x = nStr.split('.'),
  43. x1 = x[0],
  44. x2 = x.length > 1 ? '.' + x[1] : '',
  45. rgx = /(\d+)(\d{3})/;
  46. while (rgx.test(x1)) {
  47. x1 = x1.replace(rgx, '$1' + ' ' + '$2');
  48. }
  49. return x1 + x2;
  50. }
  51. function incLabel(p, inc, spaceAfter) {
  52. var i = str2int(p) + inc;
  53. return i > 0
  54. ? ((spaceAfter ? '' : ' ') + '(' + numberFormat(i) + ')' + (spaceAfter ? ' ' : ''))
  55. : '';
  56. }
  57. function incUnreadsFeed(article, feed_id, nb) {
  58. //Update unread: feed
  59. var elem = $('#' + feed_id + '>.feed').get(0),
  60. feed_unreads = elem ? str2int(elem.getAttribute('data-unread')) : 0,
  61. feed_priority = elem ? str2int(elem.getAttribute('data-priority')) : 0;
  62. if (elem) {
  63. elem.setAttribute('data-unread', numberFormat(feed_unreads + nb));
  64. elem = $(elem).closest('li').get(0);
  65. if (elem) {
  66. elem.setAttribute('data-unread', feed_unreads + nb);
  67. }
  68. }
  69. //Update unread: category
  70. elem = $('#' + feed_id).parent().prevAll('.category').children(':first').get(0);
  71. feed_unreads = elem ? str2int(elem.getAttribute('data-unread')) : 0;
  72. if (elem) {
  73. elem.setAttribute('data-unread', numberFormat(feed_unreads + nb));
  74. elem = $(elem).closest('li').get(0);
  75. if (elem) {
  76. elem.setAttribute('data-unread', feed_unreads + nb);
  77. }
  78. }
  79. //Update unread: all
  80. if (feed_priority > 0) {
  81. elem = $('#aside_flux .all').children(':first').get(0);
  82. if (elem) {
  83. feed_unreads = elem ? str2int(elem.getAttribute('data-unread')) : 0;
  84. elem.setAttribute('data-unread', numberFormat(feed_unreads + nb));
  85. }
  86. }
  87. //Update unread: favourites
  88. if (article && article.closest('div').hasClass('favorite')) {
  89. elem = $('#aside_flux .favorites').children(':first').get(0);
  90. if (elem) {
  91. feed_unreads = elem ? str2int(elem.getAttribute('data-unread')) : 0;
  92. elem.setAttribute('data-unread', numberFormat(feed_unreads + nb));
  93. }
  94. }
  95. var isCurrentView = false;
  96. //Update unread: title
  97. document.title = document.title.replace(/^((?:\([ 0-9]+\) )?)/, function (m, p1) {
  98. var $feed = $('#' + feed_id);
  99. if (article || ($feed.closest('.active').length > 0 && $feed.siblings('.active').length === 0)) {
  100. isCurrentView = true;
  101. return incLabel(p1, nb, true);
  102. } else if ($('.all.active').length > 0) {
  103. isCurrentView = feed_priority > 0;
  104. return incLabel(p1, feed_priority > 0 ? nb : 0, true);
  105. } else {
  106. return p1;
  107. }
  108. });
  109. return isCurrentView;
  110. }
  111. var pending_feeds = [];
  112. function mark_read(active, only_not_read) {
  113. if (active.length === 0 ||
  114. (only_not_read === true && !active.hasClass("not_read"))) {
  115. return false;
  116. }
  117. var url = active.find("a.read").attr("href");
  118. if (url === undefined) {
  119. return false;
  120. }
  121. var feed_url = active.find(".website>a").attr("href"),
  122. feed_id = feed_url.substr(feed_url.lastIndexOf('f_')),
  123. index_pending = pending_feeds.indexOf(feed_id);
  124. if (index_pending !== -1) {
  125. return false;
  126. }
  127. pending_feeds.push(feed_id);
  128. $.ajax({
  129. type: 'POST',
  130. url: url,
  131. data : { ajax: true }
  132. }).done(function (data) {
  133. var $r = active.find("a.read").attr("href", data.url),
  134. inc = 0;
  135. if (active.hasClass("not_read")) {
  136. active.removeClass("not_read");
  137. inc--;
  138. } else if (only_not_read !== true || active.hasClass("not_read")) {
  139. active.addClass("not_read");
  140. inc++;
  141. }
  142. $r.find('.icon').replaceWith(data.icon);
  143. incUnreadsFeed(active, feed_id, inc);
  144. faviconNbUnread();
  145. pending_feeds.splice(index_pending, 1);
  146. });
  147. }
  148. function mark_favorite(active) {
  149. if (active.length === 0) {
  150. return false;
  151. }
  152. var url = active.find("a.bookmark").attr("href");
  153. if (url === undefined) {
  154. return false;
  155. }
  156. var feed_url = active.find(".website>a").attr("href"),
  157. feed_id = feed_url.substr(feed_url.lastIndexOf('f_')),
  158. index_pending = pending_feeds.indexOf(feed_id);
  159. if (index_pending !== -1) {
  160. return false;
  161. }
  162. pending_feeds.push(feed_id);
  163. $.ajax({
  164. type: 'POST',
  165. url: url,
  166. data : { ajax: true }
  167. }).done(function (data) {
  168. var $b = active.find("a.bookmark").attr("href", data.url),
  169. inc = 0;
  170. if (active.hasClass("favorite")) {
  171. active.removeClass("favorite");
  172. inc--;
  173. } else {
  174. active.addClass("favorite").find('.bookmark');
  175. inc++;
  176. }
  177. $b.find('.icon').replaceWith(data.icon);
  178. var favourites = $('.favorites>a').contents().last().get(0);
  179. if (favourites && favourites.textContent) {
  180. favourites.textContent = favourites.textContent.replace(/((?: \([ 0-9]+\))?\s*)$/, function (m, p1) {
  181. return incLabel(p1, inc, false);
  182. });
  183. }
  184. if (active.closest('div').hasClass('not_read')) {
  185. var elem = $('#aside_flux .favorites').children(':first').get(0),
  186. feed_unreads = elem ? str2int(elem.getAttribute('data-unread')) : 0;
  187. if (elem) {
  188. elem.setAttribute('data-unread', numberFormat(feed_unreads + inc));
  189. }
  190. }
  191. pending_feeds.splice(index_pending, 1);
  192. });
  193. }
  194. function toggleContent(new_active, old_active) {
  195. if (new_active.length === 0) {
  196. return;
  197. }
  198. if (does_lazyload) {
  199. new_active.find('img[data-original], iframe[data-original]').each(function () {
  200. this.setAttribute('src', this.getAttribute('data-original'));
  201. this.removeAttribute('data-original');
  202. });
  203. }
  204. if (old_active[0] !== new_active[0]) {
  205. if (isCollapsed) {
  206. new_active.addClass("active");
  207. }
  208. old_active.removeClass("active current");
  209. new_active.addClass("current");
  210. } else {
  211. new_active.toggleClass('active');
  212. }
  213. var box_to_move = "html,body",
  214. relative_move = false;
  215. if (is_global_mode()) {
  216. box_to_move = "#panel";
  217. relative_move = true;
  218. }
  219. if (sticky_post) {
  220. var prev_article = new_active.prevAll('.flux'),
  221. new_pos = new_active.position().top,
  222. old_scroll = $(box_to_move).scrollTop();
  223. if (prev_article.length > 0 && new_pos - prev_article.position().top <= 150) {
  224. new_pos = prev_article.position().top;
  225. }
  226. if (hide_posts) {
  227. if (relative_move) {
  228. new_pos += old_scroll;
  229. }
  230. if (old_active[0] !== new_active[0]) {
  231. new_active.children(".flux_content").first().each(function () {
  232. $(box_to_move).scrollTop(new_pos).scrollTop();
  233. });
  234. }
  235. } else {
  236. if (relative_move) {
  237. new_pos += old_scroll;
  238. }
  239. $(box_to_move).scrollTop(new_pos).scrollTop();
  240. }
  241. }
  242. if (auto_mark_article && new_active.hasClass('active')) {
  243. mark_read(new_active, true);
  244. }
  245. }
  246. function prev_entry() {
  247. var old_active = $(".flux.current"),
  248. new_active = old_active.length === 0 ? $(".flux:last") : old_active.prevAll(".flux:first");
  249. toggleContent(new_active, old_active);
  250. }
  251. function next_entry() {
  252. var old_active = $(".flux.current"),
  253. new_active = old_active.length === 0 ? $(".flux:first") : old_active.nextAll(".flux:first");
  254. toggleContent(new_active, old_active);
  255. if (new_active.nextAll().length < 3) {
  256. load_more_posts();
  257. }
  258. }
  259. function prev_feed() {
  260. var active_feed = $("#aside_flux .feeds li.active");
  261. if (active_feed.length > 0) {
  262. active_feed.prevAll(':visible:first').find('a.feed').each(function(){this.click();});
  263. } else {
  264. last_feed();
  265. }
  266. }
  267. function next_feed() {
  268. var active_feed = $("#aside_flux .feeds li.active");
  269. if (active_feed.length > 0) {
  270. active_feed.nextAll(':visible:first').find('a.feed').each(function(){this.click();});
  271. } else {
  272. first_feed();
  273. }
  274. }
  275. function first_feed() {
  276. var feed = $("#aside_flux .feeds.active li:visible:first");
  277. if (feed.length > 0) {
  278. feed.find('a')[1].click();
  279. }
  280. }
  281. function last_feed() {
  282. var feed = $("#aside_flux .feeds.active li:visible:last");
  283. if (feed.length > 0) {
  284. feed.find('a')[1].click();
  285. }
  286. }
  287. function prev_category() {
  288. var active_cat = $("#aside_flux .category.stick.active");
  289. if (active_cat.length > 0) {
  290. var prev_cat = active_cat.parent('li').prevAll(':visible:first').find('.category.stick a.btn');
  291. if (prev_cat.length > 0) {
  292. prev_cat[0].click();
  293. }
  294. } else {
  295. last_category();
  296. }
  297. return;
  298. }
  299. function next_category() {
  300. var active_cat = $("#aside_flux .category.stick.active");
  301. if (active_cat.length > 0) {
  302. var next_cat = active_cat.parent('li').nextAll(':visible:first').find('.category.stick a.btn');
  303. if (next_cat.length > 0) {
  304. next_cat[0].click();
  305. }
  306. } else {
  307. first_category();
  308. }
  309. return;
  310. }
  311. function first_category() {
  312. var cat = $("#aside_flux .category.stick:visible:first");
  313. if (cat.length > 0) {
  314. cat.find('a.btn')[0].click();
  315. }
  316. }
  317. function last_category() {
  318. var cat = $("#aside_flux .category.stick:visible:last");
  319. if (cat.length > 0) {
  320. cat.find('a.btn')[0].click();
  321. }
  322. }
  323. function collapse_entry() {
  324. isCollapsed = !isCollapsed;
  325. var flux_current = $(".flux.current");
  326. flux_current.toggleClass("active");
  327. if (isCollapsed && auto_mark_article) {
  328. mark_read(flux_current, true);
  329. }
  330. }
  331. function user_filter(key) {
  332. console.log('user filter');
  333. console.warn(key);
  334. var filter = $('#dropdown-query');
  335. var filters = filter.siblings('.dropdown-menu').find('.item.query a');
  336. if (typeof key === "undefined") {
  337. if (!filter.length) {
  338. return;
  339. }
  340. // Display the filter div
  341. window.location.hash = filter.attr('id');
  342. // Force scrolling to the filter div
  343. var scroll = needsScroll($('.header'));
  344. if (scroll !== 0) {
  345. $('html,body').scrollTop(scroll);
  346. }
  347. // Force the key value if there is only one action, so we can trigger it automatically
  348. if (filters.length === 1) {
  349. key = 1;
  350. } else {
  351. return;
  352. }
  353. }
  354. // Trigger selected share action
  355. key = parseInt(key);
  356. if (key <= filters.length) {
  357. filters[key - 1].click();
  358. }
  359. }
  360. function auto_share(key) {
  361. var share = $(".flux.current.active").find('.dropdown-target[id^="dropdown-share"]');
  362. var shares = share.siblings('.dropdown-menu').find('.item a');
  363. if (typeof key === "undefined") {
  364. if (!share.length) {
  365. return;
  366. }
  367. // Display the share div
  368. window.location.hash = share.attr('id');
  369. // Force scrolling to the share div
  370. var scroll = needsScroll(share.closest('.bottom'));
  371. if (scroll !== 0) {
  372. $('html,body').scrollTop(scroll);
  373. }
  374. // Force the key value if there is only one action, so we can trigger it automatically
  375. if (shares.length === 1) {
  376. key = 1;
  377. } else {
  378. return;
  379. }
  380. }
  381. // Trigger selected share action and hide the share div
  382. key = parseInt(key);
  383. if (key <= shares.length) {
  384. shares[key - 1].click();
  385. share.siblings('.dropdown-menu').find('.dropdown-close a')[0].click();
  386. }
  387. }
  388. function inMarkViewport(flux, box_to_follow, relative_follow) {
  389. var top = flux.position().top;
  390. if (relative_follow) {
  391. top += box_to_follow.scrollTop();
  392. }
  393. var height = flux.height(),
  394. begin = top + 3 * height / 4,
  395. bot = Math.min(begin + 75, top + height),
  396. windowTop = box_to_follow.scrollTop(),
  397. windowBot = windowTop + box_to_follow.height() / 2;
  398. return (windowBot >= begin && bot >= windowBot);
  399. }
  400. function init_posts() {
  401. var box_to_follow = $(window),
  402. relative_follow = false;
  403. if (is_global_mode()) {
  404. box_to_follow = $("#panel");
  405. relative_follow = true;
  406. }
  407. if (auto_mark_scroll) {
  408. box_to_follow.scroll(function () {
  409. $('.not_read:visible').each(function () {
  410. if ($(this).children(".flux_content").is(':visible') && inMarkViewport($(this), box_to_follow, relative_follow)) {
  411. mark_read($(this), true);
  412. }
  413. });
  414. });
  415. }
  416. if (auto_load_more) {
  417. box_to_follow.scroll(function () {
  418. var load_more = $("#load_more");
  419. if (!load_more.is(':visible')) {
  420. return;
  421. }
  422. var boxBot = box_to_follow.scrollTop() + box_to_follow.height(),
  423. load_more_top = load_more.position().top;
  424. if (relative_follow) {
  425. load_more_top += box_to_follow.scrollTop();
  426. }
  427. if (boxBot >= load_more_top) {
  428. load_more_posts();
  429. }
  430. });
  431. box_to_follow.scroll();
  432. }
  433. }
  434. function init_column_categories() {
  435. if (!is_normal_mode()) {
  436. return;
  437. }
  438. $('#aside_flux').on('click', '.category>a.dropdown-toggle', function () {
  439. $(this).children().each(function() {
  440. if (this.alt === '▽') {
  441. this.src = this.src.replace('/icons/down.', '/icons/up.');
  442. this.alt = '△';
  443. } else {
  444. this.src = this.src.replace('/icons/up.', '/icons/down.');
  445. this.alt = '▽';
  446. }
  447. });
  448. $(this).parent().next(".feeds").slideToggle();
  449. return false;
  450. });
  451. $('#aside_flux').on('click', '.feeds .dropdown-toggle', function () {
  452. if ($(this).nextAll('.dropdown-menu').length === 0) {
  453. var feed_id = $(this).closest('li').attr('id').substr(2),
  454. feed_web = $(this).data('fweb'),
  455. template = $('#feed_config_template').html().replace(/!!!!!!/g, feed_id).replace('http://example.net/', feed_web);
  456. $(this).attr('href', '#dropdown-' + feed_id).prev('.dropdown-target').attr('id', 'dropdown-' + feed_id).parent().append(template);
  457. }
  458. });
  459. }
  460. function init_shortcuts() {
  461. if (!(window.shortcut && window.shortcuts)) {
  462. if (window.console) {
  463. console.log('FreshRSS waiting for sortcut.js…');
  464. }
  465. window.setTimeout(init_shortcuts, 50);
  466. return;
  467. }
  468. // Touches de manipulation
  469. shortcut.add(shortcuts.mark_read, function () {
  470. // on marque comme lu ou non lu
  471. var active = $(".flux.current");
  472. mark_read(active, false);
  473. }, {
  474. 'disable_in_input': true
  475. });
  476. shortcut.add("shift+" + shortcuts.mark_read, function () {
  477. // on marque tout comme lu
  478. var btn = $(".nav_menu .read_all");
  479. if (btn.hasClass('confirm')) {
  480. if (confirm(str_confirmation)) {
  481. btn.click();
  482. }
  483. } else {
  484. btn.click();
  485. }
  486. }, {
  487. 'disable_in_input': true
  488. });
  489. shortcut.add(shortcuts.mark_favorite, function () {
  490. // on marque comme favori ou non favori
  491. var active = $(".flux.current");
  492. mark_favorite(active);
  493. }, {
  494. 'disable_in_input': true
  495. });
  496. shortcut.add(shortcuts.collapse_entry, function () {
  497. collapse_entry();
  498. }, {
  499. 'disable_in_input': true
  500. });
  501. shortcut.add(shortcuts.auto_share, function () {
  502. auto_share();
  503. }, {
  504. 'disable_in_input': true
  505. });
  506. shortcut.add(shortcuts.user_filter, function () {
  507. user_filter();
  508. }, {
  509. 'disable_in_input': true
  510. });
  511. for(var i = 1; i < 10; i++){
  512. shortcut.add(i.toString(), function (e) {
  513. if ($('#dropdown-query').siblings('.dropdown-menu').is(':visible')) {
  514. user_filter(String.fromCharCode(e.keyCode));
  515. } else {
  516. auto_share(String.fromCharCode(e.keyCode));
  517. }
  518. }, {
  519. 'disable_in_input': true
  520. });
  521. }
  522. // Touches de navigation pour les articles
  523. shortcut.add(shortcuts.prev_entry, prev_entry, {
  524. 'disable_in_input': true
  525. });
  526. shortcut.add(shortcuts.first_entry, function () {
  527. var old_active = $(".flux.current"),
  528. first = $(".flux:first");
  529. if (first.hasClass("flux")) {
  530. toggleContent(first, old_active);
  531. }
  532. }, {
  533. 'disable_in_input': true
  534. });
  535. shortcut.add(shortcuts.next_entry, next_entry, {
  536. 'disable_in_input': true
  537. });
  538. shortcut.add(shortcuts.last_entry, function () {
  539. var old_active = $(".flux.current"),
  540. last = $(".flux:last");
  541. if (last.hasClass("flux")) {
  542. toggleContent(last, old_active);
  543. }
  544. }, {
  545. 'disable_in_input': true
  546. });
  547. // Touches de navigation pour les flux
  548. shortcut.add("shift+" + shortcuts.prev_entry, prev_feed, {
  549. 'disable_in_input': true
  550. });
  551. shortcut.add("shift+" + shortcuts.next_entry, next_feed, {
  552. 'disable_in_input': true
  553. });
  554. shortcut.add("shift+" + shortcuts.first_entry, first_feed, {
  555. 'disable_in_input': true
  556. });
  557. shortcut.add("shift+" + shortcuts.last_entry, last_feed, {
  558. 'disable_in_input': true
  559. });
  560. // Touches de navigation pour les categories
  561. shortcut.add("alt+" + shortcuts.prev_entry, prev_category, {
  562. 'disable_in_input': true
  563. });
  564. shortcut.add("alt+" + shortcuts.next_entry, next_category, {
  565. 'disable_in_input': true
  566. });
  567. shortcut.add("alt+" + shortcuts.first_entry, first_category, {
  568. 'disable_in_input': true
  569. });
  570. shortcut.add("alt+" + shortcuts.last_entry, last_category, {
  571. 'disable_in_input': true
  572. });
  573. shortcut.add(shortcuts.go_website, function () {
  574. var url_website = $('.flux.current > .flux_header > .title > a').attr("href");
  575. if (auto_mark_site) {
  576. $(".flux.current").each(function () {
  577. mark_read($(this), true);
  578. });
  579. }
  580. redirect(url_website, true);
  581. }, {
  582. 'disable_in_input': true
  583. });
  584. shortcut.add(shortcuts.load_more, function () {
  585. load_more_posts();
  586. }, {
  587. 'disable_in_input': true
  588. });
  589. shortcut.add(shortcuts.focus_search, function () {
  590. focus_search();
  591. }, {
  592. 'disable_in_input': true
  593. });
  594. shortcut.add(shortcuts.help, function () {
  595. redirect(help_url, true);
  596. }, {
  597. 'disable_in_input': true
  598. });
  599. }
  600. function init_stream(divStream) {
  601. divStream.on('click', '.flux_header,.flux_content', function (e) { //flux_toggle
  602. if ($(e.target).closest('.content, .item.website, .item.link').length > 0) {
  603. return;
  604. }
  605. var old_active = $(".flux.current"),
  606. new_active = $(this).parent();
  607. isCollapsed = true;
  608. if (e.target.tagName.toUpperCase() === 'A') { //Leave real links alone
  609. if (auto_mark_article) {
  610. mark_read(new_active, true);
  611. }
  612. return true;
  613. }
  614. toggleContent(new_active, old_active);
  615. });
  616. divStream.on('click', '.flux a.read', function () {
  617. var active = $(this).parents(".flux");
  618. mark_read(active, false);
  619. return false;
  620. });
  621. divStream.on('click', '.flux a.bookmark', function () {
  622. var active = $(this).parents(".flux");
  623. mark_favorite(active);
  624. return false;
  625. });
  626. divStream.on('click', '.item.title > a', function (e) {
  627. if (e.ctrlKey) {
  628. return true; //Allow default control-click behaviour such as open in backround-tab
  629. }
  630. $(this).parent().click(); //Will perform toggle flux_content
  631. return false;
  632. });
  633. divStream.on('click', '.flux .content a', function () {
  634. $(this).attr('target', '_blank');
  635. });
  636. if (auto_mark_site) {
  637. divStream.on('click', '.flux .link > a', function () {
  638. mark_read($(this).parents(".flux"), true);
  639. });
  640. }
  641. }
  642. function init_nav_entries() {
  643. var $nav_entries = $('#nav_entries');
  644. $nav_entries.find('.previous_entry').click(function () {
  645. prev_entry();
  646. return false;
  647. });
  648. $nav_entries.find('.next_entry').click(function () {
  649. next_entry();
  650. return false;
  651. });
  652. $nav_entries.find('.up').click(function () {
  653. var active_item = $(".flux.current"),
  654. windowTop = $(window).scrollTop(),
  655. item_top = active_item.position().top;
  656. if (windowTop > item_top) {
  657. $("html,body").scrollTop(item_top);
  658. } else {
  659. $("html,body").scrollTop(0);
  660. }
  661. return false;
  662. });
  663. }
  664. function init_actualize() {
  665. var auto = false;
  666. $("#actualize").click(function () {
  667. if (ajax_loading) {
  668. return false;
  669. }
  670. ajax_loading = true;
  671. $.getScript('./?c=javascript&a=actualize').done(function () {
  672. if (auto && feed_count < 1) {
  673. auto = false;
  674. ajax_loading = false;
  675. return false;
  676. }
  677. updateFeeds();
  678. });
  679. return false;
  680. });
  681. if (auto_actualize_feeds) {
  682. auto = true;
  683. $("#actualize").click();
  684. }
  685. }
  686. // <notification>
  687. var notification = null,
  688. notification_interval = null,
  689. notification_working = false;
  690. function openNotification(msg, status) {
  691. if (notification_working === true) {
  692. return false;
  693. }
  694. notification_working = true;
  695. notification.removeClass();
  696. notification.addClass("notification");
  697. notification.addClass(status);
  698. notification.find(".msg").html(msg);
  699. notification.fadeIn(300);
  700. notification_interval = window.setTimeout(closeNotification, 4000);
  701. }
  702. function closeNotification() {
  703. notification.fadeOut(600, function() {
  704. notification.removeClass();
  705. notification.addClass('closed');
  706. window.clearInterval(notification_interval);
  707. notification_working = false;
  708. });
  709. }
  710. function init_notifications() {
  711. notification = $("#notification");
  712. notification.find("a.close").click(function () {
  713. closeNotification();
  714. return false;
  715. });
  716. if (notification.find(".msg").html().length > 0) {
  717. notification_working = true;
  718. notification_interval = window.setTimeout(closeNotification, 4000);
  719. }
  720. }
  721. // </notification>
  722. // <notifs html5>
  723. var notifs_html5_permission = 'denied';
  724. function notifs_html5_is_supported() {
  725. return window.Notification !== undefined;
  726. }
  727. function notifs_html5_ask_permission() {
  728. window.Notification.requestPermission(function () {
  729. notifs_html5_permission = window.Notification.permission;
  730. });
  731. }
  732. function notifs_html5_show(nb) {
  733. if (notifs_html5_permission !== "granted") {
  734. return
  735. }
  736. var notification = new window.Notification(str_notif_title_articles, {
  737. icon: "../themes/icons/favicon-256.png",
  738. body: str_notif_body_articles.replace("\d", nb)
  739. });
  740. notification.onclick = function() {
  741. window.location.reload();
  742. }
  743. }
  744. function init_notifs_html5() {
  745. if (!notifs_html5_is_supported()) {
  746. return;
  747. }
  748. notifs_html5_permission = notifs_html5_ask_permission();
  749. }
  750. // </notifs html5>
  751. function refreshUnreads() {
  752. $.getJSON('./?c=javascript&a=nbUnreadsPerFeed').done(function (data) {
  753. var isAll = $('.category.all > .active').length > 0,
  754. new_articles = false;
  755. $.each(data, function(feed_id, nbUnreads) {
  756. feed_id = 'f_' + feed_id;
  757. var elem = $('#' + feed_id + '>.feed').get(0),
  758. feed_unreads = elem ? str2int(elem.getAttribute('data-unread')) : 0;
  759. if ((incUnreadsFeed(null, feed_id, nbUnreads - feed_unreads) || isAll) && //Update of current view?
  760. (nbUnreads - feed_unreads > 0)) {
  761. $('#new-article').show();
  762. new_articles = true;
  763. };
  764. });
  765. var nb_unreads = str2int($('.category.all>a').attr('data-unread'));
  766. if (nb_unreads > 0 && new_articles) {
  767. faviconNbUnread(nb_unreads);
  768. notifs_html5_show(nb_unreads);
  769. }
  770. });
  771. }
  772. //<endless_mode>
  773. var url_load_more = "",
  774. load_more = false,
  775. box_load_more = null;
  776. function load_more_posts() {
  777. if (load_more || url_load_more === '' || box_load_more === null) {
  778. return;
  779. }
  780. load_more = true;
  781. $('#load_more').addClass('loading');
  782. $.get(url_load_more, function (data) {
  783. box_load_more.children('.flux:last').after($('#stream', data).children('.flux, .day'));
  784. $('.pagination').replaceWith($('.pagination', data));
  785. if (display_order === 'ASC') {
  786. $('#nav_menu_read_all > .read_all').attr(
  787. 'formaction', $('#bigMarkAsRead').attr('formaction')
  788. );
  789. } else {
  790. $('#bigMarkAsRead').attr(
  791. 'formaction', $('#nav_menu_read_all > .read_all').attr('formaction')
  792. );
  793. }
  794. $('[id^=day_]').each(function (i) {
  795. var ids = $('[id="' + this.id + '"]');
  796. if (ids.length > 1) {
  797. $('[id="' + this.id + '"]:gt(0)').remove();
  798. }
  799. });
  800. init_load_more(box_load_more);
  801. $('#load_more').removeClass('loading');
  802. load_more = false;
  803. });
  804. }
  805. function focus_search() {
  806. $('#search').focus();
  807. }
  808. function init_load_more(box) {
  809. box_load_more = box;
  810. if (!does_lazyload) {
  811. $('img[postpone], audio[postpone], iframe[postpone], video[postpone]').each(function () {
  812. this.removeAttribute('postpone');
  813. });
  814. }
  815. var $next_link = $("#load_more");
  816. if (!$next_link.length) {
  817. // no more article to load
  818. url_load_more = "";
  819. return;
  820. }
  821. url_load_more = $next_link.attr("href");
  822. var $prefetch = $('#prefetch');
  823. if ($prefetch.attr('href') !== url_load_more) {
  824. $prefetch.attr('rel', 'next'); //Remove prefetch
  825. $.ajax({url: url_load_more, ifModified: true }); //TODO: Try to find a less agressive solution
  826. $prefetch.attr('href', url_load_more);
  827. }
  828. $next_link.click(function () {
  829. load_more_posts();
  830. return false;
  831. });
  832. }
  833. //</endless_mode>
  834. //<Web login form>
  835. function poormanSalt() { //If crypto.getRandomValues is not available
  836. var text = '$2a$04$',
  837. base = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ.0123456789/abcdefghijklmnopqrstuvwxyz';
  838. for (var i = 22; i > 0; i--) {
  839. text += base.charAt(Math.floor(Math.random() * 64));
  840. }
  841. return text;
  842. }
  843. function init_loginForm() {
  844. var $loginForm = $('#loginForm');
  845. if ($loginForm.length === 0) {
  846. return;
  847. }
  848. if (!(window.dcodeIO)) {
  849. if (window.console) {
  850. console.log('FreshRSS waiting for bcrypt.js…');
  851. }
  852. window.setTimeout(init_loginForm, 100);
  853. return;
  854. }
  855. $loginForm.on('submit', function() {
  856. $('#loginButton').attr('disabled', '');
  857. var success = false;
  858. $.ajax({
  859. url: './?c=javascript&a=nonce&user=' + $('#username').val(),
  860. dataType: 'json',
  861. async: false
  862. }).done(function (data) {
  863. if (data.salt1 == '' || data.nonce == '') {
  864. alert('Invalid user!');
  865. } else {
  866. try {
  867. var strong = window.Uint32Array && window.crypto && (typeof window.crypto.getRandomValues === 'function'),
  868. s = dcodeIO.bcrypt.hashSync($('#passwordPlain').val(), data.salt1),
  869. c = dcodeIO.bcrypt.hashSync(data.nonce + s, strong ? 4 : poormanSalt());
  870. $('#challenge').val(c);
  871. if (s == '' || c == '') {
  872. alert('Crypto error!');
  873. } else {
  874. success = true;
  875. }
  876. } catch (e) {
  877. alert('Crypto exception! ' + e);
  878. }
  879. }
  880. }).fail(function() {
  881. alert('Communication error!');
  882. });
  883. $('#loginButton').removeAttr('disabled');
  884. return success;
  885. });
  886. }
  887. //</Web login form>
  888. //<persona>
  889. function init_persona() {
  890. if (!(navigator.id)) {
  891. if (window.console) {
  892. console.log('FreshRSS waiting for Persona…');
  893. }
  894. window.setTimeout(init_persona, 100);
  895. return;
  896. }
  897. $('a.signin').click(function() {
  898. navigator.id.request();
  899. return false;
  900. });
  901. $('a.signout').click(function() {
  902. navigator.id.logout();
  903. return false;
  904. });
  905. navigator.id.watch({
  906. loggedInUser: current_user_mail,
  907. onlogin: function(assertion) {
  908. // A user has logged in! Here you need to:
  909. // 1. Send the assertion to your backend for verification and to create a session.
  910. // 2. Update your UI.
  911. $.ajax ({
  912. type: 'POST',
  913. url: url_login,
  914. data: {assertion: assertion},
  915. success: function(res, status, xhr) {
  916. /*if (res.status === 'failure') {
  917. alert (res_obj.reason);
  918. } else*/ if (res.status === 'okay') {
  919. location.href = url_freshrss;
  920. }
  921. },
  922. error: function(res, status, xhr) {
  923. alert("Login failure: " + res);
  924. }
  925. });
  926. },
  927. onlogout: function() {
  928. // A user has logged out! Here you need to:
  929. // Tear down the user's session by redirecting the user or making a call to your backend.
  930. // Also, make sure loggedInUser will get set to null on the next page load.
  931. // (That's a literal JavaScript null. Not false, 0, or undefined. null.)
  932. $.ajax ({
  933. type: 'POST',
  934. url: url_logout,
  935. success: function(res, status, xhr) {
  936. location.href = url_freshrss;
  937. },
  938. error: function(res, status, xhr) {
  939. //alert("logout failure" + res);
  940. }
  941. });
  942. }
  943. });
  944. }
  945. //</persona>
  946. function init_confirm_action() {
  947. $('body').on('click', '.confirm', function () {
  948. return confirm(str_confirmation);
  949. });
  950. }
  951. function init_print_action() {
  952. $('.item.share > a[href="#"]').click(function () {
  953. var content = "<html><head><style>"
  954. + "body { font-family: Serif; text-align: justify; }"
  955. + "a { color: #000; text-decoration: none; }"
  956. + "a:after { content: ' [' attr(href) ']'}"
  957. + "</style></head><body>"
  958. + $(".flux.current .content").html()
  959. + "</body></html>";
  960. var tmp_window = window.open();
  961. tmp_window.document.writeln(content);
  962. tmp_window.document.close();
  963. tmp_window.focus();
  964. tmp_window.print();
  965. tmp_window.close();
  966. return false;
  967. });
  968. }
  969. function init_share_observers() {
  970. shares = $('.form-group:not(".form-actions")').length;
  971. $('.share.add').on('click', function(e) {
  972. var opt = $(this).siblings('select').find(':selected');
  973. var row = $(this).parents('form').data(opt.data('form'));
  974. row = row.replace('##label##', opt.html(), 'g');
  975. row = row.replace('##type##', opt.val(), 'g');
  976. row = row.replace('##help##', opt.data('help'), 'g');
  977. row = row.replace('##key##', shares, 'g');
  978. $(this).parents('.form-group').before(row);
  979. shares++;
  980. return false;
  981. });
  982. }
  983. function init_stats_observers() {
  984. $('#feed_select').on('change', function(e) {
  985. redirect($(this).find(':selected').data('url'));
  986. });
  987. }
  988. function init_remove_observers() {
  989. $('.post').on('click', 'a.remove', function(e) {
  990. var remove_what = $(this).attr('data-remove');
  991. if (remove_what !== undefined) {
  992. var remove_obj = $('#' + remove_what);
  993. remove_obj.remove();
  994. }
  995. return false;
  996. });
  997. }
  998. function init_feed_observers() {
  999. $('select[id="category"]').on('change', function() {
  1000. var detail = $('#new_category_name').parent();
  1001. if ($(this).val() === 'nc') {
  1002. detail.show();
  1003. detail.find('input').focus();
  1004. } else {
  1005. detail.hide();
  1006. }
  1007. });
  1008. }
  1009. function init_password_observers() {
  1010. $('input[type="password"] + a.btn.toggle-password').on('click', function(e) {
  1011. var button = $(this);
  1012. var passwordField = $(this).siblings('input[type="password"]');
  1013. passwordField.attr('type', 'text');
  1014. button.addClass('active');
  1015. setTimeout(function() {
  1016. passwordField.attr('type', 'password');
  1017. button.removeClass('active');
  1018. }, 2000);
  1019. return false;
  1020. });
  1021. }
  1022. function faviconNbUnread(n) {
  1023. if (typeof n === 'undefined') {
  1024. n = str2int($('.category.all>a').attr('data-unread'));
  1025. }
  1026. //http://remysharp.com/2010/08/24/dynamic-favicons/
  1027. var canvas = document.createElement('canvas'),
  1028. link = document.getElementById('favicon').cloneNode(true);
  1029. if (canvas.getContext && link) {
  1030. canvas.height = canvas.width = 16;
  1031. var img = document.createElement('img');
  1032. img.onload = function () {
  1033. var ctx = canvas.getContext('2d');
  1034. ctx.drawImage(this, 0, 0, canvas.width, canvas.height);
  1035. if (n > 0) {
  1036. var text = '';
  1037. if (n < 1000) {
  1038. text = n;
  1039. } else if (n < 100000) {
  1040. text = Math.floor(n / 1000) + 'k';
  1041. } else {
  1042. text = 'E' + Math.floor(Math.log10(n));
  1043. }
  1044. ctx.font = 'bold 9px "Arial", sans-serif';
  1045. ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
  1046. ctx.fillRect(0, 7, ctx.measureText(text).width, 9);
  1047. ctx.fillStyle = '#F00';
  1048. ctx.fillText(text, 0, canvas.height - 1);
  1049. }
  1050. link.href = canvas.toDataURL('image/png');
  1051. $('link[rel~=icon]').remove();
  1052. document.head.appendChild(link);
  1053. };
  1054. img.src = '../favicon.ico';
  1055. }
  1056. }
  1057. function init_all() {
  1058. if (!(window.$ && window.url_freshrss)) {
  1059. if (window.console) {
  1060. console.log('FreshRSS waiting for JS…');
  1061. }
  1062. window.setTimeout(init_all, 50);
  1063. return;
  1064. }
  1065. init_notifications();
  1066. switch (authType) {
  1067. case 'form':
  1068. init_loginForm();
  1069. break;
  1070. case 'persona':
  1071. init_persona();
  1072. break;
  1073. }
  1074. init_confirm_action();
  1075. $stream = $('#stream');
  1076. if ($stream.length > 0) {
  1077. init_actualize();
  1078. init_column_categories();
  1079. init_load_more($stream);
  1080. init_posts();
  1081. init_stream($stream);
  1082. init_nav_entries();
  1083. init_shortcuts();
  1084. faviconNbUnread();
  1085. init_print_action();
  1086. init_notifs_html5();
  1087. window.setInterval(refreshUnreads, 120000);
  1088. } else {
  1089. init_share_observers();
  1090. init_remove_observers();
  1091. init_feed_observers();
  1092. init_password_observers();
  1093. init_stats_observers();
  1094. }
  1095. if (window.console) {
  1096. console.log('FreshRSS init done.');
  1097. }
  1098. }
  1099. if (document.readyState && document.readyState !== 'loading') {
  1100. if (window.console) {
  1101. console.log('FreshRSS immediate init…');
  1102. }
  1103. init_all();
  1104. } else if (document.addEventListener) {
  1105. document.addEventListener('DOMContentLoaded', function () {
  1106. if (window.console) {
  1107. console.log('FreshRSS waiting for DOMContentLoaded…');
  1108. }
  1109. init_all();
  1110. }, false);
  1111. }