Skip to Content

Changes for page Accelerators

Last modified by Erik Bakker on 2025/01/10 15:08
From version 31.1
edited by Erik Bakker
on 2022/04/29 15:59
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,17 +5,21 @@
1 -{{velocity}}
2 -#set ($discard = $xwiki.jsx.use('Accelerators.SkinExt.WebHome'))
3 -{{/velocity}}
4 -
5 5  {{html}}
6 -<html><body<div class="ez-academy">
2 +<html><body>
7 7  <div class="row">
8 8   <div class="col-sm-12 mb-3">
9 - <input type="text" id="myFilter" class="form-control" onkeyup="myFunction()" placeholder="Search for names..">
5 + <input type="text" id="myFilter" class="form-control" onkeyup="myFunction()" placeholder="Search Store Items..">
10 10   </div>
11 11   </div>
8 +</body></html>
9 +{{/html}}
10 +
11 +(% style="border-color:#10137e" %)
12 +----
13 +
14 +{{html}}
15 +<html><body<div class="ez-academy">
12 12   <div class="ez-academy_body">
13 13   <main class="master">
14 - <div class="card-container">
18 + <div class="card-container" id="myItems">
15 15   <a href="/bin/view/Main/eMagiz%20Store/Accelerators/REST%20-%20Fire%20%26%20Forget/" class="card">
16 16   <div class="card__body" style="background: url(/bin/download/Main/Images/Store/WebHome/REST%20Webservice.svg) center no-repeat; background-size: 30%;">
17 17   <h4 class="title">REST - Fire & Forget</h4>
... ... @@ -33,6 +33,17 @@
33 33   <label for="" class="card__footer-label">9</label>
34 34   </li>
35 35   </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>
36 36   </a>
37 37   </div>
38 38   </main></div>
XWiki.JavaScriptExtension[0]
Code
... ... @@ -1,11 +1,11 @@
1 1  function myFunction() {
2 - var input, filter, cards, cardContainer, h5, title, i;
2 + var input, filter, cards, cardContainer, h4, title, i;
3 3   input = document.getElementById("myFilter");
4 4   filter = input.value.toUpperCase();
5 5   cardContainer = document.getElementById("myItems");
6 6   cards = cardContainer.getElementsByClassName("card");
7 7   for (i = 0; i < cards.length; i++) {
8 - title = cards[i].querySelector(".card-body h5.card-title");
8 + title = cards[i].querySelector(".card__body h4.title");
9 9   if (title.innerText.toUpperCase().indexOf(filter) > -1) {
10 10   cards[i].style.display = "";
11 11   } else {