@@ -14,32 +14,50 @@ const { visible, isLoading, accessUrls, doRedirectToPortal } = useAccessUrlChoos
14
14
:modal =" true"
15
15
:closable =" false"
16
16
:header =" t('Access URL')"
17
- :style =" { width: '50vw ' }"
17
+ :style =" { width: '60vw ' }"
18
18
>
19
19
<i
20
20
v-if =" isLoading"
21
21
class =" pi pi-spin pi-spinner"
22
22
/>
23
23
<div
24
- v-else-if = " accessUrls.length "
25
- class = " grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4 "
24
+ class = " space-y-4 "
25
+ v-else-if = " 1 === accessUrls.length "
26
26
>
27
- <div
28
- v-for =" accessUrl in accessUrls"
29
- :key =" accessUrl.id"
30
- class =" text-center"
31
- @click =" doRedirectToPortal(accessUrl.url)"
32
- >
33
- {{ accessUrl.url }}
34
- <p
35
- v-if =" accessUrl.description"
36
- v-text =" accessUrl.description"
37
- />
27
+ <p >{{ t("You only have access to the URL %s", [accessUrls[0].url]) }}</p >
28
+ <p v-text =" t('You will therefore be automatically redirected to this URL.')" />
29
+ </div >
30
+ <div
31
+ class =" space-y-4"
32
+ v-else-if =" accessUrls.length > 1"
33
+ >
34
+ <p v-text =" t('You have access to multiple URLs. Here is the list of your accesses.')" />
35
+ <p v-text =" t('Please click on the link below corresponding to the URL you wish to access.')" />
36
+ <div class =" grid grid-cols-1 md:grid-cols-3 gap-4" >
37
+ <div
38
+ v-for =" accessUrl in accessUrls"
39
+ :key =" accessUrl.id"
40
+ class =" text-center"
41
+ @click =" doRedirectToPortal(accessUrl.url)"
42
+ >
43
+ <span
44
+ class =" cursor-pointer"
45
+ v-text =" accessUrl.url"
46
+ />
47
+ <p
48
+ v-if =" accessUrl.description"
49
+ v-text =" accessUrl.description"
50
+ />
51
+ </div >
38
52
</div >
39
53
</div >
40
54
<p
41
55
v-else
42
- v-text =" t('No active access URLs found')"
56
+ v-text ="
57
+ t(
58
+ 'You do not currently have access to any URL. Please ask the administrator to grant you access to the URL to which you belong.',
59
+ )
60
+ "
43
61
/>
44
62
</Dialog >
45
63
</template >
0 commit comments