2 * ============LICENSE_START=======================================================
4 * ================================================================================
5 * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
6 * ================================================================================
7 * Licensed under the Apache License, Version 2.0 (the "License");
8 * you may not use this file except in compliance with the License.
9 * You may obtain a copy of the License at
11 * http://www.apache.org/licenses/LICENSE-2.0
13 * Unless required by applicable law or agreed to in writing, software
14 * distributed under the License is distributed on an "AS IS" BASIS,
15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 * See the License for the specific language governing permissions and
17 * limitations under the License.
18 * ============LICENSE_END=========================================================
21 import {ClickedOutsideDirective} from "../directives/clicked-outside/clicked-outside-directive";
22 import {LoaderDirective} from "../directives/loader/loader-directive";
23 import {UserHeaderDetailsDirective} from "../directives/user-header-details/user-header-details-directive";
24 import {FileTypeDirective} from "../directives/file-type/file-type";
25 import {DownloadArtifactDirective} from "../directives/download-artifact/download-artifact";
26 import {EllipsisDirective} from "../directives/ellipsis/ellipsis-directive";
27 import {InvalidCharactersDirective} from "../directives/invalid-characters/invalid-characters";
28 import {ExpandCollapseDirective} from "../directives/utils/expand-collapse/expand-collapse";
29 import {PerfectScrollerDirective} from "../directives/perfect-scrollbar/angular-perfect-scrollbar";
30 import {SdcModalDirective} from "../directives/modal/sdc-modal";
31 import {FileOpenerDirective} from "../directives/file-opener/file-opener";
32 import {FileUploadDirective} from "../directives/file-upload/file-upload";
33 import {StructureTreeDirective} from "../directives/structure-tree/structure-tree-directive";
34 import {SmartTooltipDirective} from "../directives/utils/smart-tooltip/smart-tooltip";
35 import {TagDirective} from "../directives/tag/tag-directive";
36 import {SdcTagsDirective} from "../directives/utils/sdc-tags/sdc-tags";
37 import {SdcKeyboardEventsDirective} from "../directives/utils/sdc-keyboard-events/sdc-keyboard-events";
38 import {ExpandCollapseMenuBoxDirective} from "../directives/utils/expand-collapse-menu-box/expand-collaps-menu-box";
39 import {PunchOutDirective} from "../directives/punch-out/punch-out";
40 import {CustomValidationDirective} from "../directives/custom-validation/custom-validation";
41 import {EcompHeaderDirective} from "../directives/ecomp-header/ecomp-header";
42 import {EditNamePopoverDirective} from "../directives/edit-name-popover/edit-name-popover-directive";
43 import {DataTypeFieldsStructureDirective} from "../directives/property-types/data-type-fields-structure/data-type-fields-structure";
44 import {TypeMapDirective} from "../directives/property-types/type-map/type-map-directive";
45 import {TypeListDirective} from "../directives/property-types/type-list/type-list-directive";
46 import {SelectDataTypeFieldsStructureDirective} from "../directives/select-property-types/select-data-type-fields-structure/select-data-type-fields-structure";
47 import {SelectTypeMapDirective} from "../directives/select-property-types/select-type-map/select-type-map-directive";
48 import {SelectTypeListDirective} from "../directives/select-property-types/select-type-list/select-type-list-directive";
49 import {ValidationOnLoadDirective} from "../directives/utils/validation-on-load/validation-on-load";
50 import {InfoTooltipDirective} from "../directives/info-tooltip/info-tooltip";
51 import {SdcTabsDirective} from "../directives/sdc-tabs/sdc-tabs-directive";
53 SdcSingleTabDirective,
54 InnerSdcSingleTabDirective
55 } from "../directives/sdc-tabs/sdc-single-tab/sdc-single-tab-directive";
56 import {ExpandCollapseListHeaderDirective} from "../directives/utils/expand-collapse-list-header/expand-collapse-list-header";
57 import {JsonExportExcelDirective} from "../directives/export-json-to-excel/export-json-to-excel";
58 import {TopProgressDirective} from "../directives/layout/top-progress/top-progress";
59 import {CheckboxElementDirective} from "../directives/elements/checkbox/checkbox";
60 import {RadiobuttonElementDirective} from "../directives/elements/radiobutton/radiobutton";
61 import {OnLastRepeatDirective} from "../directives/events/on-last-repeat/on-last-repeat";
62 import {InputRowDirective} from "../directives/inputs-and-properties/inputs/input-row-directive";
63 import {PropertyRowDirective} from "../directives/inputs-and-properties/properties/property-row-directive";
64 import {NodesFactory} from "../models/graph/nodes/nodes-factory";
65 import {LinksFactory} from "../models/graph/graph-links/links-factory";
66 import {CapabilitiesListDirective} from "../directives/capabilities-and-requirements/capability/capabilities-list-directive";
67 import {RequirementsListDirective} from "../directives/capabilities-and-requirements/requirement/requirements-list-directive";
68 import {PreventDoubleClickDirective} from "../directives/prevent-double-click/prevent-double-click";
70 let moduleName:string = 'Sdc.Directives';
71 let directiveModule:ng.IModule = angular.module(moduleName, []);
73 directiveModule.directive('clickedOutside', ClickedOutsideDirective.factory);
74 directiveModule.directive('loader', LoaderDirective.factory);
75 directiveModule.directive('userHeaderDetails', UserHeaderDetailsDirective.factory);
76 directiveModule.directive('ellipsis', EllipsisDirective.factory);
77 directiveModule.directive('downloadArtifact', DownloadArtifactDirective.factory);
78 directiveModule.directive('fileType', FileTypeDirective.factory);
79 directiveModule.directive('invalidCharacters', InvalidCharactersDirective.factory);
80 directiveModule.directive('perfectScrollbar', PerfectScrollerDirective.factory);
81 directiveModule.directive('expandCollapse', ExpandCollapseDirective.factory);
82 directiveModule.directive('ng1Modal', SdcModalDirective.factory);
83 directiveModule.directive('fileOpener', FileOpenerDirective.factory);
84 directiveModule.directive('fileUpload', FileUploadDirective.factory);
85 directiveModule.directive('structureTree', StructureTreeDirective.factory);
86 directiveModule.directive('sdcSmartTooltip', SmartTooltipDirective.factory);
87 directiveModule.directive('sdcTag', TagDirective.factory);
88 directiveModule.directive('sdcTags', SdcTagsDirective.factory);
89 directiveModule.directive('sdcKeyboardEvents', SdcKeyboardEventsDirective.factory);
90 directiveModule.directive('expandCollapseMenuBox', ExpandCollapseMenuBoxDirective.factory);
91 directiveModule.directive('punchOut', PunchOutDirective.factory);
92 directiveModule.directive('customValidation', CustomValidationDirective.factory);
93 directiveModule.directive('ecompHeader', EcompHeaderDirective.factory);
94 directiveModule.directive('editNamePopover', EditNamePopoverDirective.factory);
95 directiveModule.directive('fieldsStructure', DataTypeFieldsStructureDirective.factory);
96 directiveModule.directive('typeMap', TypeMapDirective.factory);
97 directiveModule.directive('typeList', TypeListDirective.factory);
98 directiveModule.directive('selectFieldsStructure', SelectDataTypeFieldsStructureDirective.factory);
99 directiveModule.directive('selectTypeMap', SelectTypeMapDirective.factory);
100 directiveModule.directive('selectTypeList', SelectTypeListDirective.factory);
101 directiveModule.directive('infoTooltip', InfoTooltipDirective.factory);
102 directiveModule.directive('validationOnLoad', ValidationOnLoadDirective.factory);
103 directiveModule.directive('ng1Tabs', SdcTabsDirective.factory);
104 directiveModule.directive('sdcSingleTab', SdcSingleTabDirective.factory);
105 directiveModule.directive('innerSdcSingleTab', InnerSdcSingleTabDirective.factory);
106 directiveModule.directive('jsonExportExcel', JsonExportExcelDirective.factory);
107 directiveModule.directive('expandCollapseListHeader', ExpandCollapseListHeaderDirective.factory);
108 directiveModule.directive('preventDoubleClick', PreventDoubleClickDirective.factory);
112 directiveModule.directive('topProgress', TopProgressDirective.factory);
115 directiveModule.directive('ng1Checkbox', CheckboxElementDirective.factory);
116 directiveModule.directive('sdcRadioButton', RadiobuttonElementDirective.factory);
119 directiveModule.directive('onLastRepeat', OnLastRepeatDirective.factory);
121 // //Inputs & Properties
122 directiveModule.directive('inputRow', InputRowDirective.factory);
123 directiveModule.directive('propertyRow', PropertyRowDirective.factory);
126 // // ------------------------------------------- Composition & Deployment Graphs------------------------------------------//
128 // //Util service for Graph
129 directiveModule.service('NodesFactory', NodesFactory);
130 directiveModule.service('LinksFactory', LinksFactory);
133 //Compoisiton right tab directives
134 directiveModule.directive('capabilitiesList', CapabilitiesListDirective.factory);
135 directiveModule.directive('requirementsList', RequirementsListDirective.factory);
138 // *** NG2 Components (downgraded) *** //
139 import {downgradeComponent} from "@angular/upgrade/static";
140 import {MenuListNg2Component} from "../ng2/components/downgrade-wrappers/menu-list-ng2/menu-list-ng2.component";
141 import {TopNavComponent} from "../ng2/components/layout/top-nav/top-nav.component";
142 import {ZoneContainerComponent} from "../ng2/pages/composition/graph/canvas-zone/zone-container.component";
143 import {ZoneInstanceComponent} from "../ng2/pages/composition/graph/canvas-zone/zone-instance/zone-instance.component";
144 import {CompositionPanelComponent} from 'app/ng2/pages/composition/panel/composition-panel.component';
145 import {PropertiesAssignmentComponent} from "../ng2/pages/properties-assignment/properties-assignment.page.component";
146 import {SearchWithAutoCompleteComponent} from "../ng2/components/ui/search-with-autocomplete/search-with-autocomplete.component";
147 import {PalettePopupPanelComponent} from "../ng2/pages/composition/palette/palette-popup-panel/palette-popup-panel.component";
148 import {ServicePathSelectorComponent} from '../ng2/pages/composition/graph/service-path-selector/service-path-selector.component';
149 import {MultilineEllipsisComponent} from "../ng2/shared/multiline-ellipsis/multiline-ellipsis.component";
150 import { InterfaceOperationComponent } from '../ng2/pages/interface-operation/interface-operation.page.component';
151 import { PluginFrameComponent } from "../ng2/components/ui/plugin/plugin-frame.component";
152 import {TileComponent} from "../ng2/components/ui/tile/tile.component";
153 import {CompositionPageComponent} from "../ng2/pages/composition/composition-page.component";
154 import {CatalogComponent} from "../ng2/pages/catalog/catalog.component";
155 import {HomeComponent} from "../ng2/pages/home/home.component";
156 import {PluginContextViewPageComponent} from "../ng2/pages/plugins/plugin-context-view/plugin-context-view.page.component";
157 import {PluginTabViewPageComponent} from "../ng2/pages/plugins/plugin-tab-view/plugin-tab-view.page.component";
158 import {CompositionGraphComponent} from "../ng2/pages/composition/graph/composition-graph.component";
159 import {DeploymentPageComponent} from "../ng2/pages/workspace/deployment/deployment-page.component";
160 import {ActivityLogComponent} from "../ng2/pages/workspace/activity-log/activity-log.component";
161 import {ToscaArtifactPageComponent} from "../ng2/pages/workspace/tosca-artifacts/tosca-artifact-page.component";
162 import {InformationArtifactPageComponent} from "../ng2/pages/workspace/information-artifact/information-artifact-page.component";
163 import {AttributesComponent} from "../ng2/pages/workspace/attributes/attributes.component";
164 import {DeploymentArtifactsPageComponent} from "../ng2/pages/workspace/deployment-artifacts/deployment-artifacts-page.component";
165 import { ReqAndCapabilitiesComponent } from "../ng2/pages/workspace/req-and-capabilities/req-and-capabilities.component";
166 import { DistributionComponent } from '../ng2/pages/workspace/disribution/distribution.component';
168 directiveModule.directive('menuListNg2', downgradeComponent({
169 component: MenuListNg2Component,
171 }) as angular.IDirectiveFactory);
173 directiveModule.directive('topNav', downgradeComponent({
174 component: TopNavComponent,
175 inputs: ['version', 'menuModel', 'topLvlSelectedIndex', 'hideSearch', 'searchTerm', 'notificationIconCallback', 'unsavedChanges', 'unsavedChangesCallback'],
176 outputs: ['searchTermChange']
177 }) as ng.IDirectiveFactory);
179 directiveModule.directive('ng2ZoneContainer', downgradeComponent({
180 component: ZoneContainerComponent,
181 inputs: ['title', 'count', 'type', 'visible', 'minimized'],
182 outputs: ['minimize', 'backgroundClick']
183 }) as angular.IDirectiveFactory);
185 directiveModule.directive('ng2ZoneInstance', downgradeComponent({
186 component: ZoneInstanceComponent,
187 inputs: ['zoneInstance', 'isActive', 'activeInstanceMode', 'defaultIconText', 'isViewOnly', 'hidden', 'forceSave'],
188 outputs: ['modeChange', 'tagHandleClick', 'assignmentSaveStart', 'assignmentSaveComplete']
189 }) as angular.IDirectiveFactory);
191 directiveModule.directive('ng2CompositionPanel', downgradeComponent({
192 component: CompositionPanelComponent,
193 inputs: ['isViewOnly', 'isLoading', 'isCertified', 'selectedZoneInstanceId', 'selectedZoneInstanceType', 'selectedZoneInstanceName', 'topologyTemplate'],
194 }) as angular.IDirectiveFactory);
196 directiveModule.directive('propertiesAssignment', downgradeComponent({
197 component: PropertiesAssignmentComponent
198 }) as angular.IDirectiveFactory);
200 directiveModule.directive('compositionPage', downgradeComponent({
201 component: CompositionPageComponent
202 }) as angular.IDirectiveFactory);
204 directiveModule.directive('activityLog', downgradeComponent({
205 component: ActivityLogComponent
206 }) as angular.IDirectiveFactory);
208 directiveModule.directive('distribution', downgradeComponent({
209 component: DistributionComponent
210 }) as angular.IDirectiveFactory);
212 directiveModule.directive('attributes', downgradeComponent({
213 component: AttributesComponent
214 }) as angular.IDirectiveFactory);
216 directiveModule.directive('reqAndCapabilities', downgradeComponent({
217 component: ReqAndCapabilitiesComponent
218 }) as angular.IDirectiveFactory);
220 directiveModule.directive('ng2SearchWithAutocomplete', downgradeComponent({
221 component: SearchWithAutoCompleteComponent,
222 inputs: ['searchPlaceholder', 'searchBarClass', 'autoCompleteValues'],
223 outputs: ['searchChanged', 'searchButtonClicked']
224 }) as angular.IDirectiveFactory);
226 directiveModule.directive('ng2PalettePopupPanel', downgradeComponent({
227 component: PalettePopupPanelComponent,
230 }) as angular.IDirectiveFactory);
232 directiveModule.directive('ng2ServicePathSelector', downgradeComponent({
233 component: ServicePathSelectorComponent,
234 inputs: ['drawPath', 'deletePaths', 'service', 'selectedPathId'],
236 }) as angular.IDirectiveFactory);
238 directiveModule.directive('interfaceOperation', downgradeComponent({
239 component: InterfaceOperationComponent,
240 inputs: ['component', 'readonly'],
242 }) as angular.IDirectiveFactory);
244 directiveModule.directive('ng2MultilineEllipsis', downgradeComponent({
245 component: MultilineEllipsisComponent,
246 inputs: ['lines', 'lineHeight', 'className'],
247 outputs: ['hasEllipsisChanged']
248 }) as angular.IDirectiveFactory);
250 directiveModule.directive('ng2UiTile', downgradeComponent({
251 component: TileComponent,
252 inputs: ['component'],
253 outputs: ['onTileClick']
254 }) as angular.IDirectiveFactory);
256 directiveModule.directive('pluginFrame', downgradeComponent({
257 component: PluginFrameComponent,
258 inputs: ['plugin', 'queryParams'],
259 outputs: ['onLoadingDone']
260 }) as angular.IDirectiveFactory);
262 directiveModule.directive('catalogPage', downgradeComponent({
263 component: CatalogComponent,
266 }) as angular.IDirectiveFactory);
268 directiveModule.directive('homePage', downgradeComponent({
269 component: HomeComponent,
272 }) as angular.IDirectiveFactory);
274 directiveModule.directive('pluginContextView', downgradeComponent({
275 component: PluginContextViewPageComponent,
278 }) as angular.IDirectiveFactory);
280 directiveModule.directive('pluginTabView', downgradeComponent({
281 component: PluginTabViewPageComponent,
284 }) as angular.IDirectiveFactory);
286 directiveModule.directive('compositionGraph', downgradeComponent({
287 component: CompositionGraphComponent,
288 inputs: ['topologyTemplate', 'isViewOnly'],
290 }) as angular.IDirectiveFactory);
291 directiveModule.directive('toscaArtifactPage', downgradeComponent({
292 component: ToscaArtifactPageComponent,
295 }) as angular.IDirectiveFactory);
297 directiveModule.directive('deploymentPage', downgradeComponent({
298 component: DeploymentPageComponent,
301 }) as angular.IDirectiveFactory);
303 directiveModule.directive('informationArtifactPage', downgradeComponent({
304 component: InformationArtifactPageComponent,
307 }) as angular.IDirectiveFactory);
308 directiveModule.directive('deploymentArtifactPage', downgradeComponent({
309 component: DeploymentArtifactsPageComponent,
312 }) as angular.IDirectiveFactory);