client/src/app/shared/shared-abuse-list/abuse-message-modal.component.html

   1 <ng-template #modal>
   2   <div class="modal-header">
   3     <h4 class="modal-title">
   4       <ng-container i18n *ngIf="isAdminView">Messages with the reporter</ng-container>
   5       <ng-container i18n *ngIf="!isAdminView">Messages with the moderation team</ng-container>
   6     </h4>
   7
   8     <my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hide()"></my-global-icon>
   9   </div>
  10
  11   <div class="modal-body">
  12     <div class="messages">
  13       <div
  14         *ngFor="let message of abuseMessages"
  15         class="message-block" [ngClass]="{ 'by-moderator': message.byModerator, 'by-me': isMessageByMe(message) }"
  16       >
  17
  18         <div class="author">{{ message.account.name }}</div>
  19
  20         <div class="bubble">
  21           <div class="content" [innerHTML]="message.messageHtml"></div>
  22           <div class="date">{{ message.createdAt | date }}</div>
  23         </div>
  24       </div>
  25     </div>
  26
  27     <div class="no-messages" *ngIf="noResults" i18n>
  28       No messages for now.
  29     </div>
  30
  31     <form novalidate [formGroup]="form" (ngSubmit)="addMessage()">
  32       <div class="form-group">
  33         <textarea
  34           formControlName="message" ngbAutofocus [placeholder]="getPlaceholderMessage()"
  35           [ngClass]="{ 'input-error': formErrors['message'] }" class="form-control"
  36         ></textarea>
  37
  38         <div *ngIf="formErrors.message" class="form-error">
  39           {{ formErrors.message }}
  40         </div>
  41       </div>
  42
  43       <div class="form-group inputs">
  44         <input type="submit" i18n-value value="Add a message" class="peertube-button orange-button" [disabled]="!form.valid || sendingMessage">
  45       </div>
  46     </form>
  47
  48   </div>
  49
  50 </ng-template>