Skip to Content

Changes for page Card Navigation

Last modified by Calvin Henderson on 2025/03/11 10:29
From version 21.14
edited by calvin_henderson
on 2024/12/19 14:44
Change comment: There is no comment for this version
To version 1.3
edited by calvin_henderson
on 2024/12/18 10:42
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,11 @@
1 -{{cardView}}
2 -fa-user|Users|https://google.com
3 -fa-laptop|Devices|https://google.com
4 -{{/cardView}}
1 +== Display Settings ==
2 +
3 +(% id="display-settings" style="width:570px" %)
4 +|(% style="width:158px" %)**Card Width (pixels)**|(% style="width:153px" %)**Card Height (pixels)**
5 +|(% style="width:158px" %) |(% style="width:153px" %)
6 +
7 +== Card Configuration ==
8 +
9 +(% id="cards" style="width:573px" summary="Cards" %)
10 +|(% style="width:181px" %)**Icon Name[[ 🔗>>https://fontawesome.com/v6/search?m=free||rel=" noopener noreferrer" target="_blank"]]**|(% style="width:390px" %)**Wiki Link or URL**
11 +|(% style="width:181px" %) |(% style="width:390px" %)
XWiki.WikiMacroClass[0]
async_cached
... ... @@ -1,1 +1,0 @@
1 -No
async_enabled
... ... @@ -1,1 +1,0 @@
1 -No
code
... ... @@ -1,58 +1,0 @@
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,1 +1,0 @@
1 -icon-name|title|link
contentJavaType
... ... @@ -1,1 +1,0 @@
1 -Wiki
contentType
... ... @@ -1,1 +1,0 @@
1 -Mandatory
description
... ... @@ -1,1 +1,0 @@
1 -Displays a grid of cards for linking to other pages.
id
... ... @@ -1,1 +1,0 @@
1 -cardView
name
... ... @@ -1,1 +1,0 @@
1 -Card View
supportsInlineMode
... ... @@ -1,1 +1,0 @@
1 -No
visibility
... ... @@ -1,1 +1,0 @@
1 -Global
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
AppWithinMinutes.Content[0]