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