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