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, 342 insertions, 0 deletions

diff --git a/portal-auth/src/main/webapp/user/css/component.css b/portal-auth/src/main/webapp/user/css/component.css
new file mode 100644
index 00000000..4f67b28f
--- /dev/null
+++ b/portal-auth/src/main/webapp/user/css/component.css
@@ -0,0 +1,247 @@
+/*

+ * Copyright 2016 Huawei 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.

+ */

+.button_Group {

+    margin: 15px 0;

+    overflow: hidden;

+}

+

+.fk_button {

+    padding: 0 14px;

+    height: 24px;

+    float: left;

+    cursor: pointer;

+    text-decoration: none;

+    outline: 0;

+    border: 1px solid #d3d3d3;

+    text-align: center;

+    box-shadow: 0 1px 1px rgba(0,0,0,.05);

+    background: #fafafa;

+    background: -moz-linear-gradient(top,#fff,#fafafa);

+    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fafafa));

+    background: -webkit-linear-gradient(top,#fff,#fafafa);

+    background: linear-gradient(to bottom,#fff,#fafafa);

+    border-radius: 6px!important;

+}

+.fk_button:hover {

+    color: #009ae7;    

+    border: 1px solid #4AC9FF

+}

+.fk_button:active {

+    color: #0000;    

+    border: 1px solid #4AC9FF

+}

+

+.button_Group > button {

+    margin-right: 10px;

+}

+.add_imag {

+    background-image: url(/openoui/user/images/add.png);

+}

+.delete_imag {

+    background-image: url(/openoui/user/images/delete.png);

+}

+.button_imag {

+    padding-left: 25px;

+    background-repeat: no-repeat;

+    background-position: 5px center;

+}

+

+

+/*table style*/

+table.dataTable thead th {

+    padding: 0!important;

+    height: 22px!important;

+    padding: 1px 10px 0 5px;

+    overflow: visible;

+    white-space: nowrap;

+    background: #f0f0f0!important;

+    border: 1px solid #ddd;

+    border-top: 1px solid #e3e3e3!important;

+    border-left: 1px dotted transparent!important;

+    border-bottom: 1px solid #e3e3e3!important;

+    box-sizing: content-box;

+    text-align: left;

+    font-weight: 

+}

+table.dataTable tr td {

+    padding: 0 10px 0 5px!important;

+    height: 30px!important;

+    color: #000!important;

+    border: none!important;

+    border-left: 1px solid transparent!important;

+    border-bottom: 1px solid #e3e3e3!important;

+    overflow: hidden!important;

+    white-space: nowrap!important;

+    text-align: left;

+}

+

+table.dataTable th, table.dataTable td {

+    font-size: 12px!important;

+    color: #000!important;

+    max-width: 95%!important;

+    font-weight: 400!important;

+}

+

+.paginate_button {

+    color: #666!important;

+    font-size: 12px!important;

+    font-family: Lucida Grande,Verdana,Arial,Helvetica,sans-serif!important;

+    line-height: 24px!important;

+    text-align: center!important;

+    border: 1px solid #e0e0e0!important;

+    text-decoration: none!important;

+    padding: 0 7px!important;

+    border-radius: 3px!important;

+    background: #fff!important;

+}

+.paginate_button:hover {

+    color: #666!important;

+    border: 1px solid #4ac9ff!important;

+    cursor: pointer!important;

+}

+.current {

+    text-decoration: none!important;

+    color: #fff!important;

+    border: 1px solid #00adf5!important;

+    background: #4ad2ff!important;

+}

+

+/*over write the jquery dataTable*/

+.dataTables_wrapper .dataTables_paginate .paginate_button:hover {

+    color: #666!important;

+}

+.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

+    color: #fff!important;

+}

+table.dataTable tr.odd, table.dataTable tr.odd>.sorting_1 {

+    background-color: #f9f9f9!important;

+}

+table.dataTable tr.even, table.dataTable tr.even>.sorting_1 {

+    background-color: #f7f7f7!important;

+}

+table.dataTable tbody tr:hover, tbody tr.odd>.sorting_1:hover, tbody tr.even>.sorting_1:hover {

+    background-color: #E6FBE0!important;

+}

+table.dataTable.no-footer {

+    border-bottom: none!important;

+}

+

+/*the length information step style*/

+.dataTables_length, .dataTables_info {

+    display: inline-block!important;

+    float: left!important;

+}

+.left {

+    display: inline-block;

+    float: left;

+    overflow: hidden;

+    margin: 10px 20px 10px 5px;

+}

+ .right {

+    display: inline-block;

+    float: right;

+    overflow: hidden;

+    margin-top: 10px;

+}

+.dataTables_length, .dataTables_info {

+    display: inline-block;!important;

+    float: left!important;

+    clear: none!important;

+    padding-top: 0!important;

+}

+.dataTables_length label {

+    font-size: 0;

+}

+

+/*page select style*/

+.dataTables_length select {

+    height: 22px;

+    line-height: 22px;

+    text-align: center;

+    margin-right: 5px;

+    border: 1px solid #e0e0e0;

+    color: #000;

+    padding: 1px;

+}

+.dataTables_length select:active {

+    text-align: center;

+    margin-right: 5px;

+    border: 1px solid #e0e0e0;

+    color: #000;

+    padding: 1px;

+    border-radius: 5px;

+}

+

+/* input style overwrite*/ 

+.fwk_input {

+    border: 1px solid #c3c3c3;

+    background-color: #fff;

+    padding: 0 0 0 6px;

+    border-radius: 4px;

+    color: #000;

+    display: inline-block;

+    outline: 0;

+    box-shadow: 1px 1px #f6f6f6 inset;

+    font-size: 12px;

+    background: #fff;

+    height: 24px;

+    width: 300px;

+}

+

+.fwk_input:hover, .fwk_input:focus {

+    border-color: #4ac9ff;

+    box-shadow: 1px 1px rgba(74,201,255,.2) inset;

+}

+.fwk_input[type=password] {

+    -moz-user-select: none;

+    -khtml-user-select: none;

+    user-select: none;

+}

+

+.fwk_input:disabled {

+    background-color: #ededed!important;

+    color: #666;

+    box-shadow: 1px 1px #ededed inset!important;

+    border: 1px solid #e0e0e0!important;

+    resize: none;

+}

+

+/* input style textarea*/ 

+.fwk_textarea {

+    border: 1px solid #c3c3c3;

+    background-color: #fff;

+    padding: 0 0 0 6px;

+    border-radius: 4px;

+    color: #000;

+    display: inline-block;

+    outline: 0;

+    box-shadow: 1px 1px #f6f6f6 inset;

+    font-size: 12px;

+    background: #fff;

+    height: 72px;

+    width: 300px;

+}

+

+.fwk_textarea:hover, .fwk_textarea:focus {

+    border-color: #4ac9ff;

+    box-shadow: 1px 1px rgba(74,201,255,.2) inset;

+}

+

+

+

+

+

+

diff --git a/portal-auth/src/main/webapp/user/css/user.css b/portal-auth/src/main/webapp/user/css/user.css
new file mode 100644
index 00000000..91ab7604
--- /dev/null
+++ b/portal-auth/src/main/webapp/user/css/user.css
@@ -0,0 +1,95 @@
+/*

+ * Copyright 2016 Huawei 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.

+ */

+* {

+    font-family: Microsoft Yahei!important;

+    font-size: 12px;

+    color: #333;

+}

+

+.hw_body {

+    background-color: #fafafa!important;

+    padding-left: 15px;

+}

+

+.delete, .changePsd, .edit {

+    padding: 0 10px;

+    cursor: pointer;

+}

+

+.mt20 {

+    margin: 20px;

+}

+

+#progress {

+    position: relative;;

+    display: inline-block;

+}

+

+#serverError {

+    margin-left: 18px;

+}

+

+.mandatory {

+    color: #F00;

+    width: 7px;

+    padding-right: 10px 5px 10px 0;

+}

+

+.row_interval {

+    padding: 10px 10px 10px 0;

+}

+

+.progress_bar {

+    height: 4px;

+    border-radius: 2px;

+    width: 420px;

+    background: -webkit-linear-gradient(left, #6fd330, #29b6eb);

+    background: -o-linear-gradient(right, #6fd330, #29b6eb);

+    background: -moz-linear-gradient(right, #6fd330, #29b6eb);

+    background: linear-gradient(to right, #6fd330, #29b6eb);

+}

+

+.progress_charater {

+    display: block;

+    overflow: hidden;

+    white-space: nowrap;

+    text-overflow: ellipsis;

+    color: #1fbe5c;

+    text-align: center;

+    margin-bottom: 20px;

+}

+

+.errorTip {

+    color: red;

+}

+

+.suggestion_tip {

+    height: auto;

+    background-color: #FFF5EA;

+    border: 1px solid #F9DFC5;

+    padding: 8px 10px;

+    margin: 3px 0;

+    color: #333;

+    line-height: 20px;

+    overflow: auto;

+}

+

+.rule_label {

+    font-weight: 600;

+}

+#role_content table {

+    margin-left: 20px;

+}
\ No newline at end of file