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

Feature: Update account page design #206

Merged
merged 16 commits into from
Mar 1, 2023

Conversation

Bilelkihal
Copy link
Collaborator

Problem

The old interface has bad styling and does not provide a good user experience.

What I did

  • Fix hierarchy design problems and use modern styling.
  • Add a button link to upload ontology directly from the user's account page (in case he didn't upload any ontology yet).
  • Add a button to copy the API key.
  • Add a link to the API documentation.

Screenshots

Old

image

New

empty
Account

@Bilelkihal Bilelkihal added the enhancement New feature or request label Feb 23, 2023
@Bilelkihal Bilelkihal self-assigned this Feb 23, 2023
@Bilelkihal Bilelkihal marked this pull request as draft February 23, 2023 15:04
app/views/users/edit.html.haml Show resolved Hide resolved
%h4.account-page-card-title Personal information
%a.account-page-rounded-button{:href => edit_user_path(url_encode(@user.username))}
/ SVG: Edit icon
%svg{fill: "none", height: "18", viewbox: "0 0 18 18", width: "18", xmlns: "http://www.w3.org/2000/svg"}
Copy link
Collaborator

Choose a reason for hiding this comment

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

extract SVG in files, it make it hard to read the file

@Bilelkihal Bilelkihal marked this pull request as ready for review February 27, 2023 10:48
@syphax-bouazzouni
Copy link
Collaborator

syphax-bouazzouni commented Feb 27, 2023

Some bugs found

subscribe button to aligned

image

mailing list incorrect subject and body

image

Orcid validation

image

Click on grant admin permission shows the following

image

@Bilelkihal
Copy link
Collaborator Author

Okay 👌

@@ -0,0 +1,188 @@
a{
Copy link
Collaborator

Choose a reason for hiding this comment

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

this will change the link everywhere not only in the account page

app/views/users/edit.html.haml Show resolved Hide resolved
app/controllers/users_controller.rb Show resolved Hide resolved
%div{style:"margin-top:12px"}
%div
%button.btn.btn-primary{id: "subscribe"}
%a.account-page-subscribe-button{:href => 'mailto:... &subject=... &body=....'}
Copy link
Collaborator

Choose a reason for hiding this comment

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

put the correct subject and body

@Bilelkihal
Copy link
Collaborator Author

I've fixed all the problems except for the subscription mail, can you please give me the subject & body to put, or should I think about writing it by myself?

@syphax-bouazzouni syphax-bouazzouni merged commit 2232eb4 into development Mar 1, 2023
@syphax-bouazzouni
Copy link
Collaborator

Merged, @Bilelkihal add the correct Subscription mail subject and body in another PR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants