-
Notifications
You must be signed in to change notification settings - Fork 21
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
Assign-to-share: Update grant detail page #3208
Assign-to-share: Update grant detail page #3208
Conversation
…ucdtran/assign-to-share-update-grant-detail-page
…ucdtran/assign-to-share-update-grant-detail-page
QA Summary
Test CoverageCoverage report for `packages/client`
Coverage report for `packages/server`
|
Terraform Summary
Hint: If "Terraform Format & Style" failed, run OutputValidation Output
Plan Summary
Pusher: @thucdtran, Action: |
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 is looking great! Just a couple very minor suggested tweaks.
<p class="m-0 text-muted"> | ||
<small>{{ formatDateTime(agency.created_at) }}</small> | ||
</p> | ||
<div v-if="!shareTerminologyEnabled"> |
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.
Two small tweaks here:
- The two
v-if
statements are slightly more readable/robust if we use av-if
followed by av-else
. (e.g., if the condition got changed at some point, we wouldn't need to change it in two locations) - In a situation like this where we don't actually need or want a
div
tag in our html structure, we can use vue'stemplate
tag to avoid polluting the document structure.
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.
@@ -378,6 +401,9 @@ export default { | |||
newTerminologyEnabled() { | |||
return newTerminologyEnabled(); | |||
}, | |||
shareTerminologyEnabled() { | |||
return shareTerminologyEnabled(); | |||
}, |
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.
(very minor/optional/non-blocking) This can be simplified to shareTerminologyEnabled,
which is a bit more terse and makes it exceedingly clear that we're not wrapping the helper method to change its functionality in any way.
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.
Not quite sure, what you mean here; does this mean to change this to appear like:
newTerminologyEnabled() {
return newTerminologyEnabled();
},
shareTerminologyEnabled,
?
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.
Ah, sorry, I think the suggestion became so terse that it lost its context and was a bit tough to understand. To be more clear, you can apply this diff and the behavior will be identical:
diff --git a/packages/client/src/views/GrantDetailsView.vue b/packages/client/src/views/GrantDetailsView.vue
index afc16fbb..623178c9 100644
--- a/packages/client/src/views/GrantDetailsView.vue
+++ b/packages/client/src/views/GrantDetailsView.vue
@@ -404,12 +404,8 @@ export default {
(interested) => interested.agency_id.toString() === this.selectedAgencyId,
);
},
- newTerminologyEnabled() {
- return newTerminologyEnabled();
- },
- shareTerminologyEnabled() {
- return shareTerminologyEnabled();
- },
+ newTerminologyEnabled,
+ shareTerminologyEnabled,
unassignedAgencies() {
return this.agencies.filter(
(agency) => !this.assignedAgencies.map((assigned) => assigned.id).includes(agency.id),
Again, totally optional and non-blocking!
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!
…ucdtran/assign-to-share-update-grant-detail-page
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.
lgtm!
I replied to your question about my comment, but like I said, that's totally optional, so this is good to go as-is if you like!
…ucdtran/assign-to-share-update-grant-detail-page
Ticket #3071
Description
This ticket implements the UI changes specified by the update grant detail issue.
Screenshots / Demo Video