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

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