.Column1 {
display: table-cell;
}
-.visible
-{
-display:none;
+
+.visible {
+ display: none;
}
-.table-tree{
+.table-tree {
border: 0px solid black;
- table-layout: fixed;
+ table-layout: fixed;
width: 600px;
}
-.selectedFile{
-background-color: #337ab7;
-color: #fff;
+
+.selectedFile {
+ background-color: #337ab7;
+ color: #fff;
}
-.selectedcolor{
-color:#0000FF;
+.selectedcolor {
+ color: #0000FF;
}
+
.td-label-tree {
border: 0px solid black;
- overflow: hidden;
- width: 250px;
- vertical-align: bottom;
+ overflow: hidden;
+ width: 250px;
+ vertical-align: bottom;
}
-.table-level1-tree{
+.table-level1-tree {
border: 0px solid black;
- table-layout: fixed;
- width: 580px;
+ table-layout: fixed;
+ width: 580px;
}
.td-level1-label-tree {
- overflow: hidden;
- width: 230px;
+ overflow: hidden;
+ width: 230px;
}
-.table-level2-tree{
- table-layout: fixed;
- width: 560px;
+.table-level2-tree {
+ table-layout: fixed;
+ width: 560px;
}
.td-level2-label-tree {
- overflow: hidden;
- width: 210px;
+ overflow: hidden;
+ width: 210px;
}
-.table-level3-tree{
- table-layout: fixed;
- width: 540px;
+.table-level3-tree {
+ table-layout: fixed;
+ width: 540px;
}
.td-level3-label-tree {
- overflow: hidden;
- width: 190px;
+ overflow: hidden;
+ width: 190px;
}
-.table-level4-tree{
- table-layout: fixed;
- width: 520px;
+.table-level4-tree {
+ table-layout: fixed;
+ width: 520px;
}
.td-level4-label-tree {
- overflow: hidden;
- width: 170px;
+ overflow: hidden;
+ width: 170px;
}
-.table-level5-tree{
- table-layout: fixed;
- width: 500px;
+.table-level5-tree {
+ table-layout: fixed;
+ width: 500px;
}
.td-level5-label-tree {
- overflow: hidden;
- width: 150px;
+ overflow: hidden;
+ width: 150px;
}
-.table-level6-tree{
- table-layout: fixed;
- width: 480px;
+.table-level6-tree {
+ table-layout: fixed;
+ width: 480px;
}
.td-level6-label-tree {
- overflow: hidden;
- width: 130px;
+ overflow: hidden;
+ width: 130px;
}
-.table-level7-tree{
- table-layout: fixed;
- width: 460px;
+.table-level7-tree {
+ table-layout: fixed;
+ width: 460px;
}
.td-level7-label-tree {
- overflow: hidden;
- width: 110px;
+ overflow: hidden;
+ width: 110px;
}
-.table-level8-tree{
- table-layout: fixed;
- width: 440px;
+.table-level8-tree {
+ table-layout: fixed;
+ width: 440px;
}
.td-level8-label-tree {
- overflow: hidden;
- width: 90px;
+ overflow: hidden;
+ width: 90px;
}
-
-.table-level9-tree{
- table-layout: fixed;
- width: 420px;
+.table-level9-tree {
+ table-layout: fixed;
+ width: 420px;
}
.td-level9-label-tree {
- overflow: hidden;
- width: 70px;
+ overflow: hidden;
+ width: 70px;
}
-
-.table-level10-tree{
- table-layout: fixed;
- width: 400px;
+.table-level10-tree {
+ table-layout: fixed;
+ width: 400px;
}
.td-level10-label-tree {
- overflow: hidden;
- width: 50px;
+ overflow: hidden;
+ width: 50px;
}
-
.td-default_value-tree {
border: 0px solid black;
- overflow: hidden;
- width: 180px !important;
- vertical-align: bottom;
- text-align: left !important;
+ overflow: hidden;
+ width: 180px !important;
+ vertical-align: bottom;
+ text-align: left !important;
}
-.td-blank{
-width: 30px;
-
+.td-blank {
+ width: 30px;
}
-.td-button{
-width: 14px;
+.td-button {
+ width: 14px;
}
.td-tree {
border: 0px solid black;
- overflow: hidden;
- width: 100px;
- vertical-align: top;
- text-align: center !important;
-}
-
-/* #contextmenu-node{
- position: absolute;
- background-color: white;
- border: solid #CCCCCC 1px;
- margin-left:60px;
-}
-
-.contextmenu-item{
- margin: 0.5em;
- padding-left: 0.5em;
- display: block;
- padding: 3px 20px;
- clear: both;
- font-weight: normal;
- line-height: 1.42857143;
- color: #333;
- white-space: nowrap;
-}
-
-.contextmenu-item:hover{
- background-color: #3c8dbc;
- cursor: default;
- color:#fff;
-}
- */
- #contextmenu-node{
- position: absolute;
- background-color: white;
- border: solid #CCCCCC 1px;
- margin-top:-60px;
-
+ overflow: hidden;
+ width: 100px;
+ vertical-align: top;
+ text-align: center !important;
}
-.contextmenu-item{
- margin: 0.5em;
- padding-left: 0.5em;
- display: block;
- padding: 3px 20px;
- clear: both;
- font-weight: normal;
- line-height: 1.42857143;
- color: #333;
- white-space: nowrap;
+#contextmenu-node {
+ position: absolute;
+ background-color: white;
+ border: solid #CCCCCC 1px;
+ margin-top: -60px;
}
-.contextmenu-item:hover{
- background-color: #3c8dbc;
- cursor: default;
- color:#fff;
+.contextmenu-item {
+ margin: 0.5em;
+ padding-left: 0.5em;
+ display: block;
+ padding: 3px 20px;
+ clear: both;
+ font-weight: normal;
+ line-height: 1.42857143;
+ color: #333;
+ white-space: nowrap;
}
-</style>
-<div attribute-test="cldsmodelling" class="container-fluid" ng-controller="ActivityModellingCtrl" style="height: 90vh;margin:0;padding:0;overflow: hidden;">
- <div id="utm-splitter" class="k-content" style="height: 90vh;overflow: hidden;">
- <div attribute-test="cldsmodelling2" id="UTMdashboard" style="height: 90vh;overflow: hidden;margin-left: 2px;margin-right: 2px;">
- <div style="display: none;" id="projectExplorer">
- <!-- clds: remove project explorer - use display: none -->
- <!-- div style="width: 30%; height: 90vh;overflow: hidden;" id="projectExplorer" -->
- <div class="panel panel-primary">
- <div class="panel-heading">
- <div style="color: white;">
-
- <span class="pull-left"> <span>Project Explorer</span>
- </span> <span class="pull-right" ng-click="showUTMView=!showUTMView"><i
- ng-class="showUTMView == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i></span>
- </div>
-
- <div class="clearfix"></div>
- </div>
- <div ng-class="{hidden:showUTMView,chaldean:showUTMView}">
- <div class="panel-body" style="height: 79vh; overflow: auto;">
- <div ng-if="projectName != null" >
- <div>
- <h6>
- <span class="pull-left"
- ng-click="showUTMViewMain=!showUTMViewMain"> <i
- ng-class="showUTMViewMain == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i>
- </span> <b>{{projectName}} </b>
- </h6>
+.contextmenu-item:hover {
+ background-color: #3c8dbc;
+ cursor: default;
+ color: #fff;
+}
- </div>
- <div style="margin-left: 5px"
- ng-class="{hidden:showUTMViewMain,chaldean:showUTMViewMain}">
+</style>
+<div attribute-test="cldsmodelling" class="container-fluid"
+ ng-controller="ActivityModellingCtrl"
+ style="height: 90vh; margin: 0; padding: 0; overflow: hidden;">
+ <div id="utm-splitter" class="k-content"
+ style="height: 90vh; overflow: hidden;">
+ <div attribute-test="cldsmodelling2" id="UTMdashboard"
+ style="height: 90vh; overflow: hidden; margin-left: 2px; margin-right: 2px;">
+ <div style="display: none;" id="projectExplorer">
+ <!-- clds: remove project explorer - use display: none -->
+ <!-- div style="width: 30%; height: 90vh;overflow: hidden;" id="projectExplorer" -->
+ <div class="panel panel-primary">
+ <div class="panel-heading">
+ <div style="color: white;">
+
+ <span class="pull-left"> <span>Project Explorer</span>
+ </span> <span class="pull-right" ng-click="showUTMView=!showUTMView"><i
+ ng-class="showUTMView == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i></span>
+ </div>
+ <div class="clearfix"></div>
+ </div>
+ <div ng-class="{hidden:showUTMView,chaldean:showUTMView}">
+ <div class="panel-body" style="height: 79vh; overflow: auto;">
+ <div ng-if="projectName != null">
<div>
<h6>
<span class="pull-left"
- ng-click="showUTMViewModel=!showUTMViewModel"> <i
- ng-class="showUTMViewModel == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
- </i>
- </span><b>Model</b>
+ ng-click="showUTMViewMain=!showUTMViewMain"> <i
+ ng-class="showUTMViewMain == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i>
+ </span> <b>{{projectName}} </b>
</h6>
+
+
</div>
- <div style="margin-left: 15px"
- ng-class="{hidden:showUTMViewModel,chaldean:showUTMViewModel}">
-
- <div id="div_models" ng-include="'model_renderer.html'">
-
+ <div style="margin-left: 5px"
+ ng-class="{hidden:showUTMViewMain,chaldean:showUTMViewMain}">
+
+ <div>
+ <h6>
+ <span class="pull-left"
+ ng-click="showUTMViewModel=!showUTMViewModel"> <i
+ ng-class="showUTMViewModel == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
+ </i>
+ </span><b>Model</b>
+ </h6>
</div>
- </div>
+ <div style="margin-left: 15px"
+ ng-class="{hidden:showUTMViewModel,chaldean:showUTMViewModel}">
- <div>
- <h6>
- <span class="pull-left"
- ng-click="showUTMViewService=!showUTMViewService"> <i
- ng-class="showUTMViewService == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
- </i>
- </span><b>Service</b>
- </h6>
- </div>
+ <div id="div_models" ng-include="'model_renderer.html'">
- <div style="margin-left: 10px"
- ng-class="{hidden:showUTMViewService,chaldean:showUTMViewService}">
+ </div>
+ </div>
- <div style="width: 190px;">
+ <div>
<h6>
<span class="pull-left"
- ng-click="showUTMViewDtl=!showUTMViewDtl"> <i
- ng-class="showUTMViewDtl == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
+ ng-click="showUTMViewService=!showUTMViewService"> <i
+ ng-class="showUTMViewService == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
</i>
- </span><b>Service Details</b>
+ </span><b>Service</b>
</h6>
</div>
- <table class="table-tree">
- <tr>
- <td class="td-label-tree" style="margin-top: 30px;">
- <table>
- <tr>
- <td> </td>
- </tr>
- <tr>
- <td> </td>
- </tr>
- <tr>
- <td>
- <h6>
- <span class="pull-left" ng-click="showUTMViewInput=!showUTMViewInput">
- <i ng-class="showUTMViewInput == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
- </i>
- </span>
- <b>Service Input</b>
- </h6>
- </td>
- </tr>
- </table>
- </td>
-
- <td class="td-default_value-tree" >
- <table style="margin-top: 30px;">
- <tr>
- <td></td>
- </tr>
- <tr>
- <td></td>
- </tr>
-
- <tr>
- <td class="td-blank"></td>
- </tr>
- </table>
- </td>
-
- <td>
- <div ng-show="isModel">
- <table style="margin-top: -10px;width: 260px;margin-left: -116px;">
+ <div style="margin-left: 10px"
+ ng-class="{hidden:showUTMViewService,chaldean:showUTMViewService}">
+
+ <div style="width: 190px;">
+ <h6>
+ <span class="pull-left"
+ ng-click="showUTMViewDtl=!showUTMViewDtl"> <i
+ ng-class="showUTMViewDtl == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
+ </i>
+ </span><b>Service Details</b>
+ </h6>
+ </div>
+
+ <table class="table-tree">
+ <tr>
+ <td class="td-label-tree" style="margin-top: 30px;">
+ <table>
<tr>
- <td class="td-default_value-tree">
- <input type="radio" ng-model="utmModelSchemaExtension.radioSelection"
- ng-click="requiredOnly()"
- value="Required Only"><b>Required Only</b>
- </td>
-
-
- <!-- <td class="td-default_value-tree">
- <h6> <b>Default Value</b></h6>
- </td> -->
-
+ <td></td>
</tr>
<tr>
-
- <td style="text-align: left;" class="td-default_value-tree">
- <input type="radio" ng-model="utmModelSchemaExtension.radioSelection"
- ng-click="selectAll()"
- value="Select All"> <b>Select All</b>
- </td>
<td></td>
-
</tr>
<tr>
-
- <td style="text-align: left;" class="td-default_value-tree">
- <input type="radio" ng-model="utmModelSchemaExtension.radioSelection"
- ng-click="unSelectAll()"
- value="Unselect All"> <b>Unselect All</b>
+ <td>
+ <h6>
+ <span class="pull-left"
+ ng-click="showUTMViewInput=!showUTMViewInput">
+ <i
+ ng-class="showUTMViewInput == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
+ </i>
+ </span> <b>Service Input</b>
+ </h6>
</td>
-
-
+ </tr>
+ </table>
+ </td>
+
+ <td class="td-default_value-tree">
+ <table style="margin-top: 30px;">
+ <tr>
<td></td>
</tr>
- </table>
- </div>
- </td>
-
- <!-- <td class="td-blank"></td>
- <td class="td-blank"></td> -->
- <td class="td-default_value-tree">
+ <tr>
+ <td></td>
+ </tr>
+
+ <tr>
+ <td class="td-blank"></td>
+ </tr>
+ </table>
+ </td>
+
+ <td>
+ <div ng-show="isModel">
+ <table
+ style="margin-top: -10px; width: 260px; margin-left: -116px;">
+ <tr>
+ <td class="td-default_value-tree"><input
+ type="radio"
+ ng-model="utmModelSchemaExtension.radioSelection"
+ ng-click="requiredOnly()" value="Required Only"><b>Required
+ Only</b></td>
+
+
+ <!-- <td class="td-default_value-tree">
<h6> <b>Default Value</b></h6>
- </td>
-
-
-
-
-
- </tr>
- </table>
-
- <table class="table-tree" style="margin-top: -12px;>
+ </td> -->
+
+ </tr>
+ <tr>
+
+ <td style="text-align: left;"
+ class="td-default_value-tree"><input type="radio"
+ ng-model="utmModelSchemaExtension.radioSelection"
+ ng-click="selectAll()" value="Select All"> <b>Select
+ All</b></td>
+ <td></td>
+
+ </tr>
+ <tr>
+
+ <td style="text-align: left;"
+ class="td-default_value-tree"><input type="radio"
+ ng-model="utmModelSchemaExtension.radioSelection"
+ ng-click="unSelectAll()" value="Unselect All">
+ <b>Unselect All</b></td>
+
+
+ <td></td>
+ </tr>
+ </table>
+ </div>
+ </td>
+
+ <!-- <td class="td-blank"></td>
+ <td class="td-blank"></td> -->
+ <td class="td-default_value-tree">
+ <h6>
+ <b>Default Value</b>
+ </h6>
+ </td>
+
+
+
+
+
+ </tr>
+ </table>
+
+ <table class="table-tree"
+ style="margin-top: -12px;>
<tr>
<td class="td-label-tree">
- <h6>
- <span class="pull-left"
- ng-click="showUTMViewOutput=!showUTMViewOutput">
- <i
- ng-class="showUTMViewOutput == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
- </i>
- </span>
- <b>Service Output</b>
- </h6>
- </td>
-
- <td class="td-default_value-tree">
- </td>
- <td class="td-tree">
+ <h6>
+ <span class="pull-left"
+ ng-click="showUTMViewOutput=!showUTMViewOutput"> <i
+ ng-class="showUTMViewOutput == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
+ </i>
+ </span> <b>Service Output</b>
+ </h6>
</td>
- </tr>
- </table>
-
- <table class="table-tree" style="margin-top: -12px;">
- <tr>
- <td class="td-label-tree" >
- <h6>
- <span class="pull-left"
- ng-click="showUTMViewFault=!showUTMViewFault">
- <i ng-class="showUTMViewFault == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
+ <td class="td-default_value-tree"></td>
+ <td class="td-tree"></td>
+ </tr>
+ </table>
+
+
+ <table class="table-tree" style="margin-top: -12px;">
+ <tr>
+ <td class="td-label-tree">
+ <h6>
+ <span class="pull-left"
+ ng-click="showUTMViewFault=!showUTMViewFault"> <i
+ ng-class="showUTMViewFault == true ?'fa fa-plus-circle':'fa fa-minus-circle'">
</i>
- </span>
- <b>Service Fault</b>
- </h6>
- </td>
- <td class="td-default_value-tree">
- </td>
- <td class="td-tree">
- </td>
- </tr>
- </table>
- </div>
-
-
- <div>
+ </span> <b>Service Fault</b>
+ </h6>
+ </td>
+ <td class="td-default_value-tree"></td>
+ <td class="td-tree"></td>
+ </tr>
+ </table>
+ </div>
+
+
<div>
- <h6>
- <span class="pull-left"
- ng-click="showUTMViewTestSet=!showUTMViewTestSet">
- <i
- ng-class="showUTMViewTestSet == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
+ <div>
+ <h6>
+ <span class="pull-left"
+ ng-click="showUTMViewTestSet=!showUTMViewTestSet"> <i
+ ng-class="showUTMViewTestSet == true ?'fa fa-minus-circle':'fa fa-plus-circle'">
</i>
- </span>
- <b ng-click="selectActivityTestSet()">Test Set</b>
- </h6>
- </div>
- <div style="margin-left: 15px;"
+ </span> <b ng-click="selectActivityTestSet()">Test Set</b>
+ </h6>
+ </div>
+ <div style="margin-left: 15px;"
ng-class="{hidden:!showUTMViewTestSet,chaldean:!showUTMViewTestSet}">
- <div ng-show=" modeltestset.activityTestCases.length>0" style="width: 250px">
- <div ng-repeat="activityTestCase in modeltestset.activityTestCases">
-
- <div ng-if="activityTestCase.version ==null">
- <h6>
- <div ng-mouseover="selectTC(activityTestCase)"><b id="{{activityTestCase.testCaseName}}" data-stuff='{{activityTestCase}}' data-model='{{utmModels}}' class="TCS" style="cursor:pointer;">{{activityTestCase.testCaseName}}</b></div>
- </h6>
- </div>
- <div ng-if="activityTestCase.version !=null">
- <h6>
- <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>
- </h6>
- </div>
- </div>
+ <div ng-show=" modeltestset.activityTestCases.length>0"
+ style="width: 250px">
+ <div
+ ng-repeat="activityTestCase in modeltestset.activityTestCases">
+
+ <div ng-if="activityTestCase.version ==null">
+ <h6>
+ <div ng-mouseover="selectTC(activityTestCase)">
+ <b id="{{activityTestCase.testCaseName}}"
+ data-stuff='{{activityTestCase}}'
+ data-model='{{utmModels}}' class="TCS"
+ style="cursor: pointer;">{{activityTestCase.testCaseName}}</b>
+ </div>
+ </h6>
+ </div>
+ <div ng-if="activityTestCase.version !=null">
+ <h6>
+ <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>
+ </h6>
+ </div>
+ </div>
+ </div>
</div>
</div>
</div>
</div>
</div>
</div>
- </div>
-
- <!-- clds: width 100 instead of 70 -->
- <div style="width: 100%;height:90vh" id="activity_modeler">
- <!-- div style="width: 70%;height:90vh" id="activity_modeler" -->
- <div class="panel panel-primary">
- <div class="panel-heading">
- <div style="color: white;">
+ <!-- clds: width 100 instead of 70 -->
+ <div style="width: 100%; height: 90vh" id="activity_modeler">
+ <!-- div style="width: 70%;height:90vh" id="activity_modeler" -->
- <span class="pull-left">
- <span id="modeler_name">Closed Loop Modeler</span>
- </span>
- <span class="pull-right" >
- <span id="loop_name">No LOOP loaded yet</span>
-
- <i ng-click="showTDRView=!showTDRView" ng-class="showTDRView == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i>
- </span>
- </div>
+ <div class="panel panel-primary">
+ <div class="panel-heading">
+ <div style="color: white;">
- <div class="clearfix"></div>
- </div>
- <div ng-class="{hidden:showTDRView,chaldean:showTDRView}">
- <div style="height: 83.5vh; width: 100%;">
- <div class="panel-body" style="height: 83.5vh;padding: 0px;">
- <div id="paletteDiv" style="width: 100%;height: 83.5vh;"
- ng-show="isPalette" ng-include="'./modeler/dist/index.html'">
+ <span class="pull-left"> <span id="modeler_name">Closed
+ Loop Modeler</span>
+ </span> <span class="pull-right"> <span id="loop_name">No
+ LOOP loaded yet</span> <i ng-click="showTDRView=!showTDRView"
+ ng-class="showTDRView == true ?'fa fa-plus-circle':'fa fa-minus-circle'"></i>
+ </span>
+ </div>
+ <div class="clearfix"></div>
+ </div>
+ <div ng-class="{hidden:showTDRView,chaldean:showTDRView}">
+ <div style="height: 83.5vh; width: 100%;">
+ <div class="panel-body" style="height: 83.5vh; padding: 0px;">
+ <div id="paletteDiv" style="width: 100%; height: 83.5vh;"
+ ng-show="isPalette" ng-include="'./modeler/dist/index.html'">
+ </div>
</div>
-
-
- </div>
-
+ </div>
</div>
-
</div>
</div>
</div>
- </div>
-</div>
-<div ng-show ="isResult"> </div>
-<script type="text/ng-template" id="service_tree_element_renderer.html">
+ </div>
+ <div ng-show="isResult"></div>
+ <script type="text/ng-template" id="service_tree_element_renderer.html">
</script>
-<script type="text/ng-template" id="model_renderer.html">
+ <script type="text/ng-template" id="model_renderer.html">
<div ng-show="utmModels != null && utmModels.name != null">
<div>
</div>
</div>
</div>
-</script>
+</script>
\ No newline at end of file