aboutsummaryrefslogtreecommitdiffstats
path: root/ccsdk-app-os/src/main/webapp/app
diff options
context:
space:
mode:
authorKotagiri, Ramprasad (rp5662) <rp5662@att.com>2020-08-21 08:40:37 -0400
committerKotagiri, Ramprasad (rp5662) <rp5662@att.com>2020-08-21 08:52:29 -0400
commit47b65efd69c5158d958261846803d2e15adfb448 (patch)
treed0f3752b551a31cf39a36cbee16392bbcc36c72b /ccsdk-app-os/src/main/webapp/app
parentc32511155acad5b70dcc3cf29e9bfa36276f3894 (diff)
java 11 upgrade and sonar scan fixes
Recompile java source code using jdk11 Run in ojdk11 JRE tomcat container upgrade alpine base image Issue-ID: DCAEGEN2-2298 Change-Id: Ic4bf2626e5805508589cafe52b7c4e91d7ae3580 Signed-off-by: Kotagiri, Ramprasad (rp5662) <rp5662@att.com>
Diffstat (limited to 'ccsdk-app-os/src/main/webapp/app')
-rw-r--r--ccsdk-app-os/src/main/webapp/app/ccsdk/home/executions-view-controller.js1
-rw-r--r--ccsdk-app-os/src/main/webapp/app/ccsdk/home/executions_view.html14
-rw-r--r--ccsdk-app-os/src/main/webapp/app/ccsdk/home/oom-style.css635
3 files changed, 350 insertions, 300 deletions
diff --git a/ccsdk-app-os/src/main/webapp/app/ccsdk/home/executions-view-controller.js b/ccsdk-app-os/src/main/webapp/app/ccsdk/home/executions-view-controller.js
index fd2dd79..46acecc 100644
--- a/ccsdk-app-os/src/main/webapp/app/ccsdk/home/executions-view-controller.js
+++ b/ccsdk-app-os/src/main/webapp/app/ccsdk/home/executions-view-controller.js
@@ -70,6 +70,7 @@ appDS2.controller('executionsViewController',
$scope.ecdapp.resetFilters = function() {
$scope.ecdapp.selectedTenant = '';
$scope.ecdapp.selectedStatus = '';
+ $scope.ecdapp.execId = '';
};
$scope.ecdapp.extendedfilterSrch = function() {
diff --git a/ccsdk-app-os/src/main/webapp/app/ccsdk/home/executions_view.html b/ccsdk-app-os/src/main/webapp/app/ccsdk/home/executions_view.html
index 09d9814..68eeb3b 100644
--- a/ccsdk-app-os/src/main/webapp/app/ccsdk/home/executions_view.html
+++ b/ccsdk-app-os/src/main/webapp/app/ccsdk/home/executions_view.html
@@ -77,7 +77,7 @@
<span class="b2b-title" > {{ecdapp.bpCount}} </span>
</div>
<div class="b2b-card-content"
- style="text-align: center;">
+ style="text-align: center; font-family: Arial;">
BLUEPRINTS
</div>
</a>
@@ -88,7 +88,7 @@
<span class="b2b-title" > {{ecdapp.bpCount}} </span>
</div>
<div class="b2b-card-content"
- style="text-align: center;">
+ style="text-align: center; font-family: Arial;">
BLUEPRINTS
</div>
</a>
@@ -124,7 +124,7 @@
<span class="b2b-title"> {{ecdapp.depCount}} </span>
</div>
<div class="b2b-card-content"
- style="text-align: center;">
+ style="text-align: center; font-family: Arial;">
DEPLOYMENTS
</div>
</a>
@@ -134,7 +134,7 @@
<span class="b2b-title"> {{ecdapp.depCount}} </span>
</div>
<div class="b2b-card-content"
- style="text-align: center;">
+ style="text-align: center; font-family: Arial;">
DEPLOYMENTS
</div>
</a>
@@ -169,7 +169,7 @@
<span class="b2b-title"> {{ecdapp.pluginCount}} </span>
</div>
<div class="b2b-card-content"
- style="text-align: center;">
+ style="text-align: center; font-family: Arial;">
PLUGINS
</div>
</a>
@@ -294,12 +294,12 @@
<button tabindex="-1" class="btn btn-small"
title="Reset Filters" type="button"
ng-click="ecdapp.resetFilters()">
- <i class="icon-arrows-update-refresh-sync"></i>
+ <i class="icon-arrows-replay-restart"></i>
</button>
<button tabindex="1" class="btn btn-small"
title="Filtered search" type="button"
ng-click="ecdapp.extendedfilterSrch()">
- <i class="icon-controls-magnifyingglass"></i>
+ <i class="ion-search"></i>
</button>
</div>
</div>
diff --git a/ccsdk-app-os/src/main/webapp/app/ccsdk/home/oom-style.css b/ccsdk-app-os/src/main/webapp/app/ccsdk/home/oom-style.css
index df3e489..81ef929 100644
--- a/ccsdk-app-os/src/main/webapp/app/ccsdk/home/oom-style.css
+++ b/ccsdk-app-os/src/main/webapp/app/ccsdk/home/oom-style.css
@@ -1,4 +1,30 @@
-/* Styles for ECOMP Controller Dashboard */
+/* Styles for DCAE Controller Dashboard */
+body, h1, h2, input, span, label, a, p, th, td {
+ font-family: Arial;
+}
+
+table td {
+ font-family: Arial;
+}
+
+.error-row {
+ color: #ff0000;
+ font-weight: bolder;
+}
+
+.normal-row {
+ color: #000000;
+ font-weight: normal;
+}
+
+input::placeholder {
+ font-family: Arial;
+}
+
+.btn, .btn-slider-on, .btn-slider-off, .b2b-card-content, .popover-title,
+ .popover-content span, .b2b-footer-wrapper .copyright-text {
+ font-family: Arial;
+}
.content-container {
min-height: 650px;
@@ -25,21 +51,25 @@
}
.selected {
- background-color:#abb5e6;
- color:black;
- font-weight:bold;
+ background-color: #abb5e6;
+ color: black;
+ font-weight: bold;
}
+
.red-background {
- background-color: #ff0000b3;
- }
+ background-color: #ff0000b3;
+}
+
.green-background {
- background-color: #bbf0bb;
- }
+ background-color: #bbf0bb;
+}
+
.td-error {
- border-top: 2px dotted red;
- border-bottom: 2px dotted red;
- background-color: rgb(210, 190, 190);
- }
+ border-top: 2px dotted red;
+ border-bottom: 2px dotted red;
+ background-color: rgb(210, 190, 190);
+}
+
.menu {
display: none;
z-index: 1000;
@@ -50,9 +80,9 @@
background: azure;
position: fixed;
overflow: scroll;
- background: slategray;
- color: white;
- right: 20px;
+ background: #abb5e6;
+ color: black;
+ right: 20px;
}
.show-menu {
@@ -165,12 +195,13 @@
font-size: 1.0em;
margin-left: 10px;
}
+
.advanced-search {
display: block;
position: relative;
}
-.advanced-search .btn{
+.advanced-search .btn {
box-shadow: none;
position: absolute;
top: 5px;
@@ -179,7 +210,6 @@
width: 25px;
height: 25px;
padding: 1px 1px 1px 1px;
-
}
.advanced-search i {
@@ -193,145 +223,158 @@
}
.advanced-search-input {
- padding: 10px 19px 9px 18px;
- font-size: 1.5rem;
- border-radius: 8px;
- width: 100%;
+ padding: 10px 19px 9px 18px;
+ font-size: 1.5rem;
+ border-radius: 8px;
+ width: 100%;
}
-td > .btn-group {
+
+td>.btn-group {
min-width: 0;
width: auto;
}
-.dropup,
-.dropdown {
- position: relative;
+.dropup, .dropdown {
+ position: relative;
}
+
.dropdown-toggle:focus {
- outline: 0;
+ outline: 0;
}
+
.dropdown-menu {
- position: absolute;
- z-index: 1000;
- display: none;
- min-width: 160px;
- padding: 5px 0;
- margin: 2px 0 0;
- text-align: left;
- list-style: none;
- background-color: #fff;
- -webkit-background-clip: padding-box;
- background-clip: padding-box;
- border: 1px solid #ccc;
- border: 1px solid rgba(0, 0, 0, .15);
- border-radius: 4px;
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
- box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
- top: 30px;
- left: -10px;
+ position: absolute;
+ z-index: 1000;
+ display: none;
+ min-width: 160px;
+ padding: 5px 0;
+ margin: 2px 0 0;
+ text-align: left;
+ list-style: none;
+ background-color: #fff;
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
+ border: 1px solid #ccc;
+ border: 1px solid rgba(0, 0, 0, .15);
+ border-radius: 4px;
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
+ box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
+ top: 30px;
+ left: -10px;
}
+
.dropdown-menu.pull-right {
- right: 0;
- left: auto;
+ right: 0;
+ left: auto;
}
+
.dropdown-menu .divider {
- height: 1px;
- margin: 9px 0;
- overflow: hidden;
- background-color: #e5e5e5;
-}
-.dropdown-menu > li > a {
- display: block;
- padding: 3px 20px;
- clear: both;
- font-weight: normal;
- line-height: 1.42857143;
- color: #333;
- white-space: nowrap;
-}
-.dropdown-menu > li > a:hover,
-.dropdown-menu > li > a:focus {
- color: #262626;
- text-decoration: none;
- background-color: #f5f5f5;
-}
-.dropdown-menu > .active > a,
-.dropdown-menu > .active > a:hover,
-.dropdown-menu > .active > a:focus {
- color: #fff;
- text-decoration: none;
- background-color: #337ab7;
- outline: 0;
-}
-.dropdown-menu > .disabled > a,
-.dropdown-menu > .disabled > a:hover,
-.dropdown-menu > .disabled > a:focus {
- color: #777;
-}
-.dropdown-menu > .disabled > a:hover,
-.dropdown-menu > .disabled > a:focus {
- text-decoration: none;
- cursor: not-allowed;
- background-color: transparent;
- background-image: none;
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-}
-.open > .dropdown-menu {
- display: block;
-}
-.open > a {
- outline: 0;
+ height: 1px;
+ margin: 9px 0;
+ overflow: hidden;
+ background-color: #e5e5e5;
}
+
+.dropdown-menu>li>a {
+ display: block;
+ padding: 3px 20px;
+ clear: both;
+ font-weight: normal;
+ line-height: 1.42857143;
+ color: #333;
+ white-space: nowrap;
+}
+
+.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
+ color: #262626;
+ text-decoration: none;
+ background-color: #f5f5f5;
+}
+
+.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus
+ {
+ color: #fff;
+ text-decoration: none;
+ background-color: #337ab7;
+ outline: 0;
+}
+
+.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover,
+ .dropdown-menu>.disabled>a:focus {
+ color: #777;
+}
+
+.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
+ text-decoration: none;
+ cursor: not-allowed;
+ background-color: transparent;
+ background-image: none;
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled= false);
+}
+
+.open>.dropdown-menu {
+ display: block;
+}
+
+.open>a {
+ outline: 0;
+}
+
.dropdown-menu-right {
- right: 0;
- left: auto;
+ right: 0;
+ left: auto;
}
+
.dropdown-menu-left {
- right: auto;
- left: 0;
+ right: auto;
+ left: 0;
}
+
.dropdown-header {
- display: block;
- padding: 3px 20px;
- font-size: 12px;
- line-height: 1.42857143;
- color: #777;
- white-space: nowrap;
+ display: block;
+ padding: 3px 20px;
+ font-size: 12px;
+ line-height: 1.42857143;
+ color: #777;
+ white-space: nowrap;
}
+
.dropdown-backdrop {
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 990;
-}
-.pull-right > .dropdown-menu {
- right: 0;
- left: auto;
-}
-.dropup .caret,
-.navbar-fixed-bottom .dropdown .caret {
- content: "";
- border-top: 0;
- border-bottom: 4px dashed;
- border-bottom: 4px solid \9;
-}
-.dropup .dropdown-menu,
-.navbar-fixed-bottom .dropdown .dropdown-menu {
- top: auto;
- bottom: 100%;
- margin-bottom: 2px;
-}
-@media (min-width: 768px) {
- .navbar-right .dropdown-menu {
- right: 0;
- left: auto;
- }
- .navbar-right .dropdown-menu-left {
- right: auto;
- left: 0;
- }
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 990;
+}
+
+.pull-right>.dropdown-menu {
+ right: 0;
+ left: auto;
+}
+
+.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
+ content: "";
+ border-top: 0;
+ border-bottom: 4px dashed;
+ border-bottom: 4px solid \9;
+}
+
+.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
+ top: auto;
+ bottom: 100%;
+ margin-bottom: 2px;
+}
+
+@media ( min-width : 768px) {
+ .navbar-right .dropdown-menu {
+ right: 0;
+ left: auto;
+ }
+ .navbar-right .dropdown-menu-left {
+ right: auto;
+ left: 0;
+ }
}
.dropdown-menu li {
@@ -346,16 +389,16 @@ td > .btn-group {
margin-right: 5px;
}
-td > .btn-group > .btn {
+td>.btn-group>.btn {
min-width: 0;
color: #0568ae;
}
-td > .btn-group > .btn> i {
+td>.btn-group>.btn>i {
font-size: 30px;
}
-li > a.active {
+li>a.active {
font-weight: bolder;
outline: thin dotted #666;
}
@@ -369,96 +412,99 @@ tr:focus {
}
.modalwrapper.modal-docked .modal-jumbo {
- max-height: 100%;
- height: 100%;
- overflow: hidden;
- top: 0;
- width: 100%;
- max-width: 100%;
+ max-height: 100%;
+ height: 100%;
+ overflow: hidden;
+ top: 0;
+ width: 100%;
+ max-width: 100%;
}
#addAppDiv {
padding-left: 10px;
- background: lightgray;
- border-radius: 5px;
- padding-bottom: 15px;
+ background: lightgray;
+ border-radius: 5px;
+ padding-bottom: 15px;
}
.field-group.error .error-msg {
color: red;
- display: block;
- font-size: 14px;
- line-height: 14px;
- font-family: "Omnes-ATT-W02-Medium";
- position: relative;
- padding-left: 18px;
- margin-top: 10px;
+ display: block;
+ font-size: 14px;
+ line-height: 14px;
+ font-family: "Omnes-ATT-W02-Medium";
+ position: relative;
+ padding-left: 18px;
+ margin-top: 10px;
}
.heading-page {
margin-bottom: 20px;
+ font-family: Arial;
}
.footer-container {
top: 25px;
}
+
.b2b-dragdrop {
padding: 10px;
}
.my-tooltip {
- position: relative;
- display: inline;
+ position: relative;
+ display: inline;
}
.id-tooltip {
- position: relative;
- display: inline;
+ position: relative;
+ display: inline;
}
-.id-tooltip > .id-tooltiptext, .id-tooltip > .wrapper {
+.id-tooltip>.id-tooltiptext, .id-tooltip>.wrapper {
display: flex;
- visibility: hidden;
- width: 400px;
- background-color: #dbdde3;
- white-space: pre-line;
- border-radius: 6px;
- padding: 10px;
- position: absolute;
- bottom: 25%;
- left: 80%;
- transition: opacity 0.3s;
- border: 1px solid gray;
-}
-
-.id-tooltip:hover > .id-tooltiptext, .id-tooltip:hover > .wrapper {
- pointer-events: auto;
- visibility: visible;
- opacity: 1;
-}
-.wrapper > .id-tooltiptext {
- overflow-y: auto;
- max-height: 400px;
- display: block;
- clear: both;
-}
+ visibility: hidden;
+ width: 400px;
+ background-color: #dbdde3;
+ white-space: pre-line;
+ border-radius: 6px;
+ padding: 10px;
+ position: absolute;
+ bottom: 25%;
+ left: 80%;
+ transition: opacity 0.3s;
+ border: 1px solid gray;
+}
+
+.id-tooltip:hover>.id-tooltiptext, .id-tooltip:hover>.wrapper {
+ pointer-events: auto;
+ visibility: visible;
+ opacity: 1;
+}
+
+.wrapper>.id-tooltiptext {
+ overflow-y: auto;
+ max-height: 400px;
+ display: block;
+ clear: both;
+}
.id-tooltip .id-tooltiptext::after {
- content: "";
- position: absolute;
- top: 40%;
- right: 100%;
- margin-left: -5px;
- border-width: 5px;
- border-style: solid;
- border-color: transparent #544f4f transparent transparent;
+ content: "";
+ position: absolute;
+ top: 40%;
+ right: 100%;
+ margin-left: -5px;
+ border-width: 5px;
+ border-style: solid;
+ border-color: transparent #544f4f transparent transparent;
}
.wrapper {
- position:relative;
+ position: relative;
}
-.my-tooltip > .my-tooltiptext, .my-tooltip > .wrapper {
+.my-tooltip>.my-tooltiptext, .my-tooltip>.wrapper {
visibility: hidden;
width: 600px;
background-color: #647dd6;
@@ -472,36 +518,37 @@ tr:focus {
left: -5%;
opacity: 0;
transition: opacity 0.3s;
- overflow: visible;
+ overflow: visible;
}
.my-tooltip .my-tooltiptext::after {
- content: "";
- position: absolute;
- top: 100%;
- left: 50%;
- margin-left: -5px;
- border-width: 5px;
- border-style: solid;
- border-color: #555 transparent transparent transparent;
-}
-
-.my-tooltip:hover > .my-tooltiptext, .my-tooltip:hover > .wrapper {
- pointer-events: auto;
- visibility: visible;
- opacity: 1;
-}
-.wrapper > .my-tooltiptext {
- overflow-y: auto;
- max-height: 400px;
- display: block;
- clear: both;
-}
+ content: "";
+ position: absolute;
+ top: 100%;
+ left: 50%;
+ margin-left: -5px;
+ border-width: 5px;
+ border-style: solid;
+ border-color: #555 transparent transparent transparent;
+}
+
+.my-tooltip:hover>.my-tooltiptext, .my-tooltip:hover>.wrapper {
+ pointer-events: auto;
+ visibility: visible;
+ opacity: 1;
+}
+
+.wrapper>.my-tooltiptext {
+ overflow-y: auto;
+ max-height: 400px;
+ display: block;
+ clear: both;
+}
.stat_tooltip {
- position: relative;
- display: inline-block;
- top: -10px;
+ position: relative;
+ display: inline-block;
+ top: -10px;
}
.gen_tooltip {
@@ -510,89 +557,89 @@ tr:focus {
}
.gen_tooltip .gen_tooltiptext_r {
- visibility: hidden;
- width: 250px;
- background-color: #647dd6;
- color: #000;
- text-align: center;
- border-radius: 2px;
- border: 1px solid rgba(0, 0, 0, .15);
- padding: 5px 0;
- position: absolute;
- z-index: 100;
- left: 110%;
- top: -50%;
+ visibility: hidden;
+ width: 250px;
+ background-color: #647dd6;
+ color: #000;
+ text-align: center;
+ border-radius: 2px;
+ border: 1px solid rgba(0, 0, 0, .15);
+ padding: 5px 0;
+ position: absolute;
+ z-index: 100;
+ left: 110%;
+ top: -50%;
}
.gen_tooltip .gen_tooltiptext_r::after {
- content: "";
- position: absolute;
- top: 50%;
- right: 100%; /* to the left of tooltip */
- margin-left: -5px;
- border-width: 5px;
- border-style: solid;
- border-color: transparent #fff transparent transparent;
+ content: "";
+ position: absolute;
+ top: 50%;
+ right: 100%; /* to the left of tooltip */
+ margin-left: -5px;
+ border-width: 5px;
+ border-style: solid;
+ border-color: transparent #fff transparent transparent;
}
.gen_tooltip:hover .gen_tooltiptext_r {
- visibility: visible;
+ visibility: visible;
}
.stat_tooltip .stat_tooltiptext, .stat_tooltip .wrapper {
- visibility: hidden;
- width: 500px;
- background-color: #c8d1f0;
- color: #000;
- text-align: left;
- border-radius: 6px;
- border: 1px solid rgba(0, 0, 0, .15);
- padding: 5px 0;
- position: absolute;
- z-index: 100;
- bottom: 100%;
- height: 200px;
+ visibility: hidden;
+ width: 500px;
+ background-color: #c8d1f0;
+ color: #000;
+ text-align: left;
+ border-radius: 6px;
+ border: 1px solid rgba(0, 0, 0, .15);
+ padding: 5px 0;
+ position: absolute;
+ z-index: 100;
+ bottom: 100%;
+ height: 200px;
}
.stat_tooltip .stat_tooltiptext::after, .stat_tooltip .wrapper::after {
- content: "";
- position: absolute;
- top: 100%;
- left: 4%;
- margin-left: -5px;
- border-width: 5px;
- border-style: solid;
- border-color: rgba(0, 0, 0, .15) transparent transparent transparent;
+ content: "";
+ position: absolute;
+ top: 100%;
+ left: 4%;
+ margin-left: -5px;
+ border-width: 5px;
+ border-style: solid;
+ border-color: rgba(0, 0, 0, .15) transparent transparent transparent;
}
.stat_tooltip:hover .stat_tooltiptext, .stat_tooltip:hover .wrapper {
- visibility: visible;
+ visibility: visible;
}
.stat_tooltip .wrapper .clip-btn-div {
- display: inline;
- left: 50px;
- top: 80px;
+ display: inline;
+ left: 50px;
+ top: 80px;
}
.b2b-card-container {
- background-color: #ffffff;
+ background-color: #ffffff;
}
.b2b-cards {
transition: .5s;
opacity: .7;
}
+
.b2b-cards a {
- text-decoration: none;
+ text-decoration: none;
}
.b2b-cards:hover {
- box-shadow: 0px 0px 20px 10px #eccc5e;
- text-shadow: none !important;
- background-color: #ffffff !important;
- opacity: 1;
-
+ box-shadow: 0px 0px 20px 10px #eccc5e;
+ text-shadow: none !important;
+ background-color: #ffffff !important;
+ opacity: 1;
}
.b2b-cards .tooltip {
@@ -610,49 +657,51 @@ tr:focus {
.b2b-cards:hover .b2b-card-footer-flyout {
visibility: visible;
}
+
.b2b-card-header {
- text-align: center;
+ text-align: center;
}
.b2b-card-header i {
font-size: 35px;
}
+
.b2b-card-container .b2b-title {
font-size: 50px;
}
+
.b2b-card-content {
text-align: center;
}
.collapsible {
- color: #2196F3;
- cursor: pointer;
- padding: 18px;
- width: 100%;
- border: none;
- outline: none;
- font-size: 25px;
- font-weight: bolder;
- background-color: #ffffff;
- height: 2px;
- margin-top: -30px;
+ color: #2196F3;
+ cursor: pointer;
+ padding: 18px;
+ width: 100%;
+ border: none;
+ outline: none;
+ font-size: 25px;
+ font-weight: bolder;
+ background-color: #ffffff;
+ height: 2px;
+ margin-top: -30px;
}
.collapsible:after {
- content: "\2796";
- color: #2196F3;
- float: right;
- margin-left: 5px;
+ content: "\2796";
+ color: #2196F3;
+ float: right;
+ margin-left: 5px;
}
.collapsible.active:after {
- content: '\02795';
+ content: '\02795';
}
.content {
- padding: 0 18px;
- height: auto;
- display: block;
- transition: max-height 0.2s ease-out;
-
-}
+ padding: 0 18px;
+ height: auto;
+ display: block;
+ transition: max-height 0.2s ease-out;
+} \ No newline at end of file