You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
20 lines
1.2 KiB
HTML
20 lines
1.2 KiB
HTML
<div fxLayout="column" fxFlex="100" fxLayoutAlign="space-between stretch">
|
|
<form #form="ngForm" fxLayout="column" fxLayoutAlign="space-between stretch">
|
|
<mat-form-field fxLayout="column" fxFlex="100" fxLayoutAlign="start end">
|
|
<mat-label>Message to sign</mat-label>
|
|
<textarea autoFocus matInput rows="1" required tabindex="1" name="message" [(ngModel)]="message" (keyup)="onMessageChange()"></textarea>
|
|
<mat-error *ngIf="!message">Message is required.</mat-error>
|
|
</mat-form-field>
|
|
<div fxLayout="row" class="my-1">
|
|
<button class="mr-1" mat-stroked-button color="primary" tabindex="2" type="reset" (click)="resetData()">Clear Field</button>
|
|
<button mat-flat-button color="primary" tabindex="3" type="submit" (click)="onSign()">Sign</button>
|
|
</div>
|
|
<mat-divider class="my-2" />
|
|
<div fxLayout="row" fxFlex="100" fxLayoutAlign="start center"><p>Generated Signature</p></div>
|
|
<div fxLayout="row" fxLayoutAlign="start center" class="signature-box bordered-box read-only">{{signature}}</div>
|
|
<div fxLayout="row" class="mt-2">
|
|
<button mat-stroked-button color="primary" tabindex="4" rtlClipboard type="button" [payload]="signature" (copied)="onCopyField($event)">Copy Signature</button>
|
|
</div>
|
|
</form>
|
|
</div>
|