rue-mist-interface
Version:
Mist interface application
196 lines (173 loc) • 10.7 kB
HTML
<template name="popupWindows_onboardingScreen">
<div class="onboarding-screen {{mode}} active-{{TemplateVar.get 'currentActive'}} outgoing-{{TemplateVar.get 'lastActive'}} ">
{{> elements_networkIndicator}}
<div class="main-content">
<div class="onboarding-section onboarding-start">
<p class="description">{{i18n "mist.popupWindows.onboarding.description"}}</p>
<p>
<button class="goto-import-account"> {{i18n "mist.popupWindows.onboarding.gotoMainnet"}} </button>
{{i18n "mist.popupWindows.onboarding.gotoMainnetDescription"}}
</p>
<p>
<button class="start-testnet"> {{i18n "mist.popupWindows.onboarding.goToTestnet"}} </button>
{{i18n "mist.popupWindows.onboarding.goToTestnetDescription"}}
</p>
</div>
<div class="onboarding-section onboarding-import-account row">
{{> popupWindows_onboardingScreen_importAccount}}
<div class="col col-12 footer-buttons">
<button class="goto-start"> {{i18n "buttons.back"}} </button>
<button class="goto-password right-align"> {{i18n "buttons.skip"}} </button>
</div>
</div>
<div class="onboarding-section onboarding-password row">
{{> popupWindows_onboardingScreen_password}}
</div>
<div class="onboarding-section onboarding-testnet row">
{{> popupWindows_onboardingScreen_password}}
</div>
<div class="onboarding-section onboarding-account row">
{{#if TemplateVar.get "testnet"}}
<h1>{{i18n "mist.popupWindows.onboarding.learnIt"}} </h1>
{{else}}
<h1>{{i18n "mist.popupWindows.onboarding.accountTitle"}} </h1>
{{/if}}
<div class="col col-6 col-left">
<p>
{{i18n "mist.popupWindows.onboarding.etherDescription"}}
</p>
{{#if TemplateVar.get "testnet"}}
<p>{{{i18n "mist.popupWindows.onboarding.faucetDescription"}}}</p>
{{else}}
<p>{{{i18n "mist.popupWindows.onboarding.loadItDescription"}}}</p>
{{/if}}
</div>
<div class="col col-6 col-deposit">
{{#if TemplateVar.get "newAccount"}}
{{> dapp_identicon identity=(TemplateVar.get "newAccount")}}
<div class="you"> {{i18n "mist.popupWindows.onboarding.you"}} </div>
<input type="text" value="{{i18n 'mist.popupWindows.onboarding.etherbase'}}" class="name" disabled>
<h6 class="address"> {{TemplateVar.get "newAccount"}} </h6>
{{#unless TemplateVar.get "testnet"}}
<a href="https://shapeshift.io/shifty.html?destination={{newAccountLowerCase}}&output=ETH&apiKey=ef8312d8c9b9dda64fb852e8683eac6c33123f8743ff11383fb3bab29a364c01c27343fced4e628db8d5d66d763565763f8699c0fc903ec23db31cb908a944c8" class="button dapp-block-button dapp-small shapeshift" target="_popup"> {{i18n "mist.popupWindows.onboarding.depositBitcoin"}} </a>
<h6> {{{i18n "mist.popupWindows.onboarding.viaShapeshift"}}} </h6>
{{/unless}}
{{/if}}
</div>
<div class="col col-12 footer-buttons">
<button class="goto-start"> {{i18n "buttons.back"}} </button>
<button class="goto-tutorial-1 right-align"> {{i18n "buttons.next"}} </button>
</div>
</div>
<div class="onboarding-section onboarding-tutorial-1 row">
<h1> {{i18n "mist.popupWindows.onboarding.learnIt"}} </h1>
<div class="col col-6 col-left">
{{{i18n "mist.popupWindows.onboarding.tutorial1Description"}}}
<p><a href="https://www.ethereum.org/token" class="button" target="_blank">{{i18n "mist.popupWindows.onboarding.buttons.learnReceipt"}}</a></p>
</div>
<div class="col col-6 tutorial-token"></div>
<div class="col col-12 footer-buttons">
<button class="goto-account"> {{i18n "buttons.back"}} </button>
<button class="goto-tutorial-2 right-align"> {{i18n "buttons.next"}} </button>
</div>
</div>
<div class="onboarding-section onboarding-tutorial-2 row">
<h1> {{i18n "mist.popupWindows.onboarding.learnIt"}} </h1>
<div class="col col-6 col-left">
{{{i18n "mist.popupWindows.onboarding.tutorial2Description"}}}
<p><a href="https://www.ethereum.org/crowdsale" class="button" target="_blank">{{i18n "mist.popupWindows.onboarding.buttons.learnReceipt"}}</a></p>
</div>
<div class="col col-6 tutorial-crowdsale"></div>
<div class="col col-12 footer-buttons">
<button class="goto-tutorial-1"> {{i18n "buttons.back"}} </button>
<button class="goto-tutorial-3 right-align"> {{i18n "buttons.next"}} </button>
</div>
</div>
<div class="onboarding-section onboarding-tutorial-3 row">
<h1> {{i18n "mist.popupWindows.onboarding.learnIt"}} </h1>
<div class="col col-6 col-left">
{{{i18n "mist.popupWindows.onboarding.tutorial3Description"}}}
<p><a href="https://www.ethereum.org/dao" class="button" target="_blank">{{i18n "mist.popupWindows.onboarding.buttons.learnReceipt"}}</a></p>
</div>
<div class="col col-6 tutorial-dao"></div>
<div class="col col-12 footer-buttons">
<button class="goto-tutorial-2"> {{i18n "buttons.back"}} </button>
</div>
</div>
</div>
<footer>
<progress value="{{#with TemplateVar.get 'syncing'}}{{progress}}{{/with}}" max="100"></progress>
<progress class='stateBar' value="{{#with TemplateVar.get 'syncing'}}{{_displayStatesDownload}}{{/with}}" max="1"></progress>
{{syncStatus}}
{{#if TemplateVar.get 'readyToLaunch'}}
<button class="launch-app"> {{i18n "mist.popupWindows.onboarding.buttons.launchApp"}} </button>
{{else}}
{{#with TemplateVar.get "syncing"}}
<div class="status"> {{i18n "mist.popupWindows.onboarding.downloadingBlocks"}} ({{TemplateVar.get "peerCount"}} {{i18n 'mist.nodeInfo.peers'}})</div>
<div class="blocks"> {{syncStatusMessage}} </div>
{{else}}
<div class="status">
{{#if TemplateVar.get "peerCount"}}
{{i18n 'mist.startScreen.nodeSyncFoundPeers' peers=(TemplateVar.get 'peerCount')}}
{{else}}
{{i18n 'mist.startScreen.nodeSyncConnecting'}}
{{/if}}
</div>
{{/with}}
{{/if}}
</footer>
</div>
</template>
<template name="popupWindows_onboardingScreen_importAccount">
<h1>{{i18n "mist.popupWindows.onboarding.doYouHaveAWalletFile"}}</h1>
<div class="col col-6 col-left">
{{{i18n "mist.popupWindows.onboarding.walletFileDescription"}}}
</div>
{{#if TemplateVar.get "filePath"}}
<div class="col col-6">
{{#if TemplateVar.get "importing"}}
<span class="dapp-identicon dapp-icon-loading"></span>
<h2 style="display: block; text-align: center;">{{i18n "mist.popupWindows.onboarding.importing"}}</h2>
{{else}}
<form action="about:blank" target="dapp-form-helper-iframe">
<input type="{{showPassword}}" placeholder="{{i18n 'mist.popupWindows.requestAccount.enterPassword'}}" class="password">
<br><br>
<input type="checkbox" name="elements_input_bool" class="show-password abi-input">
<label for="show-password">{{i18n "mist.popupWindows.onboarding.buttons.showPassword"}}</label>
<br><br>
<button type="submit" style="margin-left: 15px;">{{i18n "mist.popupWindows.onboarding.buttons.importAccount"}}</button>
</form>
{{/if}}
</div>
{{else}}
<div class="col col-6 dropable"> {{i18n "mist.popupWindows.onboarding.dropFilesHere"}}</div>
{{/if}}
</template>
<template name="popupWindows_onboardingScreen_password">
<h1> {{i18n "mist.popupWindows.onboarding.protectTitle"}} </h1>
<form action="about:blank" target="dapp-form-helper-iframe">
<div class="col col-6 col-left">
<p> {{i18n "mist.popupWindows.onboarding.protectDescription"}} </p>
</div>
<div class="col col-6">
{{#if TemplateVar.get "creatingPassword"}}
<span class="dapp-identicon dapp-icon-loading"></span>
<h2 style="display: block; text-align: center;">{{i18n "mist.popupWindows.onboarding.creating"}}</h2>
{{else}}
<input type="{{passwordInputType}}" placeholder="{{i18n 'mist.popupWindows.requestAccount.enterPassword'}}" class="password {{#if TemplateVar.get 'passwordsMismatch'}}dapp-error{{/if}}">
<input type="{{passwordInputType}}" placeholder="{{i18n 'mist.popupWindows.requestAccount.repeatPassword'}}" class="password-repeat {{#if TemplateVar.get 'passwordsMismatch'}}dapp-error{{/if}}">
<br><br>
<input type="checkbox" name="elements_input_bool" class="show-password abi-input">
<label for="show-password">{{i18n "mist.popupWindows.onboarding.buttons.showPassword"}}</label>
{{/if}}
</div>
<div class="col col-12 footer-buttons">
<button class="goto-start" type="button"> {{i18n "buttons.back"}} </button>
{{#if TemplateVar.get "passwordsNotEmpty"}}
<button class="create-account right-align" type="submit"> {{i18n "buttons.next"}} </button>
{{else}}
<button class="goto-tutorial-1 right-align"> {{i18n "buttons.skip"}} </button>
{{/if}}
</div>
</form>
</template>