Skip to content

feat(cms): snippet (for TACC project pages redesign) - #558

Closed
wesleyboar wants to merge 56 commits into
mainfrom
feat/research-software-cms-phase-b
Closed

feat(cms): snippet (for TACC project pages redesign)#558
wesleyboar wants to merge 56 commits into
mainfrom
feat/research-software-cms-phase-b

Conversation

@wesleyboar

@wesleyboar wesleyboar commented Jun 1, 2026

Copy link
Copy Markdown
Member

Overview

Snippet for manual Research/Software CMS pages.

Provides:

  • sortable tables with filter UI
  • warning banner styles

Note

To Do:

  • Fix warning banner.
    • Edit TACC settings (live) to support extra Bootstrap colors.
    • Load latest version of banner CSS.
    • Load latest version of button CSS.

Important

After we use Core-CMS v4.41:

Related

Important

Moved to TACC/Core-CMS-Custom#566

Details

Changes

  • added snippet

Testing

  1. Create/Open Test page with snippet.
  2. Page needs:
    • sortable table with RT #42216 columns, data-sortable-search, and data-sortable-select-cols
    • Bootstrap Alert plugin (warning style)
  3. Table sorts and filters (search, column selects, result count).
  4. Alerts, by default, have c-message styling.

UI

Screenshots: pending upload

GOAL, snippet, sortable table CSS/JS, and core-styles-staging for upstream.
Phase B jsDelivr pins until Core-Styles/Core-CMS tags; separate from PR 557.

Co-authored-by: Cursor <cursoragent@cursor.com>
wesleyboar and others added 9 commits June 1, 2026 17:16
Load alert and sortable CSS from Core-Styles@31e62d5 and sort JS from Core-CMS@1fe2544.

Co-authored-by: Cursor <cursoragent@cursor.com>
Align GOAL and workspace prompt with snippet jsDelivr URLs.

Co-authored-by: Cursor <cursoragent@cursor.com>
Sortable JS/CSS and alert staging now load from Core-CMS/Core-Styles via snippet CDN only.

Co-authored-by: Cursor <cursoragent@cursor.com>
We don't need this to coordinate AI effort. I am working across repos with a workspace that has all three checked out.
Use table.is-sortable; sort styles ship with Core-CMS module, not Core-Styles.

Co-authored-by: Cursor <cursoragent@cursor.com>
@wesleyboar wesleyboar changed the title feat(cms): Research/Software project page assets (Phase B) feat(cms): snippet (for TACC project pages redesign) Jun 2, 2026
wesleyboar added a commit to TACC/Core-Styles that referenced this pull request Jun 2, 2026
## Overview

Skins Django CMS Bootstrap 4 Alert plugin output using `x-message`.

## Related

- [RT
#42216](https://tickets.tacc.utexas.edu/Ticket/Display.html?id=42216)
- required by TACC/tup-ui#558
- pairs with TACC/Core-CMS#1167

## Changes

- **added** Bootstrap 4 `alert` component

## Testing

1. `npm run build:css`
2. `npm start`
3. Open the [Bootstrap 4 Alerts
demo](http://localhost:3000/components/detail/alert).
4. Review styles.
5. Compare to [C Message
demo](http://localhost:3000/components/detail/c-message--type).

## UI

| Alerts | Primary Alert = Global Message |
| - | - |
| <img width="1066" height="1581" alt="Alerts"
src="https://github.com/user-attachments/assets/9567db25-6ec6-4ad1-af7c-a3684a23187a"
/> | <img width="900" height="470" alt="Primary Alert : Global Message"
src="https://github.com/user-attachments/assets/a78f31a7-76a1-4ae6-8f01-027e0259af84"
/> |


https://github.com/user-attachments/assets/87f3f3f7-f642-41de-a0f7-8ceca25fcba3

---------

Co-authored-by: Cursor <cursoragent@cursor.com>
wesleyboar added a commit to TACC/Core-CMS that referenced this pull request Jun 2, 2026
## Overview

Sort tables on CMS pages.

> [!IMPORTANT]
> Reconsider using
[tristen/tablesort](https://github.com/tristen/tablesort). It may not
use button, but it is still accessible, and maintained, and clean.

## Related

- [RT
#42216](https://tickets.tacc.utexas.edu/Ticket/Display.html?id=42216)
- pairs with TACC/Core-Styles#642
- required by TACC/tup-ui#558

## Changes

- **added** sortable table script
- **updated** delayed page assets to run it on main content

## Testing

1. Listing table: Name column A→Z by default; Description does not sort.
2. Other columns sort on header click.

## UI


https://github.com/user-attachments/assets/363997f8-d8fd-4119-a7c7-9de2d85d5f73

<img width="900" height="470" alt="markup"
src="https://github.com/user-attachments/assets/543c75fe-4cf8-4151-9d0e-14ba0c709109"
/>

---------

Co-authored-by: Cursor <cursoragent@cursor.com>
Load list.js before sortableTable; pin Core-CMS 063e44f9. Document
js-sortable and not-sortable; no default sort on load.

Co-authored-by: Cursor <cursoragent@cursor.com>
wesleyboar and others added 6 commits June 4, 2026 16:57
Co-authored-by: Cursor <cursoragent@cursor.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
Listing/table authoring is documented in Core-CMS sortableTable instead.

Co-authored-by: Cursor <cursoragent@cursor.com>
Replace inline data-aria promotion with the shared _utils module before sortableTable init.

Co-authored-by: Cursor <cursoragent@cursor.com>
wesleyboar added a commit to TACC/Core-Styles that referenced this pull request Jun 8, 2026
## Overview

ES module to overcome Core-CMS WYSIWYG deleting `aria-*` attributes.

## Related

- supports testing TACC/tup-ui#558

## Changes

- **adds** script

## Testing

Test TACC/Core-CMS#1169 still works via
TACC/tup-ui#558 using new module hack.

```diff
<script type="module">
+ import promoteDataAriaAttributes from 'https://cdn.jsdelivr.net/gh/TACC/Core-Styles@feat/promote-data-aria-attributes/src/lib/_utils/js/promote-data-aria-attributes.js';
  import sortableTable from 'https://cdn.jsdelivr.net/gh/TACC/Core-CMS@58e0875e/taccsite_cms/static/site_cms/js/modules/sortableTable.js';

  const scopeElement = document.getElementById('cms-content');

+ promoteDataAriaAttributes(scopeElement);
  sortableTable({
    scopeElement,
    buttonClass: 'btn btn-link',
  });
</script>
```

> [!TIP]
> Still works!

## UI

Skipped.

---------

Co-authored-by: Cursor <cursoragent@cursor.com>
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.
The Core-Styles bootstrap4 alert component CSS isn't used by the table
markup, and it's already loaded elsewhere in Core-Styles.
…ts-assets"

This branch's Core-CMS target doesn't have Core-Styles' alert component
yet, so the CDN link is still needed here (unlike Core-CMS PR #1178,
where it was correctly removed as redundant).
wesleyboar added a commit to TACC/Core-CMS that referenced this pull request Jul 13, 2026
## Overview

Sortable tables get sort buttons and optional JS-built filter UI via
[`@tacc/html-filter-sort`](https://github.com/wesleyboar/Core-HTML-Filter-Sort);
`assets_core_delayed.html` loads the package from jsDelivr CDN.

## Related

- [RT
#42216](https://tickets.tacc.utexas.edu/Ticket/Display.html?id=42216)
- mimicked by TACC/tup-ui#558

<details>

- requires
    - #1180
    - https://github.com/wesleyboar/Core-HTML-Filter-Sort
- improves #1167
- simplified by #1202
- simplified by #1203

</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`](https://github.com/wesleyboar/Core-HTML-Filter-Sort)
JS and CSS from the npm CDN (package renamed twice: `sort-table` →
`filter-sort` → `html-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

Screenshots: pending upload

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
Consolidates the old Research + Software project listings into a single
filterable table under the new 9-category taxonomy, sourced from the
project dispositioning spreadsheets. Draft is marked temporary pending
editorial review of categories, tags, and open questions. Also adds a
separate historical table of archived software tools.
Adds a third footnote (‡) for "Needs Discussion" cells, matching the
existing Tags (*) and Placeholder (†) footnote-link pattern.
Each Open Questions item now leads with the question (bolded, inside
a <summary>), with supporting detail in the <details> body, expanded
by default. Items stay in an <ol> so they remain numbered/ordered.
<details>/<summary> aren't supported on this site yet. Replace with
plain <li> text: question in <strong>, supporting detail unstyled.
…-archived

Align naming with research-projects-table.html and drop the
TEMPORARY draft comment / retitle the caption to match, since the
sibling table already dropped its own temporary marker.
The archive table only had the 3 archived Software-page tools
(ICAT, idev, GraviT). Adds the 16 archived Research-page projects
too, so it covers everything dispositioned "Archive" across both
source spreadsheets. Generalized the Category footnote wording from
"Software page" to "Research or Software page" accordingly.
Re-categorizes all 19 archived projects under the new 9-category
taxonomy, matching the active projects table, instead of their old
per-page categories. "Learning to Use Essential Tools" is left as
"Unknown" with an inline explanation: its old category shares a name
with new category "Cloud Computing & Interface Technologies," but the
taxonomy doc never listed a source feeding that new category (same
gap already flagged in the main table's Open Questions).

@wesleyboar wesleyboar left a comment

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Some files are temporary — saving my work before transferring it to editors.

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Temporary.

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Temporary.

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Temporary.

The "editorial category choices" open question packed 5 project ->
category mappings into one run-on sentence. Break them into a
nested <ul> so each is scannable on its own line.
Matches the question/answer split already used by the multi-category
mapping item, which keeps its answer as a <ul> instead.
@wesleyboar

wesleyboar commented Aug 3, 2026

Copy link
Copy Markdown
Member Author

Important

Moved to TACC/Core-CMS-Custom#566

@wesleyboar wesleyboar closed this Aug 3, 2026
@wesleyboar
wesleyboar deleted the feat/research-software-cms-phase-b branch August 13, 2026 17:26
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