Frontend Updates

[samaradel]

Some changes and updates are required.

• Signup

  • Remove the Company and the Team size fields

• Login

  • Some spaces between elements

• Account Management

  • Transfer the password field to another tab
  • Add Delete Account

[ehab-hassan]

https://www.figma.com/proto/5wo9b6Sik1J0z4eLf0CHzB/cloud4students?node-id=676-321&t=qdBzcrMRJk937tDm-0&scaling=scale-down&content-scaling=fixed&page-id=0%3A1

all updated @samaradel

• made more space at sign-in to align with sign-up
• remove all icons from all inputs to be consistent
• typo Create a New Virtual Machine( add a)
• Remove (*) from Name and Region at Create VM page and maybe add a message below the field
  "Machine Name and Region are required to deploy the VM. Please fill in both fields" Make sure there is validations
• update payment with Voucher (Cobone)
• Make Choose your TOP-up amount auto-updated when the user chooses 50 or 100
• Remove password from profile(account) and add it at new tap (change password)
• update Account to be Profile at Account management
• Add Delete Account to Account Management.

[samaradel]

@ehab-hassan As per @rawdaGastan discussion with the current endpoints we need on:

• Deploy page:

  • Checkbox on every VM card for public IP so the user can check whether he needs it.

[samaradel]

Work in Progress (WIP):

Applying updates on the VM page and Confirm and toast components updated

[samaradel]

Work in Progress (WIP):

backend changes are applied on pages:

• VM
• SignUp
• OTP (need updates)
• Change password (need updates)
• Login
• Landing page
• forgot password
• Deploy (need updates)

Working on account management page changes

[samaradel]

Work in Progress (WIP):

• Region field updated with the data
• Account management updated except payments tab

[samaradel]

Work in Progress (WIP):

• Implement Delete Account tab
• Add list Invoices

• working on stripe implementation.

[samaradel]

Work in Progress (WIP):

cannot import stripe , it returns undefined

[samaradel]

Work in Progress (WIP):

Stripe imported successfully, working on implementing functions

[samaradel]

Work in Progress (WIP):

• implement .env vars
• Handle get cards and add cards

[samaradel]

Work Completed:

• Voucher part implemented
• Topup modification is done

[samaradel]

To Be Discussed:

• Frontend:

  • Handle Voucher inputs
  • Update payment_method_id
  • Implement mark as default for cards
  • Implement the next launch page
  • Fix verification code -1
  • Remove the OTP voucher
  • Handle notifications mark all as read
  • Handle refresh_token & notifications requests

• UX

  • No Saved card mockup
  • Reason input for the user in voucher card
  • Mark as default for cards
  • Design for the next launch page

[ehab-hassan]

• For Mark as default for cards
  

• No Saved card mockup
  

• Design for the next launch page
  

• Reason input for the user in voucher card @xmonader please confirm
  Let the user go back to the landing page when he logged in and show apply the voucher there
  
  

guide here when click on apply for a voucher it'll pop with just the reason
https://www.figma.com/proto/5wo9b6Sik1J0z4eLf0CHzB/cloud4students?node-id=1351-842&t=9AIh5FZIln86XpFa-0&scaling=scale-down&content-scaling=fixed&page-id=0%3A1&starting-point-node-id=1361%3A1028

[samaradel]

Work in Progress (WIP):

all the following are done

• Fix verification code -1
• Remove the OTP voucher
• Handle refresh_token & notifications requests

[samaradel]

Work in Progress (WIP):

all the following are done

• New Home page (after login)
• Fix routes
• Voucher part added and tested
• Public IPs added to the deployment card

[samaradel]

Work in Progress (WIP):

all the following are done

• Voucher activates part
• Saved cards

[samaradel]

Work in Progress (WIP):

• Fix emitting data for adding a payment card
• Fix the apply voucher disabled button
• Update payment cards (delete, add)
• Implement amount selection
• Display balance and user name in the navbar
• Implement Invoices in client