Influxdata
/
docs-v2
mirror of https://github.com/influxdata/docs-v2.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

chore(js): Cleanup and add note about list-filters

chore-js-refactor-footer-scripts-modules
Jason Stirnaman 2025-06-09 17:44:11 -05:00
parent 8193057986
commit 377a157faa
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/js/list-filters.js
View File

@ -1,3 +1,5 @@
import $ from 'jquery';
// Count tag elements // Count tag elements
function countTag(tag) { function countTag(tag) {
return $(".visible[data-tags*='" + tag + "']").length; return $(".visible[data-tags*='" + tag + "']").length;
@ -18,15 +20,20 @@ function getFilterCounts($labels) {
}); });
} }
/** TODO: Include the data source value in the as an additional attribute
* in the HTML and pass it into the component, which would let us use selectors
* for only the source items and let us have more than one
* list filter component per page without conflicts */
export default function ListFilters({ component }) { export default function ListFilters({ component }) {
const $labels = $(component).find('label'); const $component = $(component);
const $inputs = $(component).find('input'); const $labels = $component.find('label');
const $inputs = $component.find('input');
getFilterCounts($labels); getFilterCounts($labels);
$inputs.click(function () { $inputs.click(function () {
// List of tags to hide // List of tags to hide
var tagArray = $(component) var tagArray = $component
.find('input:checkbox:checked') .find('input:checkbox:checked')
.map(function () { .map(function () {
return $(this).attr('name').replace(/[\W]+/, '-'); return $(this).attr('name').replace(/[\W]+/, '-');
@ -34,7 +41,7 @@ export default function ListFilters({ component }) {
.get(); .get();
// List of tags to restore // List of tags to restore
var restoreArray = $(component) var restoreArray = $component
.find('input:checkbox:not(:checked)') .find('input:checkbox:not(:checked)')
.map(function () { .map(function () {
return $(this).attr('name').replace(/[\W]+/, '-'); return $(this).attr('name').replace(/[\W]+/, '-');