<% if elevated? %>
" data-label-less-than-a-minute="<%= t(".less_than_a_minute") %>" data-label-expired="<%= t(".expired") %>"> <%= icon("shield-check", library: "tabler", "aria-hidden": true) %> <%= t(".active") %> <% if elevation_extensions_left > 0 %> <%= button_to t(".renew"), renew_elevation_path, method: :post, form: { class: "button_to state_changing" } %> <% end %> <%= button_to t(".drop"), elevation_path, method: :delete, form: { class: "button_to destructive" } %>
<%= javascript_tag nonce: true do %> (function () { var banner = document.getElementById("elevation_banner"); if (!banner) return; var out = document.getElementById("elevation_remaining"); var expires = parseInt(banner.dataset.expiresAt, 10) * 1000; function tick() { var ms = expires - Date.now(); if (ms <= 0) { out.textContent = banner.dataset.labelExpired; banner.classList.remove("elevation_soon"); banner.classList.add("elevation_expired"); return; } var mins = Math.floor(ms / 60000); out.textContent = mins < 1 ? banner.dataset.labelLessThanAMinute : banner.dataset.labelMinutes.replace("%{count}", mins); if (mins < 5) banner.classList.add("elevation_soon"); setTimeout(tick, 15000); } tick(); })(); <% end %> <% end %>