44 lines
2.6 KiB
HTML
44 lines
2.6 KiB
HTML
<core-navbar-buttons end>
|
|
<core-context-menu>
|
|
<core-context-menu-item [hidden]="!(notesLoaded && !hasOffline)" [priority]="100" [content]="'core.refresh' | translate" (action)="refreshNotes(false)" [iconAction]="refreshIcon" [closeOnClick]="true"></core-context-menu-item>
|
|
<core-context-menu-item [hidden]="!(notesLoaded && hasOffline)" [priority]="100" [content]="'core.settings.synchronizenow' | translate" (action)="refreshNotes(true)" [iconAction]="syncIcon" [closeOnClick]="false"></core-context-menu-item>
|
|
</core-context-menu>
|
|
</core-navbar-buttons>
|
|
|
|
<ion-content>
|
|
<ion-refresher [enabled]="notesLoaded" (ionRefresh)="refreshNotes(false, $event)">
|
|
<ion-refresher-content pullingText="{{ 'core.pulltorefresh' | translate }}"></ion-refresher-content>
|
|
</ion-refresher>
|
|
<core-loading [hideUntil]="notesLoaded" class="core-loading-center">
|
|
|
|
<ion-select [(ngModel)]="type" (ngModelChange)="typeChanged()" interface="popover">
|
|
<ion-option value="site">{{ 'addon.notes.sitenotes' | translate }}</ion-option>
|
|
<ion-option value="course">{{ 'addon.notes.coursenotes' | translate }}</ion-option>
|
|
<ion-option value="personal">{{ 'addon.notes.personalnotes' | translate }}</ion-option>
|
|
</ion-select>
|
|
|
|
<div class="core-warning-card" icon-start *ngIf="hasOffline">
|
|
<ion-icon name="warning"></ion-icon>
|
|
{{ 'core.thereisdatatosync' | translate:{$a: 'addon.notes.notes' | translate | lowercase } }}
|
|
</div>
|
|
|
|
<core-empty-box *ngIf="notes && notes.length == 0" icon="list" [message]="'addon.notes.nonotes' | translate"></core-empty-box>
|
|
|
|
<ion-list *ngIf="notes && notes.length > 0">
|
|
<ion-card *ngFor="let note of notes">
|
|
<ion-item text-wrap>
|
|
<ion-avatar item-start>
|
|
<img [src]="note.userprofileimageurl || 'assets/img/user-avatar.png'" core-external-content core-user-link [userId]="note.userid" [courseId]="note.courseid" [alt]="'core.pictureof' | translate:{$a: note.userfullname}" role="presentation">
|
|
</ion-avatar>
|
|
<h2>{{note.userfullname}}</h2>
|
|
<p *ngIf="!note.offline" item-end>{{note.lastmodified | coreDateDayOrTime}}</p>
|
|
<p *ngIf="note.offline" item-end><ion-icon name="clock"></ion-icon> {{ 'core.notsent' | translate }}</p>
|
|
</ion-item>
|
|
<ion-item text-wrap>
|
|
<core-format-text [clean]="true" [text]="note.content"></core-format-text>
|
|
</ion-item>
|
|
</ion-card>
|
|
</ion-list>
|
|
</core-loading>
|
|
</ion-content>
|