ONOS checkin based on commit tag e796610b1f721d02f9b0e213cf6f7790c10ecd60

Change-Id: Ife8810491034fe7becdba75dda20de4267bd15cd

1 files changed, 215 insertions, 0 deletions

diff --git a/framework/src/onos/web/gui/src/main/webapp/app/fw/widget/table.css b/framework/src/onos/web/gui/src/main/webapp/app/fw/widget/table.css
new file mode 100644
index 00000000..18b81ba6
--- /dev/null
+++ b/framework/src/onos/web/gui/src/main/webapp/app/fw/widget/table.css
@@ -0,0 +1,215 @@
+/*
+ * Copyright 2015 Open Networking Laboratory
+ *
+ * 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.
+ */
+
+/* ------ for summary-list tables ------ */
+
+div.summary-list {
+    margin: 0 20px 16px 10px;
+    font-size: 10pt;
+    border-spacing: 0;
+}
+
+div.loading-wheel {
+    display: inline-block;
+    position: absolute;
+    margin-top: 40px;
+    left: 47%;
+    animation: spin reverse 2s ease infinite;
+    z-index: 1000;
+}
+
+@keyframes spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+div.loading-wheel svg.embeddedIcon g.icon .glyph {
+    opacity: .8;
+}
+.light div.loading-wheel svg.embeddedIcon g.icon .glyph {
+    fill: #964949;
+}
+.dark div.loading-wheel svg.embeddedIcon g.icon .glyph {
+    fill: whitesmoke;
+}
+
+div.summary-list table {
+    border-collapse: collapse;
+    table-layout: fixed;
+    empty-cells: show;
+    margin: 0;
+}
+
+div.summary-list div.table-body {
+    overflow-y: scroll;
+}
+
+div.summary-list div.table-body::-webkit-scrollbar {
+    display: none;
+}
+
+div.summary-list tr.no-data td {
+    text-align: center;
+    font-style: italic;
+}
+
+.light div.summary-list tr:nth-child(even) {
+    background-color: #ddd;
+}
+.light div.summary-list tr:nth-child(odd) {
+    background-color: #eee;
+}
+.dark div.summary-list tr:nth-child(even) {
+    background-color: #333;
+}
+.dark div.summary-list tr:nth-child(odd) {
+    background-color: #444;
+}
+
+.light div.summary-list tr.selected {
+    background-color: deepskyblue;
+}
+
+.dark div.summary-list tr.selected {
+    background-color: #304860;
+}
+
+/* highlighting */
+div.summary-list tr {
+    transition: background-color 500ms;
+}
+.light div.summary-list tr.data-change {
+    background-color: #FDFFDC;
+}
+.dark div.summary-list tr.data-change {
+    background-color: #5A5600;
+}
+
+div.summary-list td {
+    padding: 6px;
+    text-align: left;
+    word-wrap: break-word;
+}
+
+div.summary-list .table-header td {
+    letter-spacing: 0.02em;
+    cursor: pointer;
+    font-weight: bold;
+}
+div.summary-list .table-header td:first-child {
+    border-radius: 8px 0 0 0;
+}
+div.summary-list .table-header td:last-child {
+    border-radius: 0 8px 0 0;
+}
+
+.light div.summary-list .table-header td {
+    background-color: #bbb;
+}
+.dark div.summary-list .table-header td {
+    background-color: #222;
+    color: #ccc;
+}
+
+/* rows are selectable */
+div.summary-list .table-body td {
+    cursor: pointer;
+}
+
+.dark div.summary-list td {
+    color: #ccc;
+}
+
+/* Tabular view upper right control buttons */
+
+div.ctrl-btns {
+    display: inline-block;
+    float: right;
+    height: 44px;
+    margin-right: 24px;
+    margin-top: 7px;
+}
+
+
+div.ctrl-btns div {
+    display: inline-block;
+    padding: 4px;
+    cursor: pointer;
+}
+
+div.ctrl-btns div.separator  {
+    cursor: auto;
+    width: 24px;
+    border: none;
+}
+
+/* Inactive */
+.light .ctrl-btns div g.icon rect,
+.light .ctrl-btns div:hover g.icon rect {
+    fill: #eee;
+}
+.dark .ctrl-btns div g.icon rect,
+.dark .ctrl-btns div:hover g.icon rect {
+    fill: #222;
+}
+
+.light .ctrl-btns div g.icon use {
+    fill: #ddd;
+}
+.dark .ctrl-btns div g.icon use {
+    fill: #333;
+}
+
+/* Active hover */
+.light .ctrl-btns div.active:hover g.icon rect {
+    fill: #800;
+}
+
+.dark .ctrl-btns div.active:hover g.icon rect {
+    fill: #CE5650;
+}
+
+/* Active */
+.light .ctrl-btns div.active g.icon use {
+    fill: #fff;
+}
+.dark .ctrl-btns div.active g.icon use {
+    fill: #eee;
+}
+
+.light .ctrl-btns div.active g.icon rect {
+    fill: #bbb;
+}
+.dark .ctrl-btns div.active g.icon rect {
+    fill: #444;
+}
+
+/* Refresh button specific */
+.light .ctrl-btns div.refresh.active g.icon rect {
+    fill: #964949;
+}
+
+.dark .ctrl-btns div.refresh.active g.icon rect {
+    fill: #9B4641;
+}
+.light .ctrl-btns div.refresh:hover g.icon rect {
+    fill: #964949;
+}
+
+.dark .ctrl-btns div.refresh:hover g.icon rect {
+    fill: #9B4641;
+}