playproject-io / datdot-electron

Includes also a package, published as https://www.npmjs.com/package/datdot-wallet
http://playproject.io/datdot-electron/
MIT License
3 stars 1 forks source link

improve wallet ui #2

Open serapath opened 4 years ago

serapath commented 4 years ago

@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

2. Wallet menu screen

3. Data (feeds) menu screen

(=> FEEDS with filter option)

4. Service menu screen

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

5. Permission menu screen

(see Facebook Apps/Websites permissions)

6. History menu screen

(notifications/events)


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
ninabreznik commented 4 years ago

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

fionataeyang commented 4 years ago

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 commented 4 years ago

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

serapath commented 4 years ago

@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