From e09fe487734238708c2f9fc7c47dbb2132250400 Mon Sep 17 00:00:00 2001
From: Lauris BH <lauris@nix.lv>
Date: Tue, 27 Nov 2018 11:36:54 +0200
Subject: Refactor heatmap to vue component (#5401)

---
 templates/user/dashboard/dashboard.tmpl | 9 +++++++--
 templates/user/profile.tmpl             | 9 +++++++--
 2 files changed, 14 insertions(+), 4 deletions(-)

(limited to 'templates/user')

diff --git a/templates/user/dashboard/dashboard.tmpl b/templates/user/dashboard/dashboard.tmpl
index ac094f24c7..e7b378e364 100644
--- a/templates/user/dashboard/dashboard.tmpl
+++ b/templates/user/dashboard/dashboard.tmpl
@@ -6,8 +6,13 @@
 		<div class="ui mobile reversed stackable grid">
 			<div class="ten wide column">
 				{{if .EnableHeatmap}}
-					<div class="ui active centered inline indeterminate text loader" id="loading-heatmap">{{.i18n.Tr "user.heatmap.loading"}}</div>
-					<div id="user-heatmap"></div>
+					<div id="user-heatmap" style="padding-right: 40px">
+						<activity-heatmap :locale="locale" :suburl="suburl" :user="heatmapUser">
+							<div slot="loading">
+								<div class="ui active centered inline indeterminate text loader" id="loading-heatmap">{{.i18n.Tr "user.heatmap.loading"}}</div>
+							</div>
+						</activity-heatmap>
+					</div>
 					<div class="ui divider"></div>
 				{{end}}
 				{{template "user/dashboard/feeds" .}}
diff --git a/templates/user/profile.tmpl b/templates/user/profile.tmpl
index 3f535ba140..350032e564 100644
--- a/templates/user/profile.tmpl
+++ b/templates/user/profile.tmpl
@@ -96,8 +96,13 @@
 
 				{{if eq .TabName "activity"}}
 					{{if .EnableHeatmap}}
-						<div class="ui active centered inline indeterminate text loader" id="loading-heatmap">{{.i18n.Tr "user.heatmap.loading"}}</div>
-						<div id="user-heatmap"></div>
+						<div id="user-heatmap" style="padding-right: 40px">
+							<activity-heatmap :locale="locale" :suburl="suburl" :user="heatmapUser">
+								<div slot="loading">
+									<div class="ui active centered inline indeterminate text loader" id="loading-heatmap">{{.i18n.Tr "user.heatmap.loading"}}</div>
+								</div>
+							</activity-heatmap>
+						</div>
 						<div class="ui divider"></div>
 					{{end}}
 					<div class="feeds">
-- 
cgit v1.2.3