Skip to content

Commit 684dbb3

Browse files
evamillanevamillan
committed
[ui] Add identities section
Installs the SortingHat UI as a plugin and adds its routes under '/identities'. Signed-off-by: Eva Millán <[email protected]>
1 parent 48f347e commit 684dbb3

File tree

8 files changed

+168
-1
lines changed

8 files changed

+168
-1
lines changed

‎releases/unreleased/identities-management-ui.yml‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
title: Identities management UI
3+
category: added
4+
author: Eva Millán <[email protected]>
5+
issue: null
6+
notes: >
7+
Manage contributor identities directly from the
8+
user interface.

‎ui/package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,7 @@
2121
"axios": "^1.12.0",
2222
"js-cookie": "^3.0.5",
2323
"pinia": "^3.0.3",
24+
"sortinghat-ui-core": "https://github.com/evamillan/grimoirelab-sortinghat/releases/download/1.13.0-rc.1/sortinghat-ui.tgz",
2425
"vue": "^3.5.18",
2526
"vue-router": "^4.5.1",
2627
"vuetify": "^3.9.2"

‎ui/src/App.vue‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -61,6 +61,12 @@ provide('createEcosystem', API.ecosystem.create)
6161
</template>
6262
<v-list-item-title>Tasks</v-list-item-title>
6363
</v-list-item>
64+
<v-list-item :to="{ name: 'identities' }">
65+
<template #prepend>
66+
<v-icon>mdi-account-multiple</v-icon>
67+
</template>
68+
<v-list-item-title>Identities</v-list-item-title>
69+
</v-list-item>
6470
</v-list>
6571
</v-navigation-drawer>
6672
<v-main>

‎ui/src/main.js‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,18 @@ import { createPinia } from 'pinia'
55
import App from './App.vue'
66
import router from './router'
77
import vuetify from './plugins/vuetify'
8+
import sortinghat from 'sortinghat-ui-core'
9+
import 'sortinghat-ui-core/dist/sortinghat-ui.css'
10+
import { base } from './services/api/client'
811

912
const pinia = createPinia()
1013
const app = createApp(App)
1114

1215
app.use(router).use(vuetify).use(pinia)
1316

17+
app.use(sortinghat, {
18+
apiURL: `${base}/api/v1/identities/`,
19+
router: router
20+
})
21+
1422
app.mount('#app')

‎ui/src/plugins/vuetify.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,8 @@ export default createVuetify({
2222
'on-background': '#1f2328',
2323
surface: '#ffffff',
2424
'on-surface': '#1f2328',
25+
'surface-variant': '#dee3eb',
26+
'on-surface-variant': '#42474e',
2527
running: '#f4bc00',
2628
new: '#3fa500',
2729
enqueued: '#003756',

‎ui/src/router/index.js‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import { createRouter, createWebHistory } from 'vue-router'
22
import { useUserStore } from '@/store'
3+
import sortinghat from 'sortinghat-ui-core'
34

45
const router = createRouter({
56
history: createWebHistory(import.meta.env.BASE_URL),
@@ -85,6 +86,18 @@ const router = createRouter({
8586
name: 'signIn',
8687
component: () => import('../views/SignIn.vue')
8788
},
89+
{
90+
path: '/identities',
91+
name: 'identities',
92+
children: sortinghat.routes,
93+
redirect: { name: 'Dashboard' },
94+
meta: {
95+
breadcrumb: {
96+
title: 'Identities',
97+
to: { name: 'Dashboard' }
98+
}
99+
}
100+
},
88101
{ path: '/:pathMatch(.*)*', name: 'notFound', component: () => import('../views/NotFound.vue') }
89102
]
90103
})

‎ui/src/services/api/client.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import { useUserStore } from '@/store'
55
const AUTHENTICATION_ERROR = 'Authentication credentials were not provided.'
66

77
const defaultBase = import.meta.env.MODE === 'development' ? 'http://localhost:8000' : '/'
8-
const base = import.meta.env.VITE_API_ENDPOINT || defaultBase
8+
export const base = import.meta.env.VITE_API_ENDPOINT || defaultBase
99

1010
export const client = axios.create({
1111
baseURL: base,

‎ui/yarn.lock‎

Lines changed: 129 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,11 @@
4343
resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz#a7054dcc145a967dd4dc8fee845a57c1316c9df8"
4444
integrity sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==
4545

46+
"@babel/helper-validator-identifier@^7.28.5":
47+
version "7.28.5"
48+
resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz#010b6938fab7cb7df74aa2bbc06aa503b8fe5fb4"
49+
integrity sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==
50+
4651
"@babel/parser@^7.21.4", "@babel/parser@^7.24.4", "@babel/parser@^7.6.0", "@babel/parser@^7.9.6":
4752
version "7.24.4"
4853
resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.4.tgz#234487a110d89ad5a3ed4a8a566c36b9453e8c88"
@@ -55,6 +60,13 @@
5560
dependencies:
5661
"@babel/types" "^7.28.0"
5762

63+
"@babel/parser@^7.28.5":
64+
version "7.28.5"
65+
resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.5.tgz#0b0225ee90362f030efd644e8034c99468893b08"
66+
integrity sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==
67+
dependencies:
68+
"@babel/types" "^7.28.5"
69+
5870
"@babel/types@^7.21.4", "@babel/types@^7.6.1", "@babel/types@^7.9.6":
5971
version "7.24.0"
6072
resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.0.tgz#3b951f435a92e7333eba05b7566fd297960ea1bf"
@@ -72,6 +84,14 @@
7284
"@babel/helper-string-parser" "^7.27.1"
7385
"@babel/helper-validator-identifier" "^7.27.1"
7486

87+
"@babel/types@^7.28.5":
88+
version "7.28.5"
89+
resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.28.5.tgz#10fc405f60897c35f07e85493c932c7b5ca0592b"
90+
integrity sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==
91+
dependencies:
92+
"@babel/helper-string-parser" "^7.27.1"
93+
"@babel/helper-validator-identifier" "^7.28.5"
94+
7595
"@csstools/color-helpers@^5.0.2":
7696
version "5.0.2"
7797
resolved "https://registry.yarnpkg.com/@csstools/color-helpers/-/color-helpers-5.0.2.tgz#82592c9a7c2b83c293d9161894e2a6471feb97b8"
@@ -349,6 +369,11 @@
349369
resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.4.tgz#7358043433b2e5da569aa02cbc4c121da3af27d7"
350370
integrity sha512-VT2+G1VQs/9oz078bLrYbecdZKs912zQlkelYpuf+SXF+QvZDYJlbx/LSx+meSAwdDFnF8FVXW92AVjjkVmgFw==
351371

372+
"@jridgewell/sourcemap-codec@^1.5.5":
373+
version "1.5.5"
374+
resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz#6912b00d2c631c0d15ce1a7ab57cd657f2a8f8ba"
375+
integrity sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==
376+
352377
"@mdi/font@^7.4.47":
353378
version "7.4.47"
354379
resolved "https://registry.yarnpkg.com/@mdi/font/-/font-7.4.47.tgz#2ae522867da3a5c88b738d54b403eb91471903af"
@@ -956,6 +981,17 @@
956981
estree-walker "^2.0.2"
957982
source-map-js "^1.2.1"
958983

984+
"@vue/[email protected]":
985+
version "3.5.23"
986+
resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.23.tgz#5c468952070c63eebf044244821e5f6f089b9569"
987+
integrity sha512-nW7THWj5HOp085ROk65LwaoxuzDsjIxr485F4iu63BoxsXoSqKqmsUUoP4A7Gl67DgIgi0zJ8JFgHfvny/74MA==
988+
dependencies:
989+
"@babel/parser" "^7.28.5"
990+
"@vue/shared" "3.5.23"
991+
entities "^4.5.0"
992+
estree-walker "^2.0.2"
993+
source-map-js "^1.2.1"
994+
959995
"@vue/[email protected]", "@vue/compiler-dom@^3.2.0":
960996
version "3.4.24"
961997
resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.4.24.tgz#b7335a49f095b6d35e48b6f7be8da513c1fa52b8"
@@ -972,6 +1008,14 @@
9721008
"@vue/compiler-core" "3.5.18"
9731009
"@vue/shared" "3.5.18"
9741010

1011+
"@vue/[email protected]":
1012+
version "3.5.23"
1013+
resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.23.tgz#a67862d731a875509e219715700f3a5b56c28ad6"
1014+
integrity sha512-AT8RMw0vEzzzO0JU5gY0F6iCzaWUIh/aaRVordzMBKXRpoTllTT4kocHDssByPsvodNCfump/Lkdow2mT/O5KQ==
1015+
dependencies:
1016+
"@vue/compiler-core" "3.5.23"
1017+
"@vue/shared" "3.5.23"
1018+
9751019
"@vue/[email protected]":
9761020
version "3.5.18"
9771021
resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.18.tgz#ba1e849561337d809937994cdaf900539542eeca"
@@ -987,6 +1031,21 @@
9871031
postcss "^8.5.6"
9881032
source-map-js "^1.2.1"
9891033

1034+
"@vue/[email protected]":
1035+
version "3.5.23"
1036+
resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.23.tgz#7252082823f681d1a54c58c0f8c59ae57af071c4"
1037+
integrity sha512-3QTEUo4qg7FtQwaDJa8ou1CUikx5WTtZlY61rRRDu3lK2ZKrGoAGG8mvDgOpDsQ4A1bez9s+WtBB6DS2KuFCPw==
1038+
dependencies:
1039+
"@babel/parser" "^7.28.5"
1040+
"@vue/compiler-core" "3.5.23"
1041+
"@vue/compiler-dom" "3.5.23"
1042+
"@vue/compiler-ssr" "3.5.23"
1043+
"@vue/shared" "3.5.23"
1044+
estree-walker "^2.0.2"
1045+
magic-string "^0.30.21"
1046+
postcss "^8.5.6"
1047+
source-map-js "^1.2.1"
1048+
9901049
"@vue/compiler-sfc@^3.2.0":
9911050
version "3.4.24"
9921051
resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.4.24.tgz#2872e353147ce2a145169a33ddd4d68dc95c3a18"
@@ -1018,6 +1077,14 @@
10181077
"@vue/compiler-dom" "3.5.18"
10191078
"@vue/shared" "3.5.18"
10201079

1080+
"@vue/[email protected]":
1081+
version "3.5.23"
1082+
resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.23.tgz#0968b61898fb57a5b26ce84b8ab4757569e100b4"
1083+
integrity sha512-Hld2xphbMjXs9Q9WKxPf2EqmE+Rq/FEDnK/wUBtmYq74HCV4XDdSCheAaB823OQXIIFGq9ig/RbAZkF9s4U0Ow==
1084+
dependencies:
1085+
"@vue/compiler-dom" "3.5.23"
1086+
"@vue/shared" "3.5.23"
1087+
10211088
"@vue/compiler-vue2@^2.7.16":
10221089
version "2.7.16"
10231090
resolved "https://registry.yarnpkg.com/@vue/compiler-vue2/-/compiler-vue2-2.7.16.tgz#2ba837cbd3f1b33c2bc865fbe1a3b53fb611e249"
@@ -1087,6 +1154,13 @@
10871154
dependencies:
10881155
"@vue/shared" "3.5.18"
10891156

1157+
"@vue/[email protected]":
1158+
version "3.5.23"
1159+
resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.5.23.tgz#d2a7b7cae73168ec3bf513e7395d790046213ef8"
1160+
integrity sha512-ji5w0qvrPyBmBx5Ldv4QGNsw0phgRreEvjt0iUf1lei2Sm8//9ZAi78uM2ZjsT5gk0YZilLuoRCIMvtuZlHMJw==
1161+
dependencies:
1162+
"@vue/shared" "3.5.23"
1163+
10901164
"@vue/[email protected]":
10911165
version "3.5.18"
10921166
resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.5.18.tgz#9e9ae8b9491548b53d0cea2bf25746d27c52e191"
@@ -1095,6 +1169,14 @@
10951169
"@vue/reactivity" "3.5.18"
10961170
"@vue/shared" "3.5.18"
10971171

1172+
"@vue/[email protected]":
1173+
version "3.5.23"
1174+
resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.5.23.tgz#f8c3e39398bec1662586c927de23cdaa47d7c4f8"
1175+
integrity sha512-LMB0S6/G7mFJcpQeQaZrbsthFbWrIX8FVTzu5x9U3Ec8YW5MY1CGAnBBHNj+TPOBu3pIbtPpjrXtcaN04X+aBw==
1176+
dependencies:
1177+
"@vue/reactivity" "3.5.23"
1178+
"@vue/shared" "3.5.23"
1179+
10981180
"@vue/[email protected]":
10991181
version "3.5.18"
11001182
resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.5.18.tgz#1150952d1048b5822e4f1dd8aed24665cbb22107"
@@ -1105,6 +1187,16 @@
11051187
"@vue/shared" "3.5.18"
11061188
csstype "^3.1.3"
11071189

1190+
"@vue/[email protected]":
1191+
version "3.5.23"
1192+
resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.5.23.tgz#65e6e545a2280de672939fc2dedf49df402c0cd5"
1193+
integrity sha512-r/PYc8W9THzEL0UExpTkV+d31zO+Jid/RMZIDG6aS/NekOEUHuCJkJgftySWZw7JTJO/+q9Kxkg8p+i7Q7Q+ew==
1194+
dependencies:
1195+
"@vue/reactivity" "3.5.23"
1196+
"@vue/runtime-core" "3.5.23"
1197+
"@vue/shared" "3.5.23"
1198+
csstype "^3.1.3"
1199+
11081200
"@vue/[email protected]":
11091201
version "3.5.18"
11101202
resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.5.18.tgz#e9fa267b95b3a1d8cddca762377e5de2ae9122bd"
@@ -1113,6 +1205,14 @@
11131205
"@vue/compiler-ssr" "3.5.18"
11141206
"@vue/shared" "3.5.18"
11151207

1208+
"@vue/[email protected]":
1209+
version "3.5.23"
1210+
resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.5.23.tgz#85fdc651f603dd5971eb0a0fe54bb7f0096fc33c"
1211+
integrity sha512-NiWZsNCsXA20/VufcrW5u+Trt/PyFlpMmxaB2KERYM8eZgUoKUjXxJQb9ypq+LZ0Sp3XHJGNBR8DkhRnkKAMUw==
1212+
dependencies:
1213+
"@vue/compiler-ssr" "3.5.23"
1214+
"@vue/shared" "3.5.23"
1215+
11161216
"@vue/[email protected]":
11171217
version "3.4.24"
11181218
resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.4.24.tgz#278ac71f492b392b9b17fe8fc7d324db1a8842db"
@@ -1123,6 +1223,11 @@
11231223
resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.18.tgz#529f24a88d3ed678d50fd5c07455841fbe8ac95e"
11241224
integrity sha512-cZy8Dq+uuIXbxCZpuLd2GJdeSO/lIzIspC2WtkqIpje5QyFbvLaI5wZtdUjLHjGZrlVX6GilejatWwVYYRc8tA==
11251225

1226+
"@vue/[email protected]":
1227+
version "3.5.23"
1228+
resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.23.tgz#7678dd36f3d26c541801a73088ab0841889ffae0"
1229+
integrity sha512-0YZ1DYuC5o/YJPf6pFdt2KYxVGDxkDbH/1NYJnVJWUkzr8ituBEmFVQRNX2gCaAsFEjEDnLkWpgqlZA7htgS/g==
1230+
11261231
"@vue/test-utils@^2.4.6":
11271232
version "2.4.6"
11281233
resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.4.6.tgz#7d534e70c4319d2a587d6a3b45a39e9695ade03c"
@@ -3063,6 +3168,13 @@ magic-string@^0.30.17:
30633168
dependencies:
30643169
"@jridgewell/sourcemap-codec" "^1.5.0"
30653170

3171+
magic-string@^0.30.21:
3172+
version "0.30.21"
3173+
resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.21.tgz#56763ec09a0fa8091df27879fd94d19078c00d91"
3174+
integrity sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==
3175+
dependencies:
3176+
"@jridgewell/sourcemap-codec" "^1.5.5"
3177+
30663178
map-stream@~0.1.0:
30673179
version "0.1.0"
30683180
resolved "https://registry.yarnpkg.com/map-stream/-/map-stream-0.1.0.tgz#e56aa94c4c8055a16404a0674b78f215f7c8e194"
@@ -3867,6 +3979,12 @@ slice-ansi@^4.0.0:
38673979
astral-regex "^2.0.0"
38683980
is-fullwidth-code-point "^3.0.0"
38693981

3982+
"sortinghat-ui-core@https://github.com/evamillan/grimoirelab-sortinghat/releases/download/1.13.0-rc.1/sortinghat-ui.tgz":
3983+
version "0.0.0"
3984+
resolved "https://github.com/evamillan/grimoirelab-sortinghat/releases/download/1.13.0-rc.1/sortinghat-ui.tgz#47e95d3e1a88d9a2d621cf05fa5e05a43392d270"
3985+
dependencies:
3986+
vue "^3.5.22"
3987+
38703988
"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.2.0:
38713989
version "1.2.0"
38723990
resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.0.tgz#16b809c162517b5b8c3e7dcd315a2a5c2612b2af"
@@ -4426,6 +4544,17 @@ vue@^3.5.18:
44264544
"@vue/server-renderer" "3.5.18"
44274545
"@vue/shared" "3.5.18"
44284546

4547+
vue@^3.5.22:
4548+
version "3.5.23"
4549+
resolved "https://registry.yarnpkg.com/vue/-/vue-3.5.23.tgz#0e0e8bc436b175cf24056a1ba4ab961bdbec5947"
4550+
integrity sha512-CfvZv/vI52xUhumUvHtD6iFIS78nGWfX4IJnHfBGhpqMI0CwDq2YEngXOeaBFMRmiArcqczuVrLxurvesTYT9w==
4551+
dependencies:
4552+
"@vue/compiler-dom" "3.5.23"
4553+
"@vue/compiler-sfc" "3.5.23"
4554+
"@vue/runtime-dom" "3.5.23"
4555+
"@vue/server-renderer" "3.5.23"
4556+
"@vue/shared" "3.5.23"
4557+
44294558
vuetify@^3.9.2:
44304559
version "3.9.2"
44314560
resolved "https://registry.yarnpkg.com/vuetify/-/vuetify-3.9.2.tgz#7458886c6e5922c9499a6d75001c3af2240cc374"

0 commit comments

Comments
 (0)