gdorn/FreshRSS-Extensions
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

show reading times in their own table column

Browse source
This commit is contained in:
Maximilian Salomon 2023-04-17 16:21:33 +02:00
parent 68bc0767f2
commit 0c859e79b0
2 changed files with 12 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

2
xExtension-ReadingTime/metadata.json
View file

@ -1,7 +1,7 @@
{
"name": "ReadingTime",
"author": "Lapineige",
"description": "Add a reading time estimation next to each article title",
"description": "Add a reading time estimation next to each article",
"version": 1.2,
"entrypoint": "ReadingTime",
"type": "user"

22
xExtension-ReadingTime/static/readingtime.js
View file

@ -27,19 +27,17 @@
flux_list[i].dataset.readingTime = reading_time.reading_time;
if (document.body.clientWidth <= 840) { // in mobile mode, the feed name is not visible (there is only the favicon)
// add the reading time right before article's title
// in that case, [Time] - [Title] format is used instead of a "|" (as it looks better and doesn't take much more space)
if ( document.querySelector("#" + reading_time.flux.id + " ul.horizontal-list li.item.title a").textContent.substring(0,(reading_time.reading_time + 'm - ').length) != reading_time.reading_time + 'm - ' ) {
document.querySelector("#" + reading_time.flux.id + " ul.horizontal-list li.item.title a").textContent = reading_time.reading_time + 'm - ' + document.querySelector("#" + reading_time.flux.id + " ul.horizontal-list li.item.title a").textContent;
}
} else {
// add the reading time just after the feed name
if ( document.querySelector("#" + reading_time.flux.id + " ul.horizontal-list li.item.website").textContent.substring(1, (reading_time.reading_time + 'm|').length + 1) != reading_time.reading_time + 'm|' ) {
document.querySelector("#" + reading_time.flux.id + " ul.horizontal-list li.item.website").childNodes[0].childNodes[2].textContent = reading_time.reading_time + 'm| ' + document.querySelector("#" + reading_time.flux.id + " ul.horizontal-list li.item.website").childNodes[0].childNodes[2].textContent;
}
}
const li = document.createElement("li");
li.setAttribute("class", "item date");
li.style.width = "min-content";
li.style.minWidth = "40px";
li.style.overflow = "hidden";
li.style.textAlign = "right";
li.style.display = "table-cell";
li.textContent = "" + reading_time.reading_time + '\u2009m';
const ul = document.querySelector("#" + reading_time.flux.id + " ul.horizontal-list");
ul.insertBefore(li, ul.children[ul.children.length - 1]);
}
},