client/src/app/modal/account-setup-warning-modal.component.html

   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>