src/main/resources/META-INF/resources/designer/partials/portfolios/clds_modelling.html

   1 <!--
   2   ============LICENSE_START=======================================================
   3   ONAP CLAMP
   4   ================================================================================
   5   Copyright (C) 2017 AT&T Intellectual Property. All rights
   6                               reserved.
   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
  11
  12   http://www.apache.org/licenses/LICENSE-2.0
  13
  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
  22   -->
  23
  24 <style>
  25 .Row1 {
  26         display: table;
  27         width: 100%;
  28         table-layout: fixed;
  29         border-spacing: 0px;
  30 }
  31
  32 .Column1 {
  33         display: table-cell;
  34 }
  35 .visible
  36 {
  37 display:none;
  38 }
  39
  40 .table-tree{
  41         border: 0px solid black;
  42     table-layout: fixed;
  43         width: 600px;
  44 }
  45 .selectedFile{
  46 background-color: #337ab7;
  47 color: #fff;
  48 }
  49
  50 .selectedcolor{
  51 color:#0000FF;
  52 }
  53 .td-label-tree {
  54         border: 0px solid black;
  55     overflow: hidden;
  56     width: 250px;
  57     vertical-align: bottom;
  58 }
  59
  60 .table-level1-tree{
  61         border: 0px solid black;
  62     table-layout: fixed;
  63     width: 580px;
  64 }
  65
  66 .td-level1-label-tree {
  67     overflow: hidden;
  68     width: 230px;
  69 }
  70
  71 .table-level2-tree{
  72     table-layout: fixed;
  73     width: 560px;
  74 }
  75
  76 .td-level2-label-tree {
  77     overflow: hidden;
  78     width: 210px;
  79 }
  80
  81 .table-level3-tree{
  82     table-layout: fixed;
  83     width: 540px;
  84 }
  85
  86 .td-level3-label-tree {
  87     overflow: hidden;
  88     width: 190px;
  89 }
  90
  91 .table-level4-tree{
  92     table-layout: fixed;
  93     width: 520px;
  94 }
  95
  96 .td-level4-label-tree {
  97     overflow: hidden;
  98     width: 170px;
  99 }
 100
 101 .table-level5-tree{
 102     table-layout: fixed;
 103     width: 500px;
 104 }
 105
 106 .td-level5-label-tree {
 107     overflow: hidden;
 108     width: 150px;
 109 }
 110
 111 .table-level6-tree{
 112     table-layout: fixed;
 113     width: 480px;
 114 }
 115
 116 .td-level6-label-tree {
 117     overflow: hidden;
 118     width: 130px;
 119 }
 120
 121 .table-level7-tree{
 122     table-layout: fixed;
 123     width: 460px;
 124 }
 125
 126 .td-level7-label-tree {
 127     overflow: hidden;
 128     width: 110px;
 129 }
 130
 131 .table-level8-tree{
 132     table-layout: fixed;
 133     width: 440px;
 134 }
 135
 136 .td-level8-label-tree {
 137     overflow: hidden;
 138     width: 90px;
 139 }
 140
 141
 142 .table-level9-tree{
 143     table-layout: fixed;
 144     width: 420px;
 145 }
 146
 147 .td-level9-label-tree {
 148     overflow: hidden;
 149     width: 70px;
 150 }
 151
 152
 153 .table-level10-tree{
 154     table-layout: fixed;
 155     width: 400px;
 156 }
 157
 158 .td-level10-label-tree {
 159     overflow: hidden;
 160     width: 50px;
 161 }
 162
 163
 164 .td-default_value-tree {
 165         border: 0px solid black;
 166     overflow: hidden;
 167     width: 180px !important;
 168     vertical-align: bottom;
 169     text-align: left !important;
 170 }
 171
 172 .td-blank{
 173 width: 30px;
 174
 175 }
 176
 177 .td-button{
 178 width: 14px;
 179 }
 180
 181 .td-tree {
 182         border: 0px solid black;
 183     overflow: hidden;
 184     width: 100px;
 185     vertical-align: top;
 186     text-align: center !important;
 187 }
 188
 189 /* #contextmenu-node{
 190     position: absolute;
 191     background-color: white;
 192     border: solid #CCCCCC 1px;
 193     margin-left:60px;
 194 }
 195
 196 .contextmenu-item{
 197     margin: 0.5em;
 198     padding-left: 0.5em;
 199     display: block;
 200     padding: 3px 20px;
 201     clear: both;
 202     font-weight: normal;
 203     line-height: 1.42857143;
 204     color: #333;
 205     white-space: nowrap;
 206 }
 207
 208 .contextmenu-item:hover{
 209     background-color: #3c8dbc;
 210     cursor: default;
 211     color:#fff;
 212 }
 213  */
 214  #contextmenu-node{
 215     position: absolute;
 216     background-color: white;
 217     border: solid #CCCCCC 1px;
 218     margin-top:-60px;
 219
 220 }
 221
 222 .contextmenu-item{
 223     margin: 0.5em;
 224     padding-left: 0.5em;
 225     display: block;
 226     padding: 3px 20px;
 227     clear: both;
 228     font-weight: normal;
 229     line-height: 1.42857143;
 230     color: #333;
 231     white-space: nowrap;
 232 }
 233
 234 .contextmenu-item:hover{
 235     background-color: #3c8dbc;
 236     cursor: default;
 237     color:#fff;
 238 }
 239
 240 </style>
 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" style="height: 90vh;overflow: hidden;margin-left: 2px;margin-right: 2px;">
 244                 <div style="display: none;" id="projectExplorer">
 245                 <!-- clds: remove project explorer - use display: none -->
 246                 <!-- div style="width: 30%; height: 90vh;overflow: hidden;" id="projectExplorer" -->
 247                         <div class="panel panel-primary">
 248                                 <div class="panel-heading">
 249                                         <div style="color: white;">
 250
 251                                                 <span class="pull-left"> <span>Project Explorer</span>
 252                                                 </span> <span class="pull-right" ng-click="showUTMView=!showUTMView"><i
 253                                                         ng-class="showUTMView == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i></span>
 254                                         </div>
 255
 256                                         <div class="clearfix"></div>
 257                                 </div>
 258                                 <div ng-class="{hidden:showUTMView,chaldean:showUTMView}">
 259                                         <div class="panel-body" style="height: 79vh; overflow: auto;">
 260                                                 <div ng-if="projectName != null" >
 261                                                         <div>
 262                                                                 <h6>
 263                                                                         <span class="pull-left"
 264                                                                                 ng-click="showUTMViewMain=!showUTMViewMain"> <i
 265                                                                                 ng-class="showUTMViewMain == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i>
 266                                                                         </span> <b>{{projectName}} </b>
 267                                                                 </h6>
 268
 269
 270                                                         </div>
 271                                                         <div style="margin-left: 5px"
 272                                                                 ng-class="{hidden:showUTMViewMain,chaldean:showUTMViewMain}">
 273
 274                                                                 <div>
 275                                                                         <h6>
 276                                                                                 <span class="pull-left"
 277                                                                                         ng-click="showUTMViewModel=!showUTMViewModel"> <i
 278                                                                                         ng-class="showUTMViewModel == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
 279                                                                                 </i>
 280                                                                                 </span><b>Model</b>
 281                                                                         </h6>
 282                                                                 </div>
 283                                                                 <div style="margin-left: 15px"
 284                                                                         ng-class="{hidden:showUTMViewModel,chaldean:showUTMViewModel}">
 285
 286                                                                         <div id="div_models" ng-include="'model_renderer.html'">
 287
 288                                                                         </div>
 289                                                                 </div>
 290
 291                                                                 <div>
 292                                                                         <h6>
 293                                                                                 <span class="pull-left"
 294                                                                                         ng-click="showUTMViewService=!showUTMViewService"> <i
 295                                                                                         ng-class="showUTMViewService == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
 296                                                                                 </i>
 297                                                                                 </span><b>Service</b>
 298                                                                         </h6>
 299                                                                 </div>
 300
 301                                                                 <div style="margin-left: 10px"
 302                                                                         ng-class="{hidden:showUTMViewService,chaldean:showUTMViewService}">
 303
 304                                                                         <div style="width: 190px;">
 305                                                                                 <h6>
 306                                                                                         <span class="pull-left"
 307                                                                                                 ng-click="showUTMViewDtl=!showUTMViewDtl"> <i
 308                                                                                                 ng-class="showUTMViewDtl == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
 309                                                                                         </i>
 310                                                                                         </span><b>Service Details</b>
 311                                                                                 </h6>
 312                                                                         </div>
 313
 314                                                                         <table class="table-tree">
 315                                                                                 <tr>
 316                                                                                         <td class="td-label-tree" style="margin-top: 30px;">
 317                                                                                             <table>
 318                                                                                                <tr>
 319                                                                                                     <td>   </td>
 320                                                                                                </tr>
 321                                                                                                <tr>
 322                                                                                                     <td>   </td>
 323                                                                                                </tr>
 324                                                                                                <tr>
 325                                                                                                    <td>
 326                                                                                                        <h6>
 327                                                                                                                            <span class="pull-left"      ng-click="showUTMViewInput=!showUTMViewInput">
 328                                                                                                                                         <i ng-class="showUTMViewInput == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
 329                                                                                                                                         </i>
 330                                                                                                                           </span>
 331                                                                                                                           <b>Service Input</b>
 332                                                                                                                   </h6>
 333                                                                                                    </td>
 334                                                                                                </tr>
 335                                                                                             </table>
 336                                                                                         </td>
 337
 338                                                                                         <td class="td-default_value-tree" >
 339                                                                                             <table  style="margin-top: 30px;">
 340                                                                                                <tr>
 341                                                                                                    <td></td>
 342                                                                                                </tr>
 343                                                                                                <tr>
 344                                                                                                    <td></td>
 345                                                                                                </tr>
 346
 347                                                                                                <tr>
 348                                                                                                    <td class="td-blank"></td>
 349                                                                                                </tr>
 350                                                                                             </table>
 351                                                                                         </td>
 352
 353                                                                                         <td>
 354                                                                                                 <div ng-show="isModel">
 355                                                                                                         <table style="margin-top: -10px;width: 260px;margin-left: -116px;">
 356                                                                                                                 <tr>
 357                                                                                                                         <td class="td-default_value-tree">
 358                                                                                                                                 <input type="radio" ng-model="utmModelSchemaExtension.radioSelection"
 359                                                                                                                                                 ng-click="requiredOnly()"
 360                                                                                                                                                 value="Required Only"><b>Required Only</b>
 361                                                                                                                         </td>
 362
 363
 364                                                                                                                         <!-- <td class="td-default_value-tree">
 365                                                                                                                             <h6> <b>Default Value</b></h6>
 366                                                                                                                         </td> -->
 367
 368                                                                                                                 </tr>
 369                                                                                                                 <tr>
 370
 371                                                                                                                         <td style="text-align: left;" class="td-default_value-tree">
 372                                                                                                                                 <input type="radio" ng-model="utmModelSchemaExtension.radioSelection"
 373                                                                                                                                                         ng-click="selectAll()"
 374                                                                                                                                                         value="Select All"> <b>Select All</b>
 375                                                                                                                         </td>
 376                                                                                                                         <td></td>
 377
 378                                                                                                                 </tr>
 379                                                                                                                 <tr>
 380
 381                                                                                                                         <td style="text-align: left;" class="td-default_value-tree">
 382                                                                                                                                 <input type="radio" ng-model="utmModelSchemaExtension.radioSelection"
 383                                                                                                                                                 ng-click="unSelectAll()"
 384                                                                                                                                                 value="Unselect All">  <b>Unselect All</b>
 385                                                                                                                         </td>
 386
 387
 388                                                                                                                         <td></td>
 389                                                                                                                 </tr>
 390                                                                                                         </table>
 391                                                                                                 </div>
 392                                                                                         </td>
 393
 394                                                                                         <!-- <td class="td-blank"></td>
 395                                                                                         <td class="td-blank"></td> -->
 396                                                                                         <td class="td-default_value-tree">
 397                                                                                                                             <h6> <b>Default Value</b></h6>
 398                                                                                                                         </td>
 399
 400
 401
 402
 403
 404                                                                                 </tr>
 405                                                                     </table>
 406
 407                                                                         <table class="table-tree" style="margin-top: -12px;>
 408                                                                                 <tr>
 409                                                                                         <td class="td-label-tree">
 410                                                                                                 <h6>
 411                                                                                                         <span class="pull-left"
 412                                                                                                                         ng-click="showUTMViewOutput=!showUTMViewOutput">
 413                                                                                                                 <i
 414                                                                                                                         ng-class="showUTMViewOutput == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
 415                                                                                                                 </i>
 416                                                                                                         </span>
 417                                                                                                         <b>Service Output</b>
 418                                                                                                 </h6>
 419                                                                                         </td>
 420
 421                                                                                         <td class="td-default_value-tree">
 422                                                                                         </td>
 423                                                                                         <td class="td-tree">
 424                                                                                         </td>
 425                                                                                 </tr>
 426                                                                 </table>
 427
 428
 429                                                                         <table class="table-tree" style="margin-top: -12px;">
 430                                                                                 <tr>
 431                                                                                         <td class="td-label-tree" >
 432                                                                                                 <h6>
 433                                                                                                         <span class="pull-left"
 434                                                                                                                 ng-click="showUTMViewFault=!showUTMViewFault">
 435                                                                                                                 <i ng-class="showUTMViewFault == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
 436                                                                                                                 </i>
 437                                                                                                         </span>
 438                                                                                                         <b>Service Fault</b>
 439                                                                                                 </h6>
 440                                                                                         </td>
 441                                                                                         <td class="td-default_value-tree">
 442                                                                                         </td>
 443                                                                                         <td class="td-tree">
 444                                                                                         </td>
 445                                                                                 </tr>
 446                                                                 </table>
 447                                                                 </div>
 448
 449
 450                                                                 <div>
 451                                                                         <div>
 452                                                                                 <h6>
 453                                                                                         <span class="pull-left"
 454                                                                                                 ng-click="showUTMViewTestSet=!showUTMViewTestSet">
 455                                                                                                 <i
 456                                                                                                 ng-class="showUTMViewTestSet == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
 457                                                                                                 </i>
 458                                                                                         </span>
 459                                                                                         <b ng-click="selectActivityTestSet()">Test Set</b>
 460                                                                                 </h6>
 461                                                                         </div>
 462                                                                         <div style="margin-left: 15px;"
 463                                                                                         ng-class="{hidden:!showUTMViewTestSet,chaldean:!showUTMViewTestSet}">
 464                                                                                 <div ng-show=" modeltestset.activityTestCases.length>0" style="width: 250px">
 465                                                                                         <div ng-repeat="activityTestCase in modeltestset.activityTestCases">
 466
 467                                                                                                 <div ng-if="activityTestCase.version ==null">
 468                                                                                                 <h6>
 469                                                                                                         <div ng-mouseover="selectTC(activityTestCase)"><b id="{{activityTestCase.testCaseName}}" data-stuff='{{activityTestCase}}' data-model='{{utmModels}}' class="TCS" style="cursor:pointer;">{{activityTestCase.testCaseName}}</b></div>
 470                                                                                         </h6>
 471                                                                                         </div>
 472                                                                                         <div ng-if="activityTestCase.version !=null">
 473                                                                                                 <h6>
 474                                                                                                         <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>
 475                                                                                         </h6>
 476                                                                                         </div>
 477                                                                                         </div>
 478                                                                                 </div>
 479                                                                         </div>
 480                                                                 </div>
 481                                                         </div>
 482                                                 </div>
 483                                         </div>
 484                                 </div>
 485                         </div>
 486                 </div>
 487
 488
 489                 <!-- clds: width 100 instead of 70 -->
 490                 <div style="width: 100%;height:90vh" id="activity_modeler">
 491                 <!-- div style="width: 70%;height:90vh" id="activity_modeler" -->
 492
 493                         <div class="panel panel-primary">
 494                                 <div class="panel-heading">
 495                                         <div style="color: white;">
 496
 497                                                 <span class="pull-left">
 498                                                         <span id="modeler_name">Closed Loop Modeler</span>
 499                                                 </span>
 500                                                 <span class="pull-right" >
 501                                                         <span id="templa_name"></span>
 502                                                         &nbsp;
 503                                                         <i ng-click="showTDRView=!showTDRView" ng-class="showTDRView == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i>
 504                                                 </span>
 505                                         </div>
 506
 507                                         <div class="clearfix"></div>
 508                                 </div>
 509                                 <div ng-class="{hidden:showTDRView,chaldean:showTDRView}">
 510                                         <div style="height: 83.5vh; width: 100%;">
 511                                                 <div class="panel-body" style="height: 83.5vh;padding: 0px;">
 512                                                         <div  id="paletteDiv" style="width: 100%;height: 83.5vh;"
 513                                                                 ng-show="isPalette" ng-include="'./modeler/dist/index.html'">
 514
 515                                                         </div>
 516
 517                             <!--Commented becoz i m not able to find the htmls-->
 518                                                 <!-- <div  ng-show="isTestset && !isPalette && !isRequirementCoverage" style="width: 100%;height: 83.5vh;" ng-include src="'partials/portfolios/generate_testset.html'" ></div>
 519                                                 <div  ng-show="!isTestset && !isPalette && isRequirementCoverage" style="width: 100%;height: 83.5vh;" ng-include src="'partials/portfolios/requirement_coverage.html'" ></div> -->
 520                                   </div>
 521
 522                                         </div>
 523
 524                                 </div>
 525                         </div>
 526
 527                 </div>
 528
 529                 <!-- <div id="propertyExplorer" style="width: 20%;height:90vh" >
 530
 531                         <div class="panel panel-primary">
 532                                 <div class="panel-heading">
 533                                         <div style="color: white;">
 534
 535                                                 <span class="pull-left"> <span>Property Explorer</span>
 536
 537                                                 </span> <span class="pull-right" ng-click="showTDRView=!showTDRView"><i
 538                                                         ng-class="showTDRView == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i></span>
 539                                         </div>
 540
 541                                         <div class="clearfix"></div>
 542                                 </div>
 543                                 <div ng-class="{hidden:showTDRView,chaldean:showTDRView}">
 544                                         <div class="panel-body" style="height: 79vh; overflow: auto;">
 545
 546
 547
 548                                 <div id="propertyDiv"  ng-show="ispropertyExplorer" ng-include  src="'./partials/portfolios/Property_Explorer.html'"></div>
 549
 550
 551                                 </div>
 552                         </div>
 553
 554                 </div>
 555
 556         </div> -->
 557
 558   </div>
 559 </div>
 560 <div ng-show ="isResult">       </div>
 561 <script type="text/ng-template"  id="service_tree_element_renderer.html">
 562
 563
 564
 565         <div ng-show="schemaElement.complexType != null">
 566
 567
 568                 <div ng-if="currentElementName == ''">
 569                         <div ng-init="currentElementName = schemaElement.complexType.name">
 570
 571                         </div>
 572                 </div>
 573
 574       <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 ;">
 575
 576                 <table class="{{tableStyle}}"> <tr>
 577                 <td class="{{tdLabelStyle}}">
 578                 <span class="pull-left" ng-click="showUTMViewMsgHeader=!showUTMViewMsgHeader">
 579                         <i
 580                         ng-class="showUTMViewMsgHeader == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
 581                         </i>
 582                 </span>
 583                 <b>
 584                                 {{currentElementName}}
 585
 586                 </b>
 587         </td>
 588         <td class="td-tree"></td>
 589         <td class="td-tree"></td>
 590         <td class="td-tree"></td>
 591         <td class="td-blank"></td>
 592         <td class="td-default_value-tree"> </td>
 593
 594       </tr></table>
 595
 596
 597                 <div style="margin-left: 10px"
 598                                 ng-class="{hidden:showUTMViewMsgHeader,chaldean:showUTMViewMsgHeader}">
 599
 600                         <div style="margin-left: 10px"
 601                                         ng-repeat="schemaElement in schemaElement.elements"  ng-init="currentElementName=objectName;parentName=ParentKey; parentElement=parElement; heirarchyLevel = heirLevel + 1" ng-include="'service_tree_element_renderer.html'">
 602
 603                         </div>
 604                 </div>
 605
 606       </div>
 607         </div>
 608
 609         <div ng-show="schemaElement.element.name != null">
 610       <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">
 611                     <table class="{{tableStyle}}">
 612                                 <tr>
 613                                         <td style="text-align: left;vertical-align: top;" class="{{tdLabelStyle}}">
 614                                          <div ng-mouseover="getContextMenu(schemaElement,elementKey)" context-menu="myContextDiv">
 615                                                 <span class="pull-left" ng-click="showUTMViewMsgHeader=!showUTMViewMsgHeader" ng-style="(schemaElement.type.recursive ||schemaElement.list) && {'color':'#0000FF'} || {'color': '#444444'}">
 616                                                         <i ng-class="showUTMViewMsgHeader == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
 617                                                         </i>
 618                                                         {{schemaElement.element.name}}
 619                                                 </span>
 620                                           </div>
 621                                         </td>
 622
 623                         <div ng-if= "repeatableHeirarchicalElementMap !=null">
 624                                 <div ng-if="repeatableHeirarchicalElementMap[elementKey] != null">
 625                                         <div ng-repeat="repeatableElement in repeatableHeirarchicalElementMap[elementKey].repeatableElements">
 626                                                 <div ng-init="addRepeatableElement1(schemaElement, parentElement, elementKey, $index)">
 627                                                 </div>
 628                                         </div>
 629                                         <div ng-repeat="heirarchicalElement in repeatableHeirarchicalElementMap[elementKey].heirarchicalElements">
 630                                                 <div ng-init="addHierarchicalElement1(schemaElement, parentElement, elementKey, $index)">
 631                                                 </div>
 632                                         </div>
 633                                 </div>
 634                         </div>
 635
 636                         <td class="td-blank"></td>
 637
 638                         <td style="text-align: right;" class="td-tree">
 639                        <div ng-show="schemaElement.type.complexType == null">
 640                                                    <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()"/>
 641                        </div>
 642                         </td>
 643                         <td class="td-blank"></td>
 644                         <td class="td-blank"></td>
 645                         <td style="text-align:center;word-wrap: break-word" class="td-default_value-tree"><label id="{{elementKey + '_label'}}"/>{{utmModelSchemaExtension.utmSchemaExtentionMap[elementKey].defaultValue}}</td>
 646                         </tr></table>
 647             <div style="margin-left: 10px"
 648                                 ng-class="{hidden:!showUTMViewMsgHeader,chaldean:!showUTMViewMsgHeader}">
 649                 <div ng-if = "schemaElement.type != null && schemaElement.type.restriction != null">
 650                                         <div ng-repeat="object in filteredObjects = (schemaElement.type.restriction.minExclusivesAndMinInclusivesAndMaxExclusives | filter: {name : 'enumeration'})">
 651                                                 {{object.value.value}}
 652                                </div>
 653                 </div>
 654                 </div>
 655       </div>
 656         </div>
 657         <div ng-show="schemaElement.type.complexType != null">
 658       <div ng-init="parKey=parentName + '_' + schemaElement.element.name + (schemaElement.repeatableHierarchicalPrefix != null ? schemaElement.repeatableHierarchicalPrefix : ''); heirLevel=heirarchyLevel; parElement=schemaElement">
 659                         <div style="margin-left: 10px"
 660                                 ng-class="{hidden:!showUTMViewMsgHeader,chaldean:!showUTMViewMsgHeader}">
 661
 662                         <div style="margin-left: 10px"
 663                                         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'">
 664                         </div>
 665                 </div>
 666      </div>
 667         </div>
 668
 669 </script>
 670
 671 <script type="text/ng-template" id="model_renderer.html">
 672
 673 <div ng-show="utmModels != null && utmModels.name != null">
 674       <div>
 675                 <table class="{{tableStyle}}"> <tr>
 676                         <td class="{{tdLabelStyle}}">
 677                                 <span class="pull-left" ng-click="showUTMViewModel=!showUTMViewModel">
 678                                 <i
 679                                 ng-class="showUTMViewModel == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
 680                                 </i>
 681                                 </span>
 682                 </td>
 683             <td>
 684                                 <b>
 685                     <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>
 686                                 </b>
 687             </td>
 688                         <td class="td-tree"></td>
 689                         <td class="td-default_value-tree"> </td>
 690                 </tr></table>
 691                                 <div style="margin-left: 10px"
 692                                 ng-class="{hidden:showUTMViewModel,chaldean:showUTMViewModel}">
 693                                         <div style="margin-left: 10px"
 694                                                 ng-repeat="utmModels in utmModels.subModels" ng-include="'model_renderer.html'">
 695
 696                                         </div>
 697                                 </div>
 698                 </div>
 699                 </div>
 700 </script>