Skip to content

feat(sortableTable): auto-build filters - #1178

Merged
wesleyboar merged 19 commits into
mainfrom
feat/sortableTable-auto-filter
Jul 13, 2026
Merged

feat(sortableTable): auto-build filters#1178
wesleyboar merged 19 commits into
mainfrom
feat/sortableTable-auto-filter

Conversation

@wesleyboar

@wesleyboar wesleyboar commented Jun 9, 2026

Copy link
Copy Markdown
Member

Overview

Sortable tables get sort buttons and optional JS-built filter UI via @tacc/html-filter-sort; assets_core_delayed.html loads the package from jsDelivr CDN.

Related

Details

Changes

  • deleted sortableTable.js, sortableTable.css, sortable_table_filter_templates.html, and the orphaned modules/sortableTable.html demo doc (referenced the deleted CSS file and pre-rename API names)
  • updated assets_core_delayed.html to load @tacc/html-filter-sort JS and CSS from the npm CDN (package renamed twice: sort-tablefilter-sorthtml-filter-sort; now on npm instead of a pinned commit SHA), and pass buttonClass so sort buttons pick up Core-Styles' link-button class
  • updated tmp/pr-1169.html to use data-filtersort-search and data-filtersort-select-cols (current library API; supersedes the data-sortable-* names used in earlier iterations)

Testing

  1. Open tmp/pr-1169.html with a local static server.
  2. Confirm sort, search, column selects, and result count update.
  3. After deploy, any page with delayed core assets gets the filter UI from @tacc/html-filter-sort.

UI

interactive.table.mov

Tables with data-sortable-filters get a cloned fieldset before init; shared template ships via delayed assets and tup-ui snippet.
@qodo-code-review

Copy link
Copy Markdown

Qodo reviews are paused for this user.

Troubleshooting steps vary by plan Learn more →

On a Teams plan?
Reviews resume once this user has a paid seat and their Git account is linked in Qodo.
Link Git account →

Using GitHub Enterprise Server, GitLab Self-Managed, or Bitbucket Data Center?
These require an Enterprise plan - Contact us
Contact us →

Filter labels keep abbr and other header HTML; fallback to JSON label or column name when the th is empty.
@wesleyboar wesleyboar changed the title feat(sortableTable): JS-built filters from data-sortable-filters feat(sortableTable): auto-build filters Jun 9, 2026
… npm package (#1202)

## Overview

Migrate `sortableTable.*` and `<template>` to new new
[`@tacc/sortable-table`](https://github.com/wesleyboar/sortable-table)
npm package. Core-CMS becomes a CDN consumer via jsDelivr.

## Related

-
[`wesleyboar/sortable-table`](https://github.com/wesleyboar/sortable-table)
(the new package)
- simplifies #1178
- mimicked by TACC/tup-ui#563

## Changes

- **deleted** `sortableTable.*` and template
- **updated** `assets_core_delayed.html`
- **deleted** `{% include %}` cuz package self-injects it now

## Notes

> [!IMPORTANT]
> jsDelivr SHA pin (`df4d78b8`) will be updated to a versioned npm URL
after `@tacc/sortable-table@0.1.0` is published.

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
wesleyboar and others added 7 commits July 9, 2026 19:20
## Overview

Updates demo files to use the new `data-sortable-search` /
`data-sortable-select-cols` attribute API and bumps the CDN pin to
`wesleyboar/sort-table@e63f5427`.

## Related

- updates #1178
- mimics TACC/tup-ui#564
- requires wesleyboar/Core-HTML-Filter-Sort#3

## Changes

- **replaced** `data-sortable-filters` JSON with `data-sortable-search`
and `data-sortable-select-cols` in demo files
- **deleted** inline `<template>` from `tmp/pr-1169.html` (JS
self-injects)
- **updated** CDN pin from `wesleyboar/sortable-table@fb956d9f` to
`wesleyboar/sort-table@e63f5427`

## Notes

> [!IMPORTANT]
> jsDelivr SHA pin will be updated to a versioned npm URL after
`@tacc/sort-table@0.1.0` is published.

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Package renamed @tacc/sort-table -> @tacc/filter-sort (PR #11): file
renamed sortableTable.js -> filtersort.js, sortableTable.css ->
filtersort.css, exported fn sortableTable() -> filtersort().
Package (renamed from sort-table/filter-sort) is now published to npm;
use the versioned jsDelivr npm URL instead of the pinned GH SHA.
wesleyboar added a commit to TACC/tup-ui that referenced this pull request Jul 11, 2026
Package (renamed from sort-table/filter-sort) is now published to npm;
use the versioned jsDelivr npm URL instead of the pinned GH SHA.
Keeps this snippet in sync with TACC/Core-CMS#1178.
… files

- assets_core_delayed.html: pass buttonClass (Core-Styles link-button
  class) to filtersort(), matching tup-ui's equivalent snippet
- tmp/pr-1169.html: point at the @tacc/html-filter-sort CDN package and
  use its current js-filtersort class / data-filtersort-* attrs, instead
  of stale local files and pre-rename API names
- delete modules/sortableTable.html: orphaned usage doc for the local
  sortableTable.js/.css module already deleted by this PR; it still
  linked the removed CSS file and used attribute names two renames out
  of date. Usage docs now live in the package README.
The Core-Styles bootstrap4 alert component CSS isn't used by the table
markup, and it's already loaded elsewhere in Core-Styles.
@wesleyboar
wesleyboar merged commit a6794d2 into main Jul 13, 2026
@wesleyboar
wesleyboar deleted the feat/sortableTable-auto-filter branch July 13, 2026 19:11
@wesleyboar wesleyboar mentioned this pull request Jul 13, 2026
wesleyboar added a commit that referenced this pull request Jul 13, 2026
## Overview

This directory had a file that was used for testing a PR that has been
merged.

## Related

- #1178
- #1169

## Changes

- **deleted** cruft dir

## Testing & UI

N/A
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant