Changes for page Accelerators

Last modified by Erik Bakker on 2025/01/10 15:08

From version 23.1
edited by Erik Bakker
on 2022/04/29 15:46
Change comment: There is no comment for this version
To version 55.1
edited by Erik Bakker
on 2022/05/02 08:15
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,26 +5,21 @@
1 -(% class="extension-link search-extension box" %)(((
2 -(((
3 -{{velocity}}
4 -=== #if($services.icon)$services.icon.render('find')#end Search Extension... ===
5 5  {{html}}
6 -<form action="$xwiki.getURL("ExtensionCode.ExtensionSearch")">
7 - <input type="hidden" name="f_space" value="Extension" />
8 - <input type="text" name="text" value="extension name..." size="25" class="withTip" id="searchTextInput" />
9 - <span class="buttonwrapper">
10 - <input class="btn btn-primary" type="submit" value="Search" id="searchSubmit"/>
11 - </span>
12 -</form>
2 +<html><body>
3 +<div class="row">
4 + <div class="col-sm-12 mb-3">
5 + <input type="text" id="myFilter" class="form-control" onkeyup="myFunction()" placeholder="Search Store Items..">
6 + </div>
7 + </div>
8 +</body></html>
13 13  {{/html}}
14 -[[Advanced>>ExtensionCode.ExtensionSearch||queryString="space=Extension"]]
15 -{{/velocity}}
16 -)))
17 -)))
18 18  
11 +(% style="border-color:#10137e" %)
12 +----
13 +
19 19  {{html}}
20 20  <html><body<div class="ez-academy">
21 21   <div class="ez-academy_body">
22 22   <main class="master">
23 - <div class="card-container">
18 + <div class="card-container" id="myItems">
24 24   <a href="/bin/view/Main/eMagiz%20Store/Accelerators/REST%20-%20Fire%20%26%20Forget/" class="card">
25 25   <div class="card__body" style="background: url(/bin/download/Main/Images/Store/WebHome/REST%20Webservice.svg) center no-repeat; background-size: 30%;">
26 26   <h4 class="title">REST - Fire & Forget</h4>
... ... @@ -42,6 +42,17 @@
42 42   <label for="" class="card__footer-label">9</label>
43 43   </li>
44 44   </ul>
40 + </a>
41 + <a href="/bin/view/Main/eMagiz%20Store/Accelerators/REST%20-%20Request%20%26%20Response/" class="card">
42 + <div class="card__body" style="background: url(/bin/download/Main/Images/Store/WebHome/SOAP%20Webservice.svg) center no-repeat; background-size: 30%;">
43 + <h4 class="title">SOAP Web service Connectivity</h4>
44 + </div>
45 + <ul class="card__footer">
46 + <li class="card__footer-item">
47 + <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg">
48 + <label for="" class="card__footer-label">9</label>
49 + </li>
50 + </ul>
45 45   </a>
46 46   </div>
47 47   </main></div>
XWiki.JavaScriptExtension[0]
Caching policy
... ... @@ -1,0 +1,1 @@
1 +long
Code
... ... @@ -1,0 +1,15 @@
1 +function myFunction() {
2 + var input, filter, cards, cardContainer, h4, title, i;
3 + input = document.getElementById("myFilter");
4 + filter = input.value.toUpperCase();
5 + cardContainer = document.getElementById("myItems");
6 + cards = cardContainer.getElementsByClassName("card");
7 + for (i = 0; i < cards.length; i++) {
8 + title = cards[i].querySelector(".card__body h4.title");
9 + if (title.innerText.toUpperCase().indexOf(filter) > -1) {
10 + cards[i].style.display = "";
11 + } else {
12 + cards[i].style.display = "none";
13 + }
14 + }
15 +}
Name
... ... @@ -1,0 +1,1 @@
1 +Search Store Items
Use this extension
... ... @@ -1,0 +1,1 @@
1 +currentPage