client/src/app/modal/account-setup-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" i18n>Uploading an <strong>avatar</strong></li>
  16       <li *ngIf="!hasAccountDescription" i18n>Writing a <strong>description</strong></li>
  17     </ul>
  18   </div>
  19
  20   <div class="modal-footer inputs">
  21     <input
  22       type="button" role="button" i18n-value value="Remind me later" class="peertube-button grey-button"
  23       (click)="hide()" (key.enter)="hide()"
  24     >
  25
  26     <a i18n (click)="hide()" (key.enter)="hide()"
  27        class="peertube-button-link orange-button" routerLink="/my-account"
  28        rel="noopener noreferrer" ngbAutofocus>
  29       Set up
  30     </a>
  31   </div>
  32
  33 </ng-template>