Skip to Content

Changes for page Accelerators

Last modified by Erik Bakker on 2025/01/10 15:08
From version 32.1
edited by Erik Bakker
on 2022/04/29 16:04
Change comment: There is no comment for this version
To version 53.1
edited by Erik Bakker
on 2022/04/29 16:35
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>
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 {