hashirama/invidious-mod-JP
1
0
Fork 0
Code Issues Pull requests Actions 2 Projects Releases Wiki Activity
invidious-mod-JP/src/invidious/views/template.ecr

168 lines
9.1 KiB
Plaintext
Raw Normal View History

Initial commit
2017-11-23 07:48:55 +00:00
<!DOCTYPE html>
Add 'lang' to HTML tag
2019-04-28 14:17:35 +00:00
<html lang="<%= env.get("preferences").as(Preferences).locale %>">
Initial commit
2017-11-23 07:48:55 +00:00
<head>
Refactor CSRF tokens (using format in #473)
2019-04-16 04:23:40 +00:00
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="referrer" content="no-referrer">
<%= yield_content "header" %>
Use separate asset version for cache busting
2019-05-09 16:52:37 +00:00
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=<%= ASSET_COMMIT %>">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=<%= ASSET_COMMIT %>">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=<%= ASSET_COMMIT %>">
<link rel="manifest" href="/site.webmanifest?v=<%= ASSET_COMMIT %>">
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=<%= ASSET_COMMIT %>" color="#575757">
Refactor CSRF tokens (using format in #473)
2019-04-16 04:23:40 +00:00
<meta name="msapplication-TileColor" content="#575757">
<meta name="theme-color" content="#575757">
<link title="Invidious" type="application/opensearchdescription+xml" rel="search" href="/opensearch.xml">
Use separate asset version for cache busting
2019-05-09 16:52:37 +00:00
<link rel="stylesheet" href="/css/pure-min.css?v=<%= ASSET_COMMIT %>">
<link rel="stylesheet" href="/css/grids-responsive-min.css?v=<%= ASSET_COMMIT %>">
<link rel="stylesheet" href="/css/ionicons.min.css?v=<%= ASSET_COMMIT %>">
<link rel="stylesheet" href="/css/default.css?v=<%= ASSET_COMMIT %>">
Add prefers-color-scheme support (#601) * Add prefers-color-scheme support This should fix <https://github.com/omarroth/invidious/issues/559>. The cookie storage format has been changed from boolean ("true"/"false") to tri-state ("dark"/"light"/""), so that users without a cookie set will get dark mode if they have enabled the dark theme in their operating system. The code for handling the cookie state, along with the user's operating system theme, has been factored out into a new function `update_mode`, which is called both at window load and at the "storage" event listener, because the "storage" event listener is only trigerred when a change is made to the localStorage from another tab/window (for more info - see <https://stackoverflow.com/a/4679754>).
2019-08-15 16:29:55 +00:00
<link rel="stylesheet" href="/css/darktheme.css?v=<%= ASSET_COMMIT %>" id="dark_theme" <% if env.get("preferences").as(Preferences).dark_mode != "dark" %>media="none"<% end %>>
<link rel="stylesheet" href="/css/lighttheme.css?v=<%= ASSET_COMMIT %>" id="light_theme" <% if env.get("preferences").as(Preferences).dark_mode == "dark" %>media="none"<% end %>>
Initial commit
2017-11-23 07:48:55 +00:00
</head>
Add 'dark_mode', 'thin_mode' as query parameters
2019-03-11 17:44:25 +00:00
<% locale = LOCALES[env.get("preferences").as(Preferences).locale]? %>
Add support for translations
2018-12-20 21:32:09 +00:00
Initial commit
2017-11-23 07:48:55 +00:00
<body>
Add prefers-color-scheme support (#601) * Add prefers-color-scheme support This should fix <https://github.com/omarroth/invidious/issues/559>. The cookie storage format has been changed from boolean ("true"/"false") to tri-state ("dark"/"light"/""), so that users without a cookie set will get dark mode if they have enabled the dark theme in their operating system. The code for handling the cookie state, along with the user's operating system theme, has been factored out into a new function `update_mode`, which is called both at window load and at the "storage" event listener, because the "storage" event listener is only trigerred when a change is made to the localStorage from another tab/window (for more info - see <https://stackoverflow.com/a/4679754>).
2019-08-15 16:29:55 +00:00
<span style="display:none" id="dark_mode_pref"><%= env.get("preferences").as(Preferences).dark_mode %></span>
Refactor CSRF tokens (using format in #473)
2019-04-16 04:23:40 +00:00
<div class="pure-g">
<div class="pure-u-1 pure-u-md-2-24"></div>
<div class="pure-u-1 pure-u-md-20-24">
<div class="pure-g navbar h-box">
<div class="pure-u-1 pure-u-md-4-24">
<a href="/" class="index-link pure-menu-heading">Invidious</a>
</div>
<div class="pure-u-1 pure-u-md-12-24 searchbar">
<form class="pure-form" action="/search" method="get">
<fieldset>
Autofill search for playlists and communities page
2019-07-27 13:51:10 +00:00
<input type="search" style="width:100%" name="q" placeholder="<%= translate(locale, "search") %>" value="<%= env.get?("search").try {|x| HTML.escape(x.as(String)) } %>">
Refactor CSRF tokens (using format in #473)
2019-04-16 04:23:40 +00:00
</fieldset>
</form>
</div>
<div class="pure-u-1 pure-u-md-8-24 user-field">
Minor formatting changes
2019-05-02 01:03:39 +00:00
<% if env.get? "user" %>
<div class="pure-u-1-4">
Add option to toggle theme without reload
2019-05-05 12:34:27 +00:00
<a id="toggle_theme" href="/toggle_theme?referer=<%= env.get?("current_page") %>" class="pure-menu-heading">
Add prefers-color-scheme support (#601) * Add prefers-color-scheme support This should fix <https://github.com/omarroth/invidious/issues/559>. The cookie storage format has been changed from boolean ("true"/"false") to tri-state ("dark"/"light"/""), so that users without a cookie set will get dark mode if they have enabled the dark theme in their operating system. The code for handling the cookie state, along with the user's operating system theme, has been factored out into a new function `update_mode`, which is called both at window load and at the "storage" event listener, because the "storage" event listener is only trigerred when a change is made to the localStorage from another tab/window (for more info - see <https://stackoverflow.com/a/4679754>).
2019-08-15 16:29:55 +00:00
<% if env.get("preferences").as(Preferences).dark_mode == "dark" %>
Minor formatting changes
2019-05-02 01:03:39 +00:00
<i class="icon ion-ios-sunny"></i>
<% else %>
<i class="icon ion-ios-moon"></i>
<% end %>
</a>
</div>
<div class="pure-u-1-4">
Add support for Web notifications
2019-05-05 12:46:01 +00:00
<a id="notification_ticker" title="<%= translate(locale, "Subscriptions") %>" href="/feed/subscriptions" class="pure-menu-heading">
Minor formatting changes
2019-05-02 01:03:39 +00:00
<% notification_count = env.get("user").as(User).notifications.size %>
<% if notification_count > 0 %>
Add support for Web notifications
2019-05-05 12:46:01 +00:00
<span id="notification_count"><%= notification_count %></span> <i class="icon ion-ios-notifications"></i>
Minor formatting changes
2019-05-02 01:03:39 +00:00
<% else %>
<i class="icon ion-ios-notifications-outline"></i>
<% end %>
</a>
</div>
<div class="pure-u-1-4">
<a title="<%= translate(locale, "Preferences") %>" href="/preferences?referer=<%= env.get?("current_page") %>" class="pure-menu-heading">
<i class="icon ion-ios-cog"></i>
</a>
</div>
<div class="pure-u-1-4">
<form action="/signout?referer=<%= env.get?("current_page") %>" method="post">
<input type="hidden" name="csrf_token" value="<%= URI.escape(env.get?("csrf_token").try &.as(String) || "") %>">
<a class="pure-menu-heading" href="#">
<input style="all:unset" type="submit" value="<%= translate(locale, "Log out") %>">
</a>
</form>
</div>
<% else %>
<div class="pure-u-1-3">
Add option to toggle theme without reload
2019-05-05 12:34:27 +00:00
<a id="toggle_theme" href="/toggle_theme?referer=<%= env.get?("current_page") %>" class="pure-menu-heading">
Add prefers-color-scheme support (#601) * Add prefers-color-scheme support This should fix <https://github.com/omarroth/invidious/issues/559>. The cookie storage format has been changed from boolean ("true"/"false") to tri-state ("dark"/"light"/""), so that users without a cookie set will get dark mode if they have enabled the dark theme in their operating system. The code for handling the cookie state, along with the user's operating system theme, has been factored out into a new function `update_mode`, which is called both at window load and at the "storage" event listener, because the "storage" event listener is only trigerred when a change is made to the localStorage from another tab/window (for more info - see <https://stackoverflow.com/a/4679754>).
2019-08-15 16:29:55 +00:00
<% if env.get("preferences").as(Preferences).dark_mode == "dark" %>
Minor formatting changes
2019-05-02 01:03:39 +00:00
<i class="icon ion-ios-sunny"></i>
<% else %>
<i class="icon ion-ios-moon"></i>
<% end %>
</a>
</div>
<div class="pure-u-1-3">
<a title="<%= translate(locale, "Preferences") %>" href="/preferences?referer=<%= env.get?("current_page") %>" class="pure-menu-heading">
<i class="icon ion-ios-cog"></i>
</a>
</div>
<% if config.login_enabled %>
<div class="pure-u-1-3">
<a href="/login?referer=<%= env.get?("current_page") %>" class="pure-menu-heading">
<%= translate(locale, "Log in") %>
</a>
</div>
Refactor CSRF tokens (using format in #473)
2019-04-16 04:23:40 +00:00
<% end %>
Minor formatting changes
2019-05-02 01:03:39 +00:00
<% end %>
Refactor CSRF tokens (using format in #473)
2019-04-16 04:23:40 +00:00
</div>
</div>
Minor formatting changes
2019-05-02 01:03:39 +00:00
Add support for adding banner to site header
2019-05-01 02:17:34 +00:00
<% if CONFIG.banner %>
Minor formatting changes
2019-05-02 01:03:39 +00:00
<div class="h-box">
<h3><%= CONFIG.banner %></h3>
</div>
Fix typo
2019-05-01 02:18:35 +00:00
<% end %>
Minor formatting changes
2019-05-02 01:03:39 +00:00
Refactor CSRF tokens (using format in #473)
2019-04-16 04:23:40 +00:00
<%= content %>
Minor formatting changes
2019-05-02 01:03:39 +00:00
Refactor CSRF tokens (using format in #473)
2019-04-16 04:23:40 +00:00
<div class="footer">
<div class="pure-g">
<div class="pure-u-1 pure-u-md-1-3">
<a href="https://github.com/omarroth/invidious">
<%= translate(locale, "Released under the AGPLv3 by Omar Roth.") %>
</a>
</div>
<div class="pure-u-1 pure-u-md-1-3">
<i class="icon ion-logo-bitcoin"></i>
Minor formatting changes
2019-05-02 01:03:39 +00:00
BTC: 356DpZyMXu6rYd55Yqzjs29n79kGKWcYrY
</div>
Refactor CSRF tokens (using format in #473)
2019-04-16 04:23:40 +00:00
<div class="pure-u-1 pure-u-md-1-3">
<i class="icon ion-logo-bitcoin"></i>
Minor formatting changes
2019-05-02 01:03:39 +00:00
BCH: qq4ptclkzej5eza6a50et5ggc58hxsq5aylqut2npk
</div>
Refactor CSRF tokens (using format in #473)
2019-04-16 04:23:40 +00:00
<div class="pure-u-1 pure-u-md-1-3">
<i class="icon ion-logo-usd"></i>
<a href="https://liberapay.com/omarroth">Liberapay</a>
/
<a href="https://patreon.com/omarroth">Patreon</a>
</div>
<div class="pure-u-1 pure-u-md-1-3">
<i class="icon ion-logo-javascript"></i>
<a rel="jslicense" href="/licenses">
<%= translate(locale, "View JavaScript license information.") %>
</a>
/
<i class="icon ion-ios-paper"></i>
<a href="/privacy">
<%= translate(locale, "View privacy policy.") %>
</a>
</div>
<div class="pure-u-1 pure-u-md-1-3">
<i class="icon ion-logo-github"></i>
<%= translate(locale, "Current version: ") %> <%= CURRENT_VERSION %>-<%= CURRENT_COMMIT %>
<i class="icon ion-logo-github"></i>
Minor formatting changes
2019-05-02 01:03:39 +00:00
<%= CURRENT_BRANCH %>
</div>
Refactor CSRF tokens (using format in #473)
2019-04-16 04:23:40 +00:00
</div>
</div>
Update layout.ecr, replace navbar and add functional search
2017-12-30 21:22:55 +00:00
</div>
Refactor CSRF tokens (using format in #473)
2019-04-16 04:23:40 +00:00
<div class="pure-u-1 pure-u-md-2-24"></div>
Initial commit
2017-11-23 07:48:55 +00:00
</div>
Use separate asset version for cache busting
2019-05-09 16:52:37 +00:00
<script src="/js/themes.js?v=<%= ASSET_COMMIT %>"></script>
Add support for Web notifications
2019-05-05 12:46:01 +00:00
<% if env.get? "user" %>
<script src="/js/sse.js?v=<%= ASSET_COMMIT %>"></script>
<script>
var notification_data = {
upload_text: '<%= HTML.escape(translate(locale, "`x` uploaded a video")) %>',
live_upload_text: '<%= HTML.escape(translate(locale, "`x` is live")) %>',
}
</script>
<script src="/js/notifications.js?v=<%= ASSET_COMMIT %>"></script>
<% end %>
Initial commit
2017-11-23 07:48:55 +00:00
</body>
Fix formatting
2018-02-06 01:11:57 +00:00
</html>
Reference in a new issue Copy permalink