forked from EVOgeek/Vmeda.Online
83 lines
2.9 KiB
TypeScript
83 lines
2.9 KiB
TypeScript
// (C) Copyright 2015 Moodle Pty Ltd.
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
|
|
import { Component, Input, Output, EventEmitter, OnInit, HostBinding } from '@angular/core';
|
|
import { CoreSites } from '@services/sites';
|
|
import { CoreLoadings } from '@services/overlays/loadings';
|
|
import { CoreText } from '@singletons/text';
|
|
import { CoreEnrolledCourseDataWithOptions } from '@features/courses/services/courses-helper';
|
|
import { AddonBlockTimelineDayEvents } from '@addons/block/timeline/classes/section';
|
|
import { CoreSharedModule } from '@/core/shared.module';
|
|
import { toBoolean } from '@/core/transforms/boolean';
|
|
|
|
/**
|
|
* Directive to render a list of events in course overview.
|
|
*/
|
|
@Component({
|
|
selector: 'addon-block-timeline-events',
|
|
templateUrl: 'addon-block-timeline-events.html',
|
|
styleUrl: 'events.scss',
|
|
standalone: true,
|
|
imports: [
|
|
CoreSharedModule,
|
|
],
|
|
})
|
|
export class AddonBlockTimelineEventsComponent implements OnInit {
|
|
|
|
@Input() events: AddonBlockTimelineDayEvents[] = []; // The events to render.
|
|
@Input() course?: CoreEnrolledCourseDataWithOptions; // Whether to show the course name.
|
|
@Input({ transform: toBoolean }) showInlineCourse = true; // Whether to show the course name within event items.
|
|
@Input({ transform: toBoolean }) canLoadMore = false; // Whether more events can be loaded.
|
|
@Input({ transform: toBoolean }) loadingMore = false; // Whether loading is ongoing.
|
|
@Output() loadMore = new EventEmitter(); // Notify that more events should be loaded.
|
|
|
|
colorizeIcons = false;
|
|
|
|
@HostBinding('attr.data-course-id') protected get courseId(): number | null {
|
|
return this.course?.id ?? null;
|
|
}
|
|
|
|
/**
|
|
* @inheritdoc
|
|
*/
|
|
ngOnInit(): void {
|
|
// Only colorize icons on 4.0 to 4.3 sites.
|
|
this.colorizeIcons = !CoreSites.getCurrentSite()?.isVersionGreaterEqualThan('4.4');
|
|
}
|
|
|
|
/**
|
|
* Action clicked.
|
|
*
|
|
* @param event Click event.
|
|
* @param url Url of the action.
|
|
* @returns Promise resolved when done.
|
|
*/
|
|
async action(event: Event, url: string): Promise<void> {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
|
|
// Fix URL format.
|
|
url = CoreText.decodeHTMLEntities(url);
|
|
|
|
const modal = await CoreLoadings.show();
|
|
|
|
try {
|
|
await CoreSites.visitLink(url);
|
|
} finally {
|
|
modal.dismiss();
|
|
}
|
|
}
|
|
|
|
}
|