Skip to Content

Changes for page Card Navigation

Last modified by Calvin Henderson on 2025/03/11 10:29
From version 8.1
edited by calvin_henderson
on 2024/12/18 12:31
Change comment: There is no comment for this version
To version 10.1
edited by calvin_henderson
on 2024/12/18 12:36
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,3 +1,5 @@
1 -{{cardView/}}
1 +{{cardView}}
2 +fa-user,https://google.com;
3 +{{/cardView}}
2 2  
3 3  
XWiki.WikiMacroClass[0]
code
... ... @@ -3,14 +3,6 @@
3 3  #set( $wikiRef = $doc.documentReference.getWikiReference().getName() )
4 4  #set( $docRef = $doc.getFullName() )
5 5  
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 14  #if("$xcontext.action" != "edit")
15 15   {{html wiki="true"}}
16 16   <div style="display: grid;
... ... @@ -17,8 +17,9 @@
17 17   grid-template-columns: 1fr 1fr 1fr;
18 18   gap: 10px;
19 19   ">
20 -#foreach($card in $cards)
21 - <a href="$card.href" style="text-decoration:none;">
12 +#foreach($entry in $wikimacrocontent.split(';'))
13 + #set($card = $entry.split(','))
14 + <a href="$card[2]" style="text-decoration:none;">
22 22   <div style="
23 23   display:grid;
24 24   text-align:center;
... ... @@ -27,8 +27,8 @@
27 27   border:1px solid rgba(222,222,222,1);
28 28   border-bottom: 3px solid rgba(222,222,222,1);
29 29   ">
30 - <i class="fa $card.icon" style="font-size:4em;"></i>
31 - <h3>$card.title</h3>
23 + <i class="fa $card[0]" style="font-size:4em;"></i>
24 + <h3>$card[1]</h3>
32 32   </div>
33 33   </a>
34 34  #end
contentDescription
... ... @@ -1,1 +1,1 @@
1 -icon-name,link;
1 +icon-name,title,link;icon-name,title,link