starred/return-youtube-dislike
1
0 Fork 0
mirror of https://github.com/Anarios/return-youtube-dislike.git synced 2026-11-12 17:11:30 +01:00
Code Issues 22 Packages Projects Releases Wiki Activity

Feat #211 replace percentage display mode dict with switch

Browse Source
This commit is contained in:
ErykDarnowski committed 2022-04-23 17:36:09 +02:00
1 parent 1db5bf3aad
commit 7ce1b68a64
2 files changed
+46 -28
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Extensions/UserScript/Return Youtube Dislike.user.js
+24 -15
View File
@@ -35,7 +35,7 @@ const extConfig = {
numberDisplayRoundDown: true, // [true*, false] Round down numbers (Show rounded down numbers)
// READING THIS ^ INFO IS NOT IMPLEMENTED HERE (LOOK AT PULL REQUEST #540)
tooltipPercentageDisplayOption: "none", // [none*, dash_like, dash_dislike, both, only_like, only_dislike] Mode of showing percentage in like/dislike bar tooltip.
tooltipPercentageMode: "none", // [none*, dash_like, dash_dislike, both, only_like, only_dislike] Mode of showing percentage in like/dislike bar tooltip.
// END USER OPTIONS
};
@@ -224,18 +224,27 @@ function createRateBar(likes, dislikes) {
var likePercentage = parseFloat(widthPercent.toFixed(1));
const dislikePercentage = (100 - likePercentage).toLocaleString();
likePercentage = likePercentage.toLocaleString();
const tooltipPercentageDisplayModes = {
"none": `${likes.toLocaleString()} / ${dislikes.toLocaleString()}`,
"dash_like": `${likes.toLocaleString()} / ${dislikes.toLocaleString()}  -  ${likePercentage}%`,
"dash_dislike": `${likes.toLocaleString()} / ${dislikes.toLocaleString()}  -  ${dislikePercentage}%`,
"both": `${likePercentage}% / ${dislikePercentage}%`,
"only_like": `${likePercentage}%`,
"only_dislike": `${dislikePercentage}%`
};
if (tooltipPercentageDisplayModes[extConfig.tooltipPercentageDisplayOption] === undefined) {
extConfig.tooltipPercentageDisplayOption = "none";
};
var tooltipInnerHTML;
switch (extConfig.tooltipPercentageMode) {
case "dash_like":
tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()}  -  ${likePercentage}%`
break;
case "dash_dislike":
tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()}  -  ${dislikePercentage}%`
break;
case "both":
tooltipInnerHTML = `${likePercentage}% / ${dislikePercentage}%`
break;
case "only_like":
tooltipInnerHTML = `${likePercentage}%`
break;
case "only_dislike":
tooltipInnerHTML = `${dislikePercentage}%`
break;
default:
tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()}`
}
if (!rateBar && !isMobile) {
@@ -255,7 +264,7 @@ function createRateBar(likes, dislikes) {
</div>
</div>
<tp-yt-paper-tooltip position="top" id="ryd-dislike-tooltip" class="style-scope ytd-sentiment-bar-renderer" role="tooltip" tabindex="-1">
<!--css-build:shady-->${tooltipPercentageDisplayModes[extConfig.tooltipPercentageDisplayOption]}
<!--css-build:shady-->${tooltipInnerHTML}
</tp-yt-paper-tooltip>
</div>
`
@@ -269,7 +278,7 @@ function createRateBar(likes, dislikes) {
document.querySelector(
"#ryd-dislike-tooltip > #tooltip"
).innerHTML = tooltipPercentageDisplayModes[extConfig.tooltipPercentageDisplayOption];
).innerHTML = tooltipInnerHTML;
}
}