123 lines
4.5 KiB
TypeScript
123 lines
4.5 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, OnInit, ElementRef } from '@angular/core';
|
|
import { FormBuilder, FormControl } from '@angular/forms';
|
|
import { CoreSitesProvider } from '@providers/sites';
|
|
import { CoreDomUtilsProvider } from '@providers/utils/dom';
|
|
import { CoreTextUtilsProvider } from '@providers/utils/text';
|
|
import { AddonModAssignProvider } from '../../../providers/assign';
|
|
import { AddonModAssignOfflineProvider } from '../../../providers/assign-offline';
|
|
import { AddonModAssignSubmissionPluginComponent } from '../../../classes/submission-plugin-component';
|
|
|
|
/**
|
|
* Component to render an onlinetext submission plugin.
|
|
*/
|
|
@Component({
|
|
selector: 'addon-mod-assign-submission-online-text',
|
|
templateUrl: 'addon-mod-assign-submission-onlinetext.html'
|
|
})
|
|
export class AddonModAssignSubmissionOnlineTextComponent extends AddonModAssignSubmissionPluginComponent implements OnInit {
|
|
|
|
control: FormControl;
|
|
words: number;
|
|
component = AddonModAssignProvider.COMPONENT;
|
|
text: string;
|
|
loaded: boolean;
|
|
wordLimitEnabled: boolean;
|
|
currentUserId: number;
|
|
|
|
protected wordCountTimeout: any;
|
|
protected element: HTMLElement;
|
|
|
|
constructor(
|
|
protected fb: FormBuilder,
|
|
protected domUtils: CoreDomUtilsProvider,
|
|
protected textUtils: CoreTextUtilsProvider,
|
|
protected assignProvider: AddonModAssignProvider,
|
|
protected assignOfflineProvider: AddonModAssignOfflineProvider,
|
|
element: ElementRef,
|
|
sitesProvider: CoreSitesProvider) {
|
|
|
|
super();
|
|
this.element = element.nativeElement;
|
|
this.currentUserId = sitesProvider.getCurrentSiteUserId();
|
|
}
|
|
|
|
/**
|
|
* Component being initialized.
|
|
*/
|
|
ngOnInit(): void {
|
|
// Get the text. Check if we have anything offline.
|
|
this.assignOfflineProvider.getSubmission(this.assign.id).catch(() => {
|
|
// No offline data found.
|
|
}).then((offlineData) => {
|
|
if (offlineData && offlineData.plugindata && offlineData.plugindata.onlinetext_editor) {
|
|
return offlineData.plugindata.onlinetext_editor.text;
|
|
}
|
|
|
|
// No offline data found, return online text.
|
|
return this.assignProvider.getSubmissionPluginText(this.plugin);
|
|
}).then((text) => {
|
|
this.wordLimitEnabled = !!parseInt(this.configs.wordlimitenabled, 10);
|
|
|
|
// Set the text.
|
|
this.text = text;
|
|
|
|
if (!this.edit) {
|
|
// Not editing, see full text when clicked.
|
|
this.element.addEventListener('click', (e) => {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
if (text) {
|
|
// Open a new state with the interpolated contents.
|
|
this.textUtils.expandText(this.plugin.name, text, this.component, this.assign.cmid, undefined, true,
|
|
'module', this.assign.cmid, this.assign.course);
|
|
}
|
|
});
|
|
} else {
|
|
// Create and add the control.
|
|
this.control = this.fb.control(text);
|
|
}
|
|
|
|
// Calculate initial words.
|
|
if (this.wordLimitEnabled) {
|
|
this.words = this.textUtils.countWords(text);
|
|
}
|
|
}).finally(() => {
|
|
this.loaded = true;
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Text changed.
|
|
*
|
|
* @param text The new text.
|
|
*/
|
|
onChange(text: string): void {
|
|
// Count words if needed.
|
|
if (this.wordLimitEnabled) {
|
|
// Cancel previous wait.
|
|
clearTimeout(this.wordCountTimeout);
|
|
|
|
// Wait before calculating, if the user keeps inputing we won't calculate.
|
|
// This is to prevent slowing down devices, this calculation can be slow if the text is long.
|
|
this.wordCountTimeout = setTimeout(() => {
|
|
this.words = this.textUtils.countWords(text);
|
|
}, 1500);
|
|
}
|
|
}
|
|
}
|