aboutsummaryrefslogtreecommitdiffstats
path: root/oom-app-overlay/src/main/webapp/app/oom/home/executions_view.html
diff options
context:
space:
mode:
Diffstat (limited to 'oom-app-overlay/src/main/webapp/app/oom/home/executions_view.html')
-rw-r--r--oom-app-overlay/src/main/webapp/app/oom/home/executions_view.html165
1 files changed, 165 insertions, 0 deletions
diff --git a/oom-app-overlay/src/main/webapp/app/oom/home/executions_view.html b/oom-app-overlay/src/main/webapp/app/oom/home/executions_view.html
new file mode 100644
index 0000000..9f3e113
--- /dev/null
+++ b/oom-app-overlay/src/main/webapp/app/oom/home/executions_view.html
@@ -0,0 +1,165 @@
+<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>
+
+</div> \ No newline at end of file