mirror of
https://github.com/FreshRSS/FreshRSS.git
synced 2026-03-03 22:17:36 -05:00
29137c0b04
Centralisation de la génération du code des icônes pour pouvoir plus facilement le changer, en particulier en préparation d'améliorations futures : * ajouter des alternatives lorsque l'image n'est pas affichée ; * améliorer l'accessibilité ; * permettre de changer les icônes selon le thème graphique choisi ; * simplifier les CSS. Contribue à https://github.com/marienfressinaud/FreshRSS/issues/284
655 lines
16 KiB
JavaScript
655 lines
16 KiB
JavaScript
"use strict";
|
|
var $stream = null;
|
|
|
|
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 res = $.parseJSON(data),
|
|
$r = active.find("a.read").attr("href", res.url),
|
|
inc = 0;
|
|
if (active.hasClass("not_read")) {
|
|
$r.find('.icon').removeClass('i_unread').addClass('i_read').text('☑');
|
|
active.removeClass("not_read");
|
|
inc--;
|
|
} else if (only_not_read !== true || active.hasClass("not_read")) {
|
|
$r.find('.icon').removeClass('i_read').addClass('i_unread').text('☐');
|
|
active.addClass("not_read");
|
|
inc++;
|
|
}
|
|
|
|
//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 res = $.parseJSON(data),
|
|
$b = active.find("a.bookmark").attr("href", res.url),
|
|
inc = 0;
|
|
if (active.hasClass("favorite")) {
|
|
$b.find('.icon').removeClass('i_starred').addClass('i_non-starred').text('☆');
|
|
active.removeClass("favorite");
|
|
inc--;
|
|
} else {
|
|
$b.find('.icon').removeClass('i_non-starred').addClass('i_starred').text('★');
|
|
active.addClass("favorite").find('.bookmark');
|
|
inc++;
|
|
}
|
|
|
|
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]').each(function () {
|
|
this.setAttribute('src', this.getAttribute('data-original'));
|
|
this.removeAttribute('data-original');
|
|
});
|
|
}
|
|
|
|
old_active.removeClass("active");
|
|
if (old_active[0] !== new_active[0]) {
|
|
new_active.addClass("active");
|
|
}
|
|
|
|
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.active"),
|
|
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.active"),
|
|
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() {
|
|
$(".flux.active").removeClass("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().toggleClass("i_down").toggleClass("i_up").text($(this).hasClass("i_up") ? "△" : "▽");
|
|
$(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.active");
|
|
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.active");
|
|
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.active"),
|
|
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.active"),
|
|
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.active").each(function () {
|
|
mark_read($(this), true);
|
|
});
|
|
}
|
|
|
|
redirect(url_website, true);
|
|
}, {
|
|
'disable_in_input': true
|
|
});
|
|
}
|
|
|
|
function init_stream_delegates(divStream) {
|
|
divStream.on('click', '.flux_header>.item.title, .flux_header>.item.date', function (e) { //flux_header_toggle
|
|
var old_active = $(".flux.active"),
|
|
new_active = $(this).parent().parent();
|
|
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.active"),
|
|
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));
|
|
|
|
$('[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) {
|
|
var res_obj = jQuery.parseJSON(res);
|
|
|
|
if (res_obj.status == 'failure') {
|
|
//alert (res_obj.reason);
|
|
} else if (res_obj.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_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();
|
|
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);
|
|
}
|