[ui] Service job status panel #16134
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Ember Asset Size actionAs of 4d78d97 Files that got Bigger 🚨:
Files that stayed the same size 🤷:
|
philrenaud
force-pushed
the
16133-service-job-running-state-status-panel
branch
from
a1ebf53
to
060232e
Compare
Ember Test Audit comparison
|
philrenaud
force-pushed
the
16133-service-job-running-state-status-panel
branch
2 times, most recently
from
3863131
to
4a5591f
Compare
philrenaud
commented
Mar 2, 2023
| @@ -48,6 +49,10 @@ export default function moduleForJob( | |||
| if (context === 'allocations' && hasClientStatus) { | |||
| await click("[data-test-accordion-summary-chart='allocation-status']"); | |||
| } | |||
| const hasJobStatusPanel = ['service'].includes(job.type); | |||
There was a problem hiding this comment.
This list.includes is going to get longer with each subsequent PR, until the epic is done!
philrenaud
commented
Mar 2, 2023
philrenaud
commented
Mar 2, 2023
philrenaud
commented
Mar 2, 2023
Comment on lines
7
to
16
| allocTypes = [ | ||
| 'running', | ||
| 'pending', | ||
| 'failed', | ||
| // 'unknown', | ||
| // 'lost', | ||
| 'queued', | ||
| 'complete', | ||
| 'remaining', | ||
| ].map((type) => { |
There was a problem hiding this comment.
I fully expect this list to be in a state of change for the next few weeks/months until we nail down what we want to show and what we want to aggregate.
philrenaud
commented
Mar 2, 2023
Comment on lines
+60
to
+67
| // TODO: eventually we will want this from a new property on a job. | ||
| get totalAllocs() { | ||
| // v----- Experimental method: Count all allocs. Good for testing but not a realistic representation of "Desired" | ||
| // return this.allocTypes.reduce((sum, type) => sum + this.args.job[type.property], 0); | ||
|
|
||
| // v----- Realistic method: Tally a job's task groups' "count" property | ||
| return this.args.job.taskGroups.reduce((sum, tg) => sum + tg.count, 0); | ||
| } |
There was a problem hiding this comment.
Deliberately leaving scratchnotes here for API-layer discussion later
philrenaud
commented
Mar 2, 2023
philrenaud
commented
Mar 2, 2023
philrenaud
commented
Mar 2, 2023
| @@ -171,7 +175,7 @@ export default function moduleForJob( | |||
| }); | |||
|
|
|||
| test('clicking in a slice takes you to a pre-filtered allocations table', async function (assert) { | |||
| const slice = JobDetail.allocationsSummary.slices[1]; | |||
| const slice = JobDetail.allocationsSummary.slices[0]; | |||
There was a problem hiding this comment.
Note! This was changed from [1] to [0] as we're now being more strict about what allocations we are creating on a factory-made job from other improvements in this PR.
ChaiWithJai
suggested changes
Mar 3, 2023
ChaiWithJai
reviewed
Mar 6, 2023
ChaiWithJai
approved these changes
Mar 6, 2023
philrenaud
added a commit
that referenced
this pull request
Mar 8, 2023
* it begins * Hacky demo enabled * Still very hacky but seems deece * Floor of at least 3 must be shown * Width from on-high * Other statuses considered * More sensible allocTypes listing * Beginnings of a legend * Total number of allocs running now maps over job.groups * Lintfix * base the number of slots to hold open on actual tallies, which should never exceed totalAllocs * Versions get yer versions here * Versions lookin like versions * Mirage fixup * Adds Remaining as an alloc chart status and adds historical status option * Get tests passing again by making job status static for a sec * Historical status panel click actions moved into their own component class * job detail tests plz chill * Testing if percy is fickle * Hyper-specfic on summary distribution bar identifier * Perhaps the 2nd allocSummary item no longer exists with the more accurate afterCreate data * UI Test eschewing the page pattern * Bones of a new acceptance test * Track width changes explicitly with window-resize * testlintfix * Alloc counting tests * Alloc grouping test * Alloc grouping with complex resizing * Refined the list of showable statuses * PR feedback addressed * renamed allocation-row to allocation-status-row
philrenaud
added a commit
that referenced
this pull request
Mar 14, 2023
* it begins * Hacky demo enabled * Still very hacky but seems deece * Floor of at least 3 must be shown * Width from on-high * Other statuses considered * More sensible allocTypes listing * Beginnings of a legend * Total number of allocs running now maps over job.groups * Lintfix * base the number of slots to hold open on actual tallies, which should never exceed totalAllocs * Versions get yer versions here * Versions lookin like versions * Mirage fixup * Adds Remaining as an alloc chart status and adds historical status option * Get tests passing again by making job status static for a sec * Historical status panel click actions moved into their own component class * job detail tests plz chill * Testing if percy is fickle * Hyper-specfic on summary distribution bar identifier * Perhaps the 2nd allocSummary item no longer exists with the more accurate afterCreate data * UI Test eschewing the page pattern * Bones of a new acceptance test * Track width changes explicitly with window-resize * testlintfix * Alloc counting tests * Alloc grouping test * Alloc grouping with complex resizing * Refined the list of showable statuses * PR feedback addressed * renamed allocation-row to allocation-status-row
philrenaud
added a commit
that referenced
this pull request
Apr 19, 2023
* it begins * Hacky demo enabled * Still very hacky but seems deece * Floor of at least 3 must be shown * Width from on-high * Other statuses considered * More sensible allocTypes listing * Beginnings of a legend * Total number of allocs running now maps over job.groups * Lintfix * base the number of slots to hold open on actual tallies, which should never exceed totalAllocs * Versions get yer versions here * Versions lookin like versions * Mirage fixup * Adds Remaining as an alloc chart status and adds historical status option * Get tests passing again by making job status static for a sec * Historical status panel click actions moved into their own component class * job detail tests plz chill * Testing if percy is fickle * Hyper-specfic on summary distribution bar identifier * Perhaps the 2nd allocSummary item no longer exists with the more accurate afterCreate data * UI Test eschewing the page pattern * Bones of a new acceptance test * Track width changes explicitly with window-resize * testlintfix * Alloc counting tests * Alloc grouping test * Alloc grouping with complex resizing * Refined the list of showable statuses * PR feedback addressed * renamed allocation-row to allocation-status-row
philrenaud
added a commit
that referenced
this pull request
Apr 25, 2023
* [ui] Service job status panel (#16134) * it begins * Hacky demo enabled * Still very hacky but seems deece * Floor of at least 3 must be shown * Width from on-high * Other statuses considered * More sensible allocTypes listing * Beginnings of a legend * Total number of allocs running now maps over job.groups * Lintfix * base the number of slots to hold open on actual tallies, which should never exceed totalAllocs * Versions get yer versions here * Versions lookin like versions * Mirage fixup * Adds Remaining as an alloc chart status and adds historical status option * Get tests passing again by making job status static for a sec * Historical status panel click actions moved into their own component class * job detail tests plz chill * Testing if percy is fickle * Hyper-specfic on summary distribution bar identifier * Perhaps the 2nd allocSummary item no longer exists with the more accurate afterCreate data * UI Test eschewing the page pattern * Bones of a new acceptance test * Track width changes explicitly with window-resize * testlintfix * Alloc counting tests * Alloc grouping test * Alloc grouping with complex resizing * Refined the list of showable statuses * PR feedback addressed * renamed allocation-row to allocation-status-row * [ui, job status] Make panel status mode a queryParam (#16345) * queryParam changing * Test for QP in panel * Adding @Tracked to legacy controller * Move the job of switching to Historical out to larger context * integration test mock passed func * [ui] Service job deployment status panel (#16383) * A very fast and loose deployment panel * Removing Unknown status from the panel * Set up oldAllocs list in constructor, rather than as a getter/tracked var * Small amount of template cleanup * Refactored latest-deployment new logic back into panel.js * Revert now-unused latest-deployment component * margin bottom when ungrouped also * Basic integration tests for job deployment status panel * Updates complete alloc colour to green for new visualizations only (#16618) * Updates complete alloc colour to green for new visualizations only * Pale green instead of dark green for viz in general * [ui] Job Deployment Status: History and Update Props (#16518) * Deployment history wooooooo * Styled deployment history * Update Params * lintfix * Types and groups for updateParams * Live-updating history * Harden with types, error states, and pending states * Refactor updateParams to use trigger component * [ui] Deployment History search (#16608) * Functioning searchbox * Some nice animations for history items * History search test * Fixing up some old mirage conventions * some a11y rule override to account for scss keyframes * Split panel into deploying and steady components * HandleError passed from job index * gridified panel elements * TotalAllocs added to deploying.js * Width perc to px * [ui] Splitting deployment allocs by status, health, and canary status (#16766) * Initial attempt with lots of scratchpad work * Style mods per UI discussion * Fix canary overflow bug * Dont show canary or health for steady/prev-alloc blocks * Steady state * Thanks Julie * Fixes steady-state versions * Legen, wait for it... * Test fixes now that we have a minimum block size * PR prep * Shimmer effect on pending and unplaced allocs (#16801) * Shimmer effect on pending and unplaced * Dont show animation in the legend * [ui, deployments] Linking allocblocks and legends to allocation / allocations index routes (#16821) * Conditional link-to component and basic linking to allocations and allocation routes * Job versions filter added to allocations index page * Steady state legends link * Legend links * Badge count links for versions * Fix: faded class on steady-state legend items * version link now wont show completed ones * Fix a11y violations with link labels * Combining some template conditional logic * [ui, deployments] Conversions on long nanosecond update params (#16882) * Conversions on long nanosecond nums * Early return in updateParamGroups comp prop * [ui, deployments] Mirage Actively Deploying Job and Deployment Integration Tests (#16888) * Start of deployment alloc test scaffolding * Bit of test cleanup and canary for ungrouped allocs * Flakey but more robust integrations for deployment panel * De-flake acceptance tests and add an actively deploying job to mirage * Jitter-less alloc status distribution removes my bad math * bugfix caused by summary.desiredTotal non-null * More interesting mirage active deployment alloc breakdown * Further tests for previous-allocs row * Previous alloc legend tests * Percy snapshots added to integration test * changelog
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Resolves #16133
Adds a new "Job Status" panel concept, with "current" and "historical" modes, to represent the running/pending/failed/unplaced status of a job.
Note: This is just the Service job, and "steady-state" implementation of a much larger effort. Active deployments, and other job types, will be getting variations of this that are not yet considered outside of test fixes herein.
DX changes and side-effects:
allocStatusDistributionprop on mirage jobs to distribute allocations according to desired ratios