Skip to Content

Changes for page Card Navigation

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

Summary

Details

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