Skip to content

B
Breeze
Commit 1f09b6fa authored by dev0tion's avatar dev0tion
Browse files
Options

Add bootstrap grids to all components

parent 40dad775
Hide whitespace changes
Inline Side-by-side
Showing with 195 additions and 121 deletions
Breeze.UI/src/app/login/login.component.html
View file @ 1f09b6fa
<h1>Welcome to Breeze</h1> <div class="container">
<form *ngIf="hasWallet" [formGroup]="openWalletForm" (ngSubmit)="onDecryptClicked()"> <div class="row">
<p>Choose the wallet you want to open:</p> <div class="col">
<div class="form-group"> <h1>Welcome to Breeze</h1>
<label>Select wallet name to open:</label> </div>
<select class="form-control" formControlName="selectWallet">
<option *ngFor="let wallet of wallets" [value]="wallet">{{wallet}}</option>
</select>
</div> </div>
<p>Please enter your password to decrypt your wallet</p> <div class="row">
<div class="form-group"> <div class="col">
<label>Your password: </label> <form *ngIf="hasWallet" [formGroup]="openWalletForm" (ngSubmit)="onDecryptClicked()">
<input class="form-control" type="password" formControlName="password" placeholder="Enter password here"> <div class="form-group">
<label>Select wallet name to open</label>
<select class="form-control" formControlName="selectWallet">
<option *ngFor="let wallet of wallets" [value]="wallet">{{wallet}}</option>
</select>
</div>
<p>Please enter your password to decrypt your wallet</p>
<div class="form-group">
<label>Your password: </label>
<input class="form-control" type="password" formControlName="password" placeholder="Enter password here">
</div>
<div class="form-group">
<button type="submit" [disabled]="!openWalletForm.valid" class="btn btn-success">Decrypt</button>
</div>
</form>
</div>
</div> </div>
<div class="form-group"> <div class="row">
<button type="submit" [disabled]="!openWalletForm.valid" class="btn btn-success">Decrypt</button> <div class="col" *ngIf="hasWallet;else no_wallet">
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>
<p> Looks like you're new here. Please create or restore a wallet.</p>
</ng-template>
</div>
</div>
<div class="row">
<div class="col">
<button type="button" (click)="onCreateClicked()" class="btn btn-success">Create or restore wallet</button>
</div>
</div> </div>
</form>
<div *ngIf="hasWallet;else no_wallet">
<p> If you like to create or restore a wallet please click the button below.</p>
</div> </div>
<ng-template #no_wallet>
<p> Looks like you're new here. Please create or restore a wallet.</p>
</ng-template>
<button type="button" (click)="onCreateClicked()" class="btn btn-success">Create or restore wallet</button>
Breeze.UI/src/app/setup/create/create.component.html
View file @ 1f09b6fa
<div class="content-wrapper"> <div class="container">
<h1> <div class="row">
Please create a new wallet. <div class="col">
</h1> <h1>Please create a new wallet.</h1>
<form [formGroup]="createWalletForm" (ngSubmit)="onCreateClicked()"> </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>
<div class="form-group"> <div class="row">
<label>Password:</label> <div class="col">
<input class="form-control" formControlName="walletPassword" type="password" placeholder="Enter a password for your wallet."> <form [formGroup]="createWalletForm" (ngSubmit)="onCreateClicked()">
<div *ngIf="formErrors.walletPassword" class="alert alert-danger">{{formErrors.walletPassword}}</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>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>
</select>
</div>
<div class="form-group">
<button type="submit" [disabled]="!createWalletForm.valid" class="btn btn-success">Create Wallet</button>
</div>
</form>
</div>
</div> </div>
<div class="form-group"> <div class="row">
<label>Network:</label> <div class="col">
<select name="network" formControlName="selectNetwork"> <label>Mnemonic:</label>
<option value="main">Main</option> <label>{{responseMessage}}</label>
<option value="test">Testnet</option> </div>
</select>
</div> </div>
<div class="form-group"> <div class="row">
<button type="submit" [disabled]="!createWalletForm.valid" class="btn btn-success">Create Wallet</button> <div class="col">
</div> <button type="button" class="btn btn-success" (click)="onBackClicked()">Back</button>
</form> </div>
<div>
<label>Mnemonic:</label>
</div>
<div>
<label>{{responseMessage}}</label>
</div>
<div class="form-group">
<button type="button" class="btn btn-success" (click)="onBackClicked()">Back</button>
</div> </div>
</div> </div>
Breeze.UI/src/app/setup/setup.component.html
View file @ 1f09b6fa
<h1>Welcome to Breeze.</h1> <div class="container">
<p> <div class="row">
If you haven't used Breeze before, please create a new wallet. <div class="col">
</p> <h1>Welcome to Breeze.</h1>
<p> </div>
Users who have previously used Breeze, can choose to recover their wallet. </div>
</p> <div class="row">
<button (click)="onCreateClicked()">Create</button> <div vlass="col">
<button (click)="onRecoverClicked()">Recover</button> <p>
<button (click)="onBackClicked()">Back</button> If you haven't used Breeze before, please create a new wallet.
</p>
<p>
Users who have previously used Breeze, can choose to recover their wallet.
</p>
</div>
</div>
<div class="row">
<div class="col">
<button (click)="onCreateClicked()" class="btn">Create</button>
</div>
<div class="col">
<button (click)="onRecoverClicked()" class="btn">Recover</button>
</div>
<div class="col">
<button (click)="onBackClicked()" class="btn">Back</button>
</div>
</div>
</div>
Breeze.UI/src/app/wallet/dashboard/dashboard.component.html
View file @ 1f09b6fa
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
<td *ngIf="i<5">{{ transaction.txId }}</td> <td *ngIf="i<5">{{ transaction.txId }}</td>
</tr> </tr>
</table> </table>
<ng-template #noTransactions>Looks like you haven't made any transactions yet</ng-template> <ng-template #noTransactions>Looks like you haven't made any transactions yet</ng-template>
</div> </div>
</div> </div>
</div> </div>
Breeze.UI/src/app/wallet/history/history.component.html
View file @ 1f09b6fa
<h1>History</h1> <div class="container">
<table *ngIf="transactions; else noTransactions"> <div class="row">
<thead> <div class="col">
<th>Timestamp</th> <table *ngIf="transactions; else noTransactions">
<th>Amount</th> <thead>
<th>Confirmed</th> <th>Timestamp</th>
<th>Transaction ID</th> <th>Amount</th>
</thead> <th>Confirmed</th>
<tr *ngFor="let transaction of transactions"> <th>Transaction ID</th>
<!--<td *ngIf="{{ transaction.amount }} < 0; else received">SENT</td> </thead>
<td #received>RECEIVED</td>--> <tr *ngFor="let transaction of transactions">
<td>{{ transaction.timestamp }}</td> <!--<td *ngIf="{{ transaction.amount }} < 0; else received">SENT</td>
<td>{{ transaction.amount | coinNotation | coinAbbreviation }}</td> <td #received>RECEIVED</td>-->
<td>{{ transaction.confirmed }}</td> <td>{{ transaction.timestamp }}</td>
<td>{{ transaction.txId }}</td> <td>{{ transaction.amount | coinNotation | coinAbbreviation }}</td>
</tr> <td>{{ transaction.confirmed }}</td>
</table> <td>{{ transaction.txId }}</td>
<ng-template #noTransactions>Looks like you haven't made any transactions yet.</ng-template> </tr>
</table>
</div>
<div class="row">
<div class="col">
<ng-template #noTransactions>Looks like you haven't made any transactions yet.</ng-template>
</div>
</div>
</div>
</div>
Breeze.UI/src/app/wallet/receive/receive.component.html
View file @ 1f09b6fa
<div class="content-wrapper" id="receiveForm"> <div class="container" id="receiveForm">
<h1>Receive</h1> <div class="row">
<div> <div class="col">
<div> <h1>Receive</h1>
<table *ngIf="address">
<thead>
<th>Receive address: </th>
</thead>
<tr>
<td>{{ address }}</td>
</tr>
</table>
<button type="button" class="btn" (click)="activeModal.close('Close click')">Close</button>
</div>
</div> </div>
</div>
<div class="row">
<div class="col">
<table *ngIf="address">
<thead>
<th>Receive address: </th>
</thead>
<tr>
<td>{{ address }}</td>
</tr>
</table>
</div>
</div>
<div class="row">
<div class="col">
<button type="button" class="btn" (click)="activeModal.close('Close click')">Close</button>
</div>
</div>
</div> </div>
Breeze.UI/src/app/wallet/send/send.component.html
View file @ 1f09b6fa
<div class="content-wrapper" id="sendForm"> <div class="container" id="sendForm">
<h1>Send</h1> <div class="row">
<form [formGroup]="sendForm" (ngSubmit)="send()"> <div class="col">
<div class="form-group"> <h1>Send</h1>
<label>Pay To</label> </div>
<input class="form-control" formControlName="address" type="text" placeholder="Please enter the recipients address."> </div>
<div *ngIf="formErrors.address" class="alert alert-danger">{{formErrors.address}}</div> <div class="row">
</div> <div class="col">
<div class="form-group"> <form [formGroup]="sendForm" (ngSubmit)="send()">
<label>Amount</label> <div class="form-group">
<input class="form-control" formControlName="amount" type="text" placeholder="Please enter the amount you want to send."> <label>Pay To</label>
<div *ngIf="formErrors.amount" class="alert alert-danger">{{formErrors.amount}}</div> <input class="form-control" formControlName="address" type="text" placeholder="Please enter the recipients address.">
</div> <div *ngIf="formErrors.address" class="alert alert-danger">{{formErrors.address}}</div>
<div class="form-group"> </div>
<label>Fee</label> <div class="form-group">
<input class="form-control" id="feeSlider" formControlName="fee" type="range" min="1" max="3" value="2"> <label>Amount</label>
</div> <input class="form-control" formControlName="amount" type="text" placeholder="Please enter the amount you want to send.">
<div class="form-group"> <div *ngIf="formErrors.amount" class="alert alert-danger">{{formErrors.amount}}</div>
<label>Wallet Password</label> </div>
<input class="form-control" formControlName="password" type="password" placeholder="Please enter your wallet password."> <div class="form-group">
<div *ngIf="formErrors.password" class="alert alert-danger">{{formErrors.password}}</div> <label>Fee</label>
</div> <input class="form-control" id="feeSlider" formControlName="fee" type="range" min="1" max="3" value="2">
<button type="submit" [disabled]="!sendForm.valid" class="btn btn-success">Send</button> </div>
<button type="button" class="btn" (click)="activeModal.close('Close click')">Close</button> <div class="form-group">
</form> <label>Wallet Password</label>
<input class="form-control" formControlName="password" type="password" placeholder="Please enter your wallet password.">
<div *ngIf="formErrors.password" class="alert alert-danger">{{formErrors.password}}</div>
</div>
<button type="submit" [disabled]="!sendForm.valid" class="btn btn-success">Send</button>
<button type="button" class="btn" (click)="activeModal.close('Close click')">Close</button>
</form>
</div>
</div>
</div> </div>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment