diff options
Diffstat (limited to 'ccsdk-app-overlay/src/main/webapp/app/ccsdk/home/executions_view.html')
| -rw-r--r-- | ccsdk-app-overlay/src/main/webapp/app/ccsdk/home/executions_view.html | 164 |
1 files changed, 2 insertions, 162 deletions
diff --git a/ccsdk-app-overlay/src/main/webapp/app/ccsdk/home/executions_view.html b/ccsdk-app-overlay/src/main/webapp/app/ccsdk/home/executions_view.html index 9f3e113..ec7bf90 100644 --- a/ccsdk-app-overlay/src/main/webapp/app/ccsdk/home/executions_view.html +++ b/ccsdk-app-overlay/src/main/webapp/app/ccsdk/home/executions_view.html @@ -1,165 +1,5 @@ -<link rel="stylesheet" href="app/oom/external/bootstrap.min.css" /> -<style> -.csep-root1 { - background: white; -} - -.dropdown-submenu { - position: relative; -} - -.dropdown-submenu .dropdown-menu { - top: 0; - left: 100%; - margin-top: -1px; -} - -.parent-item { - box-shadow: 0 0 10px 0 rgba(0, 0, 0, .8); - -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .8); - -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .8); - background: #efefef; - padding: 15px; - cursor: pointer; -} - -.child-item { - box-shadow: 0 0 10px 0 rgba(0, 0, 0, .8); - -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .8); - -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .8); - background: #efefef; - padding: 15px; -} - -.button-style { - padding: 2px 5px; - width: auto; - margin: 3px; - min-width: 15px; -} - -.no-padding { - padding: 0 !important; -} - -.line-height { - height: 2.5em; -} - -.activeStatus { - background: #0568ae; -} - -.activeStatus a { - color: #FFF; -} - -.popover { - width: 400px; -} -</style> - <div id="page-content"> - <h4 class="heading-page" id="controllers">OOM Managed Executions</h4> - - <div ng-show="ecdapp.isDataLoading"> - <i class="icon-primary-spinner small" role="img" - aria-label="Please wait while the content loads"></i> - Please wait while the content loads. - </div> - - <div class="table-responsive col-sm-12" - style="position: relative; left: 150px;" ng-if="controllerCallDone"> - <div class="col-sm-12"> - <div class="col-sm-4 no-padding" style="margin-top: 20px;"> - <div class="col-sm-12 no-padding" style="display: flex;"> - <div class="parent-item col-sm-10 no-padding"> - <div class="col-sm-12 no-padding line-height"> - <div class="col-xs-10 no-padding text-center"> - <b>{{parent.blueprint_id}}</b> - </div> - <div class="col-xs-2 no-padding dropdown"> - <button - class="btn btn-default button-style icon-controls-gear dropdown-toggle" - data-toggle="dropdown" ng-click="closeSubMenu()"></button> - <ul class="dropdown-menu"> - <li class="dropdown-submenu"> - <a href="javascript:void(0);" tabindex="-1" - ng-click="showsubDropdown($event)"> - Execution Status<span class="icon-controls-right pull-right" style="position: absolute;margin-right: 60px; padding-left: 50px;"></span> - </a> - <ul class="dropdown-menu" id="submenu"> - <li ng-class="{activeStatus: status == 'active'}"><a - href="javascript:void(0);" - ng-click="ecdapp.loadTable('active')">Active</a></li> - <li ng-class="{activeStatus: status == 'cancelled'}"><a - href="javascript:void(0);" - ng-click="ecdapp.loadTable('cancelled')">Cancelled</a></li> - <li ng-class="{activeStatus: status == 'failed'}"><a - href="javascript:void(0);" - ng-click="ecdapp.loadTable('failed')">Failed</a></li> - <li ng-class="{activeStatus: status == 'started'}"><a - href="javascript:void(0);" - ng-click="ecdapp.loadTable('started')">Started</a></li> - <li ng-class="{activeStatus: status == 'terminated'}"><a - href="javascript:void(0);" - ng-click="ecdapp.loadTable('terminated')">Terminated</a></li> - </ul></li> - <li><a href="javascript:void(0);" - ng-click="showEcompCInstancesModalPopup()">Select ECOMP-C - Instance...</a></li> - </ul> - </div> - </div> - <div> - <img src="app/oom/images/ecomp-login-550x360.jpg"> - </div> - <div class="col-sm-12 text-center line-height"> - <span ng-if="orgChartData.length"></span> - </div> - </div> - <div class="col-sm-2 no-padding" ng-if="orgChartData.length"> - <span - style="position: absolute; width: 100%; border: 1px solid #333; top: 50%;"></span> - </div> - </div> - </div> - <div class="col-sm-4 no-padding" style="margin-top: 20px;"> - <div class="col-sm-12 no-padding" style="position: absolute; margin-top: -23px; margin-left: 54px;" ng-if="orgChartData.length > 0"> - <b>Status: {{status}}</b> - </div> - <div class="col-sm-12 no-padding" style="margin-top: 100px;" ng-if="orgChartData.length == 0 && status"> - <b>No components found with status {{status}}</b> - </div> - <div class="col-sm-12 no-padding" ng-if="orgChartData.length" - ng-repeat="item in orgChartData" - style="display: flex; padding-bottom: 20px !important; border-left: 1px solid #333;"> - <div class="col-sm-2 no-padding"> - <span ng-if="$index == 0" - style="position: absolute; height: 50%; width: 100%; border-left: 2px solid #FFF; left: -2%;"></span> - <span - style="position: absolute; width: 100%; border: 1px solid #333; top: 50%;"></span> - <span ng-if="$index == orgChartData.length-1" - style="position: absolute; top: 50%; width: 100%; height: calc(50% + 20px); left: -5%; border-left: 2px solid #FFFFFF;"></span> - </div> - <div class="col-sm-10 no-padding child-item" - id="callToggle{{$index}}" data-toggle='popover' - data-placement='right' data-trigger='hover' - data-content="Execution Id: {{item.id}}"> - <div class="col-sm-12 no-padding line-height"> - <div class="col-xs-12 no-padding text-center"> - <b>{{item.blueprint_id}}</b> - </div> - </div> - <div> - <img src="app/oom/images/ecomp.png"> - </div> - <div class="col-sm-12 text-center line-height"></div> - </div> - </div> - </div> - </div> - </div> + <h4 class="heading-page" id="controllers">EOM Dashboard {{ecdapp.appLabel}}</h4> +</div> -</div>
\ No newline at end of file |