path: root/client/src/app/modal/quick-settings-modal.component.html

<ng-template #modal let-hide="close">
  <div class="modal-header">
    <h4 i18n class="modal-title">Settings</h4>
  </div>
  
  <div class="modal-body">
    <div i18n class="mb-4 quick-settings-title">Display settings</div>

    <my-account-video-settings *ngIf="!isUserLoggedIn()" [user]="user" [userInformationLoaded]="userInformationLoaded" [reactiveUpdate]="true" [notifyOnUpdate]="true">
      <ng-container ngProjectAs="inner-title">
        <div i18n class="mb-4 mt-4 quick-settings-title">Video settings</div>
      </ng-container>
    </my-account-video-settings>

    <div i18n class="mb-4 mt-4 quick-settings-title">Interface settings</div>

    <my-account-interface-settings *ngIf="!isUserLoggedIn()" [user]="user" [userInformationLoaded]="userInformationLoaded" [reactiveUpdate]="true" [notifyOnUpdate]="true"></my-account-interface-settings>
  </div>
</ng-template>