System-End/hackatime
1
0
Fork 0
mirror of https://github.com/System-End/hackatime.git synced 2026-04-19 16:38:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add heatmap to badges page (#981)

Browse source 
* add heatmap to badges page

* fix: add hash + fmt

* Fix slashes

---------

Co-authored-by: Mahad Kalam <55807755+skyfallwastaken@users.noreply.github.com>
This commit is contained in:
ShyMike 2026-02-19 16:06:53 +00:00 • committed by GitHub
parent 891b28b01a
commit a5ad8bf6cb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 30 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/controllers/settings/base_controller.rb
View file

@ -157,7 +157,9 @@ class Settings::BaseController < InertiaController
profile_url: (@user.username.present? ? "https://hackati.me/#{@user.username}" : nil),
markscribe_template: '{{ wakatimeDoubleCategoryBar "Languages:" wakatimeData.Languages "Projects:" wakatimeData.Projects 5 }}',
markscribe_reference_url: "https://github.com/taciturnaxolotl/markscribe#your-wakatime-languages-formated-as-a-bar",
markscribe_preview_image_url: "https://cdn.fluff.pw/slackcdn/524e293aa09bc5f9115c0c29c18fb4bc.png"
markscribe_preview_image_url: "https://cdn.fluff.pw/slackcdn/524e293aa09bc5f9115c0c29c18fb4bc.png",
heatmap_badge_url: "https://heatmap.shymike.dev/?id=#{@user.id}&timezone=#{@user.timezone}",
heatmap_config_url: "https://hackatime-heatmap.shymike.dev/?id=#{@user.id}&timezone=#{@user.timezone}"
},
config_file: {
content: generated_wakatime_config(@latest_api_key_token),

24
app/javascript/pages/Users/Settings/Badges.svelte
View file

@ -155,5 +155,29 @@
class="mt-4 w-full max-w-3xl rounded-md border border-surface-200"
/>
</section>
<section id="user_heatmap">
<h2 class="text-xl font-semibold text-surface-content">
Activity Heatmap
</h2>
<p class="mt-1 text-sm text-muted">
A <a
class="text-primary underline"
href={badges.heatmap_config_url}
target="_blank">customizable</a
> heatmap for your coding activity.
</p>
<div class="mt-4 pb-3 rounded-md border border-surface-200 bg-darker p-4">
<a href={badges.heatmap_config_url} target="_blank" class="block">
<img
src={badges.heatmap_badge_url}
alt="Heatmap badge preview"
class="max-w-full"
/>
</a>
<pre
class="mt-2 overflow-x-auto text-xs text-surface-content">{badges.heatmap_badge_url}</pre>
</div>
</section>
</div>
</SettingsShell>

3
app/javascript/pages/Users/Settings/types.ts
View file

@ -103,6 +103,8 @@ export type BadgesProps = {
markscribe_template: string;
markscribe_reference_url: string;
markscribe_preview_image_url: string;
heatmap_badge_url: string;
heatmap_config_url: string;
};
export type ConfigFileProps = {
@ -279,6 +281,7 @@ const hashSectionMap: Record<string, SectionId> = {
user_email_addresses: "integrations",
user_stats_badges: "badges",
user_markscribe: "badges",
user_heatmap: "badges",
user_migration_assistant: "data",
download_user_data: "data",
delete_account: "data",