mirror of
https://gitcode.com/gitea/gitea.git
synced 2025-06-11 23:29:09 +08:00
.github
assets
build
cmd
contrib
custom
docker
docs
integrations
models
modules
options
public
routers
services
snap
templates
tools
vendor
web_src
fomantic
js
components
ActivityHeatmap.vue
ActivityTopAuthors.vue
features
markdown
standalone
vendor
easymde.js
index.js
jquery.js
publicpath.js
serviceworker.js
svg.js
utils.js
less
svg
.air.conf
.changelog.yml
.drone.yml
.editorconfig
.eslintrc
.gitattributes
.gitignore
.golangci.yml
.ignore
.lgtm
.npmrc
.revive.toml
.stylelintrc
BSDmakefile
CHANGELOG.md
CONTRIBUTING.md
DCO
Dockerfile
Dockerfile.rootless
LICENSE
MAINTAINERS
Makefile
README.md
README_ZH.md
SECURITY.md
build.go
go.mod
go.sum
main.go
package-lock.json
package.json
semantic.json
webpack.config.js
12c2efb45c
* Remove fetch request from heatmap Render heatmap data directly to HTML, eliminating one HTTP request on frontpage and user profile. Also added min-height to the container so the page content will no longer move after loading. * rename and error display * also log the js error * add error handler * remove useless inline style and hide divider on small screens * Update routers/user/home.go * Update routers/user/profile.go
46 lines
1.0 KiB
Vue
46 lines
1.0 KiB
Vue
<template>
|
|
<div id="user-heatmap">
|
|
<div class="total-contributions">
|
|
{{ values.length }} contributions in the last 12 months
|
|
</div>
|
|
<calendar-heatmap
|
|
:locale="locale"
|
|
:no-data-text="locale.no_contributions"
|
|
:tooltip-unit="locale.contributions"
|
|
:end-date="endDate"
|
|
:values="values"
|
|
:range-color="colorRange"
|
|
/>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import {CalendarHeatmap} from 'vue-calendar-heatmap';
|
|
|
|
export default {
|
|
name: 'ActivityHeatmap',
|
|
components: {CalendarHeatmap},
|
|
props: {
|
|
values: {
|
|
type: Array,
|
|
default: () => [],
|
|
},
|
|
},
|
|
data: () => ({
|
|
colorRange: [
|
|
'var(--color-secondary-alpha-70)',
|
|
'var(--color-primary-light-4)',
|
|
'var(--color-primary-light-2)',
|
|
'var(--color-primary)',
|
|
'var(--color-primary-dark-2)',
|
|
'var(--color-primary-dark-4)',
|
|
],
|
|
endDate: new Date(),
|
|
locale: {
|
|
contributions: 'contributions',
|
|
no_contributions: 'No contributions',
|
|
},
|
|
}),
|
|
};
|
|
</script>
|
|
<style scoped/>
|