Changes for page Card Navigation
Last modified by Calvin Henderson on 2025/03/11 10:29
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
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
-
... ... @@ -1,1 +1,48 @@ 1 -== test == 1 +{{velocity}} 2 + 3 +#set( $wikiRef = $doc.documentReference.getWikiReference().getName() ) 4 +#set( $docRef = $doc.getFullName() ) 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 +#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;"> 22 + <div style=" 23 + display:grid; 24 + text-align:center; 25 + padding:8px; 26 + border-radius:5px; 27 + border:1px solid rgba(222,222,222,1); 28 + border-bottom: 3px solid rgba(222,222,222,1); 29 + "> 30 + <i class="fa $card.icon" style="font-size:4em;"></i> 31 + <h3>$card.title</h3> 32 + </div> 33 + </a> 34 +#end 35 + </div> 36 + {{/html}} 37 +#end 38 + 39 + 40 +---- 41 + 42 +== Search == 43 + 44 +{{documentTree root="document:$wikiRef:$docRef" finder="true" limit="30"/}} 45 + 46 +{{/velocity}} 47 + 48 +{{wikimacrocontent/}} - contentDescription
-
... ... @@ -1,0 +1,1 @@ 1 +icon-name,link; - contentType
-
... ... @@ -1,1 +1,1 @@ 1 - No content1 +Mandatory