Skip to content

Commit a565d19

Browse files
blurryhumanfaceblurryhumanface
committed
Added js to do the filtering for the ecosystem page
1 parent 98e2d5f commit a565d19

File tree

4 files changed

+53
-15
lines changed

4 files changed

+53
-15
lines changed

‎_includes/ecosystem-buttons.html

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,60 +1,60 @@
11
<p><i>Organisation</i></p>
22
<p class="card btn btn-primary check-container">
3-
<input id="check-organisation-NetFPGA" class="stretched-link" type="checkbox" data-toggle="collapse" href=".NetFPGA-collapse" role="button" aria-controls="NetFPGACollapse" checked>
3+
<input id="check-organisation-NetFPGA" class="stretched-link" type="checkbox" data-toggle="collapse" href=".NetFPGA-collapse" role="button" aria-controls="NetFPGACollapse" onclick="filterselection('all')" checked>
44
<label class="check-label" for="check-organisation-NetFPGA">NetFPGA</label>
55
</p>
66
<p class="card btn btn-primary check-container">
7-
<input id="check-organisation-OSNT" class="stretched-link" type="checkbox" data-toggle="collapse" href=".OSNT-collapse" role="button" aria-controls="OSNTCollapse" checked>
7+
<input id="check-organisation-OSNT" class="stretched-link" type="checkbox" data-toggle="collapse" href=".OSNT-collapse" role="button" aria-controls="OSNTCollapse" onclick="filterselection('all')" checked>
88
<label class="check-label" for="check-organisation-OSNT">OSNT</label>
99
</p>
1010
<p><i>Organisation Type</i></p>
1111
<p class="card btn btn-primary check-container">
12-
<input id="check-organisation-type-Academic" class="stretched-link" type="checkbox" data-toggle="collapse" href=".academic-collapse" role="button" aria-controls="AcademicCollapse" checked>
12+
<input id="check-organisation-type-Academic" class="stretched-link" type="checkbox" data-toggle="collapse" href=".academic-collapse" role="button" aria-controls="AcademicCollapse" onclick="filterselection('all')" checked>
1313
<label class="check-label" for="check-organisation-type-Academic">Academic</label>
1414
</p>
1515
<p class="card btn btn-primary check-container">
16-
<input id="check-organisation-type-Non-Profit" class="stretched-link" type="checkbox" data-toggle="collapse" href=".non-profit-collapse" role="button" aria-controls="Non-ProfitCollapse" checked>
16+
<input id="check-organisation-type-Non-Profit" class="stretched-link" type="checkbox" data-toggle="collapse" href=".non-profit-collapse" role="button" aria-controls="Non-ProfitCollapse" onclick="filterselection('all')" checked>
1717
<label class="check-label" for="check-organisation-type-Non-Profit">Non-Profit</label>
1818
</p>
1919
<p class="card btn btn-primary check-container">
20-
<input id="check-organisation-type-Vendor" class="stretched-link" type="checkbox" data-toggle="collapse" href=".vendor-collapse" role="button" aria-controls="VendorCollapse" checked>
20+
<input id="check-organisation-type-Vendor" class="stretched-link" type="checkbox" data-toggle="collapse" href=".vendor-collapse" role="button" aria-controls="VendorCollapse" onclick="filterselection('all')" checked>
2121
<label class="check-label" for="check-organisation-type-Vendor">Vendor</label>
2222
</p>
2323
<p><i>Product Type</i></p>
2424
<p class="card btn btn-primary check-container">
25-
<input id="check-product-type-Product" class="stretched-link" type="checkbox" data-toggle="collapse" href=".product-collapse" role="button" aria-controls="ProductCollapse" checked>
25+
<input id="check-product-type-Product" class="stretched-link" type="checkbox" data-toggle="collapse" href=".product-collapse" role="button" aria-controls="ProductCollapse" onclick="filterselection('all')" checked>
2626
<label class="check-label" for="check-product-type-Product">Product</label>
2727
</p>
2828
<p class="card btn btn-primary check-container">
29-
<input id="check-product-type-Project" class="stretched-link" type="checkbox" data-toggle="collapse" href=".project-collapse" role="button" aria-controls="ProjectCollapse" checked>
29+
<input id="check-product-type-Project" class="stretched-link" type="checkbox" data-toggle="collapse" href=".project-collapse" role="button" aria-controls="ProjectCollapse" onclick="filterselection('all')" checked>
3030
<label class="check-label" for="check-product-type-Project">Project</label>
3131
</p>
3232
<p class="card btn btn-primary check-container">
33-
<input id="check-product-type-Software" class="stretched-link" type="checkbox" data-toggle="collapse" href=".software-collapse" role="button" aria-controls="SoftwareCollapse" checked>
33+
<input id="check-product-type-Software" class="stretched-link" type="checkbox" data-toggle="collapse" href=".software-collapse" role="button" aria-controls="SoftwareCollapse" onclick="filterselection('all')" checked>
3434
<label class="check-label" for="check-product-type-Software">Software</label>
3535
</p>
3636
<p class="card btn btn-primary check-container">
37-
<input id="check-product-type-Other" class="stretched-link" type="checkbox" data-toggle="collapse" href=".other-collapse" role="button" aria-controls="OtherCollapse" checked>
37+
<input id="check-product-type-Other" class="stretched-link" type="checkbox" data-toggle="collapse" href=".other-collapse" role="button" aria-controls="OtherCollapse" onclick="filterselection('all')" checked>
3838
<label class="check-label" for="check-product-type-Other">Other</label>
3939
</p>
4040
<p><i>Target Platform</i></p>
4141
<p class="card btn btn-primary check-container">
42-
<input id="check-target-PLUS" class="stretched-link" type="checkbox" data-toggle="collapse" href=".NetFPGA-PLUS-collapse" role="button" aria-controls="PLUSCollapse" checked>
42+
<input id="check-target-PLUS" class="stretched-link" type="checkbox" data-toggle="collapse" href=".NetFPGA-PLUS-collapse" role="button" aria-controls="PLUSCollapse" onclick="filterselection('all')" checked>
4343
<label class="check-label" for="check-target-PLUS">PLUS</label>
4444
</p>
4545
<p class="card btn btn-primary check-container">
46-
<input id="check-target-SUME" class="stretched-link" type="checkbox" data-toggle="collapse" href=".NetFPGA-SUME-collapse" role="button" aria-controls="SUMECollapse" checked>
46+
<input id="check-target-SUME" class="stretched-link" type="checkbox" data-toggle="collapse" href=".NetFPGA-SUME-collapse" role="button" aria-controls="SUMECollapse" onclick="filterselection('all')" checked>
4747
<label class="check-label" for="check-target-SUME">SUME</label>
4848
</p>
4949
<p class="card btn btn-primary check-container mr-5">
50-
<input id="check-target-CML" class="stretched-link" type="checkbox" data-toggle="collapse" href=".NetFPGA-CML-collapse" role="button" aria-controls="CMLCollapse" checked>
50+
<input id="check-target-CML" class="stretched-link" type="checkbox" data-toggle="collapse" href=".NetFPGA-CML-collapse" role="button" aria-controls="CMLCollapse" onclick="filterselection('all')" checked>
5151
<label class="check-label" for="check-target-CML">CML</label>
5252
</p>
5353
<p class="card btn btn-primary check-container mr-5">
54-
<input id="check-target-10G" class="stretched-link" type="checkbox" data-toggle="collapse" href=".NetFPGA-10G-collapse" role="button" aria-controls="10GCollapse" checked>
54+
<input id="check-target-10G" class="stretched-link" type="checkbox" data-toggle="collapse" href=".NetFPGA-10G-collapse" role="button" aria-controls="10GCollapse" onclick="filterselection('all')" checked>
5555
<label class="check-label" for="check-target-10G">10G</label>
5656
</p>
5757
<p class="card btn btn-primary check-container">
58-
<input id="check-target-1G" class="stretched-link" type="checkbox" data-toggle="collapse" href=".NetFPGA-1G-collapse" role="button" aria-controls="1GCollapse" checked>
58+
<input id="check-target-1G" class="stretched-link" type="checkbox" data-toggle="collapse" href=".NetFPGA-1G-collapse" role="button" aria-controls="1GCollapse" onclick="filterselection('all')" checked>
5959
<label class="check-label" for="check-target-1G">1G</label>
6060
</p>

‎assets/.DS_Store

0 Bytes
Binary file not shown.

‎assets/js/filter-script.js

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
filterSelection("all")
2+
function filterSelection(c) {
3+
var x, i;
4+
x = document.getElementsByClassName("filterCard");
5+
if (c == "all") c = "";
6+
// Add the "show" class (display:block) to the filtered elements, and remove the "show" class from the elements that are not selected
7+
for (i = 0; i < x.length; i++) {
8+
w3RemoveClass(x[i], "show");
9+
if (x[i].className.indexOf(c) > -1) w3AddClass(x[i], "show");
10+
}
11+
}
12+
13+
// Show filtered elements
14+
function w3AddClass(element, name) {
15+
var i, arr1, arr2;
16+
arr1 = element.className.split(" ");
17+
arr2 = name.split(" ");
18+
for (i = 0; i < arr2.length; i++) {
19+
if (arr1.indexOf(arr2[i]) == -1) {
20+
element.className += " " + arr2[i];
21+
}
22+
}
23+
}
24+
25+
// Hide elements that are not selected
26+
function w3RemoveClass(element, name) {
27+
var i, arr1, arr2;
28+
arr1 = element.className.split(" ");
29+
arr2 = name.split(" ");
30+
for (i = 0; i < arr2.length; i++) {
31+
while (arr1.indexOf(arr2[i]) > -1) {
32+
arr1.splice(arr1.indexOf(arr2[i]), 1);
33+
}
34+
}
35+
element.className = arr1.join(" ");
36+
}

‎ecosystem.html

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ <h1>The NetFPGA Ecosystem</h1>
77

88
{% for post in site.posts %}
99
{% if post.posttype == "ecosystem" %}
10-
<div class="row {% include ecosystem-filter-classes.html %}">
10+
<div class="filterCard row {% include ecosystem-filter-classes.html %}">
1111
<div class="col-12 col-md-12 col-lg-12 mb-5">
1212
<div class="card border-1 h-100">
1313
<div class="card-body">
@@ -75,3 +75,5 @@ <h3><i>{{post.organisation}}</i></h3>
7575
</div>
7676
{% endif %}
7777
{% endfor%}
78+
79+
<script src="./assets/js/filter-script.js"></script>

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy