66 lines
1.8 KiB
HTML
66 lines
1.8 KiB
HTML
|
|
<div class="settings-title">Settings</div>
|
|
|
|
<div class="container" style="margin-top: 10px;">
|
|
<mat-tab-group mat-tab-align-tabs="start">
|
|
<mat-tab label="Main">
|
|
<mat-dialog-content [formGroup]="settingsForm">
|
|
<mat-form-field class="settings-field" [style.width.%]="100">
|
|
<mat-label>Name</mat-label>
|
|
<input matInput
|
|
width="100%"
|
|
placeholder="Name"
|
|
formControlName="name">
|
|
</mat-form-field>
|
|
<mat-form-field [style.width.%]="100" >
|
|
<mat-label>Currency</mat-label>
|
|
<mat-select formControlName="currency">
|
|
<mat-option *ngFor="let coin of coins"
|
|
[value]="coin.symbol">
|
|
{{coin.label}}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<mat-slide-toggle formControlName="useZats"
|
|
class="settings-toggle"
|
|
(change)="onChange($event)">
|
|
Use zatoshis?
|
|
</mat-slide-toggle>
|
|
<pre></pre>
|
|
<mat-slide-toggle formControlName="useVKey"
|
|
class="settings-toggle"
|
|
(change)="onChangeVKeyOn($event)">
|
|
Confirm payments?
|
|
</mat-slide-toggle>
|
|
<pre></pre>
|
|
<mat-form-field [style.width.%]="100">
|
|
<mat-label>Viewing key</mat-label>
|
|
<input matInput placeholder="Your wallet viewing key"
|
|
formControlName="vKey">
|
|
</mat-form-field>
|
|
|
|
</mat-dialog-content>
|
|
|
|
<mat-dialog-actions style="display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-top: 12px;">
|
|
<button mat-raised-button
|
|
(click)="close()">
|
|
Cancel
|
|
</button>
|
|
<button mat-raised-button
|
|
color="primary"
|
|
(click)="save()">
|
|
Save
|
|
</button>
|
|
</mat-dialog-actions>
|
|
</mat-tab>
|
|
<mat-tab label="Advanced">
|
|
<a mat-raised-button color="primary" href="{{this.xeroLink}}">
|
|
Link to Xero
|
|
</a>
|
|
</mat-tab>
|
|
</mat-tab-group>
|
|
</div>
|