Unauthenticated Header

• Display

  • Cart link

    • Items in Cart

      • Display green dot

      • On click display Cart Page

    • No items in Cart

      • On click display FIO Address Selection Page

  • Create Account link

    • On click display Account Creation Page

  • Log-in link

    • On click display Log-in Page

  • Link to https://fioprotocol.io

Authenticated Header

• Display

  • Cart link

    • Items in Cart

      • Display green dot

      • On click display Cart Page

    • No items in Cart

      • On click display FIO Address Selection Page

  • Settings link

    • On click display https://fioprotocol.atlassian.net/wiki/pages/createpage.action?spaceKey=PROD&title=Dashboard%20Settings

  • Log-out link

    • On click log user out and display to Unauthenticated Home Page

  • Secondary navigation links

    • FIO Address - Display https://fioprotocol.atlassian.net/wiki/spaces/PROD/pages/255590800/Dashboard+Address+and+Domain+Management#FIO-Address-List

    • FIO Domains - Display https://fioprotocol.atlassian.net/wiki/spaces/PROD/pages/255590800/Dashboard+Address+and+Domain+Management#FIO-Domain-List

    • Tokens - Display Dashboard FIO Token FIO Request FIO Data

Footer

• Display

  • Privacy link - Display Privacy Policy

  • Terms & Conditions link - Display Terms and Conditions

Generic error

• Generic error is displayed anytime there is an error condition and no specific error has been defined.

• The error is served in a pop-up overlay over the page which triggered the error, except:

  • If the error occurs on an interstitial page (e.g. spinner page) or any other page where it’s not practical to show error overlay, the user should be first redirected to the Home Page and the overlay should be shown there.

• Display

  • Try again and X

    • On click

      • Close the error overlay

Transaction Processing

• Displayed for any signed transaction

Google Analytics Tagging

Test site

URL: https://dapp-dev.fioprotocol.io/

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-MV8CVRM8E1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-MV8CVRM8E1');
</script>

Production site

URL: https://dashboard.fioprotocol.io

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HBH03SH5L8"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-HBH03SH5L8');
</script>

Browser & OS Support

• Browser

  • Chrome

    • Version > 89.0

  • Safari

    • Version > 14.0

• OS

  • Windows

  • Android

  • iOS

  • Mac

Unauthenticated

• Display

  • FIO Address Widget

  • Register Domain banner

Authenticated

• Display

  • FIO Address Widget

  • Register Domain banner

FIO Address Widget

• Collect

  • Username

    • X appears when first character is entered

      • When licked it clears the content and disappears

  • Domain

    • Show domains owned by user in any FIO Wallet (sorted alphabetically)

    • Obtain the list from Registration Site API (sorted as returned)

    • Default to first domain in list

• Validate

  • No validation on this screen

• Display

  • FIO Address and FIO Domain cost

    • Show FIO price with 2 decimal precision, e.g. 1.23 FIO

    • Show USDC price - see Free FIO Address and USDC Price Computation

    • If user selecting existing domain show FREE (if first address) only FIO Address USDC price (if FREE address already registered or added to cart)

  • Search icon

    • On click display FIO Address Selection Page

  • Domain pull-down

    • Add “Add Custom Domain” item at the end

      • On click

        • Display domain field as entry field

          • Show X - closes the entry field and display original pull-down

Register Domain banner

• On click display FIO Domain Selection Page