87 lines
2.3 KiB
TypeScript
87 lines
2.3 KiB
TypeScript
|
import { Component, OnInit, Input } from '@angular/core';
|
||
|
|
import { FormGroup, FormBuilder, Validators } from "@angular/forms";
|
||
|
|
import { Page } from "../../domain/page";
|
||
|
|
import { DivId } from "../../domain/divId";
|
||
|
|
import { HelpContentService } from "../../services/help-content.service";
|
||
|
|
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'div-content-form',
|
||
|
|
templateUrl: './div-help-content-form.component.html',
|
||
|
|
})
|
||
|
|
|
||
|
|
export class DivContentFormComponent implements OnInit{
|
||
|
|
|
||
|
|
@Input('group')
|
||
|
|
myForm: FormGroup;
|
||
|
|
@Input('communityPid')
|
||
|
|
communityPid: string;
|
||
|
|
@Input('pageId')
|
||
|
|
pageId: string;
|
||
|
|
|
||
|
|
showPageSelect: boolean = true;
|
||
|
|
|
||
|
|
private availablePages : Page[] = [];
|
||
|
|
private availableDivs : DivId[] = [];
|
||
|
|
|
||
|
|
private errorMessage: string;
|
||
|
|
|
||
|
|
private ckeditorContent : string;
|
||
|
|
|
||
|
|
constructor(private _fb: FormBuilder, private _helpContentService: HelpContentService){}
|
||
|
|
|
||
|
|
ngOnInit() {
|
||
|
|
this.myForm = this.form;
|
||
|
|
|
||
|
|
if(this.pageId) {
|
||
|
|
this.showPageSelect = false;
|
||
|
|
this.getDivs(this.pageId);
|
||
|
|
} else {
|
||
|
|
this._helpContentService.getCommunityPagesWithDivId(this.communityPid).subscribe(
|
||
|
|
pages => this.availablePages = pages,
|
||
|
|
error => this.handleError('System error retrieving pages', error));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
public pageSelected(event) {
|
||
|
|
this.getDivs(event.target.value);
|
||
|
|
}
|
||
|
|
|
||
|
|
public getDivs(pageId: string) {
|
||
|
|
console.info(pageId);
|
||
|
|
this._helpContentService.getDivIdsFull(this.communityPid, pageId).subscribe(
|
||
|
|
divs => {
|
||
|
|
this.availableDivs = divs;
|
||
|
|
this.pageId = pageId;
|
||
|
|
},
|
||
|
|
error => this.handleError('System error retrieving pages', error));
|
||
|
|
}
|
||
|
|
|
||
|
|
public selectedDiv(event) {
|
||
|
|
console.info(event.target.value);
|
||
|
|
}
|
||
|
|
|
||
|
|
public get form() {
|
||
|
|
return this._fb.group({
|
||
|
|
divId: ['', Validators.required],
|
||
|
|
content: ['', Validators.required],
|
||
|
|
isActive: true,
|
||
|
|
_id : '',
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
public reset() {
|
||
|
|
this.myForm.patchValue({
|
||
|
|
divId: '',
|
||
|
|
content: '',
|
||
|
|
isActive: true,
|
||
|
|
_id : ''
|
||
|
|
});
|
||
|
|
this.myForm.markAsPristine();
|
||
|
|
}
|
||
|
|
|
||
|
|
handleError(message: string, error) {
|
||
|
|
this.errorMessage = message + ' (Server responded: ' + error + ')';
|
||
|
|
}
|
||
|
|
}
|