Skip to content

Conversation

@JamesHollyer
Copy link
Contributor

Motivation for features / changes

We preparation for adding HParam functionality to both the Scalar Table and the Runs Table we have refactored the Data Table to be more flexible. This refactoring was done in #6422 and #6427 and was only implemented in the Scalar Table because the Runs Table only uses the Data Table behind a flag. This PR implements the new Data Table Structure in the Runs Table.

Technical description of changes

Basically just followed the same structure as the Scalar Table.

Screenshots of UI changes (or N/A)

Runs Table specific styling still needs to be done. It currently looks like this.
Screenshot 2023-06-15 at 7 21 46 PM

We still need to add a column for check boxes and add styling.

@JamesHollyer JamesHollyer force-pushed the RunsProjectedTable branch 4 times, most recently from bd75305 to 9ee7d2b Compare June 16, 2023 07:09
}
.row-circle > span {
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.4);
Copy link
Contributor

Choose a reason for hiding this comment

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

nit: Please use a color from the color sheet instead of an arbitrary rgba value?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

This is how it is done in many places. I am leaving it for now. Maybe I will come do a broad change for all circle icons.

await TestBed.configureTestingModule({
imports: [DataTableModule, MatIconTestingModule],
declarations: [TestableComponent, RunsDataTable],
// schemas: [NO_ERRORS_SCHEMA],
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
// schemas: [NO_ERRORS_SCHEMA],

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Oops! Done.

@JamesHollyer JamesHollyer merged commit 3df572c into tensorflow:master Jun 16, 2023
JamesHollyer added a commit that referenced this pull request Jun 22, 2023
## Motivation for features / changes
In #6438 we rewrote the Runs Data Table to use the new projection Data
Table structure(Created in #6427 and #6422). This allows us to project
custom controls such as the run selection check boxes. This PR
implements those checkboxes.

## Technical description of changes
Pretty straight forward use of projection. The weird part was that the
projected checkbox in the header did not fire the "change" event while
the header itself had a subscription to a "click" event for sorting. The
solution was to subscribe to the "click" event and that seems to work
just fine.

## Screenshots of UI changes (or N/A)
All selected:
<img width="230" alt="Screenshot 2023-06-20 at 2 40 19 PM"
src="https://github.com/tensorflow/tensorboard/assets/8672809/164ab4c2-b2bd-47ad-b46d-9dbcf78c976a">
Some selected:
<img width="228" alt="Screenshot 2023-06-20 at 2 40 27 PM"
src="https://github.com/tensorflow/tensorboard/assets/8672809/0822e363-ac08-45a3-9102-4c1959192c9f">
None selected:
<img width="211" alt="Screenshot 2023-06-20 at 2 40 35 PM"
src="https://github.com/tensorflow/tensorboard/assets/8672809/9ce0b8aa-182d-4796-a59b-5e05fc655f2e">
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.

2 participants