mirror of
https://github.com/Alvin-Zilverstand/return-youtube-dislike.git
synced 2026-09-12 09:58:20 +02:00
Dmitrii Selivanov
40fda6dd32
* auth works * Works after review. * switched to auth flow * all works well in chrome * all works well in chrome and firefox * translations harmonized * translations harmonized * website translations * Translations harmonized. * Everything kinda works * Almost works * all works * all works * all works #2 * Streamline premium analytics range handling * Restore premium analytics selection flow * Fix analytics zoom interactions * Add per-section expansion controls to premium analytics * Adjust map legend visibility for premium analytics * Add missing country synonyms for premium map * Remove legacy premium badge overlay * Polish premium analytics controls for light theme * Refresh map legend when toggling sections * Improve light-mode styling for range selectors * Fix map mode switching regression * Fix for panel expand * Typo fix * webpack fix * before next steps. * split, zero-buckets * bucket size indicated on UI * all works * first/last toggle * breadcrumbs * release
251 lines
9.5 KiB
HTML
251 lines
9.5 KiB
HTML
<!doctype html>
|
|
<html>
|
|
|
|
<!--- HEADER -->
|
|
<head>
|
|
<meta content="text/html; charset=utf-8" />
|
|
<title title="__MSG_extensionName__">__MSG_extensionName__</title>
|
|
<link rel="stylesheet" href="popup.css" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
</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__">
|
|
<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>
|
|
</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
|
|
class="m3-btn"
|
|
style="margin-top: 0.3em"
|
|
id="link_changelog"
|
|
title="__MSG_linkChangelog__"
|
|
>
|
|
__MSG_linkChangelog__
|
|
</button>
|
|
|
|
<br />
|
|
<br />
|
|
<p style="display: none">__MSG_apiStatusLabel__ <b id="status"></b></p>
|
|
<img
|
|
id="server-status"
|
|
style="display: none; width: 0.75rem; height: 0.75rem"
|
|
src="./icons/server.svg"
|
|
alt=""
|
|
/>
|
|
|
|
<br />
|
|
<br />
|
|
</center>
|
|
|
|
<!-- 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="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>
|
|
</select>
|
|
<span
|
|
id="color_theme_example_like"
|
|
style="
|
|
display: inline-block;
|
|
vertical-align: text-top;
|
|
width: 1em;
|
|
height: 1em;
|
|
"
|
|
> </span
|
|
>
|
|
<span
|
|
id="color_theme_example_dislike"
|
|
style="
|
|
display: inline-block;
|
|
vertical-align: text-top;
|
|
width: 1em;
|
|
height: 1em;
|
|
"
|
|
> </span
|
|
>
|
|
</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>
|