import Ember from 'ember';
import FlexberryBaseComponent from 'ember-flexberry/components/flexberry-base-component';
import layout from '../templates/components/fd-visual-edit-control-tree';
import FdEditformRow from '../objects/fd-editform-row';
import FdEditformControl from '../objects/fd-editform-control';
import FdEditformGroup from '../objects/fd-editform-group';
import FdEditformTabgroup from '../objects/fd-editform-tabgroup';
import FdEditformTab from '../objects/fd-editform-tab';
import FdViewAttributesProperty from '../objects/fd-view-attributes-property';
import FdViewAttributesMaster from '../objects/fd-view-attributes-master';
import FdViewAttributesDetail from '../objects/fd-view-attributes-detail';
import FdAttributesTree from '../objects/fd-attributes-tree';
import { getDataForBuildTree, getClassTreeNode, getAssociationTreeNode, parsingPropertyName } from '../utils/fd-attributes-for-tree';
import { createPropertyName, restorationNodeTree, afterCloseNodeTree, findFreeNodeTreeID, findFreeNodeTreeNameIndex } from '../utils/fd-metods-for-tree';
export default FlexberryBaseComponent.extend({
layout,
/**
Model view.
@property model
@type Object
@default undefined
*/
model: undefined,
/**
Selected item for change.
@property selectedItem
*/
selectedItem: undefined,
/**
Array item on the form.
@property selectedItem
*/
items: undefined,
/**
Type current form.
@property typeForm
*/
typeForm: undefined,
/**
Flag: indicates whether to show attributesTree or typesTree .
@property treeViewMode
*/
treeViewMode: true,
/**
Name for create new properties.
@property propertyName
*/
propertyName: undefined,
/**
Old name for edit properties.
@property oldPropertyName
*/
oldPropertyName: undefined,
/**
Flag: indicates whether selected property is readonly.
@property readonly
@type Boolean
@default false
*/
readonly: false,
/**
Type of the selected master for editing.
@property lookupTypeItems
@type Array
@default ['default', 'standard', 'combo']
*/
lookupTypeItems: ['default', 'standard', 'combo'],
/*
Setting off for buttons of the tree.
*/
editAttributeDisabled: 'disabled',
removeAttributeDisabled: 'disabled',
applyAttributeDisabled: 'disabled',
applyTypeDisabled: 'disabled',
/**
@property store
@type Service
*/
store: Ember.inject.service(),
/**
Service that get current project contexts.
@property currentProjectContext
@type {Class}
@default Ember.inject.service()
*/
currentProjectContext: Ember.inject.service('fd-current-project-context'),
/**
Data for jsTree.
@property dataAttributesTree
@type Array
@default []
*/
dataAttributesTree: undefined,
/**
Data for jsTree.
@property dataAttributesTree
@type Array
@default []
*/
dataTypeTree: undefined,
/**
Selected nodes in jsTree.
@property selectedNodesAttributesTree
@type Array
@default []
*/
selectedNodesAttributesTree: Ember.A(),
/**
Selected nodes in jsTree.
@property selectedNodesAttributesTree
@type Array
@default []
*/
selectedNodesTypeTree: Ember.A(),
/**
Included plugins for jsTree.
@property plugins
@type String
@default 'wholerow, types, search'
*/
plugins: 'wholerow, types, search',
/**
Type settings for jsTree.
@property typesOptions
@type Object
*/
typesOptions: Ember.computed(() => ({
'«type»': {
icon: 'assets/images/attribute.bmp'
},
'«enumeration»': {
icon: 'assets/images/attribute.bmp'
},
'«typemap»': {
icon: 'assets/images/attribute.bmp'
},
'property': {
icon: 'assets/images/attribute.bmp'
},
'master': {
icon: 'assets/images/master.bmp'
},
'detail': {
icon: 'assets/images/datail.png'
},
'class': {
icon: 'assets/images/class.bmp'
}
})),
/**
Data for search for attributes.
@property searchAttributes
@type String
@default ''
*/
searchAttributes: '',
/**
Data for search for type.
@property searchType
@type String
@default ''
*/
searchType: '',
/**
Search settings for jsTree.
@property searchOptions
@type Object
*/
searchOptions: Ember.computed(() => ({
show_only_matches: true
})),
/**
Setting off property notNull.
@property notNullDisabled
@type Boolean
@default false
*/
notNullDisabled: false,
/**
Flag: indicates whether to show settings custom width.
@property customWidth
@type Boolean
@default false
*/
customWidth: false,
/**
Value custom width.
@property widthValue
@type Number
@default 100
*/
widthValue: 100,
/**
Selected unit of width.
@property widthType
@type String
@default '%'
*/
widthType: '%',
/**
Array units of width.
@property itemsWidthType
@type Array
@default ['%', 'px']
*/
itemsWidthType: ['%', 'px'],
/**
Data selected attribute for editing.
@property selectedAttribute
@type Object
*/
selectedAttribute: Ember.computed('selectedItem.propertyDefinition.name', function() {
let propertyDefinition = this.get('selectedItem.propertyDefinition');
if (Ember.isNone(propertyDefinition) || propertyDefinition.name === '') {
return;
}
let attributesTree = this.get('dataAttributesTree');
restorationNodeTree(attributesTree, {}, Ember.A(['master', 'class']), false);
let attribute;
let namesPropertyDefinition = propertyDefinition.name.split('.');
if (namesPropertyDefinition.length > 1) {
this.set('readonly', true);
} else {
this.set('readonly', false);
}
let store = this.get('store');
let dataobject = this.get('model.dataobject');
if (propertyDefinition instanceof FdViewAttributesDetail) {
this.set('selectedItem.type', 'detail');
this.set('notNullDisabled', true);
let currentClassData = getDataForBuildTree(store, dataobject.id);
attribute = currentClassData.aggregations.find(function(item) {
return (item.get('endRole') === namesPropertyDefinition[0] || item.get('endClass.name') === namesPropertyDefinition[0]);
});
if (attribute.get('startClass.id') !== dataobject.id) {
this.set('readonly', true);
}
} else if (propertyDefinition instanceof FdViewAttributesMaster) {
this.set('selectedItem.type', 'master');
let parsingResult = parsingPropertyName(store, dataobject, namesPropertyDefinition);
attribute = parsingResult.associations[0];
if (attribute.constructor.modelName === 'fd-dev-aggregation') {
this.set('notNullDisabled', true);
} else {
this.set('notNullDisabled', false);
}
if (attribute.get('endClass.id') !== parsingResult.classId) {
this.set('readonly', true);
}
} else {
let parsingResult = parsingPropertyName(store, dataobject, namesPropertyDefinition);
let currentClassData = getDataForBuildTree(store, parsingResult.classId);
let index = namesPropertyDefinition.length - 1;
let devClass = currentClassData.classes.find(function(item) {
let attributes = item.get('attributes');
attribute = attributes.findBy('name', namesPropertyDefinition[index]);
return !Ember.isNone(attribute);
});
if (devClass.id !== parsingResult.classId) {
this.set('readonly', true);
}
}
let width = this.get('selectedItem.width');
if (width !== '' && !Ember.isNone(width)) {
this.set('customWidth', true);
if (width.lastIndexOf('*') === -1) {
this.set('widthValue', width);
this.set('widthType', 'px');
} else {
this.set('widthValue', width.slice(0, -1));
this.set('widthType', '%');
}
} else {
this.set('customWidth', false);
}
return attribute;
}),
/**
Computes view for details and list forms for masters.
@property dropdownElements
@type Object
*/
dropdownElements: Ember.computed('selectedAttribute', function() {
let attribute = this.get('selectedAttribute');
let propertyDefinition = this.get('selectedItem.propertyDefinition');
let allClasses = this.get('store').peekAll('fd-dev-class');
let stagePk = this.get('currentProjectContext').getCurrentStage();
let classesCurrentStage = allClasses.filterBy('stage.id', stagePk);
let dropdownItems = [];
let dropdownValue = '';
if (propertyDefinition instanceof FdViewAttributesDetail) {
let classData = classesCurrentStage.findBy('name', attribute.get('endClass.name'));
let detailViews = classData.get('views');
dropdownItems = detailViews.mapBy('name');
dropdownValue = propertyDefinition;
} else if (propertyDefinition instanceof FdViewAttributesMaster) {
let listForms = classesCurrentStage.filter(function(item) {
return item.get('formViews.firstObject.view.class.id') === attribute.get('startClass.id') &&
item.get('stereotype') === '«listform»';
});
dropdownItems = Ember.A(listForms).mapBy('name');
let realStartRole = attribute.get('realStartRole') || attribute.get('startRole');
let propertyLookupStrArray = this.get('model.editform.propertyLookupStr');
dropdownValue = propertyLookupStrArray.findBy('property', realStartRole);
if (Ember.isNone(dropdownValue)) {
dropdownValue = { property: realStartRole, container: '' };
propertyLookupStrArray.pushObject(dropdownValue);
}
}
return {
dropdownItems: dropdownItems,
dropdownValue: dropdownValue
};
}),
/**
Handles changes in propertyName and selectedNodesTypeTree.
@method _propertyNameObserver
*/
_propertyNameObserver: Ember.observer('propertyName', 'selectedNodesTypeTree', function() {
let propertyName = this.get('propertyName');
let selectedNodes = this.get('selectedNodesTypeTree');
if (selectedNodes.length === 0 || selectedNodes[0].type === 'class' || propertyName === '') {
this.set('applyTypeDisabled', 'disabled');
} else {
this.set('applyTypeDisabled', '');
let oldPropertyName = this.get('oldPropertyName');
if (Ember.isNone(oldPropertyName) || propertyName !== oldPropertyName) {
let attributesTree = this.get('dataAttributesTree');
attributesTree.forEach((nodes)=> {
let findNodes = nodes.copyChildren.filter(function(item) {
return item.get('name').toLocaleLowerCase() === propertyName.toLocaleLowerCase();
});
if (findNodes.length !== 0) {
this.set('applyTypeDisabled', 'disabled');
}
});
}
}
}),
/**
Handles changes in selectedNodesAttributesTree.
@method _selectedNodesAttributesTreeObserver
*/
_selectedNodesAttributesTreeObserver: Ember.observer('selectedNodesAttributesTree', function() {
let selectedNodes = this.get('selectedNodesAttributesTree');
if (selectedNodes.length === 0 || selectedNodes[0].type === 'class') {
this.set('editAttributeDisabled', 'disabled');
this.set('removeAttributeDisabled', 'disabled');
this.set('applyAttributeDisabled', 'disabled');
} else {
this.set('applyAttributeDisabled', '');
if (selectedNodes[0].original.own) {
this.set('editAttributeDisabled', '');
this.set('removeAttributeDisabled', '');
} else {
this.set('editAttributeDisabled', 'disabled');
this.set('removeAttributeDisabled', 'disabled');
}
}
}),
/**
Handles changes in model.attributes.
@method _modelAttributesObserver
*/
_modelAttributesObserver: Ember.observer('model.attributes', function() {
let attributesTree = this._createAttributesTree();
this.set('dataAttributesTree', attributesTree);
}),
init() {
this._super(...arguments);
let attributesTree = this._createAttributesTree();
this.set('dataAttributesTree', attributesTree);
let typeTree = this._createTypeTree();
this.set('dataTypeTree', typeTree);
this.set('treeViewMode', true);
},
actions: {
/**
Changes the width type.
@method actions.changeWidthType
@param {Object} value An object with a new value.
*/
changeWidthType(value) {
let widthType = value === '%' ? '*' : '';
if (widthType === '*' && this.get('widthValue') > 100) {
this.set('widthValue', 100);
}
this.set('selectedItem.width', this.get('widthValue').toString() + widthType);
},
/**
Changes the width Value.
@method actions.changeWidth
@param {Object} value An object with a new value.
*/
changeWidth(value) {
let widthType = this.get('widthType') === '%' ? '*' : '';
if (widthType === '*' && value > 100) {
this.set('widthValue', 100);
} else if (value < 1) {
this.set('widthValue', 1);
}
this.set('selectedItem.width', this.get('widthValue').toString() + widthType);
},
/**
Changes the width settings.
@method actions.changeWidth
@param {Object} value An object with a new value in the `checked` property.
*/
useCustomWidth(value) {
if (value.checked) {
this.set('widthValue', 100);
this.set('widthType', '%');
} else {
this.set('selectedItem.width', '');
}
},
/**
Resets 'masterPropertyName' and 'masterCustomizationString' if 'LookupType' is 'default'.
@method actions.changeLookupType
@param {Object} value An object with a new value in the `value` property.
*/
changeLookupType(value) {
if (value === 'default') {
let propertyDefinition = this.get('selectedItem.propertyDefinition');
propertyDefinition.set('masterPropertyName', '');
propertyDefinition.set('masterCustomizationString', '');
}
},
/**
Changes the start multiplicity of the association.
@method actions.changeMasterNotNull
@param {Object} value An object with a new value in the `checked` property.
*/
changeMasterNotNull(value) {
this.set('selectedAttribute.startMultiplicity', value.checked ? '1' : '0..1');
},
/**
Add new attribute.
@method actions.addAttribute
*/
addAttribute() {
this.set('treeViewMode', false);
this.set('propertyName', '');
let typeTree = this.get('dataTypeTree');
restorationNodeTree(typeTree, {}, Ember.A(['master', 'class']), false);
},
/**
Edit select attribute.
@method actions.editAttribute
*/
editAttribute() {
this.set('treeViewMode', false);
let selectedNodes = this.get('selectedNodesAttributesTree');
this.set('oldPropertyName', selectedNodes[0].original.name);
this.set('propertyName', selectedNodes[0].original.name);
let typeTree = this.get('dataTypeTree');
restorationNodeTree(typeTree, {}, Ember.A(['master', 'class']), false);
},
/**
Handles remove node from attribute jsTree.
@method actions.removeAttribute
*/
removeAttribute() {
let selectedNode = this.get('selectedNodesAttributesTree')[0];
let changeControl = this._findControlByAttribute(selectedNode.original.name);
if (this.get('typeForm') === 'editform') {
changeControl.forEach((item) => this.get('currentController')._removeItem(item));
} else if (this.get('typeForm') === 'listform') {
this.get('items').removeObjects(changeControl);
}
this._deleteAttribute(selectedNode);
this.get('actionReceiverAttributesTree').send('deleteNode', selectedNode);
this.set('selectedNodesAttributesTree', Ember.A());
},
/**
Handles select node from attribute jsTree.
@method actions.applyAttribute
*/
applyAttribute() {
let selectedNode = this.get('selectedNodesAttributesTree')[0];
let treeData = this.get('dataAttributesTree');
// Create propertyName
let propertyName = createPropertyName(selectedNode, treeData[1], false);
let propertyDefinition = this._createPropertyDefinition(selectedNode.type, propertyName);
this.set('selectedItem.propertyDefinition', propertyDefinition);
this.set('selectedItem.type', selectedNode.original.typeNode);
},
/**
Handles creating jsTree.
@method actions.handleTreeDidBecomeReady
*/
handleTreeDidBecomeReady() {
let treeObject = this.get('treeObjectAttributesTree');
treeObject.on('open_node.jstree', this._openNodeTree.bind(this));
treeObject.on('after_close.jstree', afterCloseNodeTree.bind(this));
},
/**
Add new node in attributes tree.
@method actions.applyСlick
*/
applyСlick() {
let selectedNode = this.get('selectedNodesTypeTree')[0];
let nodeId = findFreeNodeTreeID('np', 0, this.get('treeObjectAttributesTree'));
let newNode = FdAttributesTree.create({
text: this.get('propertyName') + ' (' + selectedNode.text + ')',
type: selectedNode.type,
typeNode: selectedNode.text,
name: this.get('propertyName'),
id: 'np' + nodeId,
idNode: selectedNode.original.idNode
});
let store = this.get('store');
let dataobject = this.get('model.dataobject');
let attributesTree = this.get('dataAttributesTree');
let recordsDevClass = store.peekAll('fd-dev-class');
switch (selectedNode.type) {
case 'master':
// Update attributesTree.
newNode.set('children', ['#']);
newNode.set('copyChildren', ['#']);
newNode.set('typeNode', 'master');
attributesTree[1].copyChildren.pushObject(newNode);
// Create new association.
let startClass = recordsDevClass.findBy('id', selectedNode.original.idNode);
store.createRecord('fd-dev-association', {
endClass: dataobject,
startClass: startClass,
startRole: this.get('propertyName'),
stage: dataobject.get('stage')
});
break;
case 'detail':
// Update attributesTree.
newNode.set('typeNode', 'detail');
attributesTree[2].copyChildren.pushObject(newNode);
// Update typeTree.
let dataTypeTree = this.get('dataTypeTree');
let arrayChildrens = dataTypeTree[5].get('copyChildren');
let selectedObject = arrayChildrens.findBy('text', selectedNode.text);
arrayChildrens.removeObject(selectedObject);
// Create new aggregation.
let endClass = recordsDevClass.findBy('id', selectedNode.original.idNode);
store.createRecord('fd-dev-aggregation', {
endClass: endClass,
startClass: dataobject,
endRole: this.get('propertyName'),
stage: dataobject.get('stage')
});
break;
default:
attributesTree[0].copyChildren.pushObject(newNode);
// Create new attribute.
store.createRecord('fd-dev-attribute', {
class: dataobject,
name: this.get('propertyName'),
type: selectedNode.text,
});
}
// Delete old attribute.
if (!Ember.isNone(this.get('oldPropertyName'))) {
let selectedNodesAttributesTree = this.get('selectedNodesAttributesTree')[0];
let changeControl = this._findControlByAttribute(this.get('oldPropertyName'));
if (selectedNodesAttributesTree.type === selectedNode.type) {
changeControl.forEach((item) => {
item.set('propertyDefinition.name', this.get('propertyName'));
item.notifyPropertyChange('propertyDefinition');
});
} else {
let newPropertyDefinition = this._createPropertyDefinition(selectedNode.type, this.get('propertyName'));
changeControl.forEach((item) => {
item.set('propertyDefinition', newPropertyDefinition);
item.set('type', selectedNode.original.typeNode);
});
}
this._deleteAttribute(selectedNodesAttributesTree);
}
restorationNodeTree(attributesTree, {}, Ember.A(['master', 'class']), false);
this.set('oldPropertyName', undefined);
this.set('treeViewMode', true);
this.set('selectedNodesAttributesTree', Ember.A());
this.set('selectedNodesTypeTree', Ember.A());
},
/**
Open attributes tree.
@method actions.cancelСlick
*/
cancelСlick() {
let attributesTree = this.get('dataAttributesTree');
restorationNodeTree(attributesTree, {}, Ember.A(['master', 'class']), false);
this.set('treeViewMode', true);
this.set('selectedNodesAttributesTree', Ember.A());
this.set('selectedNodesTypeTree', Ember.A());
}
},
/**
Overridden action for jsTree 'openNode'.
@method _openNodeTree
*/
_openNodeTree(e, data) {
let treeData = this.get('dataAttributesTree');
restorationNodeTree(treeData, data.node.original, Ember.A(['master', 'class']), false, (function(node) {
let dataForBuildTree = getDataForBuildTree(this.get('store'), node.get('idNode'));
let childrenAttributes = getClassTreeNode(Ember.A(), dataForBuildTree.classes, null, 'type');
let childrenNode = getAssociationTreeNode(childrenAttributes, dataForBuildTree.associations, node.get('id'), null, 'name');
return childrenNode;
}).bind(this));
this.get('actionReceiverAttributesTree').send('redraw');
},
/**
Method delete attributes from class.
@method _deleteAttribute
@param {Object} selectedNode selected node from attribute tree.
*/
_deleteAttribute(selectedNode) {
let dataobject = this.get('model.dataobject');
// Delete node from parent copyChildren.
let parentSelectedNode = this.get('treeObjectAttributesTree').jstree(true).get_node(selectedNode.parent);
let arrayChildrensParentSelectedNode = parentSelectedNode.original.get('copyChildren');
let selectedObject = arrayChildrensParentSelectedNode.findBy('text', selectedNode.text);
arrayChildrensParentSelectedNode.removeObject(selectedObject);
switch (selectedNode.type) {
case 'property':
let attributes = dataobject.get('attributes');
let deleteAttribute = attributes.findBy('name', selectedNode.original.name);
deleteAttribute.deleteRecord();
break;
case 'master':
let association = this.get('store').peekAll('fd-dev-association');
let aggregation = this.get('store').peekAll('fd-dev-aggregation');
let associationCurrentClass = association.filterBy('endClass.id', dataobject.id);
associationCurrentClass.pushObjects(aggregation.filterBy('endClass.id', dataobject.id));
let deleteAssociation = Ember.A(associationCurrentClass).findBy('startClass.id', selectedNode.original.idNode);
deleteAssociation.deleteRecord();
break;
case 'detail':
let devAggregation = this.get('store').peekAll('fd-dev-aggregation');
let aggregationCurrentClass = devAggregation.filterBy('startClass.id', dataobject.id);
let deleteAggregation = Ember.A(aggregationCurrentClass).findBy('endClass.id', selectedNode.original.idNode);
deleteAggregation.deleteRecord();
let typeTree = this.get('dataTypeTree')[5];
let nodeId = findFreeNodeTreeNameIndex('detail', 0, typeTree.copyChildren, 'id');
let recordsDevClass = this.get('store').peekAll('fd-dev-class');
let classData = recordsDevClass.findBy('id', selectedObject.idNode);
typeTree.copyChildren.pushObject(
FdAttributesTree.create({
text: classData.get('name'),
type: selectedObject.type,
id: 'detail' + nodeId,
idNode: selectedObject.idNode
}));
break;
}
},
/**
Method for search control by attribute.
@method _findControlByAttribute
@param {String} attributeName Name to search.
*/
_findControlByAttribute(attributeName) {
let items = this.get('items');
let searchResults = Ember.A();
if (this.get('typeForm') === 'editform') {
for (let i = 0; i < items.length; i++) {
this._controlsRound(items.objectAt(i), attributeName, searchResults);
}
} else if (this.get('typeForm') === 'listform') {
searchResults = items.filterBy('propertyDefinition.name', attributeName);
}
return searchResults;
},
/**
Method for controls round.
@method _controlsRound
@param {FdEditformControl|FdEditformRow|FdEditformGroup|FdEditformTabgroup|FdEditformTab} control Some item in object model.
@param {String} findAttributeName Name to search.
@param {Ember.Array} result Array with search result.
*/
_controlsRound(control, findAttributeName, result) {
if (control instanceof FdEditformControl) {
let propertyName = control.get('propertyDefinition.name');
if (propertyName === findAttributeName) {
result.pushObject(control);
}
} else if (control instanceof FdEditformRow) {
for (let i = 0; i < control.get('controls.length'); i++) {
let controlInRow = control.get('controls').objectAt(i);
this._controlsRound(controlInRow, findAttributeName, result);
}
} else if (control instanceof FdEditformGroup) {
for (let i = 0; i < control.get('rows.length'); i++) {
let rowInGroup = control.get('rows').objectAt(i);
this._controlsRound(rowInGroup, findAttributeName, result);
}
} else if (control instanceof FdEditformTabgroup) {
for (let i = 0; i < control.get('tabs.length'); i++) {
let rowInGroup = control.get('tabs').objectAt(i);
this._controlsRound(rowInGroup, findAttributeName, result);
}
} else if (control instanceof FdEditformTab) {
for (let i = 0; i < control.get('rows.length'); i++) {
let rowInGroup = control.get('rows').objectAt(i);
this._controlsRound(rowInGroup, findAttributeName, result);
}
}
},
/**
Method for create new propertyDefinition.
@method _createPropertyDefinition
@param {String} type Type.
@param {String} propertyName PropertyName.
*/
_createPropertyDefinition(type, propertyName) {
let propertyDefinition;
switch (type) {
case 'property':
propertyDefinition = FdViewAttributesProperty.create({
name: propertyName,
caption: propertyName,
});
break;
case 'master':
propertyDefinition = FdViewAttributesMaster.create({
name: propertyName,
caption: propertyName,
});
break;
case 'detail':
propertyDefinition = FdViewAttributesDetail.create({
name: propertyName,
caption: propertyName,
});
break;
}
return propertyDefinition;
},
/**
Method for create attributes tree.
@method _createAttributesTree
*/
_createAttributesTree() {
let attributesTree = Ember.A();
attributesTree.pushObjects([
FdAttributesTree.create({
text: this.get('i18n').t('components.fd-visual-edit-control-tree.tree.property').toString(),
type: 'class',
id: 'attributes',
children: this.get('model.attributes'),
copyChildren: this.get('model.attributes'),
state: { opened: true }
}),
FdAttributesTree.create({
text: this.get('i18n').t('components.fd-visual-edit-control-tree.tree.master').toString(),
type: 'class',
id: 'masters',
children: this.get('model.masters'),
copyChildren: this.get('model.masters'),
state: { opened: true }
}),
FdAttributesTree.create({
text: this.get('i18n').t('components.fd-visual-edit-control-tree.tree.detail').toString(),
type: 'class',
id: 'details',
children: this.get('model.details'),
copyChildren: this.get('model.details'),
state: { opened: true }
})
]);
return attributesTree;
},
/**
Method for create type tree.
@method _createTypeTree
*/
_createTypeTree() {
let typeTree = Ember.A();
typeTree.pushObjects([
FdAttributesTree.create({
text: this.get('i18n').t('components.fd-visual-edit-control-tree.tree.type').toString(),
type: 'class',
id: 'simpleTypes',
children: this.get('model.simpleTypes'),
copyChildren: this.get('model.simpleTypes'),
state: { opened: true }
}),
FdAttributesTree.create({
text: 'typedef',
type: 'class',
id: 'typedef',
children: this.get('model.typemap'),
copyChildren: this.get('model.typemap'),
state: { opened: true }
}),
FdAttributesTree.create({
text: 'enumeration',
type: 'class',
id: 'enum',
children: this.get('model.enums'),
copyChildren: this.get('model.enums'),
state: { opened: true }
}),
FdAttributesTree.create({
text: 'type',
type: 'class',
id: 'type',
children: this.get('model.types'),
copyChildren: this.get('model.types'),
state: { opened: true }
}),
FdAttributesTree.create({
text: this.get('i18n').t('components.fd-visual-edit-control-tree.tree.master').toString(),
type: 'class',
id: 'masters',
children: this.get('model.mastersType'),
copyChildren: this.get('model.mastersType'),
state: { opened: true }
}),
FdAttributesTree.create({
text: this.get('i18n').t('components.fd-visual-edit-control-tree.tree.detail').toString(),
type: 'class',
id: 'details',
children: this.get('model.detailsType'),
copyChildren: this.get('model.detailsType'),
state: { opened: true }
})
]);
return typeTree;
},
willDestroy() {
this._super(...arguments);
let treeObject = this.get('treeObjectAttributesTree');
if (!Ember.isNone(treeObject)) {
treeObject.off('open_node.jstree', this._openNodeTree.bind(this));
treeObject.off('after_close.jstree', afterCloseNodeTree.bind(this));
}
}
});
Flexberry Documentation