entity.component.html in Opigno group manager 3.x

File

ng/src/app/entity/entity.component.html

<mat-card class="entity drag-and-drop-item"
          (click)="clickEntity(entity)"
          (mouseenter)="mouseenterEntity(entity)"
          (mouseleave)="mouseleaveEntity(entity)"
          [class.selected]="entity === selectedEntity"
          [class.activated-link]="entity === selectedEntity1 || entity === selectedEntity2">
  <div class="content-box info-card-wrapper" *ngIf="infoCard && userHasInfoCard && row==1">
    <div class="text-right">
      <button class="close-info-card" (click)="removeHideInfoCardPermanently()"><i class="fi fi-rr-cross-small"></i></button>
    </div>
    <div class="info-icon"><i class="icon-info"></i>{{ text_add_a_new_item }}</div>
    <div class="text-right">
      <a href="#" (click)="removeHideInfoCardPermanently();$event.preventDefault()">{{ text_do_not_show_this_message_again }}</a>
    </div>
  </div>
  <div class="image" [ngStyle]="{'background-image': 'url(' + entity.imageUrl + ')'}">
    <div class="mt-5">
      <div class="bundle">
        <span *ngIf="entity.contentType=='ContentTypeCourse'">{{ text_course }}</span>
        <span *ngIf="entity.contentType=='ContentTypeModule'">{{ text_opigno_module }}</span>
        <span *ngIf="entity.contentType=='ContentTypeMeeting'">{{ text_live_meeting }}</span>
        <span *ngIf="entity.contentType=='ContentTypeILT'">{{ text_instructor_led_training }}</span>
      </div>
      <div class="nb-modules" *ngIf="entity.modules_count||entity.modules_count===0">
        {{entity.modules_count}}
        <span *ngIf="entity.modules_count>1">{{ text_modules }}</span>
        <span *ngIf="entity.modules_count<=1">{{ text_module }}</span>
      </div>
    </div>
  </div>
  <button mat-icon-button [matMenuTriggerFor]="menu" class="action-button">
    <mat-icon>more_vert</mat-icon>
  </button>
  <mat-menu #menu="matMenu" xPosition="before">
    <button mat-menu-item (click)="openAddPanel_(entity)" class="add-link">
      <span>{{ text_add }}</span>
    </button>
    <button mat-menu-item (click)="openUpdatePanel_(entity)" class="update-link">
      <span>{{ text_update }}</span>
    </button>
    <button *ngIf="entity.contentType=='ContentTypeILT' || entity.contentType=='ContentTypeMeeting'" mat-menu-item (click)="openMeetingsPanel_(entity)" class="manage-link">
      <span>{{ text_score }}</span>
    </button>
    <button mat-menu-item (click)="openDeletePanel_(entity)" class="delete-link">
      <span>{{ text_delete }}</span>
    </button>
  </mat-menu>
  <mat-card-header [innerHtml]="entity.title"></mat-card-header>
  <mat-card-content class="mt-2">
    <mat-checkbox *ngIf="this.entity.in_skills_system == 0" [(ngModel)]="isMandatory" (change)="changeMandatory()">{{ text_mandatory }}</mat-checkbox>
    <mat-form-field class="w-100 mt-2" [hintLabel]="this.entity.successScoreMinMessage">
      <input matInput placeholder="{{ text_minimum_score_to_validate_step }}" [(ngModel)]="successScoreMin" (keyup)="changeScoreMini($event)">
    </mat-form-field>
  </mat-card-content>
</mat-card>