Changes for page Card Navigation

Last modified by Calvin Henderson on 2025/03/11 10:29

From version 21.9
edited by calvin_henderson
on 2024/12/19 14:37
Change comment: There is no comment for this version
To version 14.37
edited by calvin_henderson
on 2024/12/18 13:15
Change comment: There is no comment for this version

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -Card Navigation
1 +Card View
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
... ... @@ -1,55 +1,40 @@
1 1  {{velocity}}
2 2  #set($wikiRef = $doc.documentReference.getWikiReference().getName())
3 3  #set($docRef = $doc.getFullName())
4 -#set($entries = $wikimacro.content)
4 +
5 5  #if("$xcontext.action" != "edit")
6 +#set($entries = $wikimacro.content)
7 + {{html wiki="true"}}
8 + <div style="display: grid;
9 + grid-template-columns: 1fr 1fr 1fr;
10 + gap: 10px;
11 + ">
12 +#foreach($entry in $entries.split('\n'))
13 + #set($card = $entry.split('\|'))
14 + <a href="$card[2]" style="text-decoration:none;">
15 + <div style="
16 + display:grid;
17 + text-align: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 + ">
23 + <i class="fa $card[0]" style="font-size:4em;"></i>
24 + <h3>$card[1]</h3>
25 + </div>
26 + </a>
27 + $card[0],$card[1],$card[2]
28 +#end
29 + </div>
30 + {{/html}}
31 +#end
6 6  
7 7  
8 -{{html wiki="false"}}
9 - <div style="display: flex; flex-direction: row; gap: 10px; max-width: 1790px; flex-wrap: wrap;">
10 - #foreach($entry in $entries.split('\n'))
11 - #set($card = $entry.split('\|'))
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 (!$href.toString().startsWith('http'))
21 - #set($href = $xwiki.getDocument($href).getURL())
22 - #end
23 - #if ($canView)
24 - <a href="$href" style="text-decoration:none;">
25 - <div style="
26 - display:grid;
27 - text-align:center;
28 - align-items: center;
29 - justify-items: center;
30 - padding:8px;
31 - border-radius:5px;
32 - border:1px solid rgba(222,222,222,1);
33 - border-bottom: 3px solid rgba(222,222,222,1);
34 - min-width: 350px; max-width: 350px;
35 - min-height: 150px; max-height: 150px;
36 - ">
37 - <i class="fa $card[0]" style="font-size:4em;"></i>
38 - <h3 style="margin-top: 0;">$card[1]</h3>
39 - </div>
40 - </a>
41 - #end
42 - #end
43 - </div>
44 -{{/html}}
45 -
46 -
47 -#if ($wikimacro.parameters.enableSearch == true)
48 48  ----
49 49  
50 50  == Search ==
51 51  
52 52  {{documentTree root="document:$wikiRef:$docRef" finder="true" limit="30"/}}
53 -#end
54 -#end
39 +
55 55  {{/velocity}}
contentDescription
... ... @@ -1,1 +1,2 @@
1 1  icon-name|title|link
2 +icon-name|title|link
XWiki.WikiMacroParameterClass[0]
defaultValue
... ... @@ -1,1 +1,0 @@
1 -true
description
... ... @@ -1,1 +1,0 @@
1 -Enables a local document search box below the grid
name
... ... @@ -1,1 +1,0 @@
1 -enableSearch
type
... ... @@ -1,1 +1,0 @@
1 -Unknown