Skip to Content

Changes for page Accelerators

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

Summary

Details

Page properties
Parent
... ... @@ -1,1 +1,1 @@
1 -Main.eMagiz Store.WebHome
1 +eMagiz Store.WebHome
Content
... ... @@ -1,42 +5,16 @@
1 -{{velocity}}
2 -#set ($discard = $xwiki.jsx.use('XWiki.Accelerators'))
3 -{{/velocity}}
4 -
5 5  {{html}}
6 -<html><body<div class="ez-academy">
7 -<div class="row">
8 - <div class="col-sm-12 mb-3">
9 - <input type="text" id="myFilter" class="form-control" onkeyup="myFunction()" placeholder="Search Store Items.."><br></br>
10 - </div>
2 +<div class="text-overlay">
3 + <h2>Essential Atom Packages</h2>
4 + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sodales posuere felis non efficitur. Mauris mollis elit urna, id tempus... &nbsp;&nbsp;<a href="#" class="read-more">Read More</a></p>
5 +</div><section class="bg">
6 + <h1 class="title">Blog Card</h1>
7 + <div class="blog-card">
8 + <img class="blog-img" src="https://user-images.githubusercontent.com/16360374/37567282-e1932872-2a81-11e8-807b-efc5a997f2f1.jpg" />
9 + <div class="text-overlay">
10 + <h2>Essential Atom Packages</h2>
11 + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sodales posuere felis non efficitur. Mauris mollis elit urna, id tempus... &nbsp;&nbsp;<a href="#" class="read-more">Read More</a></p>
11 11   </div>
12 - <div class="ez-academy_body">
13 - <main class="master">
14 - <div class="card-container" id="myItems">
15 - <a href="/bin/view/Main/eMagiz%20Store/Accelerators/REST%20-%20Fire%20%26%20Forget/" class="card">
16 - <div class="card__body" style="background: url(/bin/download/Main/Images/Store/WebHome/REST%20Webservice.svg) center no-repeat; background-size: 30%;">
17 - <h4 class="title">REST - Fire & Forget</h4>
18 - </div>
19 - <ul class="card__footer">
20 - <li class="card__footer-item">
21 - <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg">
22 - <label for="" class="card__footer-label">9</label>
23 - </li>
24 - </ul>
25 - </a>
26 - <a href="/bin/view/Main/eMagiz%20Store/Accelerators/REST%20-%20Request%20%26%20Response/" class="card">
27 - <div class="card__body" style="background: url(/bin/download/Main/Images/Store/WebHome/REST%20Webservice.svg) center no-repeat; background-size: 30%;">
28 - <h4 class="title">REST - Request & Response</h4>
29 - </div>
30 - <ul class="card__footer">
31 - <li class="card__footer-item">
32 - <img class="card__footer-icon card__footer-icon--lessons" src="/bin/download/Main/Images/General/WebHome/icon-lessons24.svg">
33 - <label for="" class="card__footer-label">9</label>
34 - </li>
35 - </ul>
36 - </a>
37 - </div>
38 - </main></div>
39 -
40 -</div>
41 -</span></body></html>
13 + </div>
14 + <div class="credit">Created by <a class="creator-link" href="https://brettstevenson.io">Brett Stevenson</a></div>
15 +</section>
42 42  {{/html}}
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 -onDemand