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 ===================================================================
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 <div attribute-test="cldsmodelling2" id="UTMdashboard" kendo-splitter
244 k-panes="[ { collapsible: true, collapsedSize: '0%',size:'0%'},{}]"
245 k-orientation="orientation" k-rebind="orientation"
246 style="height: 90vh;overflow: hidden;margin-left: 2px;margin-right: 2px;">
247 <div style="display: none;" id="projectExplorer">
248 <!-- clds: remove project explorer - use display: none -->
249 <!-- div style="width: 30%; height: 90vh;overflow: hidden;" id="projectExplorer" -->
250 <div class="panel panel-primary">
251 <div class="panel-heading">
252 <div style="color: white;">
254 <span class="pull-left"> <span>Project Explorer</span>
255 </span> <span class="pull-right" ng-click="showUTMView=!showUTMView"><i
256 ng-class="showUTMView == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i></span>
259 <div class="clearfix"></div>
261 <div ng-class="{hidden:showUTMView,chaldean:showUTMView}">
262 <div class="panel-body" style="height: 79vh; overflow: auto;">
263 <div ng-if="projectName != null" >
266 <span class="pull-left"
267 ng-click="showUTMViewMain=!showUTMViewMain"> <i
268 ng-class="showUTMViewMain == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i>
269 </span> <b>{{projectName}} </b>
274 <div style="margin-left: 5px"
275 ng-class="{hidden:showUTMViewMain,chaldean:showUTMViewMain}">
279 <span class="pull-left"
280 ng-click="showUTMViewModel=!showUTMViewModel"> <i
281 ng-class="showUTMViewModel == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
286 <div style="margin-left: 15px"
287 ng-class="{hidden:showUTMViewModel,chaldean:showUTMViewModel}">
289 <div id="div_models" ng-include="'model_renderer.html'">
296 <span class="pull-left"
297 ng-click="showUTMViewService=!showUTMViewService"> <i
298 ng-class="showUTMViewService == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
300 </span><b>Service</b>
304 <div style="margin-left: 10px"
305 ng-class="{hidden:showUTMViewService,chaldean:showUTMViewService}">
307 <div style="width: 190px;">
309 <span class="pull-left"
310 ng-click="showUTMViewDtl=!showUTMViewDtl"> <i
311 ng-class="showUTMViewDtl == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
313 </span><b>Service Details</b>
317 <div style="margin-left: 10px"
318 ng-class="{hidden:!showUTMViewDtl,chaldean:!showUTMViewDtl}">
321 <div ng-show="serviceInfo != null">
323 <span class="pull-left"
324 ng-click="showUTMViewServiceName=!showUTMViewServiceName">
326 ng-class="showUTMViewServiceName == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
328 </span><b>Service Name</b>
330 <div style="margin-left: 10px"
331 ng-class="{hidden:!showUTMViewServiceName,chaldean:!showUTMViewServiceName}">
332 <div style="margin-left: 10px">
333 {{serviceInfo.service.name}}</div>
338 <div ng-show="serviceInfo != null">
340 <span class="pull-left"
341 ng-click="showUTMViewPortName=!showUTMViewPortName">
343 ng-class="showUTMViewPortName == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
345 </span><b>Port Name</b>
347 <div style="margin-left: 10px"
348 ng-class="{hidden:!showUTMViewPortName,chaldean:!showUTMViewPortName}">
349 <div style="margin-left: 10px">
350 {{serviceInfo.service.ports[0].name}}</div>
354 <div ng-show="serviceInfo != null">
356 <span class="pull-left"
357 ng-click="showUTMViewBindingName=!showUTMViewBindingName">
359 ng-class="showUTMViewBindingName == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
361 </span><b> Binding Name</b>
363 <div style="margin-left: 10px"
364 ng-class="{hidden:!showUTMViewBindingName,chaldean:!showUTMViewBindingName}">
365 <div style="margin-left: 10px">
366 {{serviceInfo.bindingInfo.binding.name}}</div>
370 <div ng-show="serviceInfo != null">
372 <span class="pull-left"
373 ng-click="showUTMViewBindingPortType=!showUTMViewBindingPortType">
374 <i ng-class="showUTMViewBindingPortType == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
376 </span><b>Binding Port Type</b>
378 <div style="margin-left: 10px"
379 ng-class="{hidden:!showUTMViewBindingPortType,chaldean:!showUTMViewBindingPortType}">
380 <div style="margin-left: 10px">
381 {{serviceInfo.bindingInfo.portTypeInfo.portType.name}}</div>
385 <div ng-show="serviceInfo != null">
387 <span class="pull-left"
388 ng-click="showUTMViewOperation=!showUTMViewOperation">
390 ng-class="showUTMViewOperation == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
392 </span><b>Operation Name</b>
394 <div style="margin-left: 10px"
395 ng-class="{hidden:!showUTMViewOperation,chaldean:!showUTMViewOperation}">
396 <div style="margin-left: 10px">
397 {{serviceInfo.bindingInfo.portTypeInfo.operationInfo[0].operation.name}}</div>
402 <table class="table-tree">
404 <td class="td-label-tree" style="margin-top: 30px;">
415 <span class="pull-left" ng-click="showUTMViewInput=!showUTMViewInput">
416 <i ng-class="showUTMViewInput == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
426 <td class="td-default_value-tree" >
427 <table style="margin-top: 30px;">
436 <td class="td-blank"></td>
442 <div ng-show="isModel">
443 <table style="margin-top: -10px;width: 260px;margin-left: -116px;">
445 <td class="td-default_value-tree">
446 <input type="radio" ng-model="utmModelSchemaExtension.radioSelection"
447 ng-click="requiredOnly()"
448 value="Required Only"><b>Required Only</b>
452 <!-- <td class="td-default_value-tree">
453 <h6> <b>Default Value</b></h6>
459 <td style="text-align: left;" class="td-default_value-tree">
460 <input type="radio" ng-model="utmModelSchemaExtension.radioSelection"
461 ng-click="selectAll()"
462 value="Select All"> <b>Select All</b>
469 <td style="text-align: left;" class="td-default_value-tree">
470 <input type="radio" ng-model="utmModelSchemaExtension.radioSelection"
471 ng-click="unSelectAll()"
472 value="Unselect All"> <b>Unselect All</b>
482 <!-- <td class="td-blank"></td>
483 <td class="td-blank"></td> -->
484 <td class="td-default_value-tree">
485 <h6> <b>Default Value</b></h6>
494 <div style="margin-left: 20px;margin-top: -12px;"
495 ng-class="{hidden:showUTMViewInput,chaldean:showUTMViewInput}">
497 <div ng-show="serviceInputPartInfo.length>0" >
499 <!-- <div ng-repeat="inputInfo in serviceInputPartInfo">
500 inputInfo :: {{inputInfo}}
501 <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">
506 <div ng-repeat="inputInfo in serviceInputPartInfo">
507 <div class="inputInfoClass" ng-init="currentElementName= inputInfo.part.name;parentName='ServiceInput'; parentElement=inputInfo; heirarchyLevel=1;infoType=inputInfo"></div>
515 <table class="table-tree" style="margin-top: -12px;>
517 <td class="td-label-tree">
519 <span class="pull-left"
520 ng-click="showUTMViewOutput=!showUTMViewOutput">
522 ng-class="showUTMViewOutput == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
525 <b>Service Output</b>
529 <td class="td-default_value-tree">
535 <div style="margin-left: 20px;"
536 ng-class="{hidden:showUTMViewOutput,chaldean:showUTMViewOutput}">
537 <div ng-show="serviceOutputPartInfo.length>0" style="width: 250px">
539 <!-- <div ng-repeat="outputInfo in serviceOutputPartInfo" >
540 outputInfo::: {{outputInfo}}
541 <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">
544 <div ng-repeat="outputInfo in serviceOutputPartInfo">
545 <div class="inputInfoClass" ng-init="currentElementName=outputInfo.part.name;parentName='ServiceOutput'; parentElement=outputInfo; heirarchyLevel=1; infoType=outputInfo"></div>
551 <table class="table-tree" style="margin-top: -12px;">
553 <td class="td-label-tree" >
555 <span class="pull-left"
556 ng-click="showUTMViewFault=!showUTMViewFault">
557 <i ng-class="showUTMViewFault == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
563 <td class="td-default_value-tree">
569 <div style="margin-left: 20px;"
570 ng-class="{hidden:showUTMViewFault,chaldean:showUTMViewFault}">
572 <div ng-show="servicefaultPartInfo.length>0" style="width: 250px">
574 <!-- <div ng-repeat="faultInfo in servicefaultPartInfo" style="margin-top: -12px;">
575 faultInfo ::::{{faultInfo}}
576 <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">
579 <div ng-repeat="faultInfo in servicefaultPartInfo">
580 <div class="inputInfoClass" ng-init="currentElementName=faultInfo.part.name;parentName='ServiceFault'; parentElement=faultInfo; heirarchyLevel=1; infoType=faultInfo"></div>
591 <span class="pull-left"
592 ng-click="showUTMViewTestSet=!showUTMViewTestSet">
594 ng-class="showUTMViewTestSet == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
597 <b ng-click="selectActivityTestSet()">Test Set</b>
600 <div style="margin-left: 15px;"
601 ng-class="{hidden:!showUTMViewTestSet,chaldean:!showUTMViewTestSet}">
602 <div ng-show=" modeltestset.activityTestCases.length>0" style="width: 250px">
603 <div ng-repeat="activityTestCase in modeltestset.activityTestCases">
605 <div ng-if="activityTestCase.version ==null">
607 <div ng-mouseover="selectTC(activityTestCase)"><b id="{{activityTestCase.testCaseName}}" data-stuff='{{activityTestCase}}' data-model='{{utmModels}}' class="TCS" style="cursor:pointer;">{{activityTestCase.testCaseName}}</b></div>
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 + "_" + activityTestCase.version}}</b></div>
627 <!-- clds: width 100 instead of 70 -->
628 <div style="width: 100%;height:90vh" id="activity_modeler">
629 <!-- div style="width: 70%;height:90vh" id="activity_modeler" -->
631 <div class="panel panel-primary">
632 <div class="panel-heading">
633 <div style="color: white;">
635 <span class="pull-left">
636 <span id="modeler_name">Closed Loop Modeler</span>
638 <span class="pull-right" >
639 <span id="templa_name"></span>
641 <i ng-click="showTDRView=!showTDRView" ng-class="showTDRView == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i>
645 <div class="clearfix"></div>
647 <div ng-class="{hidden:showTDRView,chaldean:showTDRView}">
648 <div style="height: 83.5vh; width: 100%;">
649 <div class="panel-body" style="height: 83.5vh;padding: 0px;">
650 <div id="paletteDiv" style="width: 100%;height: 83.5vh;"
651 ng-show="isPalette" ng-include="'./modeler/dist/index.html'">
655 <!--Commented becoz i m not able to find the htmls-->
656 <!-- <div ng-show="isTestset && !isPalette && !isRequirementCoverage" style="width: 100%;height: 83.5vh;" ng-include src="'partials/portfolios/generate_testset.html'" ></div>
657 <div ng-show="!isTestset && !isPalette && isRequirementCoverage" style="width: 100%;height: 83.5vh;" ng-include src="'partials/portfolios/requirement_coverage.html'" ></div> -->
667 <!-- <div id="propertyExplorer" style="width: 20%;height:90vh" >
669 <div class="panel panel-primary">
670 <div class="panel-heading">
671 <div style="color: white;">
673 <span class="pull-left"> <span>Property Explorer</span>
675 </span> <span class="pull-right" ng-click="showTDRView=!showTDRView"><i
676 ng-class="showTDRView == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i></span>
679 <div class="clearfix"></div>
681 <div ng-class="{hidden:showTDRView,chaldean:showTDRView}">
682 <div class="panel-body" style="height: 79vh; overflow: auto;">
686 <div id="propertyDiv" ng-show="ispropertyExplorer" ng-include src="'./partials/portfolios/Property_Explorer.html'"></div>
698 <div ng-show ="isResult"> </div>
699 <script type="text/ng-template" id="service_tree_element_renderer.html">
703 <div ng-show="schemaElement.complexType != null">
706 <div ng-if="currentElementName == ''">
707 <div ng-init="currentElementName = schemaElement.complexType.name">
712 <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 ;">
714 <table class="{{tableStyle}}"> <tr>
715 <td class="{{tdLabelStyle}}">
716 <span class="pull-left" ng-click="showUTMViewMsgHeader=!showUTMViewMsgHeader">
718 ng-class="showUTMViewMsgHeader == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
722 {{currentElementName}}
726 <td class="td-tree"></td>
727 <td class="td-tree"></td>
728 <td class="td-tree"></td>
729 <td class="td-blank"></td>
730 <td class="td-default_value-tree"> </td>
735 <div style="margin-left: 10px"
736 ng-class="{hidden:showUTMViewMsgHeader,chaldean:showUTMViewMsgHeader}">
738 <div style="margin-left: 10px"
739 ng-repeat="schemaElement in schemaElement.elements" ng-init="currentElementName=objectName;parentName=ParentKey; parentElement=parElement; heirarchyLevel = heirLevel + 1" ng-include="'service_tree_element_renderer.html'">
747 <div ng-show="schemaElement.element.name != null">
748 <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">
749 <table class="{{tableStyle}}">
751 <td style="text-align: left;vertical-align: top;" class="{{tdLabelStyle}}">
752 <div ng-mouseover="getContextMenu(schemaElement,elementKey)" context-menu="myContextDiv">
753 <span class="pull-left" ng-click="showUTMViewMsgHeader=!showUTMViewMsgHeader" ng-style="(schemaElement.type.recursive ||schemaElement.list) && {'color':'#0000FF'} || {'color': '#444444'}">
754 <i ng-class="showUTMViewMsgHeader == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
756 {{schemaElement.element.name}}
761 <div ng-if= "repeatableHeirarchicalElementMap !=null">
762 <div ng-if="repeatableHeirarchicalElementMap[elementKey] != null">
763 <div ng-repeat="repeatableElement in repeatableHeirarchicalElementMap[elementKey].repeatableElements">
764 <div ng-init="addRepeatableElement1(schemaElement, parentElement, elementKey, $index)">
767 <div ng-repeat="heirarchicalElement in repeatableHeirarchicalElementMap[elementKey].heirarchicalElements">
768 <div ng-init="addHierarchicalElement1(schemaElement, parentElement, elementKey, $index)">
774 <td class="td-blank"></td>
776 <td style="text-align: right;" class="td-tree">
777 <div ng-show="schemaElement.type.complexType == null">
778 <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()"/>
781 <td class="td-blank"></td>
782 <td class="td-blank"></td>
783 <td style="text-align:center;word-wrap: break-word" class="td-default_value-tree"><label id="{{elementKey + '_label'}}"/>{{utmModelSchemaExtension.utmSchemaExtentionMap[elementKey].defaultValue}}</td>
785 <div style="margin-left: 10px"
786 ng-class="{hidden:!showUTMViewMsgHeader,chaldean:!showUTMViewMsgHeader}">
787 <div ng-if = "schemaElement.type != null && schemaElement.type.restriction != null">
788 <div ng-repeat="object in filteredObjects = (schemaElement.type.restriction.minExclusivesAndMinInclusivesAndMaxExclusives | filter: {name : 'enumeration'})">
789 {{object.value.value}}
795 <div ng-show="schemaElement.type.complexType != null">
796 <div ng-init="parKey=parentName + '_' + schemaElement.element.name + (schemaElement.repeatableHierarchicalPrefix != null ? schemaElement.repeatableHierarchicalPrefix : ''); heirLevel=heirarchyLevel; parElement=schemaElement">
797 <div style="margin-left: 10px"
798 ng-class="{hidden:!showUTMViewMsgHeader,chaldean:!showUTMViewMsgHeader}">
800 <div style="margin-left: 10px"
801 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'">
809 <script type="text/ng-template" id="model_renderer.html">
811 <div ng-show="utmModels != null && utmModels.name != null">
813 <table class="{{tableStyle}}"> <tr>
814 <td class="{{tdLabelStyle}}">
815 <span class="pull-left" ng-click="showUTMViewModel=!showUTMViewModel">
817 ng-class="showUTMViewModel == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
823 <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>
826 <td class="td-tree"></td>
827 <td class="td-default_value-tree"> </td>
829 <div style="margin-left: 10px"
830 ng-class="{hidden:showUTMViewModel,chaldean:showUTMViewModel}">
831 <div style="margin-left: 10px"
832 ng-repeat="utmModels in utmModels.subModels" ng-include="'model_renderer.html'">