Skip to Content

Changes for page Card Navigation

Last modified by Calvin Henderson on 2025/03/11 10:29
From version 27.1
edited by Calvin Henderson
on 2025/03/11 10:17
Change comment: There is no comment for this version
To version 20.1
edited by calvin_henderson
on 2024/12/18 13:54
Change comment: There is no comment for this version

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -Card Navigation
1 +Card View
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.calvin_hendersonetownschoolsorg
1 +XWiki.calvin_henderson
Content
... ... @@ -1,5 +1,4 @@
1 1  {{cardView}}
2 2  fa-user|Users|https://google.com
3 3  fa-laptop|Devices|https://google.com
4 -fa-question|Test
5 5  {{/cardView}}
XWiki.WikiMacroClass[0]
code
... ... @@ -9,43 +9,23 @@
9 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 - #if ($card.size() == 3)
13 - #set($href = $card[2])
14 - #else
15 - #set($href = $card[1])
16 - #end
17 - #set($doc = $xwiki.getDocument($href))
18 - #set($canView =
19 - $href.toString().startsWith('http')
20 - || $services.security.authorization.hasAccess('view', $href)
21 - || $services.security.authorization.hasAccess('edit', $href)
22 - || $services.security.authorization.hasAccess('admin', $href)
23 - )
24 - #if ($canView)
25 - <a style="text-decoration:none;"
26 - #if ($href.toString().startsWith('http'))
27 - target="_blank"
28 - #else
29 - #set($href = $doc.getURL())
30 - #end
31 - href="$href">
32 - <div style="
33 - display:grid;
34 - text-align:center;
35 - align-items: center;
36 - justify-items: center;
37 - padding:8px;
38 - border-radius:5px;
39 - border:1px solid rgba(222,222,222,1);
40 - border-bottom: 3px solid rgba(222,222,222,1);
41 - min-width: 350px; max-width: 350px;
42 - min-height: 150px; max-height: 150px;
43 - ">
44 - <i class="fa $card[0]" style="font-size:4em;"></i>
45 - <h3 style="margin-top: 0;">$card[1]</h3>
46 - </div>
47 - </a>
48 - #end
12 + <a href="$card[2]" style="text-decoration:none;">
13 + <div style="
14 + display:grid;
15 + text-align:center;
16 + align-items: center;
17 + justify-items: center;
18 + padding:8px;
19 + border-radius:5px;
20 + border:1px solid rgba(222,222,222,1);
21 + border-bottom: 3px solid rgba(222,222,222,1);
22 + min-width: 350px; max-width: 350px;
23 + min-height: 150px; max-height: 150px;
24 + ">
25 + <i class="fa $card[0]" style="font-size:4em;"></i>
26 + <h3 style="margin-top: 0;">$card[1]</h3>
27 + </div>
28 + </a>
49 49   #end
50 50   </div>
51 51  {{/html}}
contentDescription
... ... @@ -1,1 +1,1 @@
1 -icon-name|title[|link]
1 +icon-name|title|link