Changes for page Card Navigation

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

From version 18.5
edited by calvin_henderson
on 2024/12/18 13:42
Change comment: There is no comment for this version
To version 9.1
edited by calvin_henderson
on 2024/12/18 12:32
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,4 +1,5 @@
1 1  {{cardView}}
2 -fa-user|Users|https://google.com
3 -fa-laptop|Devices|https://google.com
2 +fa-user,https://google.com;
4 4  {{/cardView}}
4 +
5 +
XWiki.WikiMacroClass[0]
code
... ... @@ -1,23 +1,24 @@
1 1  {{velocity}}
2 -#set($wikiRef = $doc.documentReference.getWikiReference().getName())
3 -#set($docRef = $doc.getFullName())
4 -#set($entries = $wikimacro.content)
5 -#set ($targetSyntaxId = $wikimacro.context.transformationContext.targetSyntax.type.id)
6 -#if ($targetSyntaxId == 'annotatedhtml' || $targetSyntaxId == 'annotatedxhtml')
7 -[[Icon search>>https://fontawesome.com/v6/search?m=free]]
8 -{{wikimacrocontent/}}
9 -#end
10 -#if("$xcontext.action" != "edit")
11 11  
3 +#set( $wikiRef = $doc.documentReference.getWikiReference().getName() )
4 +#set( $docRef = $doc.getFullName() )
12 12  
13 -{{html wiki="false"}}
14 - <div style="display: grid;
15 - grid-template-columns: 1fr 1fr 1fr;
16 - gap: 10px;
17 - ">
18 - #foreach($entry in $entries.split('\n'))
19 - #set($card = $entry.split('\|'))
20 - <a href="$card[2]" style="text-decoration:none;">
6 +#set( $cards = [
7 + {"title": "Devices/Hardware", "icon": "fa-laptop", "href": "DevicesHardware"},
8 + {"title": "Websites/Software", "icon": "fa-cloud", "href": "WebsitesSoftware"},
9 + {"title": "Phones/WiFi/Network/Security", "icon": "fa-wifi", "href": "PhonesWiFiNetworkSecurity"},
10 + {"title": "Users/Accounts", "icon": "fa-address-card", "href": "UsersAccounts"},
11 + {"title": "Other", "icon": "fa-question-circle", "href": "Other"}
12 +])
13 +
14 +#if("$xcontext.action" != "edit")
15 + {{html wiki="true"}}
16 + <div style="display: grid;
17 + grid-template-columns: 1fr 1fr 1fr;
18 + gap: 10px;
19 + ">
20 +#foreach($card in $cards)
21 + <a href="$card.href" style="text-decoration:none;">
21 21   <div style="
22 22   display:grid;
23 23   text-align:center;
... ... @@ -26,21 +26,22 @@
26 26   border:1px solid rgba(222,222,222,1);
27 27   border-bottom: 3px solid rgba(222,222,222,1);
28 28   ">
29 - <i class="fa $card[0]" style="font-size:4em;"></i>
30 - <h3>$card[1]</h3>
30 + <i class="fa $card.icon" style="font-size:4em;"></i>
31 + <h3>$card.title</h3>
31 31   </div>
32 32   </a>
33 - #end
34 - </div>
35 -{{/html}}
34 +#end
35 + </div>
36 + {{/html}}
37 +#end
36 36  
37 37  
38 -#if ($wikimacro.parameters.enableSearch == true)
39 39  ----
40 40  
41 41  == Search ==
42 42  
43 43  {{documentTree root="document:$wikiRef:$docRef" finder="true" limit="30"/}}
44 -#end
45 -#end
45 +
46 46  {{/velocity}}
47 +
48 +{{wikimacrocontent/}}
contentDescription
... ... @@ -1,1 +1,1 @@
1 -icon-name|title|link
1 +icon-name,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