frayerjj-frontend 0.3.0 → 0.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/init.js +11 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "frayerjj-frontend",
3
- "version": "0.3.0",
3
+ "version": "0.3.2",
4
4
  "description": "My base frontend for various projects",
5
5
  "main": "src/index.js",
6
6
  "type": "module",
package/src/init.js CHANGED
@@ -105,21 +105,21 @@ export const init = () => {
105
105
  });
106
106
 
107
107
  // Filter Selects
108
- document.querySelectorAll('.filter-select').forEach(select => {
108
+ let filterSelects = document.querySelectorAll('.filter-select');
109
+ if (filterSelects.length) filterSelects.forEach(select => {
109
110
  msg.verbose('Enabling Filter Select');
110
111
  select.addEventListener('change', ev => {
111
112
  msg.verbose('Filter Select Triggered');
112
- if (el.value)
113
- document.querySelectorAll('.filter-' + select.getAttribute('name')).forEach(el => {
114
- if (el.classList.contains('filter-' + select.getAttribute('name') + '-' + select.value))
115
- el.style.display = '';
116
- else
117
- el.style.display = 'none';
118
- });
119
- else
120
- document.querySelectorAll('.filter-' + select.getAttribute('name')).forEach(el => {
121
- el.style.display = '';
113
+ document.querySelectorAll('.filter-item').forEach(el => {
114
+ el.style.display = '';
115
+ filterSelects.forEach(filter => {
116
+ if (filter.value) {
117
+ let attr = filter.getAttribute('filter-attr');
118
+ if (el.getAttribute(attr) != filter.value)
119
+ el.style.display = 'none';
120
+ }
122
121
  });
122
+ });
123
123
  });
124
124
  });
125
125