client/src/app/+my-account/my-account-settings/my-account-settings.component.html

   1 <h1 class="sr-only" i18n>Settings</h1>
   2 <div class="form-row"> <!-- preview -->
   3   <div class="anchor" id="top"></div> <!-- top anchor -->
   4
   5   <div class="form-group col-12 col-lg-4 col-xl-3"></div>
   6
   7   <div class="form-group form-group-right col-12 col-lg-8 col-xl-9">
   8     <my-actor-avatar-info [actor]="user.account" (avatarChange)="onAvatarChange($event)"></my-actor-avatar-info>
   9   </div>
  10 </div>
  11
  12 <div class="form-row"> <!-- profile settings grid -->
  13   <div class="form-group col-12 col-lg-4 col-xl-3">
  14     <h2 i18n class="account-title">PROFILE SETTINGS</h2>
  15   </div>
  16
  17   <div class="form-group form-group-right col-12 col-lg-8 col-xl-9">
  18
  19     <my-user-quota [user]="user" [userInformationLoaded]="userInformationLoaded"></my-user-quota>
  20
  21     <my-account-profile [user]="user" [userInformationLoaded]="userInformationLoaded"></my-account-profile>
  22   </div>
  23 </div>
  24
  25 <div class="form-row mt-5"> <!-- video settings grid -->
  26   <div class="form-group col-12 col-lg-4 col-xl-3">
  27     <div class="anchor" id="video-settings"></div> <!-- video settings anchor -->
  28     <h2 i18n class="account-title">VIDEO SETTINGS</h2>
  29   </div>
  30
  31   <div class="form-group form-group-right col-12 col-lg-8 col-xl-9">
  32     <my-user-video-settings [user]="user" [userInformationLoaded]="userInformationLoaded"></my-user-video-settings>
  33   </div>
  34 </div>
  35
  36 <div class="form-row mt-5"> <!-- notifications grid -->
  37   <div class="form-group col-12 col-lg-4 col-xl-3">
  38     <div class="anchor" id="notifications"></div> <!-- notifications anchor -->
  39     <h2 i18n class="account-title">NOTIFICATIONS</h2>
  40   </div>
  41
  42   <div class="form-group form-group-right col-12 col-lg-8 col-xl-9">
  43     <my-account-notification-preferences [user]="user" [userInformationLoaded]="userInformationLoaded"></my-account-notification-preferences>
  44   </div>
  45 </div>
  46
  47 <div class="form-row mt-5"> <!-- interface grid -->
  48   <div class="form-group col-12 col-lg-4 col-xl-3">
  49     <h2 i18n class="account-title">INTERFACE</h2>
  50   </div>
  51
  52   <div class="form-group form-group-right col-12 col-lg-8 col-xl-9">
  53     <my-user-interface-settings [user]="user" [userInformationLoaded]="userInformationLoaded"></my-user-interface-settings>
  54   </div>
  55 </div>
  56
  57 <div class="form-row mt-5" *ngIf="user.pluginAuth === null"> <!-- password grid -->
  58   <div class="form-group col-12 col-lg-4 col-xl-3">
  59     <h2 i18n class="account-title">PASSWORD</h2>
  60   </div>
  61
  62   <div class="form-group form-group-right col-12 col-lg-8 col-xl-9">
  63     <my-account-change-password></my-account-change-password>
  64   </div>
  65 </div>
  66
  67 <div class="form-row mt-5"> <!-- email grid -->
  68   <div class="form-group col-12 col-lg-4 col-xl-3">
  69     <h2 i18n class="account-title">EMAIL</h2>
  70   </div>
  71
  72   <div class="form-group form-group-right col-12 col-lg-8 col-xl-9">
  73     <my-account-change-email></my-account-change-email>
  74   </div>
  75 </div>
  76
  77 <div class="form-row mt-5"> <!-- danger zone grid -->
  78   <div class="form-group col-12 col-lg-4 col-xl-3">
  79     <h2 i18n class="account-title account-title-danger">DANGER ZONE</h2>
  80   </div>
  81
  82   <div class="form-group form-group-right col-12 col-lg-8 col-xl-9">
  83     <my-account-danger-zone [user]="user"></my-account-danger-zone>
  84   </div>
  85 </div>