-
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
Update PersonCardFields to use Icons #118
Update PersonCardFields to use Icons #118
Conversation
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.
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.
Good job!
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! 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' |
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.
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()); |
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.
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
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.
@colinhia Could you open an issue for this? Seems like a useful change but not a priority!
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.
That does sound like a great idea! Will open an issue for this, thanks for the suggestion!
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! 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()); |
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.
@colinhia Could you open an issue for this? Seems like a useful change but not a priority!
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.
When pulling this commit, remember to reload the build.gradle file for the new Ikonli dependencies.
Closes #117