Skip to Content

Changes for page Card Navigation

Last modified by Calvin Henderson on 2025/03/11 10:29
From version 14.49
edited by calvin_henderson
on 2024/12/18 13:22
Change comment: There is no comment for this version
To version 23.1
edited by calvin_henderson
on 2025/01/15 11:03
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,5 @@
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 +fa-question|Test
4 4  {{/cardView}}
XWiki.WikiMacroClass[0]
code
... ... @@ -5,46 +5,58 @@
5 5  #if("$xcontext.action" != "edit")
6 6  
7 7  
8 -$entries
9 -
10 -
11 -
12 -{{html wiki="true"}}
13 -#if (false)
14 - <div style="display: grid;
15 - grid-template-columns: 1fr 1fr 1fr;
16 - gap: 10px;
17 - ">
18 -#end
19 -
20 -#foreach($entry in $entries.split('\n'))
21 - #set($card = $entry.split('\|'))
22 - #if (false)
23 - <a href="$card[2]" style="text-decoration:none;">
24 - <div style="
25 - display:grid;
26 - text-align:center;
27 - padding:8px;
28 - border-radius:5px;
29 - border:1px solid rgba(222,222,222,1);
30 - border-bottom: 3px solid rgba(222,222,222,1);
31 - ">
32 - <i class="fa $card[0]" style="font-size:4em;"></i>
33 - <h3>$card[1]</h3>
34 - </div>
35 - </a>
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 + #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 = $xwiki.getDocument($href).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
36 36   #end
37 -
38 - $card[0],$card[1],$card[2]
39 -#end
40 -## </div>
50 + </div>
41 41  {{/html}}
42 42  
53 +
54 +#if ($wikimacro.parameters.enableSearch == true)
43 43  ----
44 44  
45 45  == Search ==
46 46  
47 47  {{documentTree root="document:$wikiRef:$docRef" finder="true" limit="30"/}}
48 -
49 49  #end
61 +#end
50 50  {{/velocity}}
contentDescription
... ... @@ -1,2 +1,1 @@
1 -icon-name|title|link
2 -icon-name|title|link
1 +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