Client code change form GSO-GUI to OPEN-O GUI

code restructured for the OPEN-O CLient.

Issue-Id : CLIENT-11

Change-Id: Ib2846320c5522ca373ba7b1c12e3caa9443e5ea1
Signed-off-by: seshukm <seshu.kumar.m@huawei.com>

2 files changed, 387 insertions, 0 deletions

diff --git a/portal-monitor/src/main/webapp/monitor/css/dac.css b/portal-monitor/src/main/webapp/monitor/css/dac.css
new file mode 100644
index 00000000..f96692ec
--- /dev/null
+++ b/portal-monitor/src/main/webapp/monitor/css/dac.css
@@ -0,0 +1,220 @@
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+body {

+   color: #333;

+  font-size: 14px;

+  font-family: "Microsoft yahei", arial;

+  background-color: #ffffff !important; 

+}

+

+

+a {

+

+  text-decoration: none !important;

+}

+

+

+

+.titlefont {

+  font-size: 16px;

+}

+

+

+

+.container-fluid {

+	background-color: #fff;

+}

+

+

+div.separator div {

+  text-align: center;

+  line-height: 0;

+}

+

+.row{

+    margin-left: 0px;

+  margin-right: 0px;

+  margin-bottom: 10px;

+  margin-top: 10px;

+}

+

+

+p[tooltip], div[tooltip], td[tooltip], span[tooltip]{

+  overflow: hidden;

+  text-overflow: ellipsis;

+  white-space:nowrap; 

+}

+

+.control-label .required {

+  color: #e02222;

+  font-size: 12px;

+  padding-left: 2px;

+}

+

+.stats_box {

+  display: inline-block;

+  list-style: none outside none;

+  margin-left: 0;

+  margin-top: 10px;

+  padding: 0;

+    float: left;

+}

+

+

+

+.stats_box .policyDiv{

+  background: #eee;

+  box-shadow: 0 0 0 1px #f8f8f8 inset,0 0 0 1px #ccc;

+  display: inline-block;

+  line-height: 18px;

+  margin: 0 10px 10px;

+  padding: 0 10px;

+  float: left;

+  height: 105px;

+}

+

+

+

+.sparkline {

+  min-width: 60px;

+  /* border-right: 1px solid #dcdcdc; */

+  /* box-shadow: 1px 0 0 0 #fff; */

+  float: left;

+  /* margin-right: 9pt; */

+  padding: 0px 24px 0 34px;

+  height: 90px;

+}

+

+.sparkline i{

+color:#5bc0de;

+}

+

+

+

+

+

+

+

+.animated-panel {

+  -webkit-animation-duration: .5s;

+  animation-duration: .5s;

+  -webkit-animation-fill-mode: both;

+  animation-fill-mode: both;

+}

+

+/*

+.panel-footer {

+  padding: 6px 15px;

+}*/

+

+

+/*卡片面板样式*/

+.animated-panel {

+  -webkit-animation-duration: .5s;

+  animation-duration: .5s;

+  -webkit-animation-fill-mode: both;

+  animation-fill-mode: both;

+}

+

+.hpanel {

+  background-color: none;

+  border: none;

+  box-shadow: none;

+  margin-bottom: 35px;

+    

+}

+

+.hpanel .panel-body {

+  border: 1px solid #e4e5e7;

+  border-radius: 2px;

+  padding: 20px;

+  position: relative;

+}

+.h-200 {

+  min-height: 220px;

+}

+.m-t-xl {

+  margin-top: 20px;

+}

+.text-success {

+  color: #0d638f;

+}

+

+.hpanel_div_list{

+  height:30px;

+}

+

+.hpanel > .panel-footer {

+  color: inherit;

+  border: 1px solid #e4e5e7;

+  border-top: none;

+  font-size: 90%;

+  background: #f7f9fa;

+  height:40px;

+  padding: 5px 15px;

+}

+

+.color_cloud{

+  color:#BAB9B9;

+}

+.stats-title{

+

+}

+

+h3{

+  margin-top: 10px;

+  margin-bottom: 40px;

+  font-weight: 200;

+    color: #357ebd

+}

+

+.blue-font{

+  color:#428bca;

+}

+

+.hpanel > .panel-footer .pull-right a{

+  margin-left: 5px;

+}

+

+.font-bold {

+  font-weight: 600;

+  margin-bottom: 15px;

+}

+

+.hpanel_show{

+  cursor: pointer;

+  background-color: #f7f9fa;

+}

+

+.hpanel > .panel-footer .pull-right .btn {

+    min-width: 30px !important;

+}

+

+

+div[data-name="cond_zone"] div {

+    background-color: #fff;

+    margin-bottom: 15px;

+}

+

+span.response_throbber {

+    background-image: url('../images/throbber.gif');

+    width: 128px;

+    height: 16px;

+    display: block;

+    clear: none;

+    float: left;

+    margin-top: 50px;

+}
\ No newline at end of file
diff --git a/portal-monitor/src/main/webapp/monitor/css/monitorSetting.css b/portal-monitor/src/main/webapp/monitor/css/monitorSetting.css
new file mode 100644
index 00000000..6ec0c701
--- /dev/null
+++ b/portal-monitor/src/main/webapp/monitor/css/monitorSetting.css
@@ -0,0 +1,167 @@
+/**

+ * Copyright 2016, CMCC Technologies Co., Ltd.

+ *

+ * Licensed under the Apache License, Version 2.0 (the "License");

+ * you may not use this file except in compliance with the License.

+ * You may obtain a copy of the License at

+ *

+ *         http://www.apache.org/licenses/LICENSE-2.0

+ *

+ * Unless required by applicable law or agreed to in writing, software

+ * distributed under the License is distributed on an "AS IS" BASIS,

+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

+ * See the License for the specific language governing permissions and

+ * limitations under the License.

+ */

+body {

+  color: #333;

+  font-family: "Microsoft yahei", Verdana, Arial, Helvetica, sans-serif !important;

+  padding: 0px !important;

+  margin: 0px !important;

+  direction: ltr;

+  background-color: #ffffff !important; 

+}

+

+a {

+    text-decoration: none !important;

+        cursor: pointer;

+}

+

+.label{

+        font-size: 80%;

+}

+

+.row{

+  margin-left: 0px; 

+  margin-right: 0px; 

+  padding-left: 0px;

+  padding-right: 0px;

+}

+

+.chart_row{

+

+  padding-left:5px;

+  padding-right: 5px;

+}

+

+.titlefont {

+  font-size: 16px;

+}

+

+.container-fluid {

+  background-color: #fff;

+}

+

+.blue-font {

+    color: #428bca;

+}

+

+

+

+.separator-line {

+    height: 1px;

+    width: 100%;

+    background: #ddd;

+    overflow: hidden;

+    margin-bottom: 15px;

+    margin-top: 6px;

+    opacity: 0.6;

+}

+

+

+

+

+

+.main {

+

+    overflow: hidden;

+    margin-bottom: 10px;

+    border: 1px solid #e3e3e3;

+    -webkit-border-radius: 4px;

+    -moz-border-radius: 4px;

+    border-radius: 4px;

+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

+    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

+    padding-top: 10px;

+    padding-right: 10px;

+}

+

+.panel-tools {

+    display: inline-block;

+    float: right;

+    margin-top: 0;

+    padding: 0;

+    position: relative;

+}

+

+.panel-tools a {

+    margin-left: 5px;

+    color: #9d9fa2;

+    cursor: pointer;

+}

+

+.panel-tools  a:hover{

+  color: #34495e;

+  text-decoration: none;

+}

+

+

+.timeline-badge {

+    width: 100px;

+    height: 100px;

+    border-radius: 50% 50% 50% 50%;

+    text-align: center;

+    font-size: 50px;

+    line-height: 100px;

+    color: #fff;

+    background-color: #999999;

+}

+.timeline-badge.info {

+    background-color: #378AE8 !important;

+}

+

+.collapseContent  ul {

+    padding-left: 0;

+    list-style: none;

+}

+

+.collapseContent  ul li{

+    height:40px;

+    font-size: 15px;

+}

+

+#MonitorContent{

+    padding-top: 30px;   

+     padding-bottom: 20px;

+}

+

+.border-right {

+    border-right: 1px solid #e4e5e7;

+}

+

+.tipArea {

+    border-bottom: 1px solid #d4d4d4;

+    width: 85%;

+    text-align: center;

+    margin-bottom: 15px;

+    margin-left: 30px;

+    font-weight: bold;

+}

+.monitor-icon{

+

+  width:180px;

+  float:left;

+  padding-left:40px

+

+}

+

+.proxy_div{

+   float:left;

+   padding-left:20px

+

+}

+

+#MonitorContent b{

+    margin-right: 5px;

+}
\ No newline at end of file