heatmap: untranslated string: xx total contributions in the last 12 months

[dadosch]

Description

The string in the heatmap is not translated:

xx total contributions in the last 12 months

gitea/web_src/js/features/userHeatmap.js

Line 82 in 062f351

template: '<div><div v-show="isLoading"><slot name="loading"></slot></div><h4 class="total-contributions" v-if="!isLoading"><span v-html="totalContributions"></span> total contributions in the last 12 months</h4><calendar-heatmap v-show="!isLoading" :locale="locale" :no-data-text="locale.no_contributions" :tooltip-unit="locale.contributions" :end-date="endDate" :values="values" :range-color="colorRange"/></div>'

[stale]

This issue has been automatically marked as stale because it has not had recent activity. I am here to help clear issues left open even if solved or waiting for more insight. This issue will be closed if no further activity occurs during the next 2 weeks. If the issue is still valid just add a comment to keep it alive. Thank you for your contributions.

[a1012112796]

ping ...

[stale]

This issue has been automatically marked as stale because it has not had recent activity. I am here to help clear issues left open even if solved or waiting for more insight. This issue will be closed if no further activity occurs during the next 2 weeks. If the issue is still valid just add a comment to keep it alive. Thank you for your contributions.

[dadosch]

it is still a issue

[Ryuno-Ki]

The code was refactored into

gitea/web_src/js/components/ActivityHeatmap.vue

Lines 3 to 5 in d9b50e4

	<div class="total-contributions">
	{{ sum }} contributions in the last 12 months
	</div>

[Ryuno-Ki]

Given julienr114/vue-calendar-heatmap#19 it might be worth looking for alternatives (once Vue 3 migration is to start).

gitea/web_src/js/components/ActivityHeatmap.vue

Lines 8 to 9 in d9b50e4

	:no-data-text="locale.no_contributions"
	:tooltip-unit="locale.contributions"

reference

gitea/web_src/js/components/ActivityHeatmap.vue

Lines 39 to 42 in d9b50e4

	locale: {
	contributions: 'contributions',
	no_contributions: 'No contributions',
	},

and wouldn't be translated either.

A fork exists as TypeScript project at https://www.npmjs.com/package/vue3-calendar-heatmap

[lunny]

Given julienr114/vue-calendar-heatmap#19 it might be worth looking for alternatives (once Vue 3 migration is to start).

gitea/web_src/js/components/ActivityHeatmap.vue

Lines 8 to 9 in d9b50e4

	:no-data-text="locale.no_contributions"
	:tooltip-unit="locale.contributions"

reference

gitea/web_src/js/components/ActivityHeatmap.vue

Lines 39 to 42 in d9b50e4

	locale: {
	contributions: 'contributions',
	no_contributions: 'No contributions',
	},

and wouldn't be translated either.

A fork exists as TypeScript project at https://www.npmjs.com/package/vue3-calendar-heatmap

We still stayed in Vue2 currently.

[wxiaoguang]

I have a feeling that there might not be too many blockers for upgrading to Vue3. And since the usage of Vue2 in Gitea is still at an early stage, if enough people agree, we should try to upgrade to Vue3.

[Ryuno-Ki]

I'm migrating another project to Vue 3 currently. My learnings from there:

• make sure you are on Webpack 5 (as far as I can tell, that's already the case)
• read https://v3-migration.vuejs.org/
• introduce the migration build
• start refactoring

Can we reference this issue in a new issue about Vue 3?
There are different places (like documentation etc) that would need updates, so some kind of meta-issue could help to keep track of them.