Skip to Content

Changes for page Card Navigation

Last modified by Calvin Henderson on 2025/03/11 10:29
From version 19.3
edited by calvin_henderson
on 2024/12/18 13:48
Change comment: There is no comment for this version
To version 21.13
edited by calvin_henderson
on 2024/12/19 14:43
Change comment: There is no comment for this version

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -Card View
1 +Card Navigation
XWiki.WikiMacroClass[0]
code
... ... @@ -6,24 +6,43 @@
6 6  
7 7  
8 8  {{html wiki="false"}}
9 - <div style="display: flex; flex-direction: row; gap: 10px;">
9 + <div style="display: flex; flex-direction: row; gap: 10px; max-width: 1790px; flex-wrap: wrap;">
10 10   #foreach($entry in $entries.split('\n'))
11 11   #set($card = $entry.split('\|'))
12 - <a href="$card[2]" style="text-decoration:none;">
13 - <div style="
14 - display:grid;
15 - text-align:center;
16 - padding:8px;
17 - border-radius:5px;
18 - border:1px solid rgba(222,222,222,1);
19 - border-bottom: 3px solid rgba(222,222,222,1);
20 - width: 300px;
21 - height: 160px;
22 - ">
23 - <i class="fa $card[0]" style="font-size:4em;"></i>
24 - <h3>$card[1]</h3>
25 - </div>
26 - </a>
12 + #set($href = $card[2])
13 + #set($doc = $xwiki.getDocument($card[2]))
14 + #set($canView =
15 + $href.toString().startsWith('http')
16 + || $services.security.authorization.hasAccess('view', $href)
17 + || $services.security.authorization.hasAccess('edit', $href)
18 + || $services.security.authorization.hasAccess('admin', $href)
19 + )
20 + #if ($canView)
21 + <a
22 + style="text-decoration:none;"
23 + #if ($href.toString().startsWith('http'))
24 + target="_blank"
25 + #else
26 + #set($href = $xwiki.getDocument($href).getURL())
27 + #end
28 + href="$href">
29 + <div style="
30 + display:grid;
31 + text-align:center;
32 + align-items: center;
33 + justify-items: center;
34 + padding:8px;
35 + border-radius:5px;
36 + border:1px solid rgba(222,222,222,1);
37 + border-bottom: 3px solid rgba(222,222,222,1);
38 + min-width: 350px; max-width: 350px;
39 + min-height: 150px; max-height: 150px;
40 + ">
41 + <i class="fa $card[0]" style="font-size:4em;"></i>
42 + <h3 style="margin-top: 0;">$card[1]</h3>
43 + </div>
44 + </a>
45 + #end
27 27   #end
28 28   </div>
29 29  {{/html}}