Skip to content
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

Ft Crop-information-tool #121

Merged
merged 12 commits into from
Apr 13, 2023
Merged

Ft Crop-information-tool #121

merged 12 commits into from
Apr 13, 2023

Conversation

FaithDaka
Copy link
Collaborator

@FaithDaka FaithDaka commented Apr 13, 2023

Description

  • Includes initial crop probability table design

Discussion

The table filter is currently commented due to display bugs. When the filter is active, the probability table doesn't show and the CSS is distorted.

Feedback discussion points if relevant (should also tag as Feedback Discussion)

Tracked in #89

Screenshots / Videos

image

@FaithDaka FaithDaka self-assigned this Apr 13, 2023
@FaithDaka FaithDaka added ready for review help wanted Extra attention is needed labels Apr 13, 2023
@FaithDaka FaithDaka added Feedback Discussion and removed help wanted Extra attention is needed labels Apr 13, 2023
Copy link
Collaborator

@chrismclarke chrismclarke left a comment

Choose a reason for hiding this comment

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

Really nice work! Very impressed to see all the the different cell merging working, I imagine it must have been quite tricky to work out

I was also able to get your filter working (77829b6), which is really nice to have also, so I think to start with this is all good to go. I'll update the checklist for potential next tasks, but for now thanks for the addition!

<th colspan="4" rowspan="4">Crop Information Sheet – CHIPATA MET STATION </th>
</tr>
<tr ngClass="right-cells fixed-width">
<th>1-Nov</th>
Copy link
Collaborator

Choose a reason for hiding this comment

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

nit(non-blocking)
Likely at some point these headings will also come from the data definition, but fine to hardcode for now

templateUrl: './crop-probability-table-header.component.html',
styleUrls: ['./crop-probability-table-header.component.scss'],
})
export class CropProbabilityTableHeaderComponent {}
Copy link
Collaborator

Choose a reason for hiding this comment

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

nice idea to split this into it's own component, definitely helps keep the rest of the code a lot tidier

<mat-form-field>
<mat-label>Filter</mat-label>
<input
matInput
Copy link
Collaborator

Choose a reason for hiding this comment

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

I can see this is the implementation you had issues with. Taking a quick look your code is good, I think there's just a minor issue because the matInput you've referenced hasn't been imported into the material module

(super annoying I know, so many separate imports and the error message it not even remotely useful - I only realised by chance)

I'll add a commit to include

variety: 'SC 637',
days: '130-136',
water: ['512-535mm'],
probabilities: ['10/10', '10/10', '8-9/10', '3-5/10', '0-1/10'],
Copy link
Collaborator

Choose a reason for hiding this comment

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

Really nice having such a comprehensive example, thanks for adding all of this

@chrismclarke chrismclarke merged commit c2fe286 into main Apr 13, 2023
@chrismclarke chrismclarke deleted the ft-crop-information-tool branch April 13, 2023 22:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

2 participants