-
-
Notifications
You must be signed in to change notification settings - Fork 5
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
SF-3028 Add final confirmation step when generating drafts #2787
base: master
Are you sure you want to change the base?
Conversation
Two things Bethany suggested that I think are worth capturing here:
|
Given how condensed the training card can be with the latest changes, I think we should postpone the expand/collapse card til we confirm we need it. |
a4ad7d2
to
04412cc
Compare
This is an improvement, but:
|
fa410bb
to
ef00bad
Compare
Talked with Nathaniel. It appears that the font sizes between the top and bottom are slightly different. I'll look into this. And we do in fact want the bottom books comma separated on one line. |
ef00bad
to
8edfcfd
Compare
ff377e6
to
01b552c
Compare
At the recent UX meeting, we decided to combine the identical training book ranges to a single cell, comma separated, with word/span wrapping that doesn't separate the individual ranges. Edit: with full book names |
01b552c
to
22b6b7f
Compare
After meeting with Nigel, this is looking good. Several things:
enumerateList(list: string[]): string {
return new (Intl as any).ListFormat(this.localeCode, { style: 'long', type: 'conjunction' }).format(list) as string;
} I think we're both happy with it once these changes are included. |
ed18e85
to
91b2744
Compare
<div class="confirm-books cell-padding-block"> | ||
@for (range of element.ranges; track range) { | ||
@if (range !== element.ranges[element.ranges.length - 1]) { | ||
<span class="confirm-book">{{ range }}, </span> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This should be updated to use i18n.enumerateList
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Done. We do lose out on the word-wrapping control we had previously, however
468d8cc
to
2d898d1
Compare
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## master #2787 +/- ##
==========================================
+ Coverage 80.91% 80.93% +0.02%
==========================================
Files 533 533
Lines 31224 31253 +29
Branches 5085 5090 +5
==========================================
+ Hits 25265 25296 +31
- Misses 5198 5207 +9
+ Partials 761 750 -11 ☔ View full report in Codecov by Sentry. |
@Nateowami, it sounds like you're owning the review on this? Or maybe @nigel-wells? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Reviewed 1 of 5 files at r1, 1 of 4 files at r2.
Reviewable status: 2 of 6 files reviewed, 1 unresolved discussion (waiting on @josephmyers)
src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-generation-steps/draft-generation-steps.component.html
line 204 at r3 (raw file):
<td mat-cell *matCellDef="let element" class="bookName"> <div class="confirm-books cell-padding-block"> {{ this.i18n.enumerateList(element.ranges) }}
this.
is not needed, here or below.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Reviewable status: 2 of 6 files reviewed, all discussions resolved (waiting on @Nateowami)
src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-generation-steps/draft-generation-steps.component.html
line 204 at r3 (raw file):
Previously, Nateowami wrote…
this.
is not needed, here or below.
Done
836602a
to
c7c4ce3
Compare
Happy to take a look if needed - @Nateowami has assigned himself though so I've not taken a deep look other than what we spoke about yesterday. |
This involved a few overrides on the stepper to get it to look normal, including enabling header hover when a step is incomplete, disabling font size growth for the selected step, and hiding the odd "edit" state which cluttered up the stepper. Also removed the "initial/steps" tab group on the parent and the extra, persistent Back button.
Lots of the component logic is handjammed, but we can fix this once the preceding tasks are merged.
Switched to a card design. The gray box was too much color, decreased contrast, and just didn't look great. Inserted the titles from Step 1, with the source name added to the second.
Also displaying the display name of the language codes for the training table header (assuming it's retrievable).
And force synced the book font size
I think my previous iteration is more readable, but I'm content if others are fine with it.
This does mean we won't have as much control about word wrapping.
564f735
to
a99c852
Compare
I've been trying to test this out locally, but it's completely non-functional. I think it's a combination of a bug in the training step (see SF-3141), and this component not reading the training step properly (which is understandable; it wasn't originally written against the same logic). If I make this selection: I end up with this clearly incorrect summary: |
I believe this may actually be the first of the mixed source UI PR's to be ready.
This change is