<!-- Read only -->
<ion-item class="ion-text-wrap" *ngIf="!edit && text">
    <ion-label>
        <h2>{{ plugin.name }}</h2>
        <p *ngIf="words">{{ 'addon.mod_assign.numwords' | translate: {'$a': words} }}</p>
        <p>
            <core-format-text [component]="component" [componentId]="assign.cmid" [maxHeight]="80" [fullOnClick]="true"
                [fullTitle]="plugin.name" [text]="text" contextLevel="module" [contextInstanceId]="assign.cmid"
                [courseId]="assign.course">
            </core-format-text>
        </p>
    </ion-label>
</ion-item>

<!-- Edit -->
<div *ngIf="edit && loaded">
    <ion-item-divider class="ion-text-wrap" sticky="true">
        <ion-label><h2>{{ plugin.name }}</h2></ion-label>
    </ion-item-divider>
    <ion-item class="ion-text-wrap" *ngIf="wordLimitEnabled && words >= 0">
        <ion-label>
            <h2>{{ 'addon.mod_assign.wordlimit' | translate }}</h2>
            <p>{{ 'core.numwords' | translate: {'$a': words + ' / ' + wordLimit} }}</p>
        </ion-label>
    </ion-item>
    <ion-item class="ion-text-wrap">
        <ion-label></ion-label>
        <core-rich-text-editor [control]="control" [placeholder]="plugin.name"
            name="onlinetext_editor_text" (contentChanged)="onChange($event)" [component]="component"
            [componentId]="assign.cmid" [autoSave]="true" contextLevel="module" [contextInstanceId]="assign.cmid"
            elementId="onlinetext_editor" [draftExtraParams]="{userid: currentUserId, action: 'editsubmission'}">
        </core-rich-text-editor>
    </ion-item>
</div>
