Homec4science
Diffusion svg-test-app (master) Browse

svg-test-app/src/app/generic-control-elements-component/generic-control-elements-service.service.ts
bddaff4df8bbmaster

Last Change
Raw File

generic-control-elements-service.service.ts
View Options

import {EventEmitter, Injectable} from '@angular/core';
@Injectable()
export class GenericControlElementsService {
selection: SelectionBundle; // collection of all selected values
selectionEvent: EventEmitter<SelectionBundle> = new EventEmitter();
// Settings of the control interface
controlMask: ControlMask; // overall options to render/change
controlMaskEvent: EventEmitter<ControlMask> = new EventEmitter();
controlElementGroups: Array<ControlElementGroup>; // thematic groups of controlElements
controlElements: Array<ControlElement>;
controlElement: ControlElement;
controlElementOptions: Array<ControlElementOption>; // selections available for a control like a drop down box or radiobuttons
genericOptionSet: any; // options object for generic search;
constructor() {
this.selection = new SelectionBundle();
}
public getSelectionFromJson(initialSettings: any) {
for (const group of initialSettings.controlElementGroups) {
const controlSettingGroup = new SelectionGroup();
for (const entry of group.controlElements) {
controlSettingGroup[entry.label] = entry.value;
}
this.selection[group.label] = controlSettingGroup ;
}
return this.selection;
}
public setControlOptions(control) {
this.controlElementOptions = [];
for (const option of control.options ) {
const o = new ControlElementOption(option.id, option.description);
this.controlElementOptions.push(o);
}
}
public getGenericControlOptions() {
}
public getOptionsFromJson(settings) {
this.controlElementGroups = [];
for (const settingGroup of settings.controlElementGroups) {
this.controlElements = [];
for (const control of settingGroup.controlElements) {
if (settings.type === 'staticOptions' && control.type !== 'checkbox' && control.type !== 'input') {
this.setControlOptions(control);
this.controlElement = new ControlElement(control.label, control.description, control.type, control.value, control.condition, this.controlElementOptions, null, control.toolTip);
}
if (settings.type === 'staticOptions' && control.type === 'checkbox' ) {
this.controlElement = new ControlElement(control.label, control.description, control.type, control.value, control.condition, null, null, control.toolTip);
}
if (settings.type === 'genericSearch') {
this.genericOptionSet = control.genericOptionSet;
this.controlElement = new ControlElement(control.label, control.description, control.type, control.value, control.condition, null, this.genericOptionSet, control.toolTip);
}
this.controlElements.push(this.controlElement);
}
const oGroup = new ControlElementGroup(settingGroup.label,
settingGroup.pannelOpenState, settingGroup.description, this.controlElements, settingGroup.condition);
this.controlElementGroups.push(oGroup);
}
this.controlMask = new ControlMask(settings.type, settings.displaySettings, settings.multiToggle, this.controlElementGroups);
return this.controlMask;
}
public onSelectValueChange(settingGroup, changedSetting) {
this.selection[settingGroup][changedSetting.label] = changedSetting.value;
this.selectionEvent.emit(this.selection);
console.log('selections set: ', this.selection);
}
public createNewSearchMask() {
return new ControlMask('genericSearch', true,
true,
[new ControlElementGroup(
'',
true,
''
)]);
}
public createNewControlElementGroup(label: string,
pannelOpenState = true,
description: string,
controlElements?: Array<ControlElement>,
condition?: Array<DisplayCondition>) {
}
}
export class ControlMask {
type: string;
displaySettings: boolean;
multiToggle: boolean;
controlElementGroups: Array<ControlElementGroup>;
description?: string;
constructor(type: string, displaySettings = true, multiToggle = true, controlElementGroups: Array<ControlElementGroup>, description?: string) {
this.type = type;
this.displaySettings = displaySettings;
this.multiToggle = multiToggle;
this.controlElementGroups = controlElementGroups;
this.description = description;
}
}
export class ControlElementGroup {
label: string;
pannelOpenState: boolean;
description: string;
controlElements: Array<ControlElement>;
condition?: Array<DisplayCondition>;
toolTip?: string;
constructor( label: string,
pannelOpenState = true,
description: string,
controlElements?: Array<ControlElement>,
condition?: Array<DisplayCondition>,
toolTip?: string ) {
this.label = label;
this.pannelOpenState = pannelOpenState;
this.description = description;
this.controlElements = controlElements;
this.condition = condition;
this.toolTip = toolTip;
}
}
export class ControlElement {
label: string;
description: string;
type: string;
value: any;
condition: Array<DisplayCondition>;
options?: Array<ControlElementOption>;
genericOptionSet?: GenericOptionSet;
toolTip?: string;
constructor( label: string,
description: string,
type: string,
value: any,
condition?: Array<DisplayCondition>,
options?: Array<ControlElementOption>,
genericOptionSet?: GenericOptionSet,
toolTip?: string) {
this.label = label;
this.description = description;
this.type = type;
this.value = value;
this.condition = condition;
this.options = options;
this.genericOptionSet = genericOptionSet;
this.toolTip = toolTip;
}
}
export class DisplayCondition {
group: string;
control: string;
values: Array<string>;
}
export class ControlElementOption {
id: string;
description: string;
constructor(id: string, description: string) {
this.description = description;
this.id = id;
}
}
export class GenericOptionSet {
queryString?: string;
queryObject?: any;
cotrolOptions?: Array<GenericOptionsData>;
constructor(id: string, description: string, queryString?: string, queryObject?: string, cotrolOptions?: Array<GenericOptionsData>) {
this.queryObject = queryObject;
this.queryString = queryString;
this.cotrolOptions = cotrolOptions; // the actual queryresults which are shown as options in a select or checkbox f.e.
}
}
export class GenericOptionsData {
iri: string;
rdfsType: string; // the class of the thing
stringValue: string;
xsdType: string;
constructor(iri: string, rdfsType: string, stringValue: string, xsdType: string) {
this.iri = iri;
this.rdfsType = rdfsType;
this.stringValue = stringValue;
this.xsdType = xsdType;
}
}
export class SelectionBundle {
[prop: string]: SelectionGroup;
}
export class SelectionGroup {
[prop: string]: any;
}
c4science · Help