eminux/MatchLiveTv
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Usa screenshot di pagina come sfondo heatmap al posto dell’iframe.

Browse Source 
Cattura periodica client-side (con consenso), storage ActiveStorage e overlay allineato all’immagine.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
eminux
2026-08-20 23:14:47 +02:00
co-authored by Cursor
parent 406a90ae5b
commit 70fccc493e
25 changed files with 442 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files
backend/app/views/admin/analytics/show.html.erb
+33 -17
View File
@@ -95,27 +95,43 @@
<% if @cells.any? %>
<div class="admin-heatmap-stage" id="admin-heatmap-stage">
<% if @preview_url.present? %>
<iframe
class="admin-heatmap-frame"
src="<%= @preview_url %>"
title="<%= t("admin.analytics.show.preview_title") %>"
loading="lazy"
referrerpolicy="no-referrer"
></iframe>
<% if @snapshot&.image&.attached? %>
<div
class="admin-heatmap-scaler"
id="admin-heatmap-scaler"
data-design-width="<%= [@snapshot.width, 1].max %>"
data-design-height="<%= [@snapshot.height, 1].max %>"
>
<%= image_tag url_for(@snapshot.image),
class: "admin-heatmap-shot",
id: "admin-heatmap-shot",
alt: t("admin.analytics.show.preview_title") %>
<canvas
id="admin-heatmap"
class="admin-heatmap-overlay"
data-grid="<%= @grid %>"
data-max="<%= [@max_weight, 1].max %>"
data-cells="<%= @cells.map { |(x, y), c| { x: x, y: y, c: c } }.to_json %>"
></canvas>
</div>
<p class="muted admin-table-sub" style="margin: 0.75rem 1rem 1rem;">
<%= t("admin.analytics.show.snapshot_meta",
device: @snapshot.device,
at: l(@snapshot.captured_at, format: :short)) %>
</p>
<% else %>
<div class="admin-heatmap-fallback" aria-hidden="true"></div>
<p class="muted admin-heatmap-fallback-note"><%= t("admin.analytics.show.preview_unavailable") %></p>
<p class="muted admin-heatmap-fallback-note"><%= t("admin.analytics.show.snapshot_missing") %></p>
<canvas
id="admin-heatmap"
class="admin-heatmap-overlay"
data-grid="<%= @grid %>"
data-max="<%= [@max_weight, 1].max %>"
data-cells="<%= @cells.map { |(x, y), c| { x: x, y: y, c: c } }.to_json %>"
></canvas>
<% end %>
<canvas
id="admin-heatmap"
class="admin-heatmap-overlay"
data-grid="<%= @grid %>"
data-max="<%= [@max_weight, 1].max %>"
data-cells="<%= @cells.map { |(x, y), c| { x: x, y: y, c: c } }.to_json %>"
></canvas>
</div>
<script src="/admin-analytics-heatmap.js?v=2" defer></script>
<script src="/admin-analytics-heatmap.js?v=4" defer></script>
<% else %>
<p class="empty"><%= t("admin.analytics.show.no_points") %></p>
<% end %>