mirror of
https://github.com/Anarios/return-youtube-dislike.git
synced 2026-10-27 23:31:06 +01:00
Anarios
c31f60cc24
Keep private windows counts-only and separate account consent from core access. Correct stale account UI, Premium themes and ranges, display preferences, and RTL popup and release layouts.
294 lines
13 KiB
HTML
294 lines
13 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<!--- HEADER -->
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<script src="popup-context.js"></script>
|
|
<title title="__MSG_extensionName__">__MSG_extensionName__</title>
|
|
<link rel="stylesheet" href="popup.css" />
|
|
<link rel="stylesheet" href="content-style.css" />
|
|
</head>
|
|
<!-- END HEADER -->
|
|
<body>
|
|
<center>
|
|
<img src="icons/logo.svg" />
|
|
<h1 style="margin-bottom: 0.75rem" title="__MSG_extensionName__">__MSG_extensionName__</h1>
|
|
<p style="color: var(--lightGrey)" title="__MSG_textDeveloper__">__MSG_textDeveloper__</p>
|
|
|
|
<button class="m3-btn" id="link_website" title="__MSG_linkWebsite__">__MSG_linkWebsite__</button>
|
|
<button class="m3-btn m3-primary" style="margin-top: 0.3em" id="link_donate" title="__MSG_linkDonate__">
|
|
__MSG_linkDonate__
|
|
</button>
|
|
<button class="m3-btn" id="link_discord" title="__MSG_linkDiscord__">__MSG_linkDiscord__</button>
|
|
<br />
|
|
|
|
<!-- Patreon Login Section -->
|
|
<div id="patreon-section" style="margin-top: 1rem; padding: 0.5rem; border-top: 1px solid var(--lightGrey)">
|
|
<div id="patreon-logged-out" style="display: none">
|
|
<p
|
|
style="color: var(--lightGrey); font-size: 0.9rem; margin-bottom: 0.5rem"
|
|
title="__MSG_patreonLoggedOutMessage__"
|
|
>
|
|
__MSG_patreonLoggedOutMessage__
|
|
</p>
|
|
<button
|
|
class="m3-btn m3-primary"
|
|
id="patreon-login-btn"
|
|
title="__MSG_patreonLogin__"
|
|
aria-describedby="patreon-privacy-note"
|
|
>
|
|
<svg
|
|
style="width: 16px; height: 16px; margin-right: 6px; vertical-align: middle"
|
|
viewBox="0 0 24 24"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="M14.82 2.41c3.96 0 7.18 3.24 7.18 7.21c0 3.96-3.22 7.18-7.18 7.18c-3.97 0-7.21-3.22-7.21-7.18c0-3.97 3.24-7.21 7.21-7.21M2 21.6h3.5V2.41H2V21.6z"
|
|
/>
|
|
</svg>
|
|
__MSG_patreonLogin__
|
|
</button>
|
|
<p id="patreon-privacy-note">__MSG_patreonPrivacyNote__</p>
|
|
<p
|
|
style="color: var(--lightGrey); font-size: 0.85rem; margin: 0.6rem 0 0.4rem"
|
|
title="__MSG_githubLoggedOutMessage__"
|
|
>
|
|
__MSG_githubLoggedOutMessage__
|
|
</p>
|
|
<button
|
|
class="m3-btn m3-primary"
|
|
style="margin-top: 0.1rem"
|
|
id="github-login-btn"
|
|
title="__MSG_githubLogin__"
|
|
>
|
|
__MSG_githubLogin__
|
|
</button>
|
|
</div>
|
|
<div id="patreon-logged-in" style="display: none">
|
|
<div style="display: flex; align-items: center; margin-bottom: 0.5rem">
|
|
<img
|
|
id="patreon-user-avatar"
|
|
src=""
|
|
alt=""
|
|
style="width: 32px; height: 32px; border-radius: 50%; margin-right: 8px; display: none"
|
|
/>
|
|
<div>
|
|
<p id="patreon-user-name" style="font-weight: 500; margin: 0"></p>
|
|
<p id="patreon-tier" style="color: var(--lightGrey); font-size: 0.8rem; margin: 0"></p>
|
|
</div>
|
|
</div>
|
|
<button class="m3-btn" id="patreon-logout-btn" style="font-size: 0.9rem" title="__MSG_patreonLogout__">
|
|
__MSG_patreonLogout__
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<button class="m3-btn" style="margin-top: 0.3rem" id="link_faq" title="__MSG_linkFAQ__">__MSG_linkFAQ__</button>
|
|
<button class="m3-btn" id="link_github" title="__MSG_linkGithub__">__MSG_linkGithub__</button>
|
|
<button class="m3-btn" style="margin-top: 0.3em" id="link_help" title="__MSG_linkHelp__">__MSG_linkHelp__</button>
|
|
<br />
|
|
<button
|
|
type="button"
|
|
id="ryd-discussion-inbox-toggle"
|
|
class="m3-btn"
|
|
aria-expanded="false"
|
|
aria-controls="ryd-discussion-popup"
|
|
>
|
|
__MSG_discussion_notifications__
|
|
</button>
|
|
<button class="m3-btn" style="margin-top: 0.3em" id="link_changelog" title="__MSG_linkChangelog__">
|
|
__MSG_linkChangelog__
|
|
</button>
|
|
<br />
|
|
<br />
|
|
</center>
|
|
|
|
<section id="ryd-discussion-popup" class="ryd-discussion-popup" hidden></section>
|
|
|
|
<!-- top-right -->
|
|
<button id="advancedToggle">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
enable-background="new 0 0 24 24"
|
|
height="24px"
|
|
viewBox="0 0 24 24"
|
|
width="24px"
|
|
fill="currentColor"
|
|
>
|
|
<rect fill="none" height="24" width="24" />
|
|
<path
|
|
d="M19.5,12c0-0.23-0.01-0.45-0.03-0.68l1.86-1.41c0.4-0.3,0.51-0.86,0.26-1.3l-1.87-3.23c-0.25-0.44-0.79-0.62-1.25-0.42 l-2.15,0.91c-0.37-0.26-0.76-0.49-1.17-0.68l-0.29-2.31C14.8,2.38,14.37,2,13.87,2h-3.73C9.63,2,9.2,2.38,9.14,2.88L8.85,5.19 c-0.41,0.19-0.8,0.42-1.17,0.68L5.53,4.96c-0.46-0.2-1-0.02-1.25,0.42L2.41,8.62c-0.25,0.44-0.14,0.99,0.26,1.3l1.86,1.41 C4.51,11.55,4.5,11.77,4.5,12s0.01,0.45,0.03,0.68l-1.86,1.41c-0.4,0.3-0.51,0.86-0.26,1.3l1.87,3.23c0.25,0.44,0.79,0.62,1.25,0.42 l2.15-0.91c0.37,0.26,0.76,0.49,1.17,0.68l0.29,2.31C9.2,21.62,9.63,22,10.13,22h3.73c0.5,0,0.93-0.38,0.99-0.88l0.29-2.31 c0.41-0.19,0.8-0.42,1.17-0.68l2.15,0.91c0.46,0.2,1,0.02,1.25-0.42l1.87-3.23c0.25-0.44,0.14-0.99-0.26-1.3l-1.86-1.41 C19.49,12.45,19.5,12.23,19.5,12z M12.04,15.5c-1.93,0-3.5-1.57-3.5-3.5s1.57-3.5,3.5-3.5s3.5,1.57,3.5,3.5S13.97,15.5,12.04,15.5z"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
<!-- bottom-right -->
|
|
<div id="ext">
|
|
<a href="https://returnyoutubedislike.com/install" target="_blank" id="ext-update"></a>
|
|
<span id="ext-version"></span>
|
|
</div>
|
|
|
|
<!-- dialog box -->
|
|
<fieldset id="advancedSettings">
|
|
<label class="switch" data-hover="__MSG_disableLoggingHover__">
|
|
<input type="checkbox" id="disable_logging" />
|
|
<span class="slider" />
|
|
<span class="switchLabel">__MSG_disableLoggingLabel__</span>
|
|
</label>
|
|
<br />
|
|
<label class="switch" data-hover="__MSG_textSettingsHover__">
|
|
<input type="checkbox" id="disable_vote_submission" />
|
|
<span class="slider"></span>
|
|
<span class="switchLabel" title="__MSG_textSettings__"> __MSG_textSettings__ </span>
|
|
</label>
|
|
<br />
|
|
<label class="switch" data-hover="__MSG_reformatLikesHover__">
|
|
<input type="checkbox" id="number_reformat_likes" />
|
|
<span class="slider"></span>
|
|
<span class="switchLabel">__MSG_reformatLikes__</span>
|
|
</label>
|
|
<br />
|
|
<label class="switch" data-hover="__MSG_hidePremiumTeaserHover__">
|
|
<input type="checkbox" id="hide_premium_teaser" />
|
|
<span class="slider"></span>
|
|
<span class="switchLabel">__MSG_hidePremiumTeaser__</span>
|
|
</label>
|
|
<br />
|
|
<div class="setting-row setting-row-with-help">
|
|
<label class="switch" for="hide_clutter_buttons">
|
|
<input type="checkbox" id="hide_clutter_buttons" />
|
|
<span class="slider"></span>
|
|
</label>
|
|
<label class="setting-row-label" for="hide_clutter_buttons">__MSG_hideClutterButtons__</label>
|
|
<div class="setting-help">
|
|
<button
|
|
type="button"
|
|
id="hide_clutter_buttons_help"
|
|
aria-label="__MSG_hideClutterButtonsHelpLabel__"
|
|
aria-describedby="hide_clutter_buttons_tooltip"
|
|
title="__MSG_hideClutterButtonsHelpLabel__"
|
|
>
|
|
?
|
|
</button>
|
|
<div id="hide_clutter_buttons_tooltip" class="setting-help-popover" role="tooltip">
|
|
<p>__MSG_hideClutterButtonsDescription__</p>
|
|
<figure>
|
|
<img
|
|
src="images/hide-clutter-before.png"
|
|
alt="__MSG_hideClutterButtonsBefore__"
|
|
data-hide-clutter-example="before"
|
|
/>
|
|
<figcaption>__MSG_hideClutterButtonsBefore__</figcaption>
|
|
</figure>
|
|
<figure>
|
|
<img
|
|
src="images/hide-clutter-after.png"
|
|
alt="__MSG_hideClutterButtonsAfter__"
|
|
data-hide-clutter-example="after"
|
|
/>
|
|
<figcaption>__MSG_hideClutterButtonsAfter__</figcaption>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="custom-select">
|
|
<label for="number_format">__MSG_numberFormat__</label>
|
|
<select name="number_format" id="number_format">
|
|
<option value="compactShort" id="number_format_compactShort"></option>
|
|
<option value="compactLong" id="number_format_compactLong"></option>
|
|
<option value="standard" id="number_format_standard"></option>
|
|
</select>
|
|
</div>
|
|
<br />
|
|
<div class="custom-select">
|
|
<label class="switch" data-hover="__MSG_colorizeRatioHover__">
|
|
<input type="checkbox" id="colored_bar" />
|
|
<span class="slider"></span>
|
|
<span class="switchLabel">__MSG_colorizeRatio__</span>
|
|
</label>
|
|
</div>
|
|
<br />
|
|
<div class="custom-select">
|
|
<label class="switch" data-hover="__MSG_colorizeThumbsHover__">
|
|
<input type="checkbox" id="colored_thumbs" />
|
|
<span class="slider"></span>
|
|
<span class="switchLabel">__MSG_colorizeThumbs__</span>
|
|
</label>
|
|
</div>
|
|
<br />
|
|
<div class="custom-select">
|
|
<label for="color_theme">__MSG_colorTheme__</label>
|
|
<select name="color_theme" id="color_theme">
|
|
<option value="classic" id="color_theme_classic">__MSG_textColorTheme1__</option>
|
|
<option value="accessible" id="color_theme_accessible">__MSG_textColorTheme2__</option>
|
|
<option value="neon" id="color_theme_neon">__MSG_textColorTheme3__</option>
|
|
<option value="hibiscus" id="color_theme_hibiscus">__MSG_textColorThemeHibiscus__</option>
|
|
<option value="custom" id="color_theme_custom">__MSG_textColorThemeCustom__</option>
|
|
</select>
|
|
</div>
|
|
<div class="color-theme-previews">
|
|
<fieldset class="color-theme-preview color-theme-preview-light">
|
|
<legend>__MSG_colorThemeLight__</legend>
|
|
<div class="color-theme-preview-votes">
|
|
<span
|
|
><span id="color_theme_example_light_like" class="color-theme-swatch" aria-hidden="true"></span
|
|
>__MSG_colorThemeLike__</span
|
|
>
|
|
<span
|
|
><span id="color_theme_example_light_dislike" class="color-theme-swatch" aria-hidden="true"></span
|
|
>__MSG_colorThemeDislike__</span
|
|
>
|
|
</div>
|
|
<div id="custom_colors_light" class="custom-color-inputs" hidden>
|
|
<label for="custom_color_light_like">__MSG_colorThemeLike__</label>
|
|
<input type="color" id="custom_color_light_like" value="#007600" disabled />
|
|
<label for="custom_color_light_dislike">__MSG_colorThemeDislike__</label>
|
|
<input type="color" id="custom_color_light_dislike" value="#b300b3" disabled />
|
|
</div>
|
|
</fieldset>
|
|
<fieldset class="color-theme-preview color-theme-preview-dark">
|
|
<legend>__MSG_colorThemeDark__</legend>
|
|
<div class="color-theme-preview-votes">
|
|
<span
|
|
><span id="color_theme_example_dark_like" class="color-theme-swatch" aria-hidden="true"></span
|
|
>__MSG_colorThemeLike__</span
|
|
>
|
|
<span
|
|
><span id="color_theme_example_dark_dislike" class="color-theme-swatch" aria-hidden="true"></span
|
|
>__MSG_colorThemeDislike__</span
|
|
>
|
|
</div>
|
|
<div id="custom_colors_dark" class="custom-color-inputs" hidden>
|
|
<label for="custom_color_dark_like">__MSG_colorThemeLike__</label>
|
|
<input type="color" id="custom_color_dark_like" value="#00d000" disabled />
|
|
<label for="custom_color_dark_dislike">__MSG_colorThemeDislike__</label>
|
|
<input type="color" id="custom_color_dark_dislike" value="#ff77ff" disabled />
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
<br />
|
|
<label class="switch" data-hover="__MSG_showTooltipPercentageHover__">
|
|
<input type="checkbox" id="show_tooltip_percentage" />
|
|
<span class="slider"></span>
|
|
<span class="switchLabel">__MSG_showTooltipPercentage__</span>
|
|
</label>
|
|
<div class="custom-select">
|
|
<label for="tooltip_percentage_mode" data-hover="__MSG_tooltipPercentageModeHover__"
|
|
>__MSG_tooltipPercentageMode__</label
|
|
>
|
|
<select name="tooltip_percentage_mode" id="tooltip_percentage_mode">
|
|
<option value="dash_like" id="tooltip_percentage_mode_dash_like">
|
|
190 / 10 - 95%
|
|
</option>
|
|
<option value="dash_dislike" id="tooltip_percentage_mode_dash_dislike">
|
|
190 / 10 - 5%
|
|
</option>
|
|
<option value="both" id="tooltip_percentage_mode_both">95% / 5%</option>
|
|
<option value="only_like" id="tooltip_percentage_mode_only_like">95%</option>
|
|
<option value="only_dislike" id="tooltip_percentage_mode_only_dislike">5%</option>
|
|
</select>
|
|
</div>
|
|
</fieldset>
|
|
</body>
|
|
<script src="popup.js"></script>
|
|
</html>
|