2 ============LICENSE_START=======================================================
4 ================================================================================
5 Copyright (C) 2017 AT&T Intellectual Property. All rights
7 ================================================================================
8 Licensed under the Apache License, Version 2.0 (the "License");
9 you may not use this file except in compliance with the License.
10 You may obtain a copy of the License at
12 http://www.apache.org/licenses/LICENSE-2.0
14 Unless required by applicable law or agreed to in writing, software
15 distributed under the License is distributed on an "AS IS" BASIS,
16 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
17 See the License for the specific language governing permissions and
18 limitations under the License.
19 ============LICENSE_END============================================
20 ===================================================================
21 ECOMP is a trademark and service mark of AT&T Intellectual Property.
41 border: 0px solid black;
46 background-color: #337ab7;
54 border: 0px solid black;
57 vertical-align: bottom;
61 border: 0px solid black;
66 .td-level1-label-tree {
76 .td-level2-label-tree {
86 .td-level3-label-tree {
96 .td-level4-label-tree {
106 .td-level5-label-tree {
116 .td-level6-label-tree {
126 .td-level7-label-tree {
136 .td-level8-label-tree {
147 .td-level9-label-tree {
158 .td-level10-label-tree {
164 .td-default_value-tree {
165 border: 0px solid black;
167 width: 180px !important;
168 vertical-align: bottom;
169 text-align: left !important;
182 border: 0px solid black;
186 text-align: center !important;
189 /* #contextmenu-node{
191 background-color: white;
192 border: solid #CCCCCC 1px;
203 line-height: 1.42857143;
208 .contextmenu-item:hover{
209 background-color: #3c8dbc;
216 background-color: white;
217 border: solid #CCCCCC 1px;
229 line-height: 1.42857143;
234 .contextmenu-item:hover{
235 background-color: #3c8dbc;
241 <div attribute-test="cldsmodelling" class="container-fluid" ng-controller="ActivityModellingCtrl" style="height: 90vh;margin:0;padding:0;overflow: hidden;">
242 <div id="utm-splitter" class="k-content" style="height: 90vh;overflow: hidden;">
243 <!-- clds: size 0% rather than 30% -->
244 <!-- div id="UTMdashboard" kendo-splitter
245 k-panes="[ { collapsible: true, collapsedSize: '0%',size:'30%'},{}]"
246 k-orientation="orientation" k-rebind="orientation"
247 ng-class="{hidden:testsetgendashboard}" style="height: 90vh;overflow: hidden;margin-left: 2px;margin-right: 2px;" -->
248 <div attribute-test="cldsmodelling2" id="UTMdashboard" kendo-splitter
249 k-panes="[ { collapsible: true, collapsedSize: '0%',size:'0%'},{}]"
250 k-orientation="orientation" k-rebind="orientation"
251 ng-class="{hidden:testsetgendashboard}" style="height: 90vh;overflow: hidden;margin-left: 2px;margin-right: 2px;">
252 <div style="display: none;" id="projectExplorer">
253 <!-- clds: remove project explorer - use display: none -->
254 <!-- div style="width: 30%; height: 90vh;overflow: hidden;" id="projectExplorer" -->
255 <div class="panel panel-primary">
256 <div class="panel-heading">
257 <div style="color: white;">
259 <span class="pull-left"> <span>Project Explorer</span>
260 </span> <span class="pull-right" ng-click="showUTMView=!showUTMView"><i
261 ng-class="showUTMView == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i></span>
264 <div class="clearfix"></div>
266 <div ng-class="{hidden:showUTMView,chaldean:showUTMView}">
267 <div class="panel-body" style="height: 79vh; overflow: auto;">
268 <div ng-if="projectName != null" >
271 <span class="pull-left"
272 ng-click="showUTMViewMain=!showUTMViewMain"> <i
273 ng-class="showUTMViewMain == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i>
274 </span> <b>{{projectName}} </b>
279 <div style="margin-left: 5px"
280 ng-class="{hidden:showUTMViewMain,chaldean:showUTMViewMain}">
284 <span class="pull-left"
285 ng-click="showUTMViewModel=!showUTMViewModel"> <i
286 ng-class="showUTMViewModel == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
291 <div style="margin-left: 15px"
292 ng-class="{hidden:showUTMViewModel,chaldean:showUTMViewModel}">
294 <div id="div_models" ng-include="'model_renderer.html'">
301 <span class="pull-left"
302 ng-click="showUTMViewService=!showUTMViewService"> <i
303 ng-class="showUTMViewService == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
305 </span><b>Service</b>
309 <div style="margin-left: 10px"
310 ng-class="{hidden:showUTMViewService,chaldean:showUTMViewService}">
312 <div style="width: 190px;">
314 <span class="pull-left"
315 ng-click="showUTMViewDtl=!showUTMViewDtl"> <i
316 ng-class="showUTMViewDtl == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
318 </span><b>Service Details</b>
322 <div style="margin-left: 10px"
323 ng-class="{hidden:!showUTMViewDtl,chaldean:!showUTMViewDtl}">
326 <div ng-show="serviceInfo != null">
328 <span class="pull-left"
329 ng-click="showUTMViewServiceName=!showUTMViewServiceName">
331 ng-class="showUTMViewServiceName == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
333 </span><b>Service Name</b>
335 <div style="margin-left: 10px"
336 ng-class="{hidden:!showUTMViewServiceName,chaldean:!showUTMViewServiceName}">
337 <div style="margin-left: 10px">
338 {{serviceInfo.service.name}}</div>
343 <div ng-show="serviceInfo != null">
345 <span class="pull-left"
346 ng-click="showUTMViewPortName=!showUTMViewPortName">
348 ng-class="showUTMViewPortName == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
350 </span><b>Port Name</b>
352 <div style="margin-left: 10px"
353 ng-class="{hidden:!showUTMViewPortName,chaldean:!showUTMViewPortName}">
354 <div style="margin-left: 10px">
355 {{serviceInfo.service.ports[0].name}}</div>
359 <div ng-show="serviceInfo != null">
361 <span class="pull-left"
362 ng-click="showUTMViewBindingName=!showUTMViewBindingName">
364 ng-class="showUTMViewBindingName == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
366 </span><b> Binding Name</b>
368 <div style="margin-left: 10px"
369 ng-class="{hidden:!showUTMViewBindingName,chaldean:!showUTMViewBindingName}">
370 <div style="margin-left: 10px">
371 {{serviceInfo.bindingInfo.binding.name}}</div>
375 <div ng-show="serviceInfo != null">
377 <span class="pull-left"
378 ng-click="showUTMViewBindingPortType=!showUTMViewBindingPortType">
379 <i ng-class="showUTMViewBindingPortType == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
381 </span><b>Binding Port Type</b>
383 <div style="margin-left: 10px"
384 ng-class="{hidden:!showUTMViewBindingPortType,chaldean:!showUTMViewBindingPortType}">
385 <div style="margin-left: 10px">
386 {{serviceInfo.bindingInfo.portTypeInfo.portType.name}}</div>
390 <div ng-show="serviceInfo != null">
392 <span class="pull-left"
393 ng-click="showUTMViewOperation=!showUTMViewOperation">
395 ng-class="showUTMViewOperation == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
397 </span><b>Operation Name</b>
399 <div style="margin-left: 10px"
400 ng-class="{hidden:!showUTMViewOperation,chaldean:!showUTMViewOperation}">
401 <div style="margin-left: 10px">
402 {{serviceInfo.bindingInfo.portTypeInfo.operationInfo[0].operation.name}}</div>
407 <table class="table-tree">
409 <td class="td-label-tree" style="margin-top: 30px;">
420 <span class="pull-left" ng-click="showUTMViewInput=!showUTMViewInput">
421 <i ng-class="showUTMViewInput == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
431 <td class="td-default_value-tree" >
432 <table style="margin-top: 30px;">
441 <td class="td-blank"></td>
447 <div ng-show="isModel">
448 <table style="margin-top: -10px;width: 260px;margin-left: -116px;">
450 <td class="td-default_value-tree">
451 <input type="radio" ng-model="utmModelSchemaExtension.radioSelection"
452 ng-click="requiredOnly()"
453 value="Required Only"><b>Required Only</b>
457 <!-- <td class="td-default_value-tree">
458 <h6> <b>Default Value</b></h6>
464 <td style="text-align: left;" class="td-default_value-tree">
465 <input type="radio" ng-model="utmModelSchemaExtension.radioSelection"
466 ng-click="selectAll()"
467 value="Select All"> <b>Select All</b>
474 <td style="text-align: left;" class="td-default_value-tree">
475 <input type="radio" ng-model="utmModelSchemaExtension.radioSelection"
476 ng-click="unSelectAll()"
477 value="Unselect All"> <b>Unselect All</b>
487 <!-- <td class="td-blank"></td>
488 <td class="td-blank"></td> -->
489 <td class="td-default_value-tree">
490 <h6> <b>Default Value</b></h6>
499 <div style="margin-left: 20px;margin-top: -12px;"
500 ng-class="{hidden:showUTMViewInput,chaldean:showUTMViewInput}">
502 <div ng-show="serviceInputPartInfo.length>0" >
504 <!-- <div ng-repeat="inputInfo in serviceInputPartInfo">
505 inputInfo :: {{inputInfo}}
506 <div ng-repeat="schemaElement in inputInfo.schemaElements" ng-include="'service_tree_element_renderer.html'" ng-init="currentElementName= inputInfo.part.name;parentName='ServiceInput'; parentElement=inputInfo; heirarchyLevel=1">
511 <div ng-repeat="inputInfo in serviceInputPartInfo">
512 <div class="inputInfoClass" ng-init="currentElementName= inputInfo.part.name;parentName='ServiceInput'; parentElement=inputInfo; heirarchyLevel=1;infoType=inputInfo"></div>
520 <table class="table-tree" style="margin-top: -12px;>
522 <td class="td-label-tree">
524 <span class="pull-left"
525 ng-click="showUTMViewOutput=!showUTMViewOutput">
527 ng-class="showUTMViewOutput == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
530 <b>Service Output</b>
534 <td class="td-default_value-tree">
540 <div style="margin-left: 20px;"
541 ng-class="{hidden:showUTMViewOutput,chaldean:showUTMViewOutput}">
542 <div ng-show="serviceOutputPartInfo.length>0" style="width: 250px">
544 <!-- <div ng-repeat="outputInfo in serviceOutputPartInfo" >
545 outputInfo::: {{outputInfo}}
546 <div ng-repeat="schemaElement in outputInfo.schemaElements" ng-include="'service_tree_element_renderer.html'" ng-init="currentElementName=outputInfo.part.name;parentName='ServiceOutput'; parentElement=outputInfo; heirarchyLevel=1">
549 <div ng-repeat="outputInfo in serviceOutputPartInfo">
550 <div class="inputInfoClass" ng-init="currentElementName=outputInfo.part.name;parentName='ServiceOutput'; parentElement=outputInfo; heirarchyLevel=1; infoType=outputInfo"></div>
556 <table class="table-tree" style="margin-top: -12px;">
558 <td class="td-label-tree" >
560 <span class="pull-left"
561 ng-click="showUTMViewFault=!showUTMViewFault">
562 <i ng-class="showUTMViewFault == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
568 <td class="td-default_value-tree">
574 <div style="margin-left: 20px;"
575 ng-class="{hidden:showUTMViewFault,chaldean:showUTMViewFault}">
577 <div ng-show="servicefaultPartInfo.length>0" style="width: 250px">
579 <!-- <div ng-repeat="faultInfo in servicefaultPartInfo" style="margin-top: -12px;">
580 faultInfo ::::{{faultInfo}}
581 <div ng-repeat="schemaElement in faultInfo.schemaElements" ng-include="'service_tree_element_renderer.html'" ng-init="currentElementName=faultInfo.schemaElements[0].name;parentName='ServiceFault'; parentElement=faultInfo; heirarchyLevel=1">
584 <div ng-repeat="faultInfo in servicefaultPartInfo">
585 <div class="inputInfoClass" ng-init="currentElementName=faultInfo.part.name;parentName='ServiceFault'; parentElement=faultInfo; heirarchyLevel=1; infoType=faultInfo"></div>
596 <span class="pull-left"
597 ng-click="showUTMViewTestSet=!showUTMViewTestSet">
599 ng-class="showUTMViewTestSet == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
602 <b ng-click="selectActivityTestSet()">Test Set</b>
605 <div style="margin-left: 15px;"
606 ng-class="{hidden:!showUTMViewTestSet,chaldean:!showUTMViewTestSet}">
607 <div ng-show=" modeltestset.activityTestCases.length>0" style="width: 250px">
608 <div ng-repeat="activityTestCase in modeltestset.activityTestCases">
610 <div ng-if="activityTestCase.version ==null">
612 <div ng-mouseover="selectTC(activityTestCase)"><b id="{{activityTestCase.testCaseName}}" data-stuff='{{activityTestCase}}' data-model='{{utmModels}}' class="TCS" style="cursor:pointer;">{{activityTestCase.testCaseName}}</b></div>
615 <div ng-if="activityTestCase.version !=null">
617 <div ng-mouseover="selectTC(activityTestCase)"><b id="{{activityTestCase.testCaseName}}" data-stuff='{{activityTestCase}}' data-model='{{utmModels}}' class="TCS" style="cursor:pointer;">{{activityTestCase.testCaseName + "_" + activityTestCase.version}}</b></div>
632 <!-- clds: width 100 instead of 70 -->
633 <div style="width: 100%;height:90vh" id="activity_modeler">
634 <!-- div style="width: 70%;height:90vh" id="activity_modeler" -->
636 <div class="panel panel-primary">
637 <div class="panel-heading">
638 <div style="color: white;">
640 <span class="pull-left">
641 <span id="modeler_name">Closed Loop Modeler</span>
643 <span class="pull-right" >
644 <span id="templa_name"></span>
646 <i ng-click="showTDRView=!showTDRView" ng-class="showTDRView == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i>
650 <div class="clearfix"></div>
652 <div ng-class="{hidden:showTDRView,chaldean:showTDRView}">
653 <div style="height: 83.5vh; width: 100%;">
654 <div class="panel-body" style="height: 83.5vh;padding: 0px;">
655 <div id="paletteDiv" style="width: 100%;height: 83.5vh;"
656 ng-show="isPalette" ng-include="'./modeler/dist/index.html'">
660 <!--Commented becoz i m not able to find the htmls-->
661 <!-- <div ng-show="isTestset && !isPalette && !isRequirementCoverage" style="width: 100%;height: 83.5vh;" ng-include src="'partials/portfolios/generate_testset.html'" ></div>
662 <div ng-show="!isTestset && !isPalette && isRequirementCoverage" style="width: 100%;height: 83.5vh;" ng-include src="'partials/portfolios/requirement_coverage.html'" ></div> -->
672 <!-- <div id="propertyExplorer" style="width: 20%;height:90vh" >
674 <div class="panel panel-primary">
675 <div class="panel-heading">
676 <div style="color: white;">
678 <span class="pull-left"> <span>Property Explorer</span>
680 </span> <span class="pull-right" ng-click="showTDRView=!showTDRView"><i
681 ng-class="showTDRView == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i></span>
684 <div class="clearfix"></div>
686 <div ng-class="{hidden:showTDRView,chaldean:showTDRView}">
687 <div class="panel-body" style="height: 79vh; overflow: auto;">
691 <div id="propertyDiv" ng-show="ispropertyExplorer" ng-include src="'./partials/portfolios/Property_Explorer.html'"></div>
703 <div ng-show ="isResult"> </div>
704 <script type="text/ng-template" id="service_tree_element_renderer.html">
708 <div ng-show="schemaElement.complexType != null">
711 <div ng-if="currentElementName == ''">
712 <div ng-init="currentElementName = schemaElement.complexType.name">
717 <div ng-init="ParentKey=parentName + '_' + currentElementName + (schemaElement.repeatableHierarchicalPrefix != null ? schemaElement.repeatableHierarchicalPrefix : ''); parElement=schemaElement;tableStyle='table-level' + heirarchyLevel + '-tree'; tdLabelStyle='td-level' + heirarchyLevel + '-label-tree'; heirLevel=heirarchyLevel ;">
719 <table class="{{tableStyle}}"> <tr>
720 <td class="{{tdLabelStyle}}">
721 <span class="pull-left" ng-click="showUTMViewMsgHeader=!showUTMViewMsgHeader">
723 ng-class="showUTMViewMsgHeader == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
727 {{currentElementName}}
731 <td class="td-tree"></td>
732 <td class="td-tree"></td>
733 <td class="td-tree"></td>
734 <td class="td-blank"></td>
735 <td class="td-default_value-tree"> </td>
740 <div style="margin-left: 10px"
741 ng-class="{hidden:showUTMViewMsgHeader,chaldean:showUTMViewMsgHeader}">
743 <div style="margin-left: 10px"
744 ng-repeat="schemaElement in schemaElement.elements" ng-init="currentElementName=objectName;parentName=ParentKey; parentElement=parElement; heirarchyLevel = heirLevel + 1" ng-include="'service_tree_element_renderer.html'">
752 <div ng-show="schemaElement.element.name != null">
753 <div ng-init = "elementKey=parentName + '_' + schemaElement.element.name + (schemaElement.repeatableHierarchicalPrefix != null ? schemaElement.repeatableHierarchicalPrefix : ''); tableStyle='table-level' + heirarchyLevel + '-tree'; tdLabelStyle='td-level' + heirarchyLevel +'-label-tree'" id="elementKey">
754 <table class="{{tableStyle}}">
756 <td style="text-align: left;vertical-align: top;" class="{{tdLabelStyle}}">
757 <div ng-mouseover="getContextMenu(schemaElement,elementKey)" context-menu="myContextDiv">
758 <span class="pull-left" ng-click="showUTMViewMsgHeader=!showUTMViewMsgHeader" ng-style="(schemaElement.type.recursive ||schemaElement.list) && {'color':'#0000FF'} || {'color': '#444444'}">
759 <i ng-class="showUTMViewMsgHeader == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
761 {{schemaElement.element.name}}
766 <div ng-if= "repeatableHeirarchicalElementMap !=null">
767 <div ng-if="repeatableHeirarchicalElementMap[elementKey] != null">
768 <div ng-repeat="repeatableElement in repeatableHeirarchicalElementMap[elementKey].repeatableElements">
769 <div ng-init="addRepeatableElement1(schemaElement, parentElement, elementKey, $index)">
772 <div ng-repeat="heirarchicalElement in repeatableHeirarchicalElementMap[elementKey].heirarchicalElements">
773 <div ng-init="addHierarchicalElement1(schemaElement, parentElement, elementKey, $index)">
779 <td class="td-blank"></td>
781 <td style="text-align: right;" class="td-tree">
782 <div ng-show="schemaElement.type.complexType == null">
783 <input type="checkbox" id="{{elementKey + '_checkbox'}}" ng-model="utmModelSchemaExtension.utmSchemaExtentionMap[elementKey].checked" ng-init="requiredValues[elementKey]=schemaElement.element.minOccurs;utmModelSchemaExtension.utmSchemaExtentionMap[elementKey].checked=(utmModelSchemaExtension.radioSelection == 'Required Only' && schemaElement.element.minOccurs !=0) || utmModelSchemaExtension.radioSelection == 'Select All' || utmModelSchemaExtension.utmSchemaExtentionMap[elementKey].checked" ng-change="onChange()"/>
786 <td class="td-blank"></td>
787 <td class="td-blank"></td>
788 <td style="text-align:center;word-wrap: break-word" class="td-default_value-tree"><label id="{{elementKey + '_label'}}"/>{{utmModelSchemaExtension.utmSchemaExtentionMap[elementKey].defaultValue}}</td>
790 <div style="margin-left: 10px"
791 ng-class="{hidden:!showUTMViewMsgHeader,chaldean:!showUTMViewMsgHeader}">
792 <div ng-if = "schemaElement.type != null && schemaElement.type.restriction != null">
793 <div ng-repeat="object in filteredObjects = (schemaElement.type.restriction.minExclusivesAndMinInclusivesAndMaxExclusives | filter: {name : 'enumeration'})">
794 {{object.value.value}}
800 <div ng-show="schemaElement.type.complexType != null">
801 <div ng-init="parKey=parentName + '_' + schemaElement.element.name + (schemaElement.repeatableHierarchicalPrefix != null ? schemaElement.repeatableHierarchicalPrefix : ''); heirLevel=heirarchyLevel; parElement=schemaElement">
802 <div style="margin-left: 10px"
803 ng-class="{hidden:!showUTMViewMsgHeader,chaldean:!showUTMViewMsgHeader}">
805 <div style="margin-left: 10px"
806 ng-repeat="schemaElement in schemaElement.type.elements" ng-init="currentElementName=schemaElement.element.name;parentName=parKey; parentElement=parElement; heirarchyLevel=heirLevel+1 ;" ng-include="'service_tree_element_renderer.html'">
814 <script type="text/ng-template" id="model_renderer.html">
816 <div ng-show="utmModels != null && utmModels.name != null">
818 <table class="{{tableStyle}}"> <tr>
819 <td class="{{tdLabelStyle}}">
820 <span class="pull-left" ng-click="showUTMViewModel=!showUTMViewModel">
822 ng-class="showUTMViewModel == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
828 <label ng-click="onSelectActivityModel($event.target.attributes.data.value)" data="{{utmModels.name}}" class="models" style="cursor:pointer;width:260px;" id="{{utmModels.name}}" ng-right-click="createSubModel(utmModels)" context-menu="mySubModelContext"> {{utmModels.name}} </label>
831 <td class="td-tree"></td>
832 <td class="td-default_value-tree"> </td>
834 <div style="margin-left: 10px"
835 ng-class="{hidden:showUTMViewModel,chaldean:showUTMViewModel}">
836 <div style="margin-left: 10px"
837 ng-repeat="utmModels in utmModels.subModels" ng-include="'model_renderer.html'">