Skip to Content

Changes for page Card Navigation

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

Summary

Details

Page properties
Title
... ... @@ -1,1 +1,1 @@
1 -Card View
1 +Card Navigation
Content
... ... @@ -1,4 +1,4 @@
1 1  {{cardView}}
2 -fa-user|Google|https://google.com
3 -fa-user|Google|https://google.com
2 +fa-user|Users|https://google.com
3 +fa-laptop|Devices|https://google.com
4 4  {{/cardView}}
XWiki.WikiMacroClass[0]
code
... ... @@ -1,39 +1,56 @@
1 1  {{velocity}}
2 2  #set($wikiRef = $doc.documentReference.getWikiReference().getName())
3 3  #set($docRef = $doc.getFullName())
4 -
5 -#if("$xcontext.action" != "edit")
6 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 -#end
28 - </div>
29 - {{/html}}
30 -#end
5 +#if("$xcontext.action" != "edit")
31 31  
32 32  
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 + #if (!$href.toString().startsWith('http') && !$href.contains('.'))
14 + #set($href = "$wikiref:$docRef.$href")
15 + #end
16 + #set($doc = $xwiki.getDocument($card[2]))
17 + #set($canView =
18 + $href.toString().startsWith('http')
19 + || $services.security.authorization.hasAccess('view', $href)
20 + || $services.security.authorization.hasAccess('edit', $href)
21 + || $services.security.authorization.hasAccess('admin', $href)
22 + )
23 + $href
24 + #if ($canView)
25 + <a href="$href" style="text-decoration:none;">
26 + <div style="
27 + display:grid;
28 + text-align:center;
29 + align-items: center;
30 + justify-items: center;
31 + padding:8px;
32 + border-radius:5px;
33 + border:1px solid rgba(222,222,222,1);
34 + border-bottom: 3px solid rgba(222,222,222,1);
35 + min-width: 350px; max-width: 350px;
36 + min-height: 150px; max-height: 150px;
37 + ">
38 + <i class="fa $card[0]" style="font-size:4em;"></i>
39 + <h3 style="margin-top: 0;">$card[1]</h3>
40 + </div>
41 + </a>
42 + #end
43 + #end
44 + </div>
45 +{{/html}}
46 +
47 +
48 +#if ($wikimacro.parameters.enableSearch == true)
33 33  ----
34 34  
35 35  == Search ==
36 36  
37 37  {{documentTree root="document:$wikiRef:$docRef" finder="true" limit="30"/}}
38 -
54 +#end
55 +#end
39 39  {{/velocity}}
contentDescription
... ... @@ -1,2 +1,1 @@
1 1  icon-name|title|link
2 -icon-name|title|link
XWiki.WikiMacroParameterClass[0]
defaultValue
... ... @@ -1,0 +1,1 @@
1 +true
description
... ... @@ -1,0 +1,1 @@
1 +Enables a local document search box below the grid
name
... ... @@ -1,0 +1,1 @@
1 +enableSearch
type
... ... @@ -1,0 +1,1 @@
1 +Unknown