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="form-group col-12 col-lg-4 col-xl-3"></div>
   4
   5   <div class="form-group col-12 col-lg-8 col-xl-9">
   6     <my-actor-avatar-edit [actor]="user.account" (avatarChange)="onAvatarChange($event)" (avatarDelete)="onAvatarDelete()"></my-actor-avatar-edit>
   7   </div>
   8 </div>
   9
  10 <div class="form-row"> <!-- profile settings grid -->
  11   <div class="form-group col-12 col-lg-4 col-xl-3">
  12     <h2 i18n class="account-title">PROFILE SETTINGS</h2>
  13   </div>
  14
  15   <div class="form-group col-12 col-lg-8 col-xl-9">
  16
  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="form-row mt-5"> <!-- video settings grid -->
  24   <div class="form-group col-12 col-lg-4 col-xl-3">
  25     <div class="anchor" id="video-settings"></div> <!-- video settings anchor -->
  26     <h2 i18n class="account-title">VIDEO SETTINGS</h2>
  27   </div>
  28
  29   <div class="form-group col-12 col-lg-8 col-xl-9">
  30     <my-user-video-settings [user]="user" [userInformationLoaded]="userInformationLoaded"></my-user-video-settings>
  31   </div>
  32 </div>
  33
  34 <div class="form-row mt-5"> <!-- notifications grid -->
  35   <div class="form-group col-12 col-lg-4 col-xl-3">
  36     <div class="anchor" id="notifications"></div> <!-- notifications anchor -->
  37     <h2 i18n class="account-title">NOTIFICATIONS</h2>
  38   </div>
  39
  40   <div class="form-group col-12 col-lg-8 col-xl-9">
  41     <my-account-notification-preferences [user]="user" [userInformationLoaded]="userInformationLoaded"></my-account-notification-preferences>
  42   </div>
  43 </div>
  44
  45 <div class="form-row mt-5"> <!-- interface grid -->
  46   <div class="form-group col-12 col-lg-4 col-xl-3">
  47     <h2 i18n class="account-title">INTERFACE</h2>
  48   </div>
  49
  50   <div class="form-group col-12 col-lg-8 col-xl-9">
  51     <my-user-interface-settings [user]="user" [userInformationLoaded]="userInformationLoaded"></my-user-interface-settings>
  52   </div>
  53 </div>
  54
  55 <div class="form-row mt-5" *ngIf="user.pluginAuth === null"> <!-- password grid -->
  56   <div class="form-group col-12 col-lg-4 col-xl-3">
  57     <h2 i18n class="account-title">PASSWORD</h2>
  58   </div>
  59
  60   <div class="form-group 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="form-row mt-5"> <!-- email grid -->
  66   <div class="form-group col-12 col-lg-4 col-xl-3">
  67     <h2 i18n class="account-title">EMAIL</h2>
  68   </div>
  69
  70   <div class="form-group 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="form-row mt-5"> <!-- danger zone grid -->
  76   <div class="form-group 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="form-group col-12 col-lg-8 col-xl-9">
  81     <my-account-danger-zone [user]="user"></my-account-danger-zone>
  82   </div>
  83 </div>