forked from CIT/Vmeda.Online
94 lines
3.0 KiB
TypeScript
94 lines
3.0 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, OnChanges, SimpleChange } from '@angular/core';
|
|
|
|
import { CoreDomUtils } from '@services/utils/dom';
|
|
import { CoreCourse } from '@features/course/services/course';
|
|
import { CoreCourseModuleCompletionData } from '@features/course/services/course-helper';
|
|
|
|
/**
|
|
* Base class for completion components.
|
|
*/
|
|
@Component({
|
|
template: '',
|
|
})
|
|
export class CoreCourseModuleCompletionBaseComponent implements OnChanges {
|
|
|
|
@Input() completion?: CoreCourseModuleCompletionData; // The completion status.
|
|
@Input() moduleId?: number; // The name of the module this completion affects.
|
|
@Input() moduleName?: string; // The name of the module this completion affects.
|
|
@Output() completionChanged = new EventEmitter<CoreCourseModuleCompletionData>(); // Notify when completion changes.
|
|
|
|
/**
|
|
* Detect changes on input properties.
|
|
*/
|
|
ngOnChanges(changes: { [name: string]: SimpleChange }): void {
|
|
if (changes.completion && this.completion) {
|
|
this.calculateData();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Calculate data to render the completion.
|
|
*/
|
|
protected calculateData(): void {
|
|
return;
|
|
}
|
|
|
|
/**
|
|
* Completion clicked.
|
|
*
|
|
* @param e The click event.
|
|
*/
|
|
async completionClicked(e: Event): Promise<void> {
|
|
if (!this.completion) {
|
|
return;
|
|
}
|
|
|
|
if (typeof this.completion.cmid == 'undefined' || this.completion.tracking !== 1) {
|
|
return;
|
|
}
|
|
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
const modal = await CoreDomUtils.showModalLoading();
|
|
this.completion.state = this.completion.state === 1 ? 0 : 1;
|
|
|
|
try {
|
|
const response = await CoreCourse.markCompletedManually(
|
|
this.completion.cmid,
|
|
this.completion.state === 1,
|
|
this.completion.courseId!,
|
|
this.completion.courseName,
|
|
);
|
|
|
|
if (this.completion.valueused === false) {
|
|
this.calculateData();
|
|
if (response.offline) {
|
|
this.completion.offline = true;
|
|
}
|
|
}
|
|
this.completionChanged.emit(this.completion);
|
|
} catch (error) {
|
|
this.completion.state = this.completion.state === 1 ? 0 : 1;
|
|
CoreDomUtils.showErrorModalDefault(error, 'core.errorchangecompletion', true);
|
|
} finally {
|
|
modal.dismiss();
|
|
}
|
|
}
|
|
|
|
}
|