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   ECOMP is a trademark and service mark of AT&T Intellectual Property.
  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         <!-- clds: size 0% rather than 30% -->
 244         <!-- div id="UTMdashboard" kendo-splitter
 245                 k-panes="[  { collapsible: true, collapsedSize: '0%',size:'30%'},{}]"
 246                 k-orientation="orientation" k-rebind="orientation"
 247                 ng-class="{hidden:testsetgendashboard}" style="height: 90vh;overflow: hidden;margin-left: 2px;margin-right: 2px;" -->
 248         <div attribute-test="cldsmodelling2" id="UTMdashboard" kendo-splitter
 249                 k-panes="[  { collapsible: true, collapsedSize: '0%',size:'0%'},{}]"
 250                 k-orientation="orientation" k-rebind="orientation"
 251                 ng-class="{hidden:testsetgendashboard}" style="height: 90vh;overflow: hidden;margin-left: 2px;margin-right: 2px;">
 252                 <div style="display: none;" id="projectExplorer">
 253                 <!-- clds: remove project explorer - use display: none -->
 254                 <!-- div style="width: 30%; height: 90vh;overflow: hidden;" id="projectExplorer" -->
 255                         <div class="panel panel-primary">
 256                                 <div class="panel-heading">
 257                                         <div style="color: white;">
 258
 259                                                 <span class="pull-left"> <span>Project Explorer</span>
 260                                                 </span> <span class="pull-right" ng-click="showUTMView=!showUTMView"><i
 261                                                         ng-class="showUTMView == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i></span>
 262                                         </div>
 263
 264                                         <div class="clearfix"></div>
 265                                 </div>
 266                                 <div ng-class="{hidden:showUTMView,chaldean:showUTMView}">
 267                                         <div class="panel-body" style="height: 79vh; overflow: auto;">
 268                                                 <div ng-if="projectName != null" >
 269                                                         <div>
 270                                                                 <h6>
 271                                                                         <span class="pull-left"
 272                                                                                 ng-click="showUTMViewMain=!showUTMViewMain"> <i
 273                                                                                 ng-class="showUTMViewMain == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i>
 274                                                                         </span> <b>{{projectName}} </b>
 275                                                                 </h6>
 276
 277
 278                                                         </div>
 279                                                         <div style="margin-left: 5px"
 280                                                                 ng-class="{hidden:showUTMViewMain,chaldean:showUTMViewMain}">
 281
 282                                                                 <div>
 283                                                                         <h6>
 284                                                                                 <span class="pull-left"
 285                                                                                         ng-click="showUTMViewModel=!showUTMViewModel"> <i
 286                                                                                         ng-class="showUTMViewModel == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
 287                                                                                 </i>
 288                                                                                 </span><b>Model</b>
 289                                                                         </h6>
 290                                                                 </div>
 291                                                                 <div style="margin-left: 15px"
 292                                                                         ng-class="{hidden:showUTMViewModel,chaldean:showUTMViewModel}">
 293
 294                                                                         <div id="div_models" ng-include="'model_renderer.html'">
 295
 296                                                                         </div>
 297                                                                 </div>
 298
 299                                                                 <div>
 300                                                                         <h6>
 301                                                                                 <span class="pull-left"
 302                                                                                         ng-click="showUTMViewService=!showUTMViewService"> <i
 303                                                                                         ng-class="showUTMViewService == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
 304                                                                                 </i>
 305                                                                                 </span><b>Service</b>
 306                                                                         </h6>
 307                                                                 </div>
 308
 309                                                                 <div style="margin-left: 10px"
 310                                                                         ng-class="{hidden:showUTMViewService,chaldean:showUTMViewService}">
 311
 312                                                                         <div style="width: 190px;">
 313                                                                                 <h6>
 314                                                                                         <span class="pull-left"
 315                                                                                                 ng-click="showUTMViewDtl=!showUTMViewDtl"> <i
 316                                                                                                 ng-class="showUTMViewDtl == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
 317                                                                                         </i>
 318                                                                                         </span><b>Service Details</b>
 319                                                                                 </h6>
 320                                                                         </div>
 321
 322                                                                         <div style="margin-left: 10px"
 323                                                                                 ng-class="{hidden:!showUTMViewDtl,chaldean:!showUTMViewDtl}">
 324
 325
 326                                                                                 <div ng-show="serviceInfo != null">
 327                                                                                         <h6>
 328                                                                                                 <span class="pull-left"
 329                                                                                                         ng-click="showUTMViewServiceName=!showUTMViewServiceName">
 330                                                                                                         <i
 331                                                                                                         ng-class="showUTMViewServiceName == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
 332                                                                                                 </i>
 333                                                                                                 </span><b>Service Name</b>
 334                                                                                         </h6>
 335                                                                                         <div style="margin-left: 10px"
 336                                                                                                 ng-class="{hidden:!showUTMViewServiceName,chaldean:!showUTMViewServiceName}">
 337                                                                                                 <div style="margin-left: 10px">
 338                                                                                                         {{serviceInfo.service.name}}</div>
 339                                                                                         </div>
 340
 341                                                                                 </div>
 342
 343                                                                                 <div ng-show="serviceInfo != null">
 344                                                                                         <h6>
 345                                                                                                 <span class="pull-left"
 346                                                                                                         ng-click="showUTMViewPortName=!showUTMViewPortName">
 347                                                                                                         <i
 348                                                                                                         ng-class="showUTMViewPortName == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
 349                                                                                                 </i>
 350                                                                                                 </span><b>Port Name</b>
 351                                                                                         </h6>
 352                                                                                         <div style="margin-left: 10px"
 353                                                                                                 ng-class="{hidden:!showUTMViewPortName,chaldean:!showUTMViewPortName}">
 354                                                                                                 <div style="margin-left: 10px">
 355                                                                                                         {{serviceInfo.service.ports[0].name}}</div>
 356                                                                                         </div>
 357                                                                                 </div>
 358
 359                                                                                 <div ng-show="serviceInfo != null">
 360                                                                                         <h6>
 361                                                                                                 <span class="pull-left"
 362                                                                                                         ng-click="showUTMViewBindingName=!showUTMViewBindingName">
 363                                                                                                         <i
 364                                                                                                         ng-class="showUTMViewBindingName == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
 365                                                                                                 </i>
 366                                                                                                 </span><b> Binding Name</b>
 367                                                                                         </h6>
 368                                                                                         <div style="margin-left: 10px"
 369                                                                                                 ng-class="{hidden:!showUTMViewBindingName,chaldean:!showUTMViewBindingName}">
 370                                                                                                 <div style="margin-left: 10px">
 371                                                                                                         {{serviceInfo.bindingInfo.binding.name}}</div>
 372                                                                                         </div>
 373                                                                                 </div>
 374
 375                                                                                 <div ng-show="serviceInfo != null">
 376                                                                                         <h6>
 377                                                                                                 <span class="pull-left"
 378                                                                                                         ng-click="showUTMViewBindingPortType=!showUTMViewBindingPortType">
 379                                                                                                         <i ng-class="showUTMViewBindingPortType == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
 380                                                                                                 </i>
 381                                                                                                 </span><b>Binding Port Type</b>
 382                                                                                         </h6>
 383                                                                                         <div style="margin-left: 10px"
 384                                                                                                 ng-class="{hidden:!showUTMViewBindingPortType,chaldean:!showUTMViewBindingPortType}">
 385                                                                                                 <div style="margin-left: 10px">
 386                                                                                                         {{serviceInfo.bindingInfo.portTypeInfo.portType.name}}</div>
 387                                                                                         </div>
 388                                                                                 </div>
 389
 390                                                                                 <div ng-show="serviceInfo != null">
 391                                                                                         <h6>
 392                                                                                                 <span class="pull-left"
 393                                                                                                         ng-click="showUTMViewOperation=!showUTMViewOperation">
 394                                                                                                         <i
 395                                                                                                         ng-class="showUTMViewOperation == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
 396                                                                                                 </i>
 397                                                                                                 </span><b>Operation Name</b>
 398                                                                                         </h6>
 399                                                                                         <div style="margin-left: 10px"
 400                                                                                                 ng-class="{hidden:!showUTMViewOperation,chaldean:!showUTMViewOperation}">
 401                                                                                                 <div style="margin-left: 10px">
 402                                                                                                         {{serviceInfo.bindingInfo.portTypeInfo.operationInfo[0].operation.name}}</div>
 403                                                                                         </div>
 404                                                                                 </div>
 405                                                                         </div>
 406
 407                                                                         <table class="table-tree">
 408                                                                                 <tr>
 409                                                                                         <td class="td-label-tree" style="margin-top: 30px;">
 410                                                                                             <table>
 411                                                                                                <tr>
 412                                                                                                     <td>   </td>
 413                                                                                                </tr>
 414                                                                                                <tr>
 415                                                                                                     <td>   </td>
 416                                                                                                </tr>
 417                                                                                                <tr>
 418                                                                                                    <td>
 419                                                                                                        <h6>
 420                                                                                                                            <span class="pull-left"      ng-click="showUTMViewInput=!showUTMViewInput">
 421                                                                                                                                         <i ng-class="showUTMViewInput == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
 422                                                                                                                                         </i>
 423                                                                                                                           </span>
 424                                                                                                                           <b>Service Input</b>
 425                                                                                                                   </h6>
 426                                                                                                    </td>
 427                                                                                                </tr>
 428                                                                                             </table>
 429                                                                                         </td>
 430
 431                                                                                         <td class="td-default_value-tree" >
 432                                                                                             <table  style="margin-top: 30px;">
 433                                                                                                <tr>
 434                                                                                                    <td></td>
 435                                                                                                </tr>
 436                                                                                                <tr>
 437                                                                                                    <td></td>
 438                                                                                                </tr>
 439
 440                                                                                                <tr>
 441                                                                                                    <td class="td-blank"></td>
 442                                                                                                </tr>
 443                                                                                             </table>
 444                                                                                         </td>
 445
 446                                                                                         <td>
 447                                                                                                 <div ng-show="isModel">
 448                                                                                                         <table style="margin-top: -10px;width: 260px;margin-left: -116px;">
 449                                                                                                                 <tr>
 450                                                                                                                         <td class="td-default_value-tree">
 451                                                                                                                                 <input type="radio" ng-model="utmModelSchemaExtension.radioSelection"
 452                                                                                                                                                 ng-click="requiredOnly()"
 453                                                                                                                                                 value="Required Only"><b>Required Only</b>
 454                                                                                                                         </td>
 455
 456
 457                                                                                                                         <!-- <td class="td-default_value-tree">
 458                                                                                                                             <h6> <b>Default Value</b></h6>
 459                                                                                                                         </td> -->
 460
 461                                                                                                                 </tr>
 462                                                                                                                 <tr>
 463
 464                                                                                                                         <td style="text-align: left;" class="td-default_value-tree">
 465                                                                                                                                 <input type="radio" ng-model="utmModelSchemaExtension.radioSelection"
 466                                                                                                                                                         ng-click="selectAll()"
 467                                                                                                                                                         value="Select All"> <b>Select All</b>
 468                                                                                                                         </td>
 469                                                                                                                         <td></td>
 470
 471                                                                                                                 </tr>
 472                                                                                                                 <tr>
 473
 474                                                                                                                         <td style="text-align: left;" class="td-default_value-tree">
 475                                                                                                                                 <input type="radio" ng-model="utmModelSchemaExtension.radioSelection"
 476                                                                                                                                                 ng-click="unSelectAll()"
 477                                                                                                                                                 value="Unselect All">  <b>Unselect All</b>
 478                                                                                                                         </td>
 479
 480
 481                                                                                                                         <td></td>
 482                                                                                                                 </tr>
 483                                                                                                         </table>
 484                                                                                                 </div>
 485                                                                                         </td>
 486
 487                                                                                         <!-- <td class="td-blank"></td>
 488                                                                                         <td class="td-blank"></td> -->
 489                                                                                         <td class="td-default_value-tree">
 490                                                                                                                             <h6> <b>Default Value</b></h6>
 491                                                                                                                         </td>
 492
 493
 494
 495
 496
 497                                                                                 </tr>
 498                                                                     </table>
 499                                                                         <div style="margin-left: 20px;margin-top: -12px;"
 500                                                                                 ng-class="{hidden:showUTMViewInput,chaldean:showUTMViewInput}">
 501
 502                                                                                 <div ng-show="serviceInputPartInfo.length>0" >
 503                                                                                         <h6>
 504                                                                                         <!-- <div ng-repeat="inputInfo in serviceInputPartInfo">
 505                                                                                                          inputInfo :: {{inputInfo}}
 506                                                                                                 <div ng-repeat="schemaElement in inputInfo.schemaElements"   ng-include="'service_tree_element_renderer.html'" ng-init="currentElementName= inputInfo.part.name;parentName='ServiceInput'; parentElement=inputInfo; heirarchyLevel=1">
 507
 508                                                                                                 </div>
 509
 510                                                                                                 </div> -->
 511                                                                                                 <div ng-repeat="inputInfo in serviceInputPartInfo">
 512                                                                                                         <div class="inputInfoClass" ng-init="currentElementName= inputInfo.part.name;parentName='ServiceInput'; parentElement=inputInfo; heirarchyLevel=1;infoType=inputInfo"></div>
 513                                                                                                 </div>
 514                                                                                         </h6>
 515
 516                                                                                 </div>
 517
 518                                                                         </div>
 519
 520                                                                         <table class="table-tree" style="margin-top: -12px;>
 521                                                                                 <tr>
 522                                                                                         <td class="td-label-tree">
 523                                                                                                 <h6>
 524                                                                                                         <span class="pull-left"
 525                                                                                                                         ng-click="showUTMViewOutput=!showUTMViewOutput">
 526                                                                                                                 <i
 527                                                                                                                         ng-class="showUTMViewOutput == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
 528                                                                                                                 </i>
 529                                                                                                         </span>
 530                                                                                                         <b>Service Output</b>
 531                                                                                                 </h6>
 532                                                                                         </td>
 533
 534                                                                                         <td class="td-default_value-tree">
 535                                                                                         </td>
 536                                                                                         <td class="td-tree">
 537                                                                                         </td>
 538                                                                                 </tr>
 539                                                                 </table>
 540                                                                         <div style="margin-left: 20px;"
 541                                                                                 ng-class="{hidden:showUTMViewOutput,chaldean:showUTMViewOutput}">
 542                                                                                 <div ng-show="serviceOutputPartInfo.length>0" style="width: 250px">
 543                                                                                         <h6>
 544                                                                                         <!-- <div ng-repeat="outputInfo in serviceOutputPartInfo" >
 545                                                                                                   outputInfo::: {{outputInfo}}
 546                                                                                                 <div ng-repeat="schemaElement in outputInfo.schemaElements" ng-include="'service_tree_element_renderer.html'" ng-init="currentElementName=outputInfo.part.name;parentName='ServiceOutput'; parentElement=outputInfo; heirarchyLevel=1">
 547                                                                                                         </div>
 548                                                                                                 </div> -->
 549                                                                                                 <div ng-repeat="outputInfo in serviceOutputPartInfo">
 550                                                                                                         <div class="inputInfoClass" ng-init="currentElementName=outputInfo.part.name;parentName='ServiceOutput'; parentElement=outputInfo; heirarchyLevel=1; infoType=outputInfo"></div>
 551                                                                                                 </div>
 552                                                                                         </h6>
 553                                                                                 </div>
 554                                                                         </div>
 555
 556                                                                         <table class="table-tree" style="margin-top: -12px;">
 557                                                                                 <tr>
 558                                                                                         <td class="td-label-tree" >
 559                                                                                                 <h6>
 560                                                                                                         <span class="pull-left"
 561                                                                                                                 ng-click="showUTMViewFault=!showUTMViewFault">
 562                                                                                                                 <i ng-class="showUTMViewFault == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
 563                                                                                                                 </i>
 564                                                                                                         </span>
 565                                                                                                         <b>Service Fault</b>
 566                                                                                                 </h6>
 567                                                                                         </td>
 568                                                                                         <td class="td-default_value-tree">
 569                                                                                         </td>
 570                                                                                         <td class="td-tree">
 571                                                                                         </td>
 572                                                                                 </tr>
 573                                                                 </table>
 574                                                                         <div style="margin-left: 20px;"
 575                                                                                 ng-class="{hidden:showUTMViewFault,chaldean:showUTMViewFault}">
 576
 577                                                                                 <div ng-show="servicefaultPartInfo.length>0" style="width: 250px">
 578                                                                                         <h6>
 579                                                                                         <!-- <div ng-repeat="faultInfo in servicefaultPartInfo" style="margin-top: -12px;">
 580                                                                                         faultInfo ::::{{faultInfo}}
 581                                                                                                 <div ng-repeat="schemaElement in faultInfo.schemaElements" ng-include="'service_tree_element_renderer.html'" ng-init="currentElementName=faultInfo.schemaElements[0].name;parentName='ServiceFault'; parentElement=faultInfo; heirarchyLevel=1">
 582                                                                                                         </div>
 583                                                                                                 </div>   -->
 584                                                                                                 <div ng-repeat="faultInfo in servicefaultPartInfo">
 585                                                                                                         <div class="inputInfoClass" ng-init="currentElementName=faultInfo.part.name;parentName='ServiceFault'; parentElement=faultInfo; heirarchyLevel=1; infoType=faultInfo"></div>
 586                                                                                                 </div>
 587                                                                                         </h6>
 588                                                                                 </div>
 589                                                                         </div>
 590                                                                 </div>
 591
 592
 593                                                                 <div>
 594                                                                         <div>
 595                                                                                 <h6>
 596                                                                                         <span class="pull-left"
 597                                                                                                 ng-click="showUTMViewTestSet=!showUTMViewTestSet">
 598                                                                                                 <i
 599                                                                                                 ng-class="showUTMViewTestSet == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
 600                                                                                                 </i>
 601                                                                                         </span>
 602                                                                                         <b ng-click="selectActivityTestSet()">Test Set</b>
 603                                                                                 </h6>
 604                                                                         </div>
 605                                                                         <div style="margin-left: 15px;"
 606                                                                                         ng-class="{hidden:!showUTMViewTestSet,chaldean:!showUTMViewTestSet}">
 607                                                                                 <div ng-show=" modeltestset.activityTestCases.length>0" style="width: 250px">
 608                                                                                         <div ng-repeat="activityTestCase in modeltestset.activityTestCases">
 609
 610                                                                                                 <div ng-if="activityTestCase.version ==null">
 611                                                                                                 <h6>
 612                                                                                                         <div ng-mouseover="selectTC(activityTestCase)"><b id="{{activityTestCase.testCaseName}}" data-stuff='{{activityTestCase}}' data-model='{{utmModels}}' class="TCS" style="cursor:pointer;">{{activityTestCase.testCaseName}}</b></div>
 613                                                                                         </h6>
 614                                                                                         </div>
 615                                                                                         <div ng-if="activityTestCase.version !=null">
 616                                                                                                 <h6>
 617                                                                                                         <div ng-mouseover="selectTC(activityTestCase)"><b id="{{activityTestCase.testCaseName}}" data-stuff='{{activityTestCase}}' data-model='{{utmModels}}' class="TCS" style="cursor:pointer;">{{activityTestCase.testCaseName + "_" + activityTestCase.version}}</b></div>
 618                                                                                         </h6>
 619                                                                                         </div>
 620                                                                                         </div>
 621                                                                                 </div>
 622                                                                         </div>
 623                                                                 </div>
 624                                                         </div>
 625                                                 </div>
 626                                         </div>
 627                                 </div>
 628                         </div>
 629                 </div>
 630
 631
 632                 <!-- clds: width 100 instead of 70 -->
 633                 <div style="width: 100%;height:90vh" id="activity_modeler">
 634                 <!-- div style="width: 70%;height:90vh" id="activity_modeler" -->
 635
 636                         <div class="panel panel-primary">
 637                                 <div class="panel-heading">
 638                                         <div style="color: white;">
 639
 640                                                 <span class="pull-left">
 641                                                         <span id="modeler_name">Closed Loop Modeler</span>
 642                                                 </span>
 643                                                 <span class="pull-right" >
 644                                                         <span id="templa_name"></span>
 645                                                         &nbsp;
 646                                                         <i ng-click="showTDRView=!showTDRView" ng-class="showTDRView == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i>
 647                                                 </span>
 648                                         </div>
 649
 650                                         <div class="clearfix"></div>
 651                                 </div>
 652                                 <div ng-class="{hidden:showTDRView,chaldean:showTDRView}">
 653                                         <div style="height: 83.5vh; width: 100%;">
 654                                                 <div class="panel-body" style="height: 83.5vh;padding: 0px;">
 655                                                         <div  id="paletteDiv" style="width: 100%;height: 83.5vh;"
 656                                                                 ng-show="isPalette" ng-include="'./modeler/dist/index.html'">
 657
 658                                                         </div>
 659
 660                             <!--Commented becoz i m not able to find the htmls-->
 661                                                 <!-- <div  ng-show="isTestset && !isPalette && !isRequirementCoverage" style="width: 100%;height: 83.5vh;" ng-include src="'partials/portfolios/generate_testset.html'" ></div>
 662                                                 <div  ng-show="!isTestset && !isPalette && isRequirementCoverage" style="width: 100%;height: 83.5vh;" ng-include src="'partials/portfolios/requirement_coverage.html'" ></div> -->
 663                                   </div>
 664
 665                                         </div>
 666
 667                                 </div>
 668                         </div>
 669
 670                 </div>
 671
 672                 <!-- <div id="propertyExplorer" style="width: 20%;height:90vh" >
 673
 674                         <div class="panel panel-primary">
 675                                 <div class="panel-heading">
 676                                         <div style="color: white;">
 677
 678                                                 <span class="pull-left"> <span>Property Explorer</span>
 679
 680                                                 </span> <span class="pull-right" ng-click="showTDRView=!showTDRView"><i
 681                                                         ng-class="showTDRView == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i></span>
 682                                         </div>
 683
 684                                         <div class="clearfix"></div>
 685                                 </div>
 686                                 <div ng-class="{hidden:showTDRView,chaldean:showTDRView}">
 687                                         <div class="panel-body" style="height: 79vh; overflow: auto;">
 688
 689
 690
 691                                 <div id="propertyDiv"  ng-show="ispropertyExplorer" ng-include  src="'./partials/portfolios/Property_Explorer.html'"></div>
 692
 693
 694                                 </div>
 695                         </div>
 696
 697                 </div>
 698
 699         </div> -->
 700
 701   </div>
 702 </div>
 703 <div ng-show ="isResult">       </div>
 704 <script type="text/ng-template"  id="service_tree_element_renderer.html">
 705
 706
 707
 708         <div ng-show="schemaElement.complexType != null">
 709
 710
 711                 <div ng-if="currentElementName == ''">
 712                         <div ng-init="currentElementName = schemaElement.complexType.name">
 713
 714                         </div>
 715                 </div>
 716
 717       <div ng-init="ParentKey=parentName + '_' + currentElementName + (schemaElement.repeatableHierarchicalPrefix != null ? schemaElement.repeatableHierarchicalPrefix : ''); parElement=schemaElement;tableStyle='table-level' + heirarchyLevel + '-tree'; tdLabelStyle='td-level' + heirarchyLevel + '-label-tree'; heirLevel=heirarchyLevel ;">
 718
 719                 <table class="{{tableStyle}}"> <tr>
 720                 <td class="{{tdLabelStyle}}">
 721                 <span class="pull-left" ng-click="showUTMViewMsgHeader=!showUTMViewMsgHeader">
 722                         <i
 723                         ng-class="showUTMViewMsgHeader == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
 724                         </i>
 725                 </span>
 726                 <b>
 727                                 {{currentElementName}}
 728
 729                 </b>
 730         </td>
 731         <td class="td-tree"></td>
 732         <td class="td-tree"></td>
 733         <td class="td-tree"></td>
 734         <td class="td-blank"></td>
 735         <td class="td-default_value-tree"> </td>
 736
 737       </tr></table>
 738
 739
 740                 <div style="margin-left: 10px"
 741                                 ng-class="{hidden:showUTMViewMsgHeader,chaldean:showUTMViewMsgHeader}">
 742
 743                         <div style="margin-left: 10px"
 744                                         ng-repeat="schemaElement in schemaElement.elements"  ng-init="currentElementName=objectName;parentName=ParentKey; parentElement=parElement; heirarchyLevel = heirLevel + 1" ng-include="'service_tree_element_renderer.html'">
 745
 746                         </div>
 747                 </div>
 748
 749       </div>
 750         </div>
 751
 752         <div ng-show="schemaElement.element.name != null">
 753       <div  ng-init = "elementKey=parentName + '_' + schemaElement.element.name + (schemaElement.repeatableHierarchicalPrefix != null ? schemaElement.repeatableHierarchicalPrefix : ''); tableStyle='table-level' + heirarchyLevel + '-tree'; tdLabelStyle='td-level' + heirarchyLevel +'-label-tree'" id="elementKey">
 754                     <table class="{{tableStyle}}">
 755                                 <tr>
 756                                         <td style="text-align: left;vertical-align: top;" class="{{tdLabelStyle}}">
 757                                          <div ng-mouseover="getContextMenu(schemaElement,elementKey)" context-menu="myContextDiv">
 758                                                 <span class="pull-left" ng-click="showUTMViewMsgHeader=!showUTMViewMsgHeader" ng-style="(schemaElement.type.recursive ||schemaElement.list) && {'color':'#0000FF'} || {'color': '#444444'}">
 759                                                         <i ng-class="showUTMViewMsgHeader == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
 760                                                         </i>
 761                                                         {{schemaElement.element.name}}
 762                                                 </span>
 763                                           </div>
 764                                         </td>
 765
 766                         <div ng-if= "repeatableHeirarchicalElementMap !=null">
 767                                 <div ng-if="repeatableHeirarchicalElementMap[elementKey] != null">
 768                                         <div ng-repeat="repeatableElement in repeatableHeirarchicalElementMap[elementKey].repeatableElements">
 769                                                 <div ng-init="addRepeatableElement1(schemaElement, parentElement, elementKey, $index)">
 770                                                 </div>
 771                                         </div>
 772                                         <div ng-repeat="heirarchicalElement in repeatableHeirarchicalElementMap[elementKey].heirarchicalElements">
 773                                                 <div ng-init="addHierarchicalElement1(schemaElement, parentElement, elementKey, $index)">
 774                                                 </div>
 775                                         </div>
 776                                 </div>
 777                         </div>
 778
 779                         <td class="td-blank"></td>
 780
 781                         <td style="text-align: right;" class="td-tree">
 782                        <div ng-show="schemaElement.type.complexType == null">
 783                                                    <input type="checkbox" id="{{elementKey + '_checkbox'}}" ng-model="utmModelSchemaExtension.utmSchemaExtentionMap[elementKey].checked" ng-init="requiredValues[elementKey]=schemaElement.element.minOccurs;utmModelSchemaExtension.utmSchemaExtentionMap[elementKey].checked=(utmModelSchemaExtension.radioSelection == 'Required Only' && schemaElement.element.minOccurs !=0) || utmModelSchemaExtension.radioSelection == 'Select All' || utmModelSchemaExtension.utmSchemaExtentionMap[elementKey].checked" ng-change="onChange()"/>
 784                        </div>
 785                         </td>
 786                         <td class="td-blank"></td>
 787                         <td class="td-blank"></td>
 788                         <td style="text-align:center;word-wrap: break-word" class="td-default_value-tree"><label id="{{elementKey + '_label'}}"/>{{utmModelSchemaExtension.utmSchemaExtentionMap[elementKey].defaultValue}}</td>
 789                         </tr></table>
 790             <div style="margin-left: 10px"
 791                                 ng-class="{hidden:!showUTMViewMsgHeader,chaldean:!showUTMViewMsgHeader}">
 792                 <div ng-if = "schemaElement.type != null && schemaElement.type.restriction != null">
 793                                         <div ng-repeat="object in filteredObjects = (schemaElement.type.restriction.minExclusivesAndMinInclusivesAndMaxExclusives | filter: {name : 'enumeration'})">
 794                                                 {{object.value.value}}
 795                                </div>
 796                 </div>
 797                 </div>
 798       </div>
 799         </div>
 800         <div ng-show="schemaElement.type.complexType != null">
 801       <div ng-init="parKey=parentName + '_' + schemaElement.element.name + (schemaElement.repeatableHierarchicalPrefix != null ? schemaElement.repeatableHierarchicalPrefix : ''); heirLevel=heirarchyLevel; parElement=schemaElement">
 802                         <div style="margin-left: 10px"
 803                                 ng-class="{hidden:!showUTMViewMsgHeader,chaldean:!showUTMViewMsgHeader}">
 804
 805                         <div style="margin-left: 10px"
 806                                         ng-repeat="schemaElement in schemaElement.type.elements"  ng-init="currentElementName=schemaElement.element.name;parentName=parKey; parentElement=parElement; heirarchyLevel=heirLevel+1 ;" ng-include="'service_tree_element_renderer.html'">
 807                         </div>
 808                 </div>
 809      </div>
 810         </div>
 811
 812 </script>
 813
 814 <script type="text/ng-template" id="model_renderer.html">
 815
 816 <div ng-show="utmModels != null && utmModels.name != null">
 817       <div>
 818                 <table class="{{tableStyle}}"> <tr>
 819                         <td class="{{tdLabelStyle}}">
 820                                 <span class="pull-left" ng-click="showUTMViewModel=!showUTMViewModel">
 821                                 <i
 822                                 ng-class="showUTMViewModel == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
 823                                 </i>
 824                                 </span>
 825                 </td>
 826             <td>
 827                                 <b>
 828                     <label ng-click="onSelectActivityModel($event.target.attributes.data.value)"  data="{{utmModels.name}}" class="models" style="cursor:pointer;width:260px;" id="{{utmModels.name}}" ng-right-click="createSubModel(utmModels)" context-menu="mySubModelContext"> {{utmModels.name}} </label>
 829                                 </b>
 830             </td>
 831                         <td class="td-tree"></td>
 832                         <td class="td-default_value-tree"> </td>
 833                 </tr></table>
 834                                 <div style="margin-left: 10px"
 835                                 ng-class="{hidden:showUTMViewModel,chaldean:showUTMViewModel}">
 836                                         <div style="margin-left: 10px"
 837                                                 ng-repeat="utmModels in utmModels.subModels" ng-include="'model_renderer.html'">
 838
 839                                         </div>
 840                                 </div>
 841                 </div>
 842                 </div>
 843 </script>