Changes for page Card Navigation

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

From version 5.1
edited by calvin_henderson
on 2024/12/18 10:54
Change comment: There is no comment for this version
To version 21.14
edited by calvin_henderson
on 2024/12/19 14:44
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,0 +1,4 @@
1 +{{cardView}}
2 +fa-user|Users|https://google.com
3 +fa-laptop|Devices|https://google.com
4 +{{/cardView}}
XWiki.WikiMacroClass[0]
code
... ... @@ -1,1 +1,58 @@
1 -== test ==
1 +{{velocity}}
2 +#set($wikiRef = $doc.documentReference.getWikiReference().getName())
3 +#set($docRef = $doc.getFullName())
4 +#set($entries = $wikimacro.content)
5 +#if("$xcontext.action" != "edit")
6 +
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 ($canView)
21 + <a style="text-decoration:none;"
22 + #if ($href.toString().startsWith('http'))
23 + target="_blank"
24 + #else
25 + #set($href = $xwiki.getDocument($href).getURL())
26 + #end
27 + href="$href">
28 + <div style="
29 + display:grid;
30 + text-align:center;
31 + align-items: center;
32 + justify-items: center;
33 + padding:8px;
34 + border-radius:5px;
35 + border:1px solid rgba(222,222,222,1);
36 + border-bottom: 3px solid rgba(222,222,222,1);
37 + min-width: 350px; max-width: 350px;
38 + min-height: 150px; max-height: 150px;
39 + ">
40 + <i class="fa $card[0]" style="font-size:4em;"></i>
41 + <h3 style="margin-top: 0;">$card[1]</h3>
42 + </div>
43 + </a>
44 + #end
45 + #end
46 + </div>
47 +{{/html}}
48 +
49 +
50 +#if ($wikimacro.parameters.enableSearch == true)
51 +----
52 +
53 +== Search ==
54 +
55 +{{documentTree root="document:$wikiRef:$docRef" finder="true" limit="30"/}}
56 +#end
57 +#end
58 +{{/velocity}}
contentDescription
... ... @@ -1,0 +1,1 @@
1 +icon-name|title|link
contentType
... ... @@ -1,1 +1,1 @@
1 -No content
1 +Mandatory
XWiki.WikiMacroParameterClass[0]
defaultValue
... ... @@ -1,0 +1,1 @@
1 +true
description
... ... @@ -1,5 +1,1 @@
1 -(% id="cards" style="width:514px" %)
2 -|(% style="width:167px" %)**Icon Name[[ 🔗>>https://fontawesome.com/v6/search?m=free||rel="noopener noreferrer" target="_blank"]]**|(% style="width:343px" %)**Wiki Link or URL**
3 -|(% style="width:167px" %) |(% style="width:343px" %)
4 -
5 -
1 +Enables a local document search box below the grid
name
... ... @@ -1,1 +1,1 @@
1 -Content
1 +enableSearch
type
... ... @@ -1,1 +1,1 @@
1 -Wiki
1 +Unknown