diff options
Diffstat (limited to 'p/scripts/main.js')
| -rw-r--r-- | p/scripts/main.js | 693 |
1 files changed, 693 insertions, 0 deletions
diff --git a/p/scripts/main.js b/p/scripts/main.js new file mode 100644 index 000000000..ef05eb2fb --- /dev/null +++ b/p/scripts/main.js @@ -0,0 +1,693 @@ +"use strict"; +var $stream = null, + isCollapsed = true; + +function is_normal_mode() { + return $stream.hasClass('normal'); +} + +function is_global_mode() { + return $stream.hasClass('global'); +} + +function redirect(url, new_tab) { + if (url) { + if (new_tab) { + window.open(url); + } else { + location.href = url; + } + } +} + +function incLabel(p, inc) { + var i = (parseInt(p.replace(/\D/g, ''), 10) || 0) + inc; + return i > 0 ? ' (' + i + ')' : ''; +} + +function mark_read(active, only_not_read) { + if (active[0] === undefined || (only_not_read === true && !active.hasClass("not_read"))) { + return false; + } + + var url = active.find("a.read").attr("href"); + if (url === undefined) { + return false; + } + + $.ajax({ + type: 'POST', + url: url, + data : { ajax: true } + }).done(function (data) { + var $r = active.find("a.read").attr("href", data.url), + inc = 0; + if (active.hasClass("not_read")) { + active.removeClass("not_read"); + inc--; + } else if (only_not_read !== true || active.hasClass("not_read")) { + active.addClass("not_read"); + inc++; + } + $r.find('.icon').replaceWith(data.icon); + + //Update unread: feed + var feed_url = active.find(".website>a").attr("href"), + feed_id = feed_url.substr(feed_url.lastIndexOf('f_')), + elem = $('#' + feed_id + ' .feed').get(0), + feed_unread = elem ? (parseInt(elem.getAttribute('data-unread'), 10) || 0) : 0, + feed_priority = elem ? (parseInt(elem.getAttribute('data-priority'), 10) || 0) : 0; + if (elem) { + elem.setAttribute('data-unread', Math.max(0, feed_unread + inc)); + } + + //Update unread: category + elem = $('#' + feed_id).parent().prevAll('.category').children(':first').get(0); + feed_unread = elem ? (parseInt(elem.getAttribute('data-unread'), 10) || 0) : 0; + if (elem) { + elem.setAttribute('data-unread', Math.max(0, feed_unread + inc)); + } + + //Update unread: all + if (feed_priority > 0) { + elem = $('#aside_flux .all').children(':first').get(0); + if (elem) { + feed_unread = elem ? (parseInt(elem.getAttribute('data-unread'), 10) || 0) : 0; + elem.setAttribute('data-unread', Math.max(0, feed_unread + inc)); + } + } + + //Update unread: favourites + if (active.closest('div').hasClass('favorite')) { + elem = $('#aside_flux .favorites').children(':first').get(0); + if (elem) { + feed_unread = elem ? (parseInt(elem.getAttribute('data-unread'), 10) || 0) : 0; + elem.setAttribute('data-unread', Math.max(0, feed_unread + inc)); + } + } + + //Update unread: title + document.title = document.title.replace(/((?: \(\d+\))?)( - .*?)((?: \(\d+\))?)$/, function (m, p1, p2, p3) { + return incLabel(p1, inc) + p2 + incLabel(p3, feed_priority > 0 ? inc : 0); + }); + }); +} + +function mark_favorite(active) { + if (active[0] === undefined) { + return false; + } + + var url = active.find("a.bookmark").attr("href"); + if (url === undefined) { + return false; + } + + $.ajax({ + type: 'POST', + url: url, + data : { ajax: true } + }).done(function (data) { + var $b = active.find("a.bookmark").attr("href", data.url), + inc = 0; + if (active.hasClass("favorite")) { + active.removeClass("favorite"); + inc--; + } else { + active.addClass("favorite").find('.bookmark'); + inc++; + } + $b.find('.icon').replaceWith(data.icon); + + var favourites = $('.favorites>a').contents().last().get(0); + if (favourites && favourites.textContent) { + favourites.textContent = favourites.textContent.replace(/((?: \(\d+\))?\s*)$/, function (m, p1) { + return incLabel(p1, inc); + }); + } + + if (active.closest('div').hasClass('not_read')) { + var elem = $('#aside_flux .favorites').children(':first').get(0), + feed_unread = elem ? (parseInt(elem.getAttribute('data-unread'), 10) || 0) : 0; + elem.setAttribute('data-unread', Math.max(0, feed_unread + inc)); + } + }); +} + +function toggleContent(new_active, old_active) { + if (does_lazyload) { + new_active.find('img[data-original], iframe[data-original]').each(function () { + this.setAttribute('src', this.getAttribute('data-original')); + this.removeAttribute('data-original'); + }); + } + + old_active.removeClass("active").removeClass("current"); + if (old_active[0] !== new_active[0]) { + if (isCollapsed) { + new_active.addClass("active"); + } + new_active.addClass("current"); + } + + var box_to_move = "html,body", + relative_move = false; + if (is_global_mode()) { + box_to_move = "#panel"; + relative_move = true; + } + + var new_pos = new_active.position().top, + old_scroll = $(box_to_move).scrollTop(); + if (hide_posts) { + + new_pos = new_active.position().top; + old_scroll = $(box_to_move).scrollTop(); + + if (relative_move) { + new_pos += old_scroll; + } + + if (old_active[0] !== new_active[0]) { + new_active.children(".flux_content").first().each(function () { + $(box_to_move).scrollTop(new_pos).scrollTop(); + }); + } + } else { + if (relative_move) { + new_pos += old_scroll; + } + + $(box_to_move).scrollTop(new_pos).scrollTop(); + } + + if (auto_mark_article) { + mark_read(new_active, true); + } +} + +function prev_entry() { + var old_active = $(".flux.current"), + last_active = $(".flux:last"), + new_active = old_active.prevAll(".flux:first"); + + if (new_active.hasClass("flux")) { + toggleContent(new_active, old_active); + } else if (old_active[0] === undefined && new_active[0] === undefined) { + toggleContent(last_active, old_active); + } +} + +function next_entry() { + var old_active = $(".flux.current"), + first_active = $(".flux:first"), + last_active = $(".flux:last"), + new_active = old_active.nextAll(".flux:first"); + + if (new_active.hasClass("flux")) { + toggleContent(new_active, old_active); + } else if (old_active[0] === undefined && new_active[0] === undefined) { + toggleContent(first_active, old_active); + } + + if ((!auto_load_more) && (last_active.attr("id") === new_active.attr("id"))) { + load_more_posts(); + } +} + +function collapse_entry() { + isCollapsed = !isCollapsed; + $(".flux.current").toggleClass("active"); +} + +function inMarkViewport(flux, box_to_follow, relative_follow) { + var top = flux.position().top; + if (relative_follow) { + top += box_to_follow.scrollTop(); + } + var height = flux.height(), + begin = top + 3 * height / 4, + bot = Math.min(begin + 75, top + height), + windowTop = box_to_follow.scrollTop(), + windowBot = windowTop + box_to_follow.height() / 2; + + return (windowBot >= begin && bot >= windowBot); +} + +function init_lazyload() { + if ($.fn.lazyload) { + if (is_global_mode()) { + $(".flux_content img").lazyload({ + container: $("#panel") + }); + } else { + $(".flux_content img").lazyload(); + } + } +} + +function init_posts() { + init_lazyload(); + + var box_to_follow = $(window), + relative_follow = false; + if (is_global_mode()) { + box_to_follow = $("#panel"); + relative_follow = true; + } + + if (auto_mark_scroll) { + box_to_follow.scroll(function () { + $('.not_read:visible').each(function () { + if ($(this).children(".flux_content").is(':visible') && inMarkViewport($(this), box_to_follow, relative_follow)) { + mark_read($(this), true); + } + }); + }); + } + + if (auto_load_more) { + box_to_follow.scroll(function () { + var load_more = $("#load_more"); + if (!load_more.is(':visible')) { + return; + } + var boxBot = box_to_follow.scrollTop() + box_to_follow.height(), + load_more_top = load_more.position().top; + if (relative_follow) { + load_more_top += box_to_follow.scrollTop(); + } + if (boxBot >= load_more_top) { + load_more_posts(); + } + }); + } +} + +function init_column_categories() { + if (!is_normal_mode()) { + return; + } + $('#aside_flux').on('click', '.category>a.dropdown-toggle', function () { + $(this).children().each(function() { + if (this.alt === '▽') { + this.src = this.src.replace('/icons/down.', '/icons/up.'); + this.alt = '△'; + } else { + this.src = this.src.replace('/icons/up.', '/icons/down.'); + this.alt = '▽'; + } + }); + $(this).parent().next(".feeds").slideToggle(); + return false; + }); +} + +function init_shortcuts() { + if (!(window.shortcut && window.shortcuts)) { + if (window.console) { + console.log('FreshRSS waiting for sortcut.js…'); + } + window.setTimeout(init_shortcuts, 50); + return; + } + // Touches de manipulation + shortcut.add(shortcuts.mark_read, function () { + // on marque comme lu ou non lu + var active = $(".flux.current"); + mark_read(active, false); + }, { + 'disable_in_input': true + }); + shortcut.add("shift+" + shortcuts.mark_read, function () { + // on marque tout comme lu + var url = $(".nav_menu a.read_all").attr("href"); + redirect(url, false); + }, { + 'disable_in_input': true + }); + shortcut.add(shortcuts.mark_favorite, function () { + // on marque comme favori ou non favori + var active = $(".flux.current"); + mark_favorite(active); + }, { + 'disable_in_input': true + }); + shortcut.add(shortcuts.collapse_entry, function () { + collapse_entry(); + }, { + 'disable_in_input': true + }); + + // Touches de navigation + shortcut.add(shortcuts.prev_entry, prev_entry, { + 'disable_in_input': true + }); + shortcut.add("shift+" + shortcuts.prev_entry, function () { + var old_active = $(".flux.current"), + first = $(".flux:first"); + + if (first.hasClass("flux")) { + toggleContent(first, old_active); + } + }, { + 'disable_in_input': true + }); + shortcut.add(shortcuts.next_entry, next_entry, { + 'disable_in_input': true + }); + shortcut.add("shift+" + shortcuts.next_entry, function () { + var old_active = $(".flux.current"), + last = $(".flux:last"); + + if (last.hasClass("flux")) { + toggleContent(last, old_active); + } + }, { + 'disable_in_input': true + }); + shortcut.add(shortcuts.go_website, function () { + var url_website = $(".flux.active .link a").attr("href"); + + if (auto_mark_site) { + $(".flux.current").each(function () { + mark_read($(this), true); + }); + } + + redirect(url_website, true); + }, { + 'disable_in_input': true + }); + + shortcut.add(shortcuts.load_more, function () { + load_more_posts(); + }, { + 'disable_in_input': true + }); +} + +function init_stream_delegates(divStream) { + divStream.on('click', '.flux_header', function (e) { //flux_header_toggle + var old_active = $(".flux.current"), + new_active = $(this).parent(); + isCollapsed = true; + if (e.target.tagName.toUpperCase() === 'A') { //Leave real links alone + if (auto_mark_article) { + mark_read(new_active, true); + } + return true; + } + toggleContent(new_active, old_active); + }); + + divStream.on('click', '.flux a.read', function () { + var active = $(this).parents(".flux"); + mark_read(active, false); + + return false; + }); + + divStream.on('click', '.flux a.bookmark', function () { + var active = $(this).parents(".flux"); + mark_favorite(active); + + return false; + }); + + divStream.on('click', '.flux .content a', function () { + $(this).attr('target', '_blank'); + }); + + divStream.on('click', '.item.title>a', function (e) { + if (e.ctrlKey) { + return true; //Allow default control-click behaviour such as open in backround-tab + } + $(this).parent().click(); //Will perform toggle flux_content + return false; + }); + + if (auto_mark_site) { + divStream.on('click', '.flux .link a', function () { + mark_read($(this).parent().parent().parent(), true); + }); + } +} + +function init_nav_entries() { + var $nav_entries = $('#nav_entries'); + $nav_entries.find('.previous_entry').click(function () { + prev_entry(); + return false; + }); + $nav_entries.find('.next_entry').click(function () { + next_entry(); + return false; + }); + $nav_entries.find('.up').click(function () { + var active_item = $(".flux.current"), + windowTop = $(window).scrollTop(), + item_top = active_item.position().top; + + if (windowTop > item_top) { + $("html,body").scrollTop(item_top); + } else { + $("html,body").scrollTop(0); + } + return false; + }); +} + +function init_templates() { + $('#aside_flux').on('click', '.feeds .dropdown-toggle', function () { + if ($(this).nextAll('.dropdown-menu').length === 0) { + var feed_id = $(this).closest('li').attr('id').substr(2), + feed_web = $(this).data('fweb'), + template = $('#feed_config_template').html().replace(/!!!!!!/g, feed_id).replace('http://example.net/', feed_web); + $(this).attr('href', '#dropdown-' + feed_id).prev('.dropdown-target').attr('id', 'dropdown-' + feed_id).parent().append(template); + } + }); +} + +function init_actualize() { + $("#actualize").click(function () { + $.getScript('./?c=javascript&a=actualize').done(function () { + updateFeeds(); + }); + return false; + }); + + if(auto_actualize_feeds) { + $.getScript('./?c=javascript&a=actualize').done(function () { + updateFeeds(); + }); + } +} + +function closeNotification() { + $(".notification").fadeOut(600, function () { + $(".notification").remove(); + }); +} + +function init_notifications() { + var notif = $(".notification"); + if (notif[0] !== undefined) { + window.setInterval(closeNotification, 4000); + + notif.find("a.close").click(function () { + closeNotification(); + return false; + }); + } +} + +//<endless_mode> +var url_load_more = "", + load_more = false, + box_load_more = null; + +function load_more_posts() { + if (load_more || url_load_more === '' || box_load_more === null) { + return; + } + + load_more = true; + $('#load_more').addClass('loading'); + $.get(url_load_more, function (data) { + box_load_more.children('.flux:last').after($('#stream', data).children('.flux, .day')); + $('.pagination').replaceWith($('.pagination', data)); + $('#bigMarkAsRead').attr('href', $('#nav_menu_read_all>a').attr('href')); + + $('[id^=day_]').each(function (i) { + var ids = $('[id="' + this.id + '"]'); + if (ids.length > 1) { + $('[id="' + this.id + '"]:gt(0)').remove(); + } + }); + + init_load_more(box_load_more); + init_lazyload(); + + $('#load_more').removeClass('loading'); + load_more = false; + }); +} + +function init_load_more(box) { + var $next_link = $("#load_more"); + if (!$next_link.length) { + // no more article to load + url_load_more = ""; + return; + } + + box_load_more = box; + + url_load_more = $next_link.attr("href"); + var $prefetch = $('#prefetch'); + if ($prefetch.attr('href') !== url_load_more) { + $prefetch.attr('rel', 'next'); //Remove prefetch + $.ajax({url: url_load_more, ifModified: true }); //TODO: Try to find a less agressive solution + $prefetch.attr('href', url_load_more); + } + + $next_link.click(function () { + load_more_posts(); + return false; + }); +} +//</endless_mode> + +//<persona> +function init_persona() { + if (!(navigator.id)) { + if (window.console) { + console.log('FreshRSS waiting for Persona…'); + } + window.setTimeout(init_persona, 100); + return; + } + $('a.signin').click(function() { + navigator.id.request(); + return false; + }); + + $('a.signout').click(function() { + navigator.id.logout(); + return false; + }); + + navigator.id.watch({ + loggedInUser: current_user_mail, + + onlogin: function(assertion) { + // A user has logged in! Here you need to: + // 1. Send the assertion to your backend for verification and to create a session. + // 2. Update your UI. + $.ajax ({ + type: 'POST', + url: url_login, + data: {assertion: assertion}, + success: function(res, status, xhr) { + /*if (res.status === 'failure') { + alert (res_obj.reason); + } else*/ if (res.status === 'okay') { + location.href = url_freshrss; + } + }, + error: function(res, status, xhr) { + alert("Login failure: " + res); + } + }); + }, + onlogout: function() { + // A user has logged out! Here you need to: + // Tear down the user's session by redirecting the user or making a call to your backend. + // Also, make sure loggedInUser will get set to null on the next page load. + // (That's a literal JavaScript null. Not false, 0, or undefined. null.) + $.ajax ({ + type: 'POST', + url: url_logout, + success: function(res, status, xhr) { + location.href = url_freshrss; + }, + error: function(res, status, xhr) { + //alert("logout failure" + res); + } + }); + } + }); +} +//</persona> + +function init_confirm_action() { + $('.confirm').click(function () { + return confirm(str_confirmation); + }); +} + +function init_print_action() { + $('.print-article').click(function () { + var content = "<html><head><style>" + + "body { font-family: Serif; text-align: justify; }" + + "a { color: #000; text-decoration: none; }" + + "a:after { content: ' [' attr(href) ']'}" + + "</style></head><body>" + + $(".flux.current .content").html() + + "</body></html>"; + + var tmp_window = window.open(); + tmp_window.document.writeln(content); + tmp_window.document.close(); + tmp_window.focus(); + tmp_window.print(); + tmp_window.close(); + + return false; + }); +} + +function init_all() { + if (!(window.$ && window.url_freshrss && ((!full_lazyload) || $.fn.lazyload))) { + if (window.console) { + console.log('FreshRSS waiting for JS…'); + } + window.setTimeout(init_all, 50); + return; + } + $stream = $('#stream'); + init_posts(); + init_column_categories(); + if (load_shortcuts) { + init_shortcuts(); + } + init_stream_delegates($stream); + init_nav_entries(); + init_templates(); + init_notifications(); + init_actualize(); + init_load_more($stream); + if (use_persona) { + init_persona(); + } + init_confirm_action(); + init_print_action(); + if (window.console) { + console.log('FreshRSS init done.'); + } +} + +if (document.readyState && document.readyState !== 'loading') { + if (window.console) { + console.log('FreshRSS immediate init…'); + } + init_all(); +} else if (document.addEventListener) { + document.addEventListener('DOMContentLoaded', function () { + if (window.console) { + console.log('FreshRSS waiting for DOMContentLoaded…'); + } + init_all(); + }, false); +} |