Skip to Content

Changes for page Accelerators

Last modified by Erik Bakker on 2025/01/10 15:08
From version 51.1
edited by Erik Bakker
on 2022/04/29 16:30
Change comment: There is no comment for this version
To version 20.1
edited by Erik Bakker
on 2022/04/29 15:16
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,40 +1,27 @@
1 1  {{html}}
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>
9 -{{/html}}
10 -
11 -(% style="border-color:#10137e" %)
12 -----
13 -
14 -{{html}}
15 15  <html><body<div class="ez-academy">
16 - <div class="ez-academy_body">
3 + <div class="ez-academy__body">
17 17   <main class="master">
18 - <div class="card-container" id="myItems">
5 + <div class="card-container">
19 19   <a href="/bin/view/Main/eMagiz%20Store/Accelerators/REST%20-%20Fire%20%26%20Forget/" class="card">
20 - <div class="card_body" style="background: url(/bin/download/Main/Images/Store/WebHome/REST%20Webservice.svg) center no-repeat; background-size: 30%;">
7 + <div class="card__body" style="background: url(/bin/download/Main/Images/Store/WebHome/REST%20Webservice.svg) center no-repeat; background-size: 30%;">
21 21   <h4 class="title">REST - Fire & Forget</h4>
22 22   </div>
23 - <ul class="card_footer">
24 - <li class="card_footer-item">
25 - <img class="card_footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg">
26 - <label for="" class="card_footer-label">9</label>
10 + <ul class="card__footer">
11 + <li class="card__footer-item">
12 + <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg">
13 + <label for="" class="card__footer-label">9</label>
27 27   </li>
28 28   </ul>
29 29   </a>
30 - <a href="/bin/view/Main/eMagiz%20Store/Accelerators/REST%20-%20Request%20%26%20Response/" class="card">
31 - <div class="card_body" style="background: url(/bin/download/Main/Images/Store/WebHome/REST%20Webservice.svg) center no-repeat; background-size: 30%;">
17 + <a href="/bin/view/Main/eMagiz%20Store/Accelerators/REST%20-%20Fire%20%26%20Forget/" class="card">
18 + <div class="card__body" style="background: url(/bin/download/Main/Images/Store/WebHome/REST%20Webservice.svg) center no-repeat; background-size: 30%;">
32 32   <h4 class="title">REST - Request & Response</h4>
33 33   </div>
34 - <ul class="card_footer">
35 - <li class="card_footer-item">
36 - <img class="card_footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg">
37 - <label for="" class="card_footer-label">9</label>
21 + <ul class="card__footer">
22 + <li class="card__footer-item">
23 + <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg">
24 + <label for="" class="card__footer-label">9</label>
38 38   </li>
39 39   </ul>
40 40   </a>
XWiki.JavaScriptExtension[0]
Caching policy
... ... @@ -1,1 +1,0 @@
1 -long
Code
... ... @@ -1,15 +1,0 @@
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,1 +1,0 @@
1 -Search Store Items
Use this extension
... ... @@ -1,1 +1,0 @@
1 -currentPage