Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
B
Breeze
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
3
Issues
3
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Registry
Registry
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
DeStream-public
Breeze
Commits
d8ef3d25
Commit
d8ef3d25
authored
Jun 29, 2017
by
dev0tion
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Update setup components to new UI
parent
473cee7a
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
135 additions
and
158 deletions
+135
-158
login.component.html
Breeze.UI/src/app/login/login.component.html
+36
-41
create.component.html
Breeze.UI/src/app/setup/create/create.component.html
+37
-39
recover.component.html
Breeze.UI/src/app/setup/recover/recover.component.html
+46
-47
setup.component.html
Breeze.UI/src/app/setup/setup.component.html
+16
-31
No files found.
Breeze.UI/src/app/login/login.component.html
View file @
d8ef3d25
<div
class=
"container col-md-8 offset-md-2"
>
<section
id=
"breeze"
>
<div
class=
"row"
>
<div
class=
"login d-flex align-items-center text-center"
>
<div
class=
"col"
>
<div
class=
"container"
>
<h1>
Welcome to Breeze
</h1>
<h3
class=
"display-5"
>
Welcome to Breeze
</h3>
</div>
<div
*
ngIf=
"hasWallet"
>
</div>
<p
class=
"lead"
>
Please choose the wallet you would like to open
</p>
<div
class=
"row"
>
<div
class=
"row d-flex justify-content-center"
>
<div
class=
"col"
>
<form
class=
"col-md-8 col-xs-12 text-left"
[
formGroup
]="
openWalletForm
"
>
<form
*
ngIf=
"hasWallet"
[
formGroup
]="
openWalletForm
"
(
ngSubmit
)="
onDecryptClicked
()"
>
<div
class=
"form-group"
>
<div
class=
"form-group"
>
<label
class=
"col-12 row"
for=
"Select"
>
Wallet
</label>
<label>
Select wallet name to open
</label>
<select
class=
"form-control custom-select col-12"
formControlName=
"selectWallet"
>
<select
class=
"form-control"
formControlName=
"selectWallet"
>
<option
*
ngFor=
"let wallet of wallets"
[
value
]="
wallet
"
>
{{ wallet }}
</option>
<option
*
ngFor=
"let wallet of wallets"
[
value
]="
wallet
"
>
{{wallet}}
</option>
</select>
</select>
</div>
</div>
<div
class=
"form-group"
>
<div
class=
"form-group"
>
<label
class=
"text-left"
for=
"Password"
>
Password
</label>
<label>
Please enter your password to decrypt your wallet
</label>
<input
type=
"password"
class=
"form-control"
id=
"Password"
formControlName=
"password"
placeholder=
"Enter your password."
>
<input
class=
"form-control"
type=
"password"
formControlName=
"password"
placeholder=
"Enter password here"
>
<div
*
ngIf=
"formErrors.password"
class=
"form-control-feedback"
>
{{ formErrors.password }}
</div>
<div
*
ngIf=
"formErrors.password"
class=
"alert alert-danger"
>
{{formErrors.password}}
</div>
</div>
</form>
</div>
</div>
<div
class=
"form-group"
>
<!-- /row-->
<button
type=
"submit"
[
disabled
]="!
openWalletForm
.
valid
"
class=
"btn"
>
Decrypt
</button>
<div
class=
"row d-flex justify-content-center"
>
<button
type=
"submit"
class=
"btn btn-darkgray btn-lg"
[
disabled
]="!
openWalletForm
.
valid
"
(
click
)="
onDecryptClicked
()"
>
Decrypt
</button>
</div>
</div>
</form>
</div>
</div>
<!-- /row-->
</div>
<div
class=
"row d-flex justify-content-center"
*
ngIf=
"hasWallet;else no_wallet"
>
<div
class=
"row"
>
<p
class=
"lead"
>
If you would like to create or restore a wallet please click the button below.
</p>
<div
class=
"col"
*
ngIf=
"hasWallet;else no_wallet"
>
</div>
If you like to create or restore a wallet please click the button below.
</div>
</div>
<div
class=
"row"
>
<div
class=
"col"
>
<ng-template
#
no_wallet
>
<ng-template
#
no_wallet
>
<p
>
Looks like you're new here.
Please create or restore a wallet.
</p>
<p
class=
"lead"
>
Looks like you're new here.
<br
/>
Please create or restore a wallet.
</p>
</ng-template>
</ng-template>
<div
class=
"row d-flex justify-content-center"
>
<button
type=
"button"
class=
"btn btn-darkgray btn-lg"
(
click
)="
onCreateClicked
()"
>
Create or restore a wallet
</button>
</div>
</div>
</div>
<!-- /container-->
</div>
</div>
<div
class=
"row"
>
<!-- /login-->
<div
class=
"col"
>
</section>
<button
type=
"button"
(
click
)="
onCreateClicked
()"
class=
"btn"
>
Create or restore wallet
</button>
<!-- /breeze-->
</div>
</div>
</div>
Breeze.UI/src/app/setup/create/create.component.html
View file @
d8ef3d25
<div
class=
"container col-md-8 offset-md-2"
>
<section
id=
"breeze"
>
<div
class=
"row"
>
<div
class=
"login d-flex align-items-center text-center"
>
<div
class=
"col"
>
<div
class=
"container"
>
<h1>
Please create a new wallet
</h1>
<p
class=
"textback text-left mb-5 col-6 row"
><a
(
click
)="
onBackClicked
()"
>
Back
</a></p>
<h3
class=
"display-5"
>
Welcome
</h3>
<div
class=
"row d-flex justify-content-center"
>
<form
class=
"col-md-8 col-xs-12 text-left"
[
formGroup
]="
createWalletForm
"
>
<!--<div class="form-group has-success">-->
<div
class=
"form-group"
>
<label
class=
"col-12 row"
for=
"walletName"
>
Name
</label>
<input
type=
"text"
class=
"form-control form-control-success"
formControlName=
"walletName"
id=
"walletName"
placeholder=
"Enter a wallet name."
>
<div
*
ngIf=
"formErrors.walletName"
class=
"form-control-feedback"
>
{{ formErrors.walletName }}
</div>
</div>
<div
class=
"form-group"
>
<label
class=
"text-left"
for=
"walletPassword"
>
Password
</label>
<input
type=
"password"
class=
"form-control form-control-success"
formControlName=
"walletPassword"
id=
"walletPassword"
placeholder=
"Enter a password."
>
<div
*
ngIf=
"formErrors.walletPassword"
class=
"form-control-feedback"
>
{{ formErrors.walletPassword }}
</div>
</div>
<div
class=
"form-group"
>
<label
class=
"text-left"
for=
"walletNetwork"
>
Network
</label>
<select
class=
"form-control custom-select"
name=
"network"
formControlName=
"selectNetwork"
>
<!--<option value="main">Main</option>-->
<option
value=
"test"
>
Testnet
</option>
<!--<option value="stratistest">StratisTest</option>-->
</select>
</div>
</form>
</div>
<!-- /row-->
<div
class=
"row d-flex justify-content-center"
>
<button
type=
"button"
class=
"btn btn-darkgray btn-lg"
[
disabled
]="!
createWalletForm
.
valid
"
(
click
)="
onCreateClicked
()"
>
Create
</button>
</div>
<!-- /row-->
</div>
</div>
<!-- /container-->
</div>
</div>
<div
class=
"row"
>
<!-- /login-->
<div
class=
"col"
>
</section>
<form
[
formGroup
]="
createWalletForm
"
(
ngSubmit
)="
onCreateClicked
()"
>
<!-- /breeze-->
<div
class=
"form-group"
>
<label>
Name:
</label>
<input
class=
"form-control"
formControlName=
"walletName"
type=
"text"
placeholder=
"Enter a name for your wallet."
>
<div
*
ngIf=
"formErrors.walletName"
class=
"alert alert-danger"
>
{{formErrors.walletName}}
</div>
</div>
<div
class=
"form-group"
>
<label>
Password:
</label>
<input
class=
"form-control"
formControlName=
"walletPassword"
type=
"password"
placeholder=
"Enter a password for your wallet."
>
<div
*
ngIf=
"formErrors.walletPassword"
class=
"alert alert-danger"
>
{{formErrors.walletPassword}}
</div>
</div>
<div
class=
"form-group"
>
<label>
Network:
</label>
<select
name=
"network"
formControlName=
"selectNetwork"
>
<!--<option value="main">Main</option>-->
<option
value=
"test"
>
Testnet
</option>
<!--<option value="stratistest">StratisTest</option>-->
</select>
</div>
<div
class=
"form-group"
>
<button
type=
"button"
class=
"btn btn-outline-secondary"
(
click
)="
onBackClicked
()"
>
Back
</button>
<button
type=
"submit"
[
disabled
]="!
createWalletForm
.
valid
"
class=
"btn"
>
Create Wallet
</button>
</div>
</form>
</div>
</div>
<div
class=
"row"
>
<div
class=
"col"
id=
"mnemonic"
>
<label>
Mnemonic:
</label>
<label>
{{ mnemonic }}
</label>
</div>
</div>
</div>
Breeze.UI/src/app/setup/recover/recover.component.html
View file @
d8ef3d25
<div
class=
"container col-md-8 offset-md-2"
>
<section
id=
"breeze"
>
<div
class=
"row"
>
<div
class=
"login d-flex align-items-center text-center"
>
<div
class=
"col"
>
<div
class=
"container"
>
<h1>
Recover your wallet
</h1>
<p
class=
"textback text-left mb-5 col-6 row"
><a
(
click
)="
onBackClicked
()"
>
Back
</a></p>
<h3
class=
"display-5"
>
Welcome
</h3>
<div
class=
"row d-flex justify-content-center"
>
<form
class=
"col-md-8 col-xs-12 text-left"
[
formGroup
]="
recoverWalletForm
"
>
<div
class=
"form-group"
>
<label
class=
"col-12 row"
for=
"creationDate"
>
Creation Date (optional)
</label>
<material-datepicker
class=
"form-control"
[(
date
)]="
creationDate
"
></material-datepicker>
</div>
<div
class=
"form-group"
>
<label
class=
"col-12 row"
for=
"walletMnemonic"
>
12 Secret Words
</label>
<input
type=
"text"
class=
"form-control form-control-success"
formControlName=
"walletMnemonic"
id=
"walletName"
placeholder=
"Enter your 12 secret words."
>
<div
*
ngIf=
"formErrors.walletMnemonic"
class=
"form-control-feedback"
>
{{ formErrors.walletMnemonic }}
</div>
</div>
<div
class=
"form-group"
>
<label
class=
"text-left"
for=
"walletPassword"
>
Password
</label>
<input
type=
"password"
class=
"form-control form-control-success"
formControlName=
"walletPassword"
id=
"walletPassword"
placeholder=
"Enter a password."
>
<div
*
ngIf=
"formErrors.walletPassword"
class=
"form-control-feedback"
>
{{ formErrors.walletPassword }}
</div>
</div>
<!--<div class="form-group has-success">-->
<div
class=
"form-group"
>
<label
class=
"col-12 row"
for=
"walletName"
>
Name
</label>
<input
type=
"text"
class=
"form-control form-control-success"
formControlName=
"walletName"
id=
"walletName"
placeholder=
"Enter a wallet name."
>
<div
*
ngIf=
"formErrors.walletName"
class=
"form-control-feedback"
>
{{ formErrors.walletName }}
</div>
</div>
<div
class=
"form-group"
>
<label
class=
"text-left"
for=
"walletNetwork"
>
Network
</label>
<select
class=
"form-control custom-select"
name=
"network"
formControlName=
"selectNetwork"
>
<!--<option value="main">Main</option>-->
<option
value=
"test"
>
Testnet
</option>
<!--<option value="stratistest">StratisTest</option>-->
</select>
</div>
</form>
</div>
<!-- /row-->
<div
class=
"row d-flex justify-content-center"
>
<button
type=
"button"
class=
"btn btn-darkgray btn-lg"
[
disabled
]="!
recoverWalletForm
.
valid
"
(
click
)="
onRecoverClicked
()"
>
Recover
</button>
</div>
<!-- /row-->
</div>
</div>
<!-- /container-->
</div>
</div>
<div
class=
"row"
>
<!-- /login-->
<div
class=
"col"
>
</section>
<p>
Welcome, please complete the form below to recover your wallet.
</p>
<!-- /breeze-->
</div>
</div>
<div
class=
"row"
>
<div
class=
"col"
>
<form
[
formGroup
]="
recoverWalletForm
"
(
ngSubmit
)="
onRecoverClicked
()"
>
<div
class=
"form-group"
>
<label>
Mnemonic:
</label>
<input
class=
"form-control"
formControlName=
"walletMnemonic"
type=
"text"
placeholder=
"Enter your saved mnemonic."
>
<div
*
ngIf=
"formErrors.walletMnemonic"
class=
"alert alert-danger"
>
{{formErrors.walletMnemonic}}
</div>
</div>
<div
class=
"form-group"
>
<label>
Wallet password:
</label>
<input
class=
"form-control"
type=
"password"
formControlName=
"walletPassword"
placeholder=
"Enter password here."
>
<div
*
ngIf=
"formErrors.walletPassword"
class=
"alert alert-danger"
>
{{formErrors.walletPassword}}
</div>
</div>
<div
class=
"form-group"
>
<label>
Name:
</label>
<input
class=
"form-control"
formControlName=
"walletName"
type=
"text"
placeholder=
"Enter a name for your wallet."
>
<div
*
ngIf=
"formErrors.walletName"
class=
"alert alert-danger"
>
{{formErrors.walletName}}
</div>
</div>
<div
class=
"form-group"
>
<label>
Network:
</label>
<select
name=
"network"
formControlName=
"selectNetwork"
>
<!--<option value="main">Main</option>-->
<option
value=
"test"
>
Testnet
</option>
<!--<option value="stratistest">StratisTest</option>-->
</select>
</div>
<div
class=
"form-group"
>
<label>
Creation date:
</label>
<material-datepicker
[(
date
)]="
creationDate
"
></material-datepicker>
</div>
<div
class=
"form-group"
id=
"buttons"
>
<button
type=
"button"
class=
"btn btn-outline-secondary"
(
click
)="
onBackClicked
()"
>
Back
</button>
<button
type=
"submit"
[
disabled
]="!
recoverWalletForm
.
valid
"
class=
"btn ml-2"
>
Recover Wallet
</button>
</div>
</form>
</div>
</div>
</div>
Breeze.UI/src/app/setup/setup.component.html
View file @
d8ef3d25
<div
class=
"container col-md-8 offset-md-2"
>
<section
id=
"breeze"
>
<div
class=
"row"
>
<div
class=
"login d-flex align-items-center text-center"
>
<div
class=
"col"
>
<div
class=
"container"
>
<h1>
Welcome to Breeze
</h1>
<h3
class=
"display-5"
>
Welcome
</h3>
</div>
<p
class=
"lead"
>
</div>
If you would like to create a new wallet, please click Create.
<br/>
<div
class=
"row"
>
When you have used Breeze before, you can click Restore to recover your wallet.
<div
vlass=
"col"
>
<p>
If you haven't used Breeze before, please create a new wallet.
<br>
<button
(
click
)="
onCreateClicked
()"
class=
"btn"
>
Create
</button>
</p>
<p
style=
"margin-top: 30px;"
>
Users who have previously used Breeze, can choose to recover their wallet.
<br>
<button
(
click
)="
onRecoverClicked
()"
class=
"btn"
>
Recover
</button>
</p>
</p>
<div
class=
"row d-flex justify-content-center"
>
<button
type=
"button"
class=
"btn btn-darkgray btn-lg"
(
click
)="
onBackClicked
()"
>
Back
</button>
<button
type=
"button"
class=
"btn btn-darkgray btn-lg"
(
click
)="
onCreateClicked
()"
>
Create
</button>
<button
type=
"button"
class=
"btn btn-darkgray btn-lg"
(
click
)="
onRecoverClicked
()"
>
Restore
</button>
</div>
</div>
</div>
<!-- /container-->
</div>
</div>
<div
class=
"row"
>
<!-- /login-->
<div
class=
"col"
>
</section>
<button
(
click
)="
onBackClicked
()"
class=
"btn btn-outline-secondary"
id=
"backButton"
>
Back
</button>
<!-- /breeze-->
</div>
<!--<div class="col">
<button (click)="onCreateClicked()" class="btn">Create</button>
</div>
<div class="col">
<button (click)="onRecoverClicked()" class="btn">Recover</button>
</div>-->
</div>
</div>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment