aboutsummaryrefslogtreecommitdiffstats
path: root/web_src/js/features/contributors.ts
diff options
context:
space:
mode:
Diffstat (limited to 'web_src/js/features/contributors.ts')
-rw-r--r--web_src/js/features/contributors.ts29
1 files changed, 29 insertions, 0 deletions
diff --git a/web_src/js/features/contributors.ts b/web_src/js/features/contributors.ts
new file mode 100644
index 0000000000..475c66e900
--- /dev/null
+++ b/web_src/js/features/contributors.ts
@@ -0,0 +1,29 @@
+import {createApp} from 'vue';
+
+export async function initRepoContributors() {
+ const el = document.querySelector('#repo-contributors-chart');
+ if (!el) return;
+
+ const {default: RepoContributors} = await import(/* webpackChunkName: "contributors-graph" */'../components/RepoContributors.vue');
+ try {
+ const View = createApp(RepoContributors, {
+ repoLink: el.getAttribute('data-repo-link'),
+ locale: {
+ filterLabel: el.getAttribute('data-locale-filter-label'),
+ contributionType: {
+ commits: el.getAttribute('data-locale-contribution-type-commits'),
+ additions: el.getAttribute('data-locale-contribution-type-additions'),
+ deletions: el.getAttribute('data-locale-contribution-type-deletions'),
+ },
+
+ loadingTitle: el.getAttribute('data-locale-loading-title'),
+ loadingTitleFailed: el.getAttribute('data-locale-loading-title-failed'),
+ loadingInfo: el.getAttribute('data-locale-loading-info'),
+ },
+ });
+ View.mount(el);
+ } catch (err) {
+ console.error('RepoContributors failed to load', err);
+ el.textContent = el.getAttribute('data-locale-component-failed-to-load');
+ }
+}