forked from midou/invidious
72 lines
2.7 KiB
Plaintext
72 lines
2.7 KiB
Plaintext
|
<% content_for "header" do %>
|
||
|
|
<title><%= translate(locale, "Token manager") %> - Invidious</title>
|
||
|
|
<% end %>
|
||
|
|
|
||
|
|
<div class="pure-g h-box">
|
||
|
|
<div class="pure-u-1-3">
|
||
|
|
<h3>
|
||
|
|
<%= translate(locale, "`x` tokens", %(<span id="count">#{tokens.size}</span>)) %>
|
||
|
|
</h3>
|
||
|
|
</div>
|
||
|
|
<div class="pure-u-1-3"></div>
|
||
|
|
<div class="pure-u-1-3" style="text-align:right">
|
||
|
|
<h3>
|
||
|
|
<a href="/preferences?referer=<%= referer %>"><%= translate(locale, "Preferences") %></a>
|
||
|
|
</h3>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<% tokens.each do |token| %>
|
||
|
|
<div class="h-box">
|
||
|
|
<div class="pure-g<% if token[:session] == sid %> deleted <% end %>">
|
||
|
|
<div class="pure-u-3-5">
|
||
|
|
<h4 style="padding-left:0.5em">
|
||
|
|
<code><%= token[:session] %></code>
|
||
|
|
</h4>
|
||
|
|
</div>
|
||
|
|
<div class="pure-u-1-5" style="text-align:center">
|
||
|
|
<h4><%= translate(locale, "`x` ago", recode_date(token[:issued], locale)) %></h4>
|
||
|
|
</div>
|
||
|
|
<div class="pure-u-1-5" style="text-align:right">
|
||
|
|
<h3 style="padding-right:0.5em">
|
||
|
|
<form onsubmit="return false" action="/token_ajax?action_revoke_token=1&session=<%= token[:session] %>&referer=<%= env.get("current_page") %>" method="post">
|
||
|
|
<input type="hidden" name="csrf_token" value="<%= URI.escape(env.get?("csrf_token").try &.as(String) || "") %>">
|
||
|
|
<a onclick="revoke_token(this)" data-session="<%= token[:session] %>" href="#">
|
||
|
|
<input style="all:unset" type="submit" value="<%= translate(locale, "revoke") %>">
|
||
|
|
</a>
|
||
|
|
</form>
|
||
|
|
</h3>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<% if tokens[-1].try &.[:session]? != token[:session] %>
|
||
|
|
<hr>
|
||
|
|
<% end %>
|
||
|
|
</div>
|
||
|
|
<% end %>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
function revoke_token(target) {
|
||
|
|
var row = target.parentNode.parentNode.parentNode.parentNode.parentNode;
|
||
|
|
row.style.display = "none";
|
||
|
|
var count = document.getElementById("count")
|
||
|
|
count.innerText = count.innerText - 1;
|
||
|
|
|
||
|
|
var url = "/token_ajax?action_revoke_token=1&redirect=false&referer=<%= env.get("current_page") %>&session=" + target.getAttribute("data-session");
|
||
|
|
var xhr = new XMLHttpRequest();
|
||
|
|
xhr.responseType = "json";
|
||
|
|
xhr.timeout = 20000;
|
||
|
|
xhr.open("POST", url, true);
|
||
|
|
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
|
||
|
|
xhr.send("csrf_token=<%= URI.escape(env.get?("csrf_token").try &.as(String) || "") %>");
|
||
|
|
|
||
|
|
xhr.onreadystatechange = function() {
|
||
|
|
if (xhr.readyState == 4) {
|
||
|
|
if (xhr.status != 200) {
|
||
|
|
count.innerText = count.innerText - 1 + 2;
|
||
|
|
row.style.display = "";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|