Skip to Content

Changes for page Card Navigation

Last modified by Calvin Henderson on 2025/03/11 10:29
From version 20.2
edited by calvin_henderson
on 2024/12/19 07:33
Change comment: There is no comment for this version
To version 16.2
edited by calvin_henderson
on 2024/12/18 13:30
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,4 +1,4 @@
1 1  {{cardView}}
2 -fa-user|Users|https://google.com
3 -fa-laptop|Devices|https://google.com
2 +fa-user|Google|https://google.com
3 +fa-user|Google|https://google.com
4 4  {{/cardView}}
XWiki.WikiMacroClass[0]
code
... ... @@ -2,39 +2,30 @@
2 2  #set($wikiRef = $doc.documentReference.getWikiReference().getName())
3 3  #set($docRef = $doc.getFullName())
4 4  #set($entries = $wikimacro.content)
5 +
5 5  #if("$xcontext.action" != "edit")
6 6  
7 7  
8 8  {{html wiki="false"}}
9 - <div style="display: flex; flex-direction: row; gap: 10px; max-width: 1790px; flex-wrap: wrap;">
10 + <div style="display: grid;
11 + grid-template-columns: 1fr 1fr 1fr;
12 + gap: 10px;
13 + ">
10 10   #foreach($entry in $entries.split('\n'))
11 - #set($doc = $xwiki.getDocument($link.href))
12 - #set($canView =
13 - $link.href.toString().startsWith('http')
14 - || $services.security.authorization.hasAccess('view', $link.href)
15 - || $services.security.authorization.hasAccess('edit', $link.href)
16 - || $services.security.authorization.hasAccess('admin', $link.href)
17 - )
18 - #if ($canView)
19 - #set($card = $entry.split('\|'))
20 - <a href="$card[2]" style="text-decoration:none;">
21 - <div style="
22 - display:grid;
23 - text-align:center;
24 - align-items: center;
25 - justify-items: center;
26 - padding:8px;
27 - border-radius:5px;
28 - border:1px solid rgba(222,222,222,1);
29 - border-bottom: 3px solid rgba(222,222,222,1);
30 - min-width: 350px; max-width: 350px;
31 - min-height: 150px; max-height: 150px;
32 - ">
33 - <i class="fa $card[0]" style="font-size:4em;"></i>
34 - <h3 style="margin-top: 0;">$card[1]</h3>
35 - </div>
36 - </a>
37 - #end
15 + #set($card = $entry.split('\|'))
16 + <a href="$card[2]" style="text-decoration:none;">
17 + <div style="
18 + display:grid;
19 + text-align:center;
20 + padding:8px;
21 + border-radius:5px;
22 + border:1px solid rgba(222,222,222,1);
23 + border-bottom: 3px solid rgba(222,222,222,1);
24 + ">
25 + <i class="fa $card[0]" style="font-size:4em;"></i>
26 + <h3>$card[1]</h3>
27 + </div>
28 + </a>
38 38   #end
39 39   </div>
40 40  {{/html}}
... ... @@ -46,6 +46,7 @@
46 46  == Search ==
47 47  
48 48  {{documentTree root="document:$wikiRef:$docRef" finder="true" limit="30"/}}
40 +
49 49  #end
50 50  #end
51 51  {{/velocity}}
contentDescription
... ... @@ -1,1 +1,2 @@
1 1  icon-name|title|link
2 +icon-name|title|link