1 <h1 class=
"visually-hidden" i18n
>Settings
</h1>
3 <div class=
"row"> <!-- preview -->
4 <div class=
"col-12 col-lg-4 col-xl-3"></div>
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>
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>
16 <div class=
"col-12 col-lg-8 col-xl-9">
17 <my-user-quota [user]=
"user" [userInformationLoaded]=
"userInformationLoaded"></my-user-quota>
19 <my-account-profile [user]=
"user" [userInformationLoaded]=
"userInformationLoaded"></my-account-profile>
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>
28 <div class=
"col-12 col-lg-8 col-xl-9">
29 <my-user-interface-settings [user]=
"user" [userInformationLoaded]=
"userInformationLoaded"></my-user-interface-settings>
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>
39 <div class=
"col-12 col-lg-8 col-xl-9">
40 <my-user-video-settings [user]=
"user" [userInformationLoaded]=
"userInformationLoaded"></my-user-video-settings>
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>
50 <div class=
"col-12 col-lg-8 col-xl-9">
51 <my-account-notification-preferences [user]=
"user" [userInformationLoaded]=
"userInformationLoaded"></my-account-notification-preferences>
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>
60 <div class=
"col-12 col-lg-8 col-xl-9">
61 <my-account-change-password></my-account-change-password>
65 <div class=
"row mt-5" *
ngIf=
"user.pluginAuth === null"> <!-- two factor auth grid -->
66 <div class=
"col-12 col-lg-4 col-xl-3">
67 <h2 i18n
class=
"account-title">Two-factor authentication
</h2>
70 <div class=
"col-12 col-lg-8 col-xl-9">
71 <my-account-two-factor-button [user]=
"user" [userInformationLoaded]=
"userInformationLoaded"></my-account-two-factor-button>
75 <div class=
"row mt-5" *
ngIf=
"user.pluginAuth === null"> <!-- email grid -->
76 <div class=
"col-12 col-lg-4 col-xl-3">
77 <h2 i18n
class=
"account-title">EMAIL
</h2>
80 <div class=
"col-12 col-lg-8 col-xl-9">
81 <my-account-change-email></my-account-change-email>
85 <div class=
"row mt-5"> <!-- danger zone grid -->
86 <div class=
"col-12 col-lg-4 col-xl-3">
87 <h2 i18n
class=
"account-title account-title-danger">DANGER ZONE
</h2>
90 <div class=
"col-12 col-lg-8 col-xl-9">
91 <my-account-danger-zone [user]=
"user"></my-account-danger-zone>