David Frassi
42 lines
1.5 KiB
HTML
42 lines
1.5 KiB
HTML
<ion-header class="ion-no-border">
|
|
<ion-toolbar class="bg-gradient">
|
|
<ion-title class="outfit-font">QR Code di Ripristino</ion-title>
|
|
<ion-buttons slot="end">
|
|
<ion-button (click)="dismiss()">
|
|
<ion-icon name="close-outline" slot="icon-only" color="secondary"></ion-icon>
|
|
</ion-button>
|
|
</ion-buttons>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content class="bg-gradient ion-padding">
|
|
<div class="qr-container">
|
|
<p class="description outfit-font">
|
|
Salva questo QR Code (fai uno screenshot o scaricalo) per ripristinare il tuo account e le tue comunità se cambi dispositivo o reinstalli l'applicazione.
|
|
</p>
|
|
|
|
<div class="qr-card glass">
|
|
<div class="qr-wrapper" *ngIf="qrCodeUrl">
|
|
<img [src]="qrCodeUrl" alt="QR Code di Ripristino" class="qr-image" />
|
|
</div>
|
|
|
|
<div class="uuid-box">
|
|
<span class="uuid-label outfit-font">Codice Identificativo:</span>
|
|
<span class="uuid-text select-all outfit-font">{{ userUuid }}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="actions-wrapper">
|
|
<ion-button expand="block" fill="solid" color="secondary" class="outfit-font action-btn" (click)="copyToClipboard()">
|
|
<ion-icon name="copy-outline" slot="start"></ion-icon>
|
|
Copia Codice Testuale
|
|
</ion-button>
|
|
|
|
<a *ngIf="qrCodeUrl" [href]="qrCodeUrl" download="ripristino-identita-canti.png" class="download-btn outfit-font">
|
|
<ion-icon name="download-outline"></ion-icon>
|
|
Scarica Immagine QR
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</ion-content>
|