Banka icon indicating copy to clipboard operation
Banka copied to clipboard

#165398001 Implement UI feedbacks

Open timi-codes opened this issue 6 years ago • 0 comments

What does this PR do?

Implement UI feedbacks from Reviewers.

Description of Task to be completed?

  1. Refactor javascript files to use const keyword instead of var keyword for variable declarations.
  2. Refactor javascript files to use arrow functions instead of named functions.
  3. Use icons for delete and view buttons instead of text.
  4. Have mobile responsiveness for tables.
  5. Add labels to all input text fields.
  6. Add hover effects on buttons and links.
  7. Position all modals at the center of the page.

How should this be manually tested?

  • View GitHub page link here

Any background context you want to provide?

None

What are the relevant pivotal tracker stories?

  1. #165380759
  2. #165380744
  3. #165380705
  4. #165334347
  5. #165380682
  6. #165380662
  7. #165380670

Screenshots (if appropriate)

HomePage

image image

Signup Modal

image

Login Modal

image

Customer Dashboard

image

Customer Dashboard(Mobile)

image image

Customer Can Create an Account

image

Customer Can Create an Account(Mobile)

image

Cashier Dashboard

image

Cashier Dashboard (Mobile)

image

image

Cashier can view a specific account

image

Cashier can view a specific account (Mobile)

image

image

image

image

Cashier can perform a transaction on a customer's account

image

Cashier can perform a transaction on a customer's account(Mobile)

image

Admin Dashboard

image

Admin Dashboard(Mobile)

image

image

Admin can create a new staff

image

Admin can create a new staff (Mobile)

image

Admin can view a specific account

image

Admin can view a specific account(Mobile)

image

image

image

image

Questions:

None

timi-codes avatar Apr 17 '19 12:04 timi-codes