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

improve wallet ui #2

Open
2 tasks
Tracked by #1
serapath opened this issue Jul 22, 2020 · 4 comments
Open
2 tasks
Tracked by #1

improve wallet ui #2

serapath opened this issue Jul 22, 2020 · 4 comments
Assignees

Comments

@serapath
Copy link
Member

serapath commented Jul 22, 2020

@todo


Wallet Screens (user perspectives)

  1. Account ("activity/money") menu screen
    • chain info summary: => all events/transactions/...
    • chain action(s): all actions... (e.g. smartcontract-ui style)
      • filters => transactions, sponsorships, ...
    • select account from list of accounts
    • chain info summary: => user profile (e.g. profile, money, seedphrase)
    • chain action(s): send money, make/link sub-account
    • offchain info: account name, account address, seed phrase
    • offchain action(s): make account, export account
  2. Data ("feeds") menu screen
    • select feed from list of feeds
    • chain info summary: => feeds & plans (e.g. status, size, sponsors, ...)
    • chain action(s): publish feed, sponsor feed
    • offchain info: feed size, ....
    • offchain action(s): delete feed data, ....
  3. Service ("jobs") menu screen
    • select service from list of services
    • chain info summary: => role contracts (hoster, encoder, ...)
    • chain action(s): (un)register hoster, (un)register encoder, ...
    • offchain info: e.g. empy disk space, ....
    • offchain action(s): add disk space, ....
  4. Auth ("permissions") menu screen
    • is different (not about chain, but only using datdot software manager)

in browser

1. Account menu screen

  • account list
  • create
  • import
  • export account
  • forget account

2. Wallet menu screen

  • total ratio
  • filters (hosting, backing, sent, received)
  • transactions (send, recevie)

3. Data (feeds) menu screen

(=> FEEDS with filter option)

  • MY FEEDS (published by me)
  • ALL FEEDS
  • BACKED BY ME
  • BUTTON: BACK EXISTING FEEDS (the list from MyFeeds or AllFeeds)
  • NEW FEED
    • PUBLISH NEW
    • BACK IT

4. Service menu screen

(e.g. like on smartcontract-ui possible transactions)

  • register (HOSTER, ENCODER, ATTESTOR)
  • performance
    • i.e. available disk space etc.

5. Permission menu screen

(see Facebook Apps/Websites permissions)

  • list of all apps
    • app1
      • permissions
        • feed1 allow/not allow
        • feed2 allow/not allow
        • feed3 allow/not allow
    • app2
      • permissions
        • feed1 allow/not allow
        • feed2 allow/not allow
        • feed3 allow/not allow
    • app3
      • permissions
        • feed1 allow/not allow
        • feed2 allow/not allow
        • feed3 allow/not allow

6. History menu screen

(notifications/events)

  • history of confirmed/rejected popup transaction
  • history of events/notification messages

B. on desktop (electron app)

notification popups

  1. notify about events
  2. popup permission (confirm/reject)
    • e.g.when vising the app => This app wants permission to connect/access your data
  3. popup transaction (confirm/reject)
    • When confirming transaction => confirm/reject
@serapath serapath mentioned this issue Jul 22, 2020
5 tasks
@ninabreznik
Copy link
Member

Screenshot_2020-07-22_16-46-56
Screenshot_2020-07-22_16-35-11
Screenshot_2020-07-22_16-05-49

@fionataeyang
Copy link

fionataeyang commented Jul 25, 2020

Update: 7/28

Feeds page v2

  1. change Feeds title to DATA title
  2. Change bottom navigation
  3. make top right avatar clickable to display account's menu
  4. add grid/list icon
  5. move + icon to bottom and sticky on bottom
  6. add time into card info
  7. adjust size of hotsters on block
  8. make publish new data
  9. make checked on ```be a sponsor`` to display region selector
  10. make region selector dropdown
  11. adjust information of publish new data when checked
  12. adjust all prototypes

Update: 7/26

Feeds page v1


not done yet

  1. Click avatar or address to display information
  2. Search method and result

Wait design

  1. Accounts page
  2. Service page
  3. Permission
  4. Account's menu

@ninabreznik
Copy link
Member

Screenshot_2020-08-12_16-08-37
Screenshot_2020-08-12_15-58-15
Screenshot_2020-08-12_15-40-28

@serapath
Copy link
Member Author

serapath commented Aug 12, 2020

@fionataeyang

  1. toggle button (active/inactive) => is a transaction, so users also needs to "CANCEL" or "CONFIRM" the change
  2. what happens when the grid as a lot of chunks? how do big numbers fit into or around the grid?
  3. a sponsor is paying every time a new hosting activity is happening and added to the activity log
  4. the activity log should include all activity for the feeds, even if it coming from another plan
    • maybe color or icon or something can show difference between your plan activities and other plan activities for same feeds
  5. maybe a chunk can have:
    • a gray color between black and white to show how good a chunk is hosted
    • maybe an additional number inside the chunk can say how many sponsors it has and just say 9+ if its more than 9?
    • maybe we can "filter" by geographic regions, to show only the chunks with colors that are hosted in selected regions

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

No branches or pull requests

3 participants