client/src/app/modal/quick-settings-modal.component.html

   1 <ng-template #modal let-hide="close">
   2   <div class="modal-header">
   3     <h4 i18n class="modal-title">My settings</h4>
   4     <my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hide()"></my-global-icon>
   5   </div>
   6
   7   <div class="modal-body">
   8     <div i18n class="mb-4 font-italic">These settings apply only to your session on this instance.</div>
   9
  10     <div i18n class="mb-4 quick-settings-title">Display settings</div>
  11
  12     <my-user-video-settings
  13       *ngIf="!isUserLoggedIn()"
  14       [user]="user" [userInformationLoaded]="userInformationLoaded" [reactiveUpdate]="true" [notifyOnUpdate]="true"
  15     >
  16
  17       <ng-container ngProjectAs="inner-title">
  18         <div i18n class="mb-4 mt-4 quick-settings-title">Video settings</div>
  19       </ng-container>
  20     </my-user-video-settings>
  21
  22     <div i18n class="mb-4 mt-4 quick-settings-title">Interface settings</div>
  23
  24     <my-user-interface-settings
  25       *ngIf="!isUserLoggedIn()"
  26       [user]="user" [userInformationLoaded]="userInformationLoaded" [reactiveUpdate]="true" [notifyOnUpdate]="true"
  27     ></my-user-interface-settings>
  28   </div>
  29 </ng-template>