forked from EVOgeek/Vmeda.Online
124 lines
4.1 KiB
TypeScript
124 lines
4.1 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, ViewChild, ElementRef } from '@angular/core';
|
|
import { IonicPage, ViewController, NavParams } from 'ionic-angular';
|
|
import { TranslateService } from '@ngx-translate/core';
|
|
import { CoreEventsProvider } from '@providers/events';
|
|
import { CoreSitesProvider } from '@providers/sites';
|
|
import { CoreDomUtilsProvider } from '@providers/utils/dom';
|
|
import { AddonModAssignFeedbackDelegate } from '../../providers/feedback-delegate';
|
|
import {
|
|
AddonModAssignAssign, AddonModAssignSubmission, AddonModAssignPlugin
|
|
} from '../../providers/assign';
|
|
|
|
/**
|
|
* Modal that allows editing a feedback plugin.
|
|
*/
|
|
@IonicPage({ segment: 'addon-mod-assign-edit-feedback-modal' })
|
|
@Component({
|
|
selector: 'page-addon-mod-assign-edit-feedback-modal',
|
|
templateUrl: 'edit-feedback-modal.html',
|
|
})
|
|
export class AddonModAssignEditFeedbackModalPage {
|
|
|
|
@Input() assign: AddonModAssignAssign; // The assignment.
|
|
@Input() submission: AddonModAssignSubmission; // The submission.
|
|
@Input() plugin: AddonModAssignPlugin; // The plugin object.
|
|
@Input() userId: number; // The user ID of the submission.
|
|
|
|
@ViewChild('editFeedbackForm') formElement: ElementRef;
|
|
|
|
protected forceLeave = false; // To allow leaving the page without checking for changes.
|
|
|
|
constructor(params: NavParams,
|
|
protected viewCtrl: ViewController,
|
|
protected domUtils: CoreDomUtilsProvider,
|
|
protected translate: TranslateService,
|
|
protected feedbackDelegate: AddonModAssignFeedbackDelegate,
|
|
protected eventsProvider: CoreEventsProvider,
|
|
protected sitesProvider: CoreSitesProvider) {
|
|
|
|
this.assign = params.get('assign');
|
|
this.submission = params.get('submission');
|
|
this.plugin = params.get('plugin');
|
|
this.userId = params.get('userId');
|
|
}
|
|
|
|
/**
|
|
* Check if we can leave the page or not.
|
|
*
|
|
* @return Resolved if we can leave it, rejected if not.
|
|
*/
|
|
async ionViewCanLeave(): Promise<void> {
|
|
if (this.forceLeave) {
|
|
return;
|
|
}
|
|
|
|
const changed = await this.hasDataChanged();
|
|
if (changed) {
|
|
await this.domUtils.showConfirm(this.translate.instant('core.confirmcanceledit'));
|
|
}
|
|
|
|
this.domUtils.triggerFormCancelledEvent(this.formElement, this.sitesProvider.getCurrentSiteId());
|
|
}
|
|
|
|
/**
|
|
* Close modal.
|
|
*
|
|
* @param data Data to return to the page.
|
|
*/
|
|
closeModal(data: any): void {
|
|
this.viewCtrl.dismiss(data);
|
|
}
|
|
|
|
/**
|
|
* Done editing.
|
|
*
|
|
* @param e Click event.
|
|
*/
|
|
done(e: Event): void {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
this.domUtils.triggerFormSubmittedEvent(this.formElement, false, this.sitesProvider.getCurrentSiteId());
|
|
|
|
// Close the modal, sending the input data.
|
|
this.forceLeave = true;
|
|
this.closeModal(this.getInputData());
|
|
}
|
|
|
|
/**
|
|
* Get the input data.
|
|
*
|
|
* @return Object with the data.
|
|
*/
|
|
protected getInputData(): any {
|
|
return this.domUtils.getDataFromForm(document.forms['addon-mod_assign-edit-feedback-form']);
|
|
}
|
|
|
|
/**
|
|
* Check if data has changed.
|
|
*
|
|
* @return Promise resolved with boolean: whether the data has changed.
|
|
*/
|
|
protected hasDataChanged(): Promise<boolean> {
|
|
return this.feedbackDelegate.hasPluginDataChanged(this.assign, this.submission, this.plugin, this.getInputData(),
|
|
this.userId).catch(() => {
|
|
// Ignore errors.
|
|
return true;
|
|
});
|
|
}
|
|
}
|