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

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