Skip to content

Nomenclature Iconified Views

Jump to bottom
Hwee-Boon Yar edited this page Apr 4, 2019 · 6 revisions 
┌───────────────────────────────────┐                                             
│                                   │                                             
│              Wallet               │                                             
│                                   │                                             
├───────────────────────────────────┤                                             
│ ┌──────────────────────────────┐  │                                             
│ │ 10  Ethereum (ETH)           │  │                                             
│ └──────────────────────────────┘  │
│ ┌──────────────────────────────┐  │                                            
│ │ 191 xDAI (xDAI)            ◀─┼──┼─────────── A tokenIconified                
│ │                              │  │            view sourced from <token-card>'s
│ │                              │  │            <view-iconified>
│ └──────────────────────────────┘  │                 
│ ┌──────────────────────────────┐  │                                             
│ │ 3   Admission Tickets      ◀─┼──┼─────────── probably also tokenIconified                     
│ └──────────────────────────────┘  │            but there is no way to customize
└─────────────────┼─────────────────┘            it
                  │                                                               
                  │                                                               
                  │  Tap a tokenIconified                                             
                  │                                                               
                  ▼                                                               
┌───────────────────────────────────┐                                             
│                                   │                                             
│  3 Admission Tickets              │                                             
│                                   │                                             
│                                   │                                             
│ ┌──────────────────────────────┐  │                                             
│ │ x20 Match Club               │  │                                             
│ │ 9:00 AM, Saint Petersburg    │  │                                             
│ │ Saint Petersburg Stadium     │  │                                             
│ └──────────────────────────────┘  │                                             
│ ┌──────────────────────────────┐  │                                             
│ │ x20 Match Club               │  │                                             
│ │ 9:00 AM, Saint Petersburg    │  │                                             
│ │ Saint Petersburg Stadium     │  │                                             
│ └──────────────────────────────┘  │                                             
│ ┌──────────────────────────────┐  │                                             
│ │ x20 Match Club               │  │                                             
│ │ 9:00 AM, Saint Petersburg  ◀─┼──┼──┐                                          
│ │ Saint Petersburg Stadium     │  │  │                                          
│ └──────────────────────────────┘  │  │                                          
│                                   │  │                                          
│                                   │  └────────  A tokenInstanceIconified          
│                                   │             view sourced from <token-card>'s
│                                   │             <view-iconified>
└─────────────────┼─────────────────┘                                             
                  │                                                               
                  │                                                               
                  │  Tap a tokenInstanceIconified                                             
                  │                                                               
                  ▼                                                               
┌───────────────────────────────────┐                               
│ ┌──────────────────────────────┐  │                                             
│ │ x20 Match Club               │  │                                             
│ │ 9:00 AM, Saint Petersburg  ◀─┼──┼──┐                                          
│ │ Saint Petersburg Stadium     │  │  │                                          
│ └──────────────────────────────┘  │  │                                          
│                                   │  │                                          
│   [enter] [transfer] [sell]       │  └────────  A tokenInstance          
│                                   │             view sourced from <token-card>'s
│                                   │             <view>
│                                   │             Exactly 1 tokenInstance view is
│                                   │             shown in this screen
│                                   │                                             
│                                   │                                             
└─────────────────┼─────────────────┘                                             
                  │                                                               
                  │                                                               
                  │  Tap an action                                            
                  │                                                               
                  ▼                                                               
┌───────────────────────────────────┐                               
│                                   │                                             
│                              ◀────┼──┐                                       
│                                   │  └────────  A token action                                          
│                                   │             view sourced from <action>'s
│  [cancel]               [ ok ]    │             <view>
└───────────────────────────────────┘
  1. Wallet tab shows a list of tokenIconified. They are rendered natively, not using TokenScript (for now)
  2. Tap on tokenIconified, a list of tokenInstanceIconified is displayed. Each row is rendered with the contents of the token-card/view-iconified tag
  3. Tap on tokenInstanceIconified, tokenInstance is displayed. Each row is rendered with the contents of the token-card/view tag along with a row of buttons defined by the action tags
  4. Tap on a button and the contents of the action/view tag is rendered, along with ok/cancel buttons

Alternative 3 and 4 with multi-selection:

  1. Tap and hold on any tokenInstanceIconified to go into multi-selection mode. Tap to select and the row of buttons are rendered in this same screen of tokenInstanceIconified.
  2. Tap on a button and the contents of the action/view tag is rendered, along with ok/cancel buttons. i.e. tokenInstance view is skipped
Clone this wiki locally