aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/modal/account-setup-warning-modal.component.html
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/modal/account-setup-warning-modal.component.html')
-rw-r--r--client/src/app/modal/account-setup-warning-modal.component.html39
1 files changed, 39 insertions, 0 deletions
diff --git a/client/src/app/modal/account-setup-warning-modal.component.html b/client/src/app/modal/account-setup-warning-modal.component.html
new file mode 100644
index 000000000..614c0693d
--- /dev/null
+++ b/client/src/app/modal/account-setup-warning-modal.component.html
@@ -0,0 +1,39 @@
1<ng-template #modal let-hide="close">
2 <div class="modal-header">
3 <h4 i18n class="modal-title">Welcome to {{ instanceName }}, dear user!</h4>
4 <my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hide()"></my-global-icon>
5 </div>
6
7 <div class="modal-body">
8 <img class="mascot" src="/client/assets/images/mascot/happy.svg" alt="">
9
10 <div i18n class="subtitle">It's time to set up your account profile!</div>
11
12 <p i18n>Help moderators and other users to know <strong>who you are</strong> by:</p>
13
14 <ul>
15 <li *ngIf="!hasAccountAvatar(user)" i18n>Uploading an <strong>avatar</strong></li>
16 <li *ngIf="!hasAccountDescription(user)" i18n>Writing a <strong>description</strong></li>
17 </ul>
18 </div>
19
20 <div class="modal-footer inputs">
21 <my-peertube-checkbox
22 inputName="stopDisplayModal" [(ngModel)]="stopDisplayModal"
23 i18n-labelText labelText="Don't show me this anymore"
24 >
25 </my-peertube-checkbox>
26
27 <input
28 type="button" role="button" i18n-value value="Remind me later" class="peertube-button grey-button"
29 (click)="hide()" (key.enter)="hide()"
30 >
31
32 <a i18n (click)="hide()" (key.enter)="hide()"
33 class="peertube-button-link orange-button" routerLink="/my-account"
34 rel="noopener noreferrer" ngbAutofocus>
35 Set up
36 </a>
37 </div>
38
39</ng-template>