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

Update PersonCardFields to use Icons #118

Merged
merged 3 commits into from
Oct 23, 2024

Conversation

colinhia
Copy link

Field labels are displayed in bolded text.

Users are unable to quickly identify fields at one glance.

Let's use Icons to allow users to quickly identify fields.

Using Icons is preferable over images as it allows for Icons to be used in other UI elements.

image

When pulling this commit, remember to reload the build.gradle file for the new Ikonli dependencies.

Closes #117

Field labels are displayed in bolded text.

Users are unable to quickly identify fields at one glance.

Let's use Icons to allow users to quickly identify fields.

Using Icons is preferable over images as it allows for Icons to be used
in other UI elements.
@colinhia colinhia added this to the v1.4 milestone Oct 22, 2024
Copy link

@FionaQY FionaQY left a comment

Choose a reason for hiding this comment

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

LGTM.
Good job!

Copy link

@iamdiluxedbutcooler iamdiluxedbutcooler left a comment

Choose a reason for hiding this comment

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

LGTM! Very good use of icons which makes our UI becomes 100000 times more beautiful. good job!

@@ -64,6 +64,10 @@ dependencies {
implementation group: 'com.fasterxml.jackson.core', name: 'jackson-databind', version: '2.7.0'
implementation group: 'com.fasterxml.jackson.datatype', name: 'jackson-datatype-jsr310', version: '2.7.4'

implementation 'org.kordamp.ikonli:ikonli-core:12.3.0'
implementation group: 'org.kordamp.ikonli', name: 'ikonli-fontawesome5-pack', version: '12.3.1'
implementation 'org.kordamp.ikonli:ikonli-javafx:12.3.1'

Choose a reason for hiding this comment

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

Love the use of icon pack package!!

address.setFields("fas-building", person.getAddress().value);
email.setFields("fas-envelope", person.getEmail().value);
job.setFields("fas-briefcase", person.getJob().value);
income.setFields("fas-dollar-sign", person.getIncome().toString());

Choose a reason for hiding this comment

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

Consider standardizing icon variable names based on their semantic usage rather than the default names!

For example, instead of:
fas-envelope > emailIcon
fas-dollar-sign > incomeIcon

Choose a reason for hiding this comment

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

@colinhia Could you open an issue for this? Seems like a useful change but not a priority!

Copy link
Author

Choose a reason for hiding this comment

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

That does sound like a great idea! Will open an issue for this, thanks for the suggestion!

Copy link

@itsme-zeix itsme-zeix left a comment

Choose a reason for hiding this comment

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

LGTM! Good stuff!

address.setFields("fas-building", person.getAddress().value);
email.setFields("fas-envelope", person.getEmail().value);
job.setFields("fas-briefcase", person.getJob().value);
income.setFields("fas-dollar-sign", person.getIncome().toString());

Choose a reason for hiding this comment

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

@colinhia Could you open an issue for this? Seems like a useful change but not a priority!

@itsme-zeix itsme-zeix merged commit ded5748 into AY2425S1-CS2103T-T14-4:master Oct 23, 2024
3 checks passed
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.

Update PersonCardFields to use Icons
4 participants