You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@qpid.apache.org by ea...@apache.org on 2017/11/11 14:00:23 UTC
[6/8] qpid-dispatch git commit: DISPATCH-801 Updated 3rd party UI
components to latest available via npm
http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/a93825ab/console/stand-alone/plugin/css/site-base.css
----------------------------------------------------------------------
diff --git a/console/stand-alone/plugin/css/site-base.css b/console/stand-alone/plugin/css/site-base.css
deleted file mode 100644
index 27aca28..0000000
--- a/console/stand-alone/plugin/css/site-base.css
+++ /dev/null
@@ -1,4721 +0,0 @@
-/*
-Licensed to the Apache Software Foundation (ASF) under one
-or more contributor license agreements. See the NOTICE file
-distributed with this work for additional information
-regarding copyright ownership. The ASF licenses this file
-to you 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.
-*/
-* {
- outline: none;
-}
-
-* {
- font-family: 'Open Sans', sans-serif;
-}
-
-a:focus {
- outline: none;
-}
-.navbar .brand {
- font-size: 18px;
-}
-
-.brand > img {
- height: 11px;
- width: auto;
-}
-
-.property-name {
- white-space: nowrap;
-}
-
-small table tbody tr td.property-name {
- font-weight: bold;
- text-align: right;
-}
-
-#log-panel {
- position: fixed;
- top: -5px;
- left: 30px;
- right: 30px;
- bottom: 50%;
- z-index: 10000;
- background: inherit;
- transition: bottom 1s ease-in-out;
-}
-
-#log-panel > div {
- position: relative;
- width: 100%;
- height: 100%;
-}
-
-#log-panel #log-panel-statements {
- margin-left: 0;
- margin-bottom: 0;
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 20px;
- overflow-y: auto;
-}
-
-#log-panel-statements li {
- margin-left: 3px;
- margin-right: 3px;
- transition: background .25s ease-in-out;
-}
-
-#log-panel-statements li pre {
- border-radius: 0;
- font-size: 11px;
-}
-
-#log-panel-statements li:hover {
- background: #111111;
-}
-
-#log-panel-statements li.DEBUG {
- color: dodgerblue;
-}
-
-#log-panel-statements li.INFO {
- color: white;
-}
-
-#log-panel-statements li.WARN {
- color: yellow;
-}
-
-#log-panel-statements li.ERROR {
- color: red;
-}
-
-#log-panel #close {
- text-align: center;
- position: absolute;
- height: 20px;
- bottom: 0;
- left: 0;
- right: 0;
- box-shadow: 0 1px 13px rgba(0, 0, 0, 0.1) inset;
- opacity: 1;
-}
-
-#log-panel #copy {
- position: absolute;
- right: 23px;
- bottom: 26px;
- background: inherit;
- transition: opacity 1s ease-in-out;
- opacity: 0.4;
- cursor: pointer;
-}
-
-#log-panel #copy:hover {
- opacity: 1;
-}
-
-div.log-stack-trace p {
- line-height: 14px;
- margin-bottom: 2px;
-}
-
-#canvas {
- display: inline-block;
-}
-.fill {
- min-height: 100%;
- height: 100%;
-}
-/* sub tab tweaks */
-body div div ul.nav {
- margin-bottom: 5px;
- border-bottom: none;
-}
-
-#tree-ctrl {
- position: relative;
- top: -3px;
-}
-
-#tree-ctrl > li > a {
- display: block;
- padding-left: 5px;
- padding-right: 5px;
- /* padding: 5px; */
-}
-
-ul.dynatree-container {
- background: inherit;
-}
-ul.dynatree-container li {
- background: inherit;
-}
-/* Chart stuff */
-#charts {
- display: block;
- overflow: hidden;
- margin: 5px auto;
- position: relative;
- padding-bottom: 35px;
-}
-.group {
- margin-bottom: 1em;
-}
-.axis {
- font: 10px sans-serif;
- pointer-events: none;
- z-index: 2;
-}
-.axis.text {
- -webkit-transition: fill-opacity 250ms linear;
-}
-.axis path {
- display: none;
-}
-.axis line {
- stroke: #000;
- shape-rendering: crispEdges;
-}
-.axis.top {
- position: relative;
- top: 0;
- padding: 0;
-}
-.axis.bottom {
- position: absolute;
- bottom: 0px;
- padding: 0;
-}
-.horizon {
- overflow: hidden;
- position: relative;
-}
-.horizon:last-child {
- border-bottom: none;
-}
-.horizon + .horizon {
- border-top: none;
-}
-.horizon canvas {
- display: block;
-}
-.horizon .title,
-.horizon .value {
- bottom: 0;
- line-height: 30px;
- margin: 0 6px;
- position: absolute;
- white-space: nowrap;
-}
-.horizon .title {
- left: 0;
-}
-.horizon .value {
- right: 0;
-}
-.line {
- opacity: .2;
- z-index: 2;
-}
-
-td {
- padding-right: 20px;
-}
-
-.expandable {
- padding: 3px;
-}
-
-.expandable > .title {
- cursor: pointer;
-}
-
-i.expandable-indicator {
- font-family: FontAwesome;
- font-weight: normal;
- font-style: normal;
- display: inline-block;
- text-decoration: inherit;
-}
-
-.expandable-body form fieldset legend {
- font-size: inherit;
- margin-bottom: 0px;
-}
-
-.expandable.opened i.expandable-indicator:before {
- font-family: FontAwesome;
- content: "\f078" !important;
-}
-
-.expandable.closed i.expandable-indicator:before {
- font-family: FontAwesome;
- content: "\f054";
-}
-
-.expandable.opened i.expandable-indicator.folder:before {
- font-family: FontAwesome;
- content: "\F07C" !important;
-}
-
-.expandable.closed i.expandable-indicator.folder:before {
- font-family: FontAwesome;
- content: "\F07B";
-}
-
-.expandable.opened .expandable-body {
- display: inline-block;
- margin-bottom: 3px;
-}
-
-.expandable.closed .expandable-body {
- display: none;
-}
-
-span.dynatree-icon {
- position: relative;
- top: -2px;
- font-size: 17px;
-}
-
-span:not(.dynatree-has-children) .dynatree-icon:before {
- font-family: FontAwesome;
- content: "\f013";
-}
-
-ul.inline,
-ol.inline {
- margin-left: 0;
- list-style: none;
-}
-
-ul.inline > li,
-ol.inline > li {
- display: inline-block;
- padding-right: 2px;
- padding-left: 2px;
-}
-
-.tab {
- display: block;
- margin-left: 1em;
-}
-
-.red {
- color: red !important;
-}
-
-.orange {
- color: orange !important;
-}
-
-.yellow {
- color: yellow !important;
-}
-
-.green {
- color: green !important;
-}
-
-.background-green {
- color: white;
- background-color: #51a351;
-}
-
-.background-light-green {
- color: white;
- background-color: #5ab15a;
-}
-
-.blue {
- color: dodgerblue !important;
-}
-
-.background-blue {
- color: white;
- background-color: #006dcc;
-}
-
-.icon1point5x {
- font-size: 1.5em;
-}
-
-.centered,
-.align-center {
- margin-left: auto !important;
- margin-right: auto !important;
- text-align: center;
-}
-
-.align-right {
- text-align: right;
-}
-
-.align-left {
- text-align: left;
-}
-
-.inline {
- display: inline;
-}
-
-.inline-block,
-.list-row-select,
-.list-row-contents,
-.list-row-contents > .ngCellText {
- display: inline-block;
-}
-
-.list-row {
- height: 30px;
- white-space: nowrap;
-}
-
-.list-row .ngCellText {
- padding: 0;
- vertical-align: middle;
-}
-
-.list-row-select,
-.list-row-contents {
- height: 100%;
- vertical-align: middle;
-}
-
-.list-row-select > input {
- vertical-align: middle;
-}
-
-.no-bottom-margin {
- margin-bottom: 0 !important;
-}
-
-.no-bottom-margin .control-group {
- margin-bottom: 4px;
-}
-
-.bottom-margin {
- margin-bottom: 20px;
-}
-
-li.attr-column {
- width: 1em;
-}
-
-.editor-autoresize .CodeMirror {
- height: auto;
-}
-
-.well.editor-autoresize {
- padding: 0px;
-}
-
-.well.editor-autoresize .CodeMirror {
- margin-bottom: 0px;
- border: none;
-}
-
-.editor-autoresize .CodeMirror .CodeMirror-scroll {
- overflow-y: hidden;
- overflow-x: auto;
-}
-
-.gridster ul#widgets {
- list-style-type: none;
-}
-
-.gridster ul#widgets .gs_w {
- padding: 0px;
- overflow: hidden;
- position: relative;
-}
-
-.gridster ul#widgets .preview-holder {
- transition-property: opacity;
- transition-duration: 500ms;
- padding: 1px;
-}
-
-.widget-area {
- position: relative;
- height: 100%;
- width: 100%;
-}
-
-.widget-title {
- margin: 0;
- padding-left: 5px;
- padding-right: 5px;
- z-index: 6000;
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
-}
-
-.widget-title:hover {
- cursor: move;
-}
-
-.widget-title > .row-fluid > .pull-right > i {
- cursor: pointer;
- opacity: .25;
-}
-
-.widget-title > .row-fluid > .pull-right > i:hover {
- transition: opacity 0.25s ease-in-out;
- -moz-transition: opacity 0.25s ease-in-out;
- -webkit-transition: opacity 0.25s ease-in-out;
- opacity: 1;
-}
-
-.widget-body {
- position: absolute;
- top: 20px;
- bottom: 0;
- left: 0;
- right: 0;
-}
-
-.height-controls > a {
- float: left;
- display: block;
- opacity: .1;
- text-decoration: none;
-}
-
-.width-controls > a {
- float: left;
- display: block;
- opacity: .1;
- text-decoration: none;
-}
-
-.width-controls > a:hover {
- opacity: .9;
- text-decoration: none;
-}
-
-.height-controls > a:hover {
- opacity: .9;
- text-decoration: none;
-}
-
-.width-controls {
- font-size: 32px;
- z-index: 50;
- position: absolute;
- width: 1.5em;
- height: 3em;
- display: block;
- right: 5px;
- top: 43%;
-}
-
-.height-controls {
- font-size: 32px;
- z-index: 50;
- position: absolute;
- display: block;
- width: 3em;
- height: 1.5em;
- left: 41%;
- bottom: 5px;
-}
-
-editable-property {
- position: relative;
-}
-
-.ep.editing {
- position: absolute;
- top: -10px;
- padding: 0;
- z-index: 10000;
- border: 1px solid #cecdcd;
- white-space: nowrap;
-}
-
-/*
-.widget-title > div > div .ep[ng-show=editing] {
- top: -1px;
-}
-
-table .ep.editing {
- top: 12px;
-}
- */
-.ep.editing > form > fieldset > i {
- position: relative;
- top: 2px;
-}
-
-.ep > i {
- cursor: pointer;
- opacity: .25;
- transition: opacity 0.25s ease-in-out;
- -moz-transition: opacity 0.25s ease-in-out;
- -webkit-transition: opacity 0.25s ease-in-out;
-}
-
-.ep > form > fieldset > input {
- border: 0;
-}
-
-.ep > i:hover {
- opacity: 1;
-}
-
-.ep form fieldset i {
- cursor: pointer;
- padding-left: 5px;
-}
-
-.ep form.no-bottom-margin {
- margin: 0;
-}
-
-.ngTotalSelectContainer {
- margin: 0px;
-}
-
-.ngTopPanel {
- background: inherit;
-}
-
-.ngGrid {
- background: inherit;
-}
-
-.ngViewport {
- margin-left: 0px;
- margin-right: 0px;
-}
-
-#widgets li div div div div form fieldset div input {
- display: none;
-}
-#widgets li div div div div div#attributesGrid div div div div.ngHeaderCell {
- border: none;
-}
-#widgets li div div div div div#attributesGrid div div div div.ngCell {
- border: none;
-}
-#widgets li div div div div div#attributesGrid div.ngTopPanel {
- border: none;
-}
-#widgets li div div div div div#attributesGrid div.ngTopPanel div.ngGroupPanel {
- border: none;
-}
-#widgets li div div div div div#attributesGrid div.ngFooterPanel {
- border: none;
- display: none;
-}
-.ngFooterPanel {
- border-top: none;
-}
-.ngRow .ngCell:last-child {
- border-right: none;
-}
-.ngRow:last-child {
- border-bottom: none;
-}
-.ngFooterTotalItems span:first-child {
- margin-right: .5em;
-}
-
-.ACTIVE:before {
- font-family: FontAwesome;
- content: "\f087";
- font-style: normal;
- color: #777777;
-}
-
-.RESOLVED:before {
- font-family: FontAwesome;
- content: "\f0ad";
- font-style: normal;
-}
-
-.STARTING:before {
- font-family: FontAwesome;
- content: "\f021";
- font-style: normal;
-}
-
-.STARTING {
- -moz-animation: spin 2s infinite linear;
- -o-animation: spin 2s infinite linear;
- -webkit-animation: spin 2s infinite linear;
- animation: spin 2s infinite linear;
-}
-
-.STOPPING:before {
- font-family: FontAwesome;
- content: "\f021";
- font-style: normal;
-}
-
-.STOPPING {
- -moz-animation: spin 2s infinite linear;
- -o-animation: spin 2s infinite linear;
- -webkit-animation: spin 2s infinite linear;
- animation: spin 2s infinite linear;
-}
-
-.UNINSTALLED:before {
- font-family: FontAwesome;
- content: "\f014";
- font-style: normal;
-}
-
-.INSTALLED:before {
- font-family: FontAwesome;
- content: "\f06b";
- font-style: normal;
-}
-
-.table-bordered {
- border: none;
- border-radius: 0px;
-}
-
-.table-bordered thead:first-child tr:first-child th:first-child,
-.table-bordered tbody:first-child tr:first-child td:first-child {
- border-radius: 0px;
- border-left: none;
-}
-
-.table-bordered th,
-.table-bordered td {
- border-left: none;
- border-top: none;
-}
-
-.table-bordered th:last-child,
-.table-bordered td:last-child {
- border-left: none;
- border-top: none;
- border-right: none;
-}
-
-table.table thead .sorting {
- background: inherit;
-}
-
-table.table thead .sorting_asc:after {
- background: url('../img/datatable/sort_asc.png') no-repeat top center;
-}
-
-table.table thead .sorting_desc:after {
- background: url('../img/datatable/sort_desc.png') no-repeat top center;
-}
-
-.dataTables_filter label {
- margin-bottom: 0px;
-}
-
-.dataTables_filter label input {
- padding-right: 14px;
- padding-right: 4px \9;
- padding-left: 14px;
- padding-left: 4px \9;
- margin-bottom: 0;
-}
-
-.nav {
- margin-bottom: 10px;
-}
-
-.navbar-fixed-top {
- margin-bottom: 0px;
-}
-
-#main > div > ul.nav,
-ng-include > .nav.nav-tabs {
- margin-bottom: 10px;
- min-width: 120px;
-}
-
-#main > div > ul.nav > li,
-ng-include > .nav.nav-tabs > li {
- margin-top: 3px;
- margin-bottom: 3px;
-}
-
-.navbar .btn-navbar span:after {
- font-family: FontAwesome;
- content: "\f0de";
- margin-left: 7px;
-}
-
-.navbar .btn-navbar.collapsed span:after {
- font-family: FontAwesome;
- content: "\f0dd";
- margin-left: 7px;
-}
-
-#main > div > ul.nav,
-ng-include > .nav.nav-tabs {
- padding-left: 3px;
- padding-right: 3px;
-}
-
-.nav-tabs > li > a,
-.nav-pills > li > a {
- margin-right: 0px;
-}
-
-div#main div ul.nav li a,
-div#main div ul.nav li span {
- padding-bottom: 2px;
- padding-top: 2px;
-}
-div#main div ul.nav li a:not(.btn), div#main div ul.nav li span.a:not(.btn) {
- border: 1px;
- border-radius: 2px;
- background: inherit;
- color: #777777;
- text-shadow: 0 1px 0 #FFFFFF;
-}
-
-div#main div ul.nav li a:hover {
- padding-bottom: 2px;
- padding-top: 2px;
-}
-
-#main div div div section .tabbable .nav.nav-tabs {
- margin-top: 0px;
- margin-bottom: 10px;
- min-width: 120px;
-}
-
-#main > div > div > div > .nav.nav-tabs:not(.connected),
-.span12 > .nav.nav-tabs:not(.connected) {
- margin-top: 5px;
-}
-
-.span12 > .nav.nav-tabs:not(.connected),
-.span12 > .nav.nav-tabs > li {
- margin: 3px;
-}
-
-.logbar {
- z-index: 40;
- position: fixed;
- width: 87%;
- top: 70px;
- left: 5%;
- padding-left: 20px;
- padding-right: 20px;
-}
-
-.logbar-container {
- margin-top: 10px;
- margin-bottom: 5px;
-}
-
-.logbar-container .control-group {
- margin-bottom: 5px;
-}
-
-.log-main {
- margin-top: 55px;
-}
-
-.log-filter {
- margin-right: 30px;
-}
-
-.ui-resizeable-handle {
- display: none;
-}
-
-.ui-resizable-se {
- height: 10px;
- width: 10px;
- margin-right: 5px;
- margin-bottom: 5px;
- font-size: 32px;
- z-index: 50;
- position: absolute;
- display: block;
- right: 0px;
- bottom: 0px;
- cursor: se-resize;
-}
-
-.no-log {
- margin-top: 55px;
-}
-
-.control i {
- cursor: pointer;
-}
-
-td.details {
- padding: 0px;
- border: none;
- margin: 0px;
- height: 0px;
-}
-
-.innerDetails {
- padding: 5px;
- white-space: normal;
- display: none;
-}
-
-table.dataTable {
- table-layout: fixed;
-}
-
-table.dataTable tbody tr td {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-
-.wiki.logbar-container {
- margin-top: 5px;
- margin-bottom: 5px;
-}
-
-.wiki.logbar-container > .nav.nav-tabs {
- margin-top: 0px;
- margin-bottom: 0px;
-}
-
-.wiki.logbar-container .pull-right {
- margin-top: 1px;
-}
-
-.wiki-fixed {
- margin-top: 45px;
-}
-
-.wiki-fixed .pane {
- top: 120px;
-}
-
-.help-sidebar li {
- padding-left: 2px;
- padding-right: 2px;
-}
-
-.help-sidebar li a {
- padding-left: 3px;
- padding-right: 3px;
-}
-
-.help-sidebar li:first-child {
- margin-top: 0px !important;
- padding-top: 20px;
-}
-
-.help-display p {
- text-align: justify;
-}
-
-.help-display h5 {
- margin-top: 2em;
-}
-
-.help-display h6 {
- margin-top: 2em;
-}
-
-.form-data {
- display: inline-block;
- margin: 5px;
-}
-
-input[type="checkbox"].hawtio-checkbox {
- margin-top: 10px;
-}
-
-.bundle-list {
- width: 100%;
-}
-
-.bundle-item {
- position: relative;
- display: inline-block;
- width: 300px;
- margin-bottom: 1px;
-}
-
-.bundle-item-details table {
- min-height: 0;
-}
-
-.bundle-item-details {
- height: 0;
- display: inline-block;
- z-index: 15;
-}
-
-.bundle-item > a {
- display: block;
- z-index: 5;
-}
-
-.bundle-item > a:hover {
- text-decoration: none;
-}
-
-.bundle-item a span {
- display: block;
- padding: 8px;
- font-weight: normal;
- z-index: 6;
- text-overflow: ellipsis;
- overflow: hidden;
-}
-
-.bundle-item a span.badge {
- margin-left: 7px;
-}
-
-.bundle-item a span.badge::before {
- padding: 0px;
- float: left;
- position: relative;
- top: 4px;
- left: -8px;
- display: block;
- content: ' ';
- height: 6px;
- width: 6px;
- z-index: 10;
-}
-
-.bundle-item a.toggle-action {
- position: absolute;
- display: block;
- width: 16px;
- height: 16px;
- margin: 0;
- padding: 0;
- right: 12px;
- top: 6px;
- opacity: 0.2;
- transition: all 500ms ease-in-out;
- font-size: 18px;
-}
-
-.bundle-item a.toggle-action .icon-power-off {
- color: orange;
-}
-
-.bundle-item a.toggle-action .icon-play-circle {
- color: green;
-}
-
-.bundle-item a.toggle-action:hover {
- opacity: 1;
- text-decoration: none;
-}
-
-.bundle-list {
- margin-bottom: 2em;
-}
-
-div.hawtio-form-tabs div.tab-content {
- padding-top: 15px;
- padding: 10px;
-}
-
-.hawtio-form fieldset legend {
- margin-bottom: 0;
- border-bottom: none;
- font-size: 15px;
-}
-
-.spacer {
- display: inline-block;
- margin-bottom: 10px;
-}
-
-div.hawtio-form-tabs ul.nav-tabs {
- margin-bottom: 0px !important;
-}
-
-div.hawtio-form-tabs ul.nav-tabs li {
- margin-bottom: -1px !important;
-}
-
-div.hawtio-form-tabs ul.nav-tabs li.active:first-child {
- margin-left: 0px;
-}
-
-div.hawtio-form-tabs ul.nav-tabs li.active {
- margin-right: 1px;
- margin-left: 2px;
- box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.1) !important;
-}
-
-div.hawtio-form-tabs ul.nav-tabs li.active a {
- font-weight: bold;
-}
-
-.popover-inner .popover-title {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-.popover {
- width: auto;
-}
-
-li.stacktrace {
- line-height: 10px;
-}
-
-.control-button {
- width: 14px;
-}
-
-.ngViewport:focus {
- outline: none;
-}
-
-.wikiGridStyle {
- height: 350px;
-}
-
-/** Animations */
-.wave-enter-setup,
-.wave-leave-setup {
- transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-}
-
-.wave-enter-setup {
- position: absolute;
- left: -100%;
-}
-
-.wave-enter-start {
- left: 0;
-}
-
-.wave-leave-setup {
- position: absolute;
- left: 0;
-}
-
-.wave-leave-start {
- left: 100%;
-}
-
-/* slideout directive stuff */
-.slideout {
- position: fixed;
- z-index: 3000;
- width: 75%;
-}
-
-.slideout > .slideout-title {
- min-height: 22px;
- font-size: 20px;
- padding: 15px;
-}
-
-.slideout > .slideout-content {
- position: relative;
- min-height: 93%;
- max-height: 93%;
- overflow: auto;
- -webkit-transform: translateZ(0);
-}
-
-.slideout-title span {
- width: 97%;
- display: inline-block;
- text-align: left;
-}
-
-.slideout.left > .slideout-content {
- left: 0;
- top: 0;
- margin-right: 2px;
- margin-left: 0px;
-}
-
-.slideout.right > .slideout-content {
- left: 2px;
- top: 0;
- margin-left: 2px;
- margin-right: 0px;
-}
-
-.slideout > .slideout-content > .slideout-body {
- margin: 5px;
- height: 100%;
-}
-
-.slideout.right {
- left: 100%;
-}
-
-.slideout.left {
- left: -75%;
-}
-
-.slideout .slideout-title a {
- display: inline-block;
-}
-
-.slideout .slideout-title a:hover {
- text-decoration: none;
-}
-
-.slideout.right .slideout-title a {
- margin-left: 5px;
- float: left;
-}
-
-.out {
- transition: left 1s, right 1s ease-in-out;
-}
-
-.slideout.left .slideout-title a {
- margin-right: 5px;
- float: right;
-}
-
-.slideout.right.out {
- left: 25%;
-}
-
-.slideout.left.out {
- left: 0%;
-}
-
-.column-filter {
- width: 94%;
- margin-bottom: 10px !important;
-}
-
-.color-picker {
- display: inline-block;
- position: relative;
- margin: 0px;
- line-height: 0px;
-}
-
-.color-picker .wrapper {
- display: inline-block;
- padding: 2px;
- line-height: 0;
-}
-
-.selected-color {
- width: 1em;
- height: 1em;
- padding: 4px;
- transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
- display: inline-block;
- cursor: pointer;
-}
-
-.color-picker-popout {
- transition: opacity 0.25s ease-in-out;
- position: absolute;
- top: 0px;
- overflow: hidden;
- padding: 0px;
- line-height: 0;
- margin: 0px;
- width: 0px;
- opacity: 0;
-}
-
-.popout-open {
- padding: 1px;
- width: auto;
- opacity: 1;
-}
-
-.color-picker div table tr td div {
- width: 1em;
- height: 1em;
- padding: 3px;
- transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-}
-
-.color-picker div table tr td {
- padding-right: 5px;
-}
-
-.color-picker div table tr td:last-child {
- padding-right: 0px;
-}
-
-.modal-body div form fieldset div.spacer {
- display: inherit;
- margin-bottom: inherit;
-}
-
-.mouse-pointer {
- cursor: pointer;
-}
-
-.clickable {
- cursor: pointer;
- opacity: 0.6;
- transition: opacity .5s;
- text-decoration: none;
-}
-
-.clickable,
-.clickable:before {
- width: 16px;
- height: 16px;
- line-height: 16px;
-}
-
-.clickable.no-fade {
- transition: none;
- opacity: 1;
-}
-
-.clickable:hover {
- opacity: 1;
- text-decoration: none;
-}
-
-.hawtio-pager {
- overflow: auto;
- display: inline-block;
-}
-
-.hawtio-pager label {
- min-height: 100%;
- vertical-align: middle;
- margin-right: 5px;
- display: inline-block;
-}
-
-.fabric-view {
- position: relative;
- min-width: 928px;
-}
-
-.columns {
- position: absolute;
- bottom: 0;
- top: 0;
- left: 0;
- right: 0;
- padding-left: 300px;
- padding-right: 304px;
- padding-bottom: 0px;
- padding-top: 0px;
-}
-
-.column {
- float: left;
- position: relative;
- margin-top: 0px;
- margin-bottom: 0;
- height: 100%;
- overflow-x: hidden;
- overflow-y: auto;
-}
-
-.columns #center {
- width: 100%;
- padding: 0 5px;
- margin-right: 8px;
-}
-
-.columns #left {
- width: 280px;
- padding: 0 5px;
- margin-left: -100%;
- right: 315px;
-}
-
-.columns #right {
- width: 270px;
- padding: 0 5px;
- margin-right: -330px;
-}
-
-.canvas {
- height: 91%;
-}
-
-.container-section {
- height: 90%;
- overflow-x: hidden;
- overflow-y: auto;
-}
-
-.profile-section {
- overflow-x: hidden;
- overflow-y: auto;
-}
-
-.box.ui-draggable-dragging {
- width: 274px;
- transition: none;
-}
-
-.box.selected .box-right i {
- text-shadow: none;
-}
-
-.contained {
- display: inline-block;
- overflow: hidden;
- text-overflow: ellipsis;
- position: relative;
- white-space: nowrap;
-}
-
-h2 > .contained {
- top: 5px;
-}
-
-h4 > .contained {
- top: 4px;
-}
-
-.dropdown-toggle > .contained,
-.breadcrumb-link > .contained {
- top: 2px;
- line-height: 15px;
-}
-
-/* these widths are totally arbitrary */
-.c-narrow {
- max-width: 5em;
-}
-
-.c-medium {
- max-width: 10em;
-}
-
-.c-wide {
- max-width: 15em;
-}
-
-.c-wide2 {
- max-width: 20em;
-}
-
-.c-wide3 {
- max-width: 25em;
- min-width: 10em;
-}
-
-.c-max {
- width: 100%;
-}
-
-.fabric-page-header > .profile-summary-wide {
- margin-left: 10px;
- line-height: 22px;
-}
-
-.profile-selector-name > .contained {
- top: 8px;
-}
-
-.box {
- cursor: pointer;
- height: 50px;
- overflow: hidden;
- padding: 0;
- margin: 0;
- position: relative;
- text-overflow: ellipsis;
- transition: all 0.2s ease 0s;
- white-space: nowrap;
- line-height: 22px;
- vertical-align: middle;
-}
-
-.box > .box-left,
-.box > .box-right,
-.box > .box-middle {
- display: inline-block;
- position: absolute;
- vertical-align: middle;
- top: 0;
- bottom: 0;
- padding-top: 10px;
-}
-
-.box > .box-left {
- left: 11px;
-}
-
-.box > .box-right {
- right: 11px;
-}
-
-.box > .box-middle {
- right: 60px;
-}
-
-.box > .box-left > div,
-.box > .box-right > div,
-.box > .box-middle > div {
-
-}
-
-.box > .box-left > div > div,
-.box > .box-right > div > div,
-.box > .box-middle > div > div {
- vertical-align: middle;
- display: inline-block;
- margin-left: 4px;
- margin-right: 4px;
-}
-
-
-.box > .box-left > div > div .contained,
-.box > .box-left > div > div > span,
-.box > .box-right > div > div .contained,
-.box > .box-middle > div > div .contained {
- vertical-align: middle;
-}
-
-
-.box > .box-left > .profile-select {
- display: inline-block;
- top: 9px;
- max-width: 210px;
- width: 210px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-
-.box input[type='checkbox'] {
- margin-top: 5px;
- display: inline;
-}
-
-.box .active-profile a.invisible {
- visibility: none;
-}
-
-.box .active-profile div {
- display: inline;
-}
-
-.box .active-profile {
- position: absolute;
- display: inline-block;
- top: 10px;
- left: 12px;
- right: 0px;
-}
-
-.box .active-profile [class^='icon-circle'] {
- top: 0;
-}
-
-.box-middle ul.inline li {
- opacity: 0.5;
- transition: opacity 0.5s;
-}
-
-.box-middle ul.inline li:hover{
- opacity: 1;
-}
-
-.section-header {
- padding: 5px 7px;
-}
-
-.selection-controls {
- display: inline-block;
-}
-
-.section-title {
- margin-left: 10px;
- display: inline-block;
-}
-
-.section-controls {
- display: inline-block;
- float: right;
-}
-
-#center .section-header .section-controls {
- position: relative;
- top: 7px;
- left: -2px;
-}
-
-.page-padded .section-header .section-controls {
- position: relative;
- top: 6px;
- left: -3px;
-}
-
-.page-padded .section-header .selection-controls {
- position: relative;
- top: 1px;
-}
-
-.section-controls > a,
-.section-controls > span > span > span > span > span > .hawtio-dropdown {
- margin-left: 12px;
- margin-right: 12px;
- cursor: pointer;
-}
-
-.section-controls > a:hover,
-.section-controls > span:hover {
- text-decoration: none;
-}
-
-.section-controls > a.nav-danger {
- color: IndianRed !important;
-}
-
-.section-controls > a.nav-danger:hover {
- text-shadow: rgba(205, 92, 92, 0.6) 0 0 20px !important;
-}
-
-.page-padded .section-header .section-filter {
- margin-top: 0px;
-}
-
-.section-filter {
- position: relative;
- display: inline-block;
- margin-left: 12px;
-}
-
-.active-profile-filter > .section-filter {
- margin-top: 5px;
-}
-
-#center > .section-header > .section-filter {
- margin-top: 0px;
-}
-
-#right > .section-header > .section-filter {
- margin-left: 8px;
-}
-
-#right > .canvas {
- height: 80%;
-}
-
-.section-filter .icon-remove {
- position: absolute;
- top: 7px;
- right: 9px;
-}
-
-.features-toolbar {
- position: relative;
- margin-bottom: 0.5em;
-}
-
-.version-section > .canvas > div > .box {
- line-height: inherit;
-}
-
-.version-section select {
- width: 100%;
- margin-top: 5px;
- margin-bottom: 5px;
-}
-
-span.remove {
- float: right;
-}
-
-span.deleting {
- text-decoration: line-through;
-}
-
-td.deleting {
- background-color: IndianRed !important;
-}
-
-td.adding {
- background-color: Aquamarine !important;
-}
-
-.no-match-filter {
- display: none;
-}
-
-.file-upload div form fieldset .input-prepend .btn {
- float: left;
-}
-
-@-moz-document url-prefix() {
- /* hack to get the add button to line up correctly in FF */
- .input-prepend .btn {
- padding-top: 5px;
- padding-bottom: 5px;
- }
-}
-
-.input-prepend .progress {
- position: relative;
- left: 1px;
- top: 0px;
- min-height: 30px;
- width: 160px;
-}
-
-.login-wrapper {
- position: absolute;
- left: 0;
- top: 350px;
- padding-top: 2px;
- padding-bottom: 2px;
- padding-left: 0;
- padding-right: 0;
- line-height: 0;
- width: 100%;
-}
-
-.login-wrapper form {
- margin-bottom: 0px;
- padding-top: 67px;
- padding-bottom: 7px;
- padding-right: 40px;
- padding-left: 40px;
-}
-
-.login-wrapper form fieldset {
- width: 413px;
-}
-
-.login-form form fieldset .control-group {
- margin-bottom: 15px;
- margin-left: 5px;
-}
-
-.login-form form fieldset .control-group button[type='submit'] {
- float: right;
-}
-
-.login-logo {
- display: block;
- position: absolute;
- letter-spacing: 5px;
- padding: 10px;
- font-size: 20px;
- left: 233px;
- top: 9px;
-}
-
-.login-logo > img {
- height: 30px;
-}
-
-/** highlight required fields which have no focus */
-input.ng-invalid,
-textarea.ng-invalid,
-select.ng-invalid {
- border-color: #e5e971;
- -webkit-box-shadow: 0 0 6px #eff898;
- -moz-box-shadow: 0 0 6px #eff898;
- box-shadow: 0 0 6px #eff898;
-}
-
-/** Use bigger and darker border on checkboxes as its hard to see since they already have a shadow */
-input[type="checkbox"].ng-invalid {
- -webkit-box-shadow: 0 0 12px #e5e971;
- -moz-box-shadow: 0 0 12px #e5e971;
- box-shadow: 0 0 12px #e5e971;
-}
-
-.container-profile-settings {
- min-width: 360px;
-}
-
-.container-settings {
- min-width: 360px;
-}
-
-.bold {
- font-weight: bold;
-}
-
-.container-settings dd .ep {
- display: inline-block;
- top: -5px;
-}
-
-.deployment-pane h3 {
- margin-top: 0px;
-}
-
-.deployment-pane ul li i {
- display: inline-block;
- white-space: nowrap;
-}
-
-.deployment-pane ul li {
- white-space: nowrap;
- padding: 7px;
-}
-
-.deployment-pane ul li editable-property {
- display: inline-block;
-}
-
-.deployment-pane ul li .ep {
- display: inline-block;
-}
-
-.container-settings dd input[type=radio] {
- display: inline-block;
-}
-
-.fabric-page-header .span4 h1,
-.fabric-page-header .span4 h2 {
- line-height: inherit;
-}
-
-.fabric-page-header h2.inline-block {
- margin-top: 0;
- margin-bottom: 0;
-}
-
-.create-container-body {
- margin-top: 10px;
-}
-
-.log-stack-trace > dd {
- margin-left: 0;
-}
-
-.log-message > dd > div {
- margin-top: 10px;
-}
-
-.log-stack-trace > dd > ul {
- margin-top: 10px;
-}
-
-.log-stack-trace > dd > ul > li {
- line-height: 12px;
-}
-
-.log-stack-trace > dd > ul > li > div.stack-line > a {
- font-weight: bold;
-}
-
-pre.stack-line {
- padding: 0;
- margin: 0;
- line-height: 14px;
-}
-
-div.stack-line {
- white-space: pre-wrap;
- word-break: break-all;
- word-wrap: break-word;
- line-height: 14px;
-}
-
-#container-create-form {
- margin-bottom: 14px;
-}
-
-#container-create-form .control-group {
- margin-bottom: 0px;
-}
-
-h1.ajaxError {
- font-size: 16px;
-}
-
-h2.ajaxError {
- font-size: 14px;
-}
-
-h3.ajaxError,
-h4.ajaxError {
- font-size: 12px;
-}
-
-.directive-example {
- padding: 10px;
- margin: 10px;
-}
-
-div#main div ul.nav li a.nav-primary.active {
- color: rgba(255, 255, 255, 0.75);
-}
-
-div#main div ul.nav li a.nav-primary {
- color: #ffffff;
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
- background-color: #006dcc;
- background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
- background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
- background-image: -o-linear-gradient(top, #0088cc, #0044cc);
- background-image: linear-gradient(to bottom, #0088cc, #0044cc);
- background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
- border-color: #0044cc #0044cc #002a80;
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
- *background-color: #0044cc;
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
-
- filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-}
-
-div#main div ul.nav li a.nav-primary:hover,
-div#main div ul.nav li a.nav-primary:active,
-div#main div ul.nav li a.nav-primary.active,
-div#main div ul.nav li a.nav-primary.disabled,
-div#main div ul.nav li a.nav-primary[disabled] {
- color: #ffffff;
- background-color: #0044cc;
- *background-color: #003bb3;
-}
-
-div#main div ul.nav li a.nav-primary:active,
-div#main div ul.nav li a.nav-primary.active {
- background-color: #003399 \9;
-}
-
-.nav.nav-tabs li a[disabled] {
- cursor: not-allowed;
- opacity: 0.3;
-}
-
-.caret:before {
- font-family: 'FontAwesome';
- border: 0;
- content: "\f078";
- font-size: 11px;
- display: block;
- position: relative;
- top: -9px;
- left: 0;
-}
-
-.dropdown.perspective-selector .caret:before {
- top: -7px;
-}
-
-.caret {
- border: none;
- width: 9px;
-}
-
-div#main div ul.nav li a.nav-primary .caret {
- border-top-color: #ffffff;
- border-bottom-color: #ffffff;
-}
-
-.main-nav-upper .container:before {
- display: none;
-}
-
-.main-nav-upper .container:after {
- display: none;
-}
-
-.main-nav-upper .container {
- width: auto;
- line-height: 23px;
- vertical-align: auto;
-}
-
-.main-nav-upper .icon-desktop:before {
- position:relative;
- top: 1px;
-}
-
-.main-nav-lower .container:before {
- display: none;
-}
-
-.main-nav-lower .container:after {
- display: none;
-}
-
-.main-nav-lower .container {
- width: 100%;
-}
-
-.overflow > .dropdown-toggle:not(.open) + .dropdown-menu {
- border: none;
-}
-
-.main-nav-lower .container ul.nav {
- width: 100%;
-}
-
-.navbar-inner {
- height: auto;
- min-height: 0;
-}
-
-.main-nav-upper {
- height: 28px;
- min-height: 28px;
- font-size: 11px;
-}
-
-.main-nav-upper .brand {
- font-size: 13px;
- margin-left: 0px;
- padding: 0px;
- font-weight: normal;
- margin-left: 20px;
-}
-
-.main-nav-upper .nav li a {
- padding-top: 2px;
- padding-bottom: 5px;
-}
-
-#main-nav {
- max-height: 70px;
- background-color: #F0f0f0;
- font-size: 20px;
-}
-
-div#main.qdr {
- margin-top: 40px !important;
-}
-
-dd.file-list {
- margin-left: 0;
-}
-
-.file-list-toolbar .nav .caption {
- font-weight: bold;
- padding-top: 5px;
- padding-bottom: 5px;
- padding-left: 0 !important;
-}
-
-.file-icon {
- padding: 0;
- margin: 0;
- display: inline-block;
- width: 16px;
- height: 16px;
- margin-right: 6px;
-}
-
-.file-icon i {
- width: 16px;
- height: 16px;
- font-size: 17px;
- position: relative;
- left: 2px;
- top: 2px;
-}
-
-.file-icon img {
- width: 16px;
- height: 16px;
-}
-
-.page-padded {
- padding-left: 20px;
- padding-right: 20px;
-}
-
-.fabric-page-header .span4 h2 i {
- margin-right: 13px;
-}
-
-.controller-section-widget {
- padding: 3px;
-}
-
-.container-dashboard-controls {
- position: relative;
- z-index: 10;
-}
-
-.container-dashboard-controls .pull-right .btn {
- opacity: 0.5;
- transition: opacity 1s;
-}
-
-.container-dashboard-controls .pull-right .btn:hover {
- opacity: 0.9;
-}
-
-.container-dashboard-status-table {
- position: relative;
- top: -34px;
- display: table;
- max-width: 278px;
- z-index: 9;
-}
-
-.container-status-dashboard {
- text-align: center;
- display: table-cell;
- min-width: 144px;
-}
-
-.container-status-dashboard i {
- position: relative;
- left: 0px;
- font-size: 133px;
-}
-
-.status-icon {
- display: inline-block;
- text-decoration: none;
- color: inherit;
-}
-
-.status-icon:hover {
- text-decoration: none;
-}
-
-.dashboard-service-list {
- display: table-cell;
- min-width: 139px;
- vertical-align: middle;
-}
-
-.container-dashboard-profile-controls {
- width: 100%;
- text-align: center;
- margin-bottom: 5px;
-}
-
-.no-list {
- list-style-type: none;
-}
-
-.profile-selector-item {
- display: table;
-}
-
-.profile-selector-checkbox {
- display: table-cell;
- padding-right: 5px;
-}
-
-.profile-selector-name {
- display: table-cell;
- position: relative;
- width: 100%;
-}
-
-.profile-info {
- position: absolute;
- right: 3px;
-}
-
-.profile-list ul {
- margin-left: 0;
- margin-bottom: 0;
-}
-
-.profile-list ul li .expandable .expandable-body {
- margin-left: 16px;
-}
-
-/** fabric active profiles */
-.active-profile-titles {
- position: relative;
- display: inline-block;
- width: 100%;
- height: 40px;
-}
-
-.active-profile-list .expandable {
- padding: 0;
-}
-
-.active-profile-titles.section-header {
- padding: 0;
-}
-
-.active-profile-titles div:not(.active-profile-filter) {
- display: inline-block;
- font-weight: bold;
- top: 10px;
-}
-
-.active-profile-row {
- position: relative;
- display: inline-block;
- width: 100%;
- line-height: 22px;
- height: 22px;
-}
-
-.active-profile-row div {
- display: inline-block;
-}
-
-.active-profile-list .expandable .expandable-body {
- width: 100%;
-}
-
-.active-profile-list .expandable .expandable-body ul li .box {
- background: inherit;
-}
-
-.active-profile-list .expandable .expandable-body ul li .child-container {
- margin-left: 0;
-}
-
-.active-profile-expander {
- position: absolute;
- left: 0;
-}
-
-.active-profile-requirements {
- position: absolute;
- right: 75px;
-}
-
-.active-profile-requirements-title {
- position: absolute;
- right: 75px;
-}
-
-.active-profile-create {
- position: absolute;
- right: 210px;
-}
-
-.active-profile-count {
- position: absolute;
- right: 0px;
-}
-
-.active-profile-count-title {
- padding: 5px;
- text-align: right;
- font-weight: bold;
-}
-
-.active-profile-titles .section-controls {
- position: absolute;
- top: 10px !important;
- right: 10px;
-}
-
-.active-profile-titles .section-controls a {
- font-weight: normal;
-}
-
-
-.active-profile-name {
- position: absolute;
- left: 35px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- right: 95px;
-}
-
-.active-profile-icon {
- position: absolute;
- top: 1px;
- left: 15px;
- color: green !important;
-}
-
-.active-profile-icon i {
- font-size: 17px;
-}
-
-.active-profile-filter {
- position: absolute;
- left: 0px;
- top: -10px;
-}
-
-.active-profile-main {
- min-width: 754px;
-}
-
-.active-profile-count a .icon-plus {
- position: relative;
- top: 1px;
-}
-
-.active-profile-count a:hover {
- text-decoration: none;
-}
-
-/** fabric brokers page */
-.mq-titles {
- position: relative;
- display: inline-block;
- width: 100%;
- height: 40px;
-}
-
-.mq-titles.section-header {
- padding: 0;
-}
-
-.mq-titles .section-controls {
- position: absolute;
- top: 9px !important;
- right: 0px;
-}
-
-.mq-titles .section-controls a {
- font-weight: normal;
-}
-
-.mq-profile-icon {
- color: green !important;
-}
-
-.mq-profile-list, .mq-broker-list, .mq-container-list {
- margin-left: 15px;
-}
-
-i.mq-master {
- color: orange;
-}
-
-.mq-broker-rectangle, .mq-container-rectangle {
- position: relative;
-
- display: inline-block;
- *display: inline;
- /* IE7 inline-block hack */
-
-
- margin-left: 5px;
- margin-right: 5px;
- margin-bottom: 5px;
- margin-top: 5px;
-
- border-left-width: 10px;
- border-right-width: 10px;
- border-top-width: 10px;
-
- *zoom: 1;
- padding: 4px 12px;
- margin-bottom: 0;
- font-size: 14px;
- line-height: 20px;
- *line-height: 20px;
- text-align: center;
- vertical-align: middle;
- cursor: pointer;
-}
-
-.mq-page {
- position: relative;
-}
-
-.mq-page .hero-unit {
- position: absolute;
- top: 53px;
- left: 10px;
- right: 10px;
-}
-
-.mq-groups {
- position: absolute;
- top: 42px;
- left: 19px;
- right: 10px;
-}
-
-.mq-group-rectangle:first-child {
- margin-top: 10px;
-}
-
-.mq-group-rectangle {
- position: relative;
- margin-left: 0;
- margin-right: 10px;
- margin-bottom: 10px;
- margin-top: 0;
-}
-
-.mq-group-rectangle-label .mq-group-name {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- position: absolute;
- top: 61px;
- left: 4px;
- right: 0;
-}
-
-.mq-group-rectangle-label a {
- position: absolute;
- top: 5px;
- right: 5px;
-}
-
-.mq-group-rectangle-label {
- position: relative;
- top: 7px;
- display: inline-block;
- min-width: 150px;
- max-width: 150px;
- min-height: 150px;
-}
-
-.mq-profiles {
- position: absolute;
- min-height: 185px;
- left: 150px;
- right: 0;
- display: inline-block;
- overflow-x: auto;
-}
-
-.mq-profiles .mq-profile-canvas {
- overflow: auto;
-}
-
-.mq-profile-rectangle {
- display: inline-block;
- height: 150px;
- margin: 0;
- margin-top: 5px;
- margin-left: 10px;
- padding-left: 4px;
- padding-right: 4px;
- padding-top: 4px;
-}
-
-.mq-profile-rectangle-label {
- position: relative;
- top: 2px;
-}
-
-.mq-profile-name {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- margin-right: 48px;
- max-width: 300px;
- display: block;
-}
-
-.mq-profile-rectangle-label .mq-profile-create-broker {
- position: absolute;
- top: 0;
- right: 0;
-}
-
-.mq-profile-canvas {
- display: inline-block;
-}
-
-.mq-broker-area {
- position: relative;
- top: 11px;
- text-align: center;
- margin-left: auto;
- margin-right: auto;
-}
-
-.mq-container-rectangle {
- margin-top: 2px;
- width: 20px;
-}
-
-.mq-container-row {
- display: block;
- margin-top: 8px;
- margin-left: auto;
- margin-right: auto;
-}
-
-.mq-broker-rectangle {
- height: 88px;
-}
-
-.mq-group-rectangle-label, .mq-profile-rectangle-label, .mq-broker-rectangle-label, .mq-container-rectangle-label {
- white-space:nowrap;
-}
-
-/** dashboard */
-.dashboard-link-row {
- width: 100%;
- position: relative;
-}
-
-a.dashboard-link {
- line-height: 15px;
- font-weight: normal;
-}
-
-a.dashboard-link:hover {
- text-decoration: none;
-}
-
-.dashboard-link {
- position: absolute;
- top: 15px;
- right: 76px;
- z-index: 500;
-}
-
-.container-list-main {
- min-width: 592px;
-}
-
-.widget-title > .row-fluid {
- position: relative;
-}
-
-.widget-title > .row-fluid > .pull-left {
- position: absolute;
- right: 16px;
- left: 0;
-}
-
-.widget-title > .row-fluid > .pull-left > .ep > div {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-
-.container-detail-profiles {
- position: relative;
- margin-top: 2px;
-}
-
-.container-detail-profile-buttons {
- position: absolute;
- right: 0;
- z-index: 50;
-}
-
-#dialog-body div .profile-list {
- max-height: 327px;
- overflow-y: auto;
-}
-
-@media (max-width: 979px) {
- .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
- padding: 0;
- }
-
- .navbar-fixed-top, .navbar-fixed-bottom {
- position: fixed;
- }
-
-}
-
-.header-list li {
- vertical-align: top;
- height: 30px;
-}
-
-.header-list li div {
- height: 30px;
-}
-
-.provision-list {
- margin-left: 0px;
-}
-
-.provision-list ul {
- margin-left: 0px;
-}
-
-.provision-list ul li {
- list-style-type: none;
- padding: 7px;
-}
-
-ul.zebra-list {
- margin-left: 0;
-}
-
-.zebra-list li {
- padding: 7px;
-}
-
-ul.zebra-list > li {
- list-style-type: none;
-}
-
-ol.zebra-list {
- counter-reset:li;
- margin-left: 0;
- padding-left: 0;
-}
-
-ol.zebra-list > li {
- position: relative;
- list-style-type: none;
-}
-
-ol.zebra-list > li:before {
- content: counter(li);
- counter-increment: li;
- padding: 7px;
- font-weight: bold;
-}
-
-.pointer {
- cursor: pointer;
-}
-
-.container-profile-settings span.folder-title {
- font-weight: bold;
-}
-li.profile-selector-folder span.folder-title:hover, li.profile div.profile-selector-name>span>span:hover {
- color: #005580;
-}
-.widget-body div div .wiki-fixed {
- margin: 3px;
-}
-
-
-.loading {
- position: relative;
- top: 140px;
-}
-.loading p {
- margin-top: 20px;
- font-weight: bold;
- font-size: 20px;
-}
-
-.add-link {
- position: absolute;
- right: 20px;
- top: 130px;
- width: 22px;
- height: 19px;
- text-align: center;
-}
-
-.log-table > li {
- position: relative;
- list-style-type: none;
- min-height: 32px;
- max-width: 100%;
- padding: 0;
-}
-
-.log-table .table-head div div {
- font-weight: bold;
- text-align: center !important;
- direction: ltr !important;
-}
-
-.log-table .table-head div div:nth-child(4) {
- font-weight: bold;
- left: 247px;
- width: 326px;
- text-align: center !important;
- direction: ltr !important;
-}
-
-.log-table > li > div > div {
- position: absolute;
- display: inline-block;
- white-space: nowrap;
- text-overflow: ellipsis;
- font-size: 12px;
- min-height: 28px;
- overflow-x: hidden;
- padding: 3px;
- padding-top: 6px;
- width: auto;
-}
-
-.log-table {
- margin: 0;
-}
-
-.log-table > .table-row {
- cursor: pointer;
-}
-
-.log-table > .table-row.selected:before {
- z-index: 39;
- position: absolute;
- top: 6px;
- font-family: FontAwesome;
- content: "\f054";
- font-size: 20px;
- color: green;
-}
-
-.log-table > li > div > div:nth-child(1):not(.stack-line) {
- left: 0;
- width: 11px;
- z-index: 5;
-}
-
-.log-table > li > div > div:nth-child(2) {
- left: 18px;
- width: 180px;
- z-index: 5;
-}
-
-.log-table > li > div > div:nth-child(3) {
- left: 190px;
- width: 60px;
- z-index: 5;
- text-align: center;
-}
-
-.log-table > li > div > div:nth-child(4) {
- padding-right: 5px;
- text-align: right;
- direction: rtl;
- z-index: 3;
- left: 0;
- width: 573px;
-}
-
-.log-table > li > div > div:nth-child(5) {
- left: 580px;
- right: 0;
- padding-left: 5px;
-}
-
-.log-table > li > div > div:nth-child(6) {
- position: static;
- margin-top: 43px;
- white-space: normal;
- display: block;
-}
-
-.log-info-panel {
- z-index: 60;
- position: fixed;
- right: 7em;
- top: 150px;
- bottom: 5em;
- padding: 0;
- overflow: hidden;
- min-height: 500px;
- min-width: 800px;
-}
-
-@media(max-width: 1085px) {
- .log-info-panel {
- left: 5px;
- right: 5px;
- max-width: inherit;
- min-width: 500px;
- }
-}
-
-.log-info-panel >.log-info-panel-frame {
- position: relative;
- height: 100%;
- width: 100%;
- margin: 10px;
-}
-
-.log-info-panel > .log-info-panel-frame > .log-info-panel-header {
- position: absolute;
- top: 0;
- height: 80px;
- left: 5px;
- right: 50px;
- white-space: nowrap;
-}
-
-.log-info-panel-header > span {
- margin-left: 7px;
- position: relative;
- top: 2px;
- overflow: hidden;
-}
-
-.log-info-panel-frame > .log-info-panel-body {
- position: absolute;
- overflow: auto;
- left: 5px;
- right: 27px;
- top: 80px;
- bottom: 15px;
- padding-top: 10px;
- padding-left: 5px;
- padding-right: 5px;
-}
-
-.log-info-panel-body > .row-fluid {
- margin-bottom: 10px;
-}
-
-.log-info-panel > .log-info-panel-frame > .log-info-panel-body > .row-fluid > span {
- margin-right: 7px;
- white-space: nowrap;
-}
-
-.log-table-dashboard {
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
-}
-
-.ex-node-container {
- position: relative;
- width: 100%;
- height: 696px;
-}
-
-.ex-node {
- position: absolute;
- width: 150px;
- height: 90px;
- text-align: center;
- padding-top: 60px;
-}
-
-.dozer-mapping-node {
- display: block;
- margin-top: 10px;
- margin-bottom: 10px;
- padding: 20px;
-}
-
-.dozer-mappings li {
- list-style-type: none;
-}
-
-.dozer-mappings ul {
- margin-left: 50px;
-}
-
-.dozer-mappings span {
- width: 500px;
-}
-
-.wiki-file-list-up:hover {
- text-decoration: none;
-
-}
-
-.fabric-page-header.features {
- margin-top: 10px;
-}
-
-.fabric-page-header > * {
- line-height: 38px;
-}
-
-.profile-selector-name a:hover {
- text-decoration: none;
-}
-
-.file-name:hover {
- text-decoration: none;
-}
-
-i.expandable-indicator.folder {
- font-size: 17px;
-}
-
-.switches li {
- width: 215px;
-}
-
-.switch-light.switch-ios {
- width: 100px;
-}
-
-.switch-container {
- position: static;
- padding-top: 5px;
- width: 215px;
- height: 45px;
-}
-
-[class^="dynatree-folder icon-"], [class*=" dynatree-folder icon-"] {
-
-}
-
-[class^="dynatree-folder icon-"]:before, [class*=" dynatree-folder icon-"]:before {
- font-size: 17px;
- margin-left: 18px;
-}
-
-
-[class^="dynatree-folder icon-"], [class*=" dynatree-folder icon-"] .dynatree-connector {
- display: none;
-}
-
-[class^="dynatree-folder icon-"], [class*=" dynatree-folder icon-"] .dynatree-icon {
- display: none;
-}
-
-.main-nav-lower .container ul .dropdown.overflow {
- margin-right: 25px;
-}
-
-.dropdown-menu.right {
- left: auto;
- right: 0;
-}
-
-.dropdown-menu.right:before {
- left:auto !important;
- right: 9px;
-}
-
-.dropdown-menu.right:after {
- left:auto !important;
- right: 10px;
-}
-
-@media(max-width: 1134px) {
- .profile-details > [class^="span"] {
- width: 100%;
- float: inherit;
- display: block;
- margin-left: 2px;
- margin-right: 2px;
- }
-}
-
-/* Start 800x600 Optimzations */
-@media(max-width: 849px) {
-
- .page-padded {
- padding-left: 5px;
- padding-right: 5px;
- }
-
- .wiki-fixed {
- margin-left: 0 !important;
- margin-right: 0 !important;
- }
-
- .wiki-fixed .row-fluid .span9 {
- margin-left: 9px;
- }
-
- .container-details > [class*=" offset"] {
- display: none;
- }
-
- .container-details > .span4.offset1 {
- width: 100%;
- float: inherit;
- display: block;
- margin-left: 2px;
- margin-right: 2px;
- }
-
- .container-details > .span5.offset1 {
- width: 100%;
- float: inherit;
- display: block;
- margin-left: 2px;
- margin-right: 2px;
- }
-
- .create-container-body > [class^="span"] {
- width: 100%;
- float: inherit;
- display: block;
- margin-left: 2px;
- margin-right: 2px;
- }
-
- .create-container-body > [class^="span"]:first-child {
- margin-bottom: 15px;
- }
-
- .features-toolbar .pull-left {
- margin-bottom: 10px;
- }
-
- .edit-feature-lists > [class^="span"] {
- width: 49%;
- float: inherit;
- display: inline-block;
- margin-left: 0;
- margin-right: 0;
- }
-
-}
-/* End 800x600 optimizations */
-
-/*
- * jquery.tocify.css 1.8.0
- * Author: @gregfranko
- */
-/* The Table of Contents container element */
-.tocify {
- /* top works for the wiki, may need customization
- elsewhere */
- top: 120px;
- width: 232px;
- padding-left: 1em;
- padding-right: 1em;
- overflow-y: auto;
- overflow-x: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- position: fixed;
- bottom: 5px;
- z-index: 20;
-}
-
-.tocify h2,
-.tocify h3 {
- white-space: normal;
-}
-
-.toc-container {
- position: relative;
- width: 100%;
-}
-
-.toc-content {
- position: absolute;
- left: 290px;
- right: 0;
-}
-
-.tocify ul {
- margin-left: 0px;
-}
-
-.tocify li {
- list-style-type: none;
- display: block;
-}
-
-.tocify li a {
- display: block;
- padding: 3px;
- transition: background,border .25s ease-in-out;
-}
-
-.tocify li a:hover {
- text-decoration: none;
-}
-
-.tocify li a.active {
- font-weight: bolder;
-}
-
-/* Makes the font smaller for all subheader elements. */
-.tocify-subheader li {
- font-size: 12px;
-}
-
-/* Further indents second level subheader elements. */
-.tocify-subheader .tocify-subheader {
- text-indent: 30px;
-}
-
-/* Further indents third level subheader elements. You can continue this pattern if you have more nested elements. */
-.tocify-subheader .tocify-subheader .tocify-subheader {
- text-indent: 40px;
-}
-
-@media(max-width: 700px) {
- .tocify {
- position: static;
- width: auto;
- margin-bottom: 1em;
- }
-
- .toc-content {
- position: static;
- left: auto;
- }
-}
-
-fs-donut svg g text.value {
- font-size: 40px;
-}
-
-fs-donut svg g text.units {
- font-size: 20px;
-}
-
-.health-displays {
- width: 100%;
-}
-
-.panel {
- position: fixed;
-}
-
-.panel.bottom {
- bottom: 0;
-}
-
-.deploy {
- right: 0;
-}
-
-.profile-list-item:after {
- content: ", ";
-}
-
-.profile-list-item:last-child:after {
- content: " ";
-}
-
-.health-displays .health-display,
-.column-box,
-.column-box-variable,
-.column-box-square,
-.column-box-half-screen {
- position: relative;
- display: inline-block;
- width: 300px;
- height: 300px;
- margin-left: 0;
- margin-right: 0;
- margin-bottom: 10px;
- overflow: hidden;
- vertical-align: top;
-}
-
-.column-box {
- height: auto;
- min-height: 175px;
- width: 500px;
-}
-
-.wiki-icon-view {
- min-height: 200px;
-}
-
-.wiki-icon-view .column-box {
- min-height: 0;
- margin-bottom: 25px;
-}
-
-.column-box-half-screen {
- width: 50%;
- min-width: auto;
- height: auto;
-}
-
-.column-box-square {
- height: 32px;
- width: 32px;
- line-height: 28px;
- vertical-align: middle;
- text-align: center;
-}
-
-.column-box-variable {
- height: auto;
- min-height: 175px;
- width: auto;
- min-width: 175px;
- max-width: 500px;
-}
-
-.column-box-variable > h3 {
- margin-bottom: 0;
-}
-
-.column-box .file-icon > * {
- width: 100%;
- height: auto;
-}
-
-.location-box {
- margin: 12px;
-}
-
-.column-box-square > i {
- font-size: 24px;
- height: 24px;
- vertical-align: middle;
-}
-
-.container-groups .column-box {
- height: 125px;
- width: auto;
-}
-
-.container-header-version,
-.container-header-version + hr {
- margin-bottom: 0;
-}
-
-.container-header-version + hr {
- margin-top: 0;
-}
-
-.container-groups .container-group-header {
- border-bottom: none;
-}
-
-.column-row {
- float: left;
-}
-
-.column-box-selected .column-box-header {
- font-size: 150%;
- font-weight: bold;
-}
-
-.column-box-icons > .span1 {
- text-align: center;
- vertical-align: middle;
- width: 32px;
-}
-
-.column-box-icons i,
-.column-box-icons img {
- font-size: 32px;
- width: 32px;
-}
-
-.ok-container > i {
- font-size: 32px;
- color: #a4a4a4;
-}
-
-.column-box > div {
- position: relative;
- height: 100%;
- margin: 10px;
-}
-
-.column-box h3 {
- text-overflow: ellipsis;
- line-height: normal;
- margin-bottom: 0;
-}
-
-.bottom-anchored {
- position: absolute;
- bottom: 0;
- margin-top: -3em;
-}
-
-.label-list > li > .badge {
- margin-top: 3px;
- margin-bottom: 3px;
-}
-
-.label-list > .inline-block > .badge {
- margin-left: 3px;
- margin-right: 3px;
-}
-
-.health-details {
- top: 0;
- bottom: 0;
- z-index: 40;
-}
-
-.health-status {
- padding: 0;
- position: absolute;
- bottom: 0;
- overflow: hidden;
- left: 0;
- right: 0;
- z-index: 20;
-}
-
-.health-message-wrap {
- margin: 0;
- padding: 0;
- width: 100%;
- height: 100%;
-}
-
-.health-message {
- display: block;
- margin: 10px;
-}
-
-.health-details-toggle {
- position: absolute;
- display: inline-block;
- width: 16px;
- height: 16px;
- right: 2px;
- top: 0px;
-}
-
-.health-details-wrap {
- width: 300px;
- height: 300px;
- overflow-y: auto;
- overflow-x: hidden;
-}
-
-.health-details-wrap a {
- color: #d4d4d4;
-}
-
-.health-details-wrap dl {
- margin-top: 5px;
- margin-bottom: 2px;
- margin-left: 0;
-}
-
-.health-details-wrap table {
- max-width: 300px;
-}
-
-.health-details-wrap table tr td {
- vertical-align: middle;
-}
-
-.health-details-wrap table tr td:first-child {
- font-weight: bold;
- text-align: right;
- padding-right: 5px;
-}
-
-.health-details-wrap table tr td:last-child {
- padding-left: 5px;
- overflow-x: hidden;
- text-overflow: ellipsis;
-}
-
-.health-display-title {
- padding-top: 18px;
- font-size: 30px;
- width: 100%;
- height: 40px;
- margin-top: 10px;
- margin-bottom: 10px;
- font-weight: bold;
- text-align: center;
-}
-
-.health-display-title.ok {
- background-color: lightgreen;
-}
-
-.health-display-title.warning {
- background-color: darkorange;
-}
-
-.health-displays .health-display .health-chart {
- width: 300px;
- height: 300px;
-}
-
-.create-column {
- vertical-align: top;
- display: inline-block;
- width: 445px;
- margin-bottom: 10px;
-}
-
-#create-form {
- max-width: 422px;
-}
-
-/* hack to work around strange tabset behavior */
-tabset > .tabbable > ul {
-/* display: none; */
-}
-/* end hack */
-
-tabset > .tabbable > .tab-content > .nav.nav-tabs > li {
- cursor: pointer;
-}
-
-tabset > .tabbable > .tab-content > .nav.nav-tabs > li.active {
- cursor: pointer;
-}
-
-tabset > .tabbable > .tab-content > .nav.nav-tabs > li.disabled {
- opacity: 0.3;
-}
-
-.toast.toast-warning * {
- color: black;
-}
-
-.hawtio-toc .panel-title {
- padding: 0;
- margin-top: 20px;
- margin-bottom: 20px;
-}
-
-.hawtio-toc .panel-title a {
- display: block;
- text-align: center;
- padding: 10px;
-}
-
-._jsPlumb_endpoint {
- z-index: 25;
-}
-
-.panes {
- position: relative;
- display: block;
- min-height: 100%;
-}
-
-.panes > .left-pane {
- position: absolute;
- left: 0;
- right: 285px;
- height: 100%;
-}
-
-.panes > .right-pane {
- position: absolute;
- right: 0;
- width: 275px;
- height: 100%;
-}
-
-.camel-viewport {
- overflow: auto;
- height: 100%;
-}
-
-.camel-canvas-endpoint svg circle {
- fill: #346789;
-}
-
-.camel-props {
- position: relative;
- height: 100%;
-}
-
-.camel-props > .button-bar {
- left: 0;
- right: 0;
- display: block;
- position: absolute;
-}
-
-.button-bar > .centered > form {
- margin-bottom: 10px;
-}
-
-.camel-props > .prop-viewport {
- overflow-y: auto;
- overflow-x: visible;
- position: absolute;
- bottom: 0;
- top: 80px;
- width: 100%;
-}
-
-.camel-props form > fieldset > legend {
- font-size: medium;
- font-weight: bold;
- margin: 0;
- line-height: 12px;
- padding: 3px;
-}
-
-.endpoint-control > label {
- font-size: medium;
- font-weight: bold;
- margin: 0;
- line-height: 12px;
- padding: 3px;
-}
-
-.endpoint-props > p {
- font-size: medium;
- font-weight: bold;
- margin: 0;
- margin-bottom: 25px;
- line-height: 12px;
- padding: 3px;
-}
-
-.endpoint-control > .controls {
- margin-top: 15px;
-}
-
-.camel-props form fieldset .control-label {
- float: none;
- width: auto;
- text-align: left;
-}
-
-.camel-props form fieldset .controls {
- margin-left: auto;
-}
-
-.camel-props form fieldset .controls .input-xxlarge {
- width: auto;
- margin-left: auto;
- margin-right: auto;
-}
-
-.camel-props form fieldset div[hawtio-form-array] > div > div > div > .controls.pull-right {
- float: none;
-}
-
-.welcome {
- margin-left: 5em;
- margin-right: 5em;
-}
-
-input.ng-invalid-pattern {
- border-color: #e9322d;
- -webkit-box-shadow: 0 0 6px #f8b9b7;
- -moz-box-shadow: 0 0 6px #f8b9b7;
- box-shadow: 0 0 6px #f8b9b7;
-}
-
-input.ng-invalid-pattern:focus {
- border-color: #e9322d;
- -webkit-box-shadow: 0 0 6px #f8b9b7;
- -moz-box-shadow: 0 0 6px #f8b9b7;
- box-shadow: 0 0 6px #f8b9b7;
-}
-
-.threads.logbar > .logbar-container {
- margin-top: 2px;
- margin-bottom: 5px;
-}
-
-.state-panel > ul > li:not(:first-child) > span {
- margin-left: 15px;
-}
-
-.state-panel > ul > li.active {
- font-weight: bold;
-}
-
-.runnable {
- color: green;
-}
-
-.timed-waiting {
- color: orange;
-}
-
-.waiting,
-.darkgray {
- color: darkgray;
-}
-
-.blocked {
- color: red;
-}
-
-strong.new,
-.lightgreen {
- color: lightgreen;
-}
-
-.terminated,
-.darkred {
- color: darkred;
-}
-
-.thread-state-indicator {
- width: 100%;
- height: 100%;
- padding-top: 5px;
-}
-
-.monitor-indicator {
- font-size: 10px;
- padding: 4px;
- margin: 5px;
-}
-
-.monitor-indicator.button {
- cursor: pointer;
-}
-
-.monitor-indicator.true {
- background: #1cd11d;
- box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5), 0px 0px 4px 1px rgba(34, 203, 1, 0.49);
-}
-
-.monitor-indicator.false {
- background: #737373;
- box-shadow: inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5);
-}
-
-.table-header {
- color: black;
- position: relative;
-}
-
-.table-header > .indicator:after {
- font-family: 'FontAwesome';
- position: absolute;
- right: 5px;
-}
-
-.table-header.asc > .indicator:after {
- content: "\f077";
-}
-
-.table-header.desc > .indicator:after {
- content: "\f078";
-}
-
-.camel-tree > ul.nav {
- margin-bottom: 3px !important;
-}
-
-.camel-tree > .section-filter {
- margin: 0 0 8px;
- display: block;
-}
-
-.table > thead > tr > th {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-
-th > .indicator:before {
- display: inline-block;
- content: "\00a0";
- margin-left: 12px;
-}
-
-.simple-table-checkbox,
-.simple-table-checkbox > input {
- vertical-align: middle;
- margin: 0;
- width: 16px;
- line-height: 16px;
- max-width: 16px;
-}
-
-
-.table td,
-.table th {
- vertical-align: middle;
-}
-
-.ngCellText .icon-replication-controller {
- width: 32px;
-}
-
-.repository-browser-toolbar > .btn {
- margin-bottom: 10px;
-}
-
-.bundle-list-toolbar {
- vertical-align: top;
-}
-
-.bundle-list-toolbar > .pull-left > *,
-.bundle-list-toolbar > .pull-right > * {
- display: inline-block;
-}
-
-.bundle-list-toolbar > div > input,
-.bundle-list-toolbar > div > div > input {
- margin-bottom: 10px;
-}
-
-.bundle-list-toolbar > div > label,
-.bundle-list-toolbar > div > strong {
- position: relative;
- top: -3px;
-}
-
-.bundle-list-toolbar > div > .input-append {
- position: relative;
- left: 3px;
- top: -9px;
-}
-
-.connect-column {
- display: inline-block;
- vertical-align: top;
- width: 34em;
-}
-
-.icon-spacer:before {
- content: '\00a0';
- width: 11px;
-}
-
-.dropdown-menu {
- padding-top: 0;
- padding-bottom: 0;
- margin-top: 0;
- top: 100%;
- left: 0;
- right: 0;
- border-radius: 0;
-}
-
-.main-nav-upper .dropdown-menu {
- border-top: none;
- margin-top: -1;
- border-radius: 0;
-}
-
-.main-nav-lower .dropdown-menu {
- border-top: none;
-}
-
-.dropdown-menu > li > a {
- cursor: pointer;
- padding-left: 15px;
- padding-right: 15px;
-}
-
-.dropdown.perspective-selector > .dropdown-menu {
- min-width: 160px;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-
-.dropdown.perspective-selector .dropdown-menu > div {
- display: block;
-}
-
-.dropdown.perspective-selector .dropdown-menu > div > p,
-.hawtio-dropdown p {
- font-size: smaller;
- padding-left: 3px;
- padding-right: 3px;
- margin-bottom: 0;
-}
-
-.nav .hawtio-dropdown {
- margin-top: 2px;
-}
-
-.dropdown.perspective-selector .dropdown-menu > div > ul {
- margin-top: 0;
-}
-
-.dropdown.perspective-selector .dropdown-menu > div > ul > li.clear-recent > a {
- padding: 3px 5px;
-}
-
-.dropdown-menu > li:hover > a {
- text-shadow:0px 0px 1px white;
-}
-
-.dropdown-menu:before {
- display: none !important;
-}
-
-.dropdown-menu:after {
- display: none !important;
-}
-
-.nav.nav-tabs li .hawtio-dropdown .dropdown-menu {
- margin-top: 4px;
- border-top: none;
-}
-
-span.hawtio-dropdown {
- position: relative;
- display: block;
- cursor: pointer;
-}
-
-span.hawtio-dropdown .dropdown-menu {
- width: auto;
-}
-
-.btn .hawtio-dropdown > .caret {
- width: 7px;
-}
-
-.btn .hawtio-dropdown > .dropdown-menu {
- left: -10px;
- margin-top: 5px;
- text-align: left;
-}
-
-.submenu-caret {
- display: inline-block;
- width: 0;
- height: 0;
-}
-
-.submenu-caret:before {
- font-family: 'FontAwesome';
- border: 0;
- content: "\f054";
- font-size: 11px;
- display: block;
-}
-
-.hawtio-dropdown > ul > li {
- padding: 3px;
- padding-left: 5px;
-}
-
-.hawtio-dropdown > ul > li > .menu-item {
- position: relative;
- display: block;
-}
-
-.hawtio-dropdown > .submenu-caret:before,
-.hawtio-dropdown > ul > li > .menu-item > .submenu-caret:before {
- position: absolute;
- top: 0;
- right: -2px;
-}
-
-.dropdown-menu .sub-menu {
- position: absolute;
- left: 195px;
- top: -8px;
-}
-
-.hawtio-breadcrumb > li {
- display: inline-block;
-}
-
-.dropdown-menu .dropdown .caret {
- display: none;
-}
-
-.hawtio-breadcrumb .caret {
- border: 0;
- width: 17px;
- margin-right: 2px;
- margin-left: 0;
-}
-
-.hawtio-breadcrumb .caret:before {
- font-family: 'FontAwesome';
- content: "\F105";
- font-size: 40px;
- top: -9px;
-}
-/*
-.modal {
- z-index: 5000;
- width: 660px;
- margin: -250px 0 0 -320px;
-}
-.modal-backdrop {
- z-index: 4090;
-}
-*/
-.scrollable-section {
- overflow-x: hidden;
- overflow-y: auto;
- max-height: 260px;
-}
-
-.component {
- opacity: 0.8;
- filter: alpha(opacity = 80);
-}
-
-.window,
-.node > rect {
- stroke-width: 2px;
- stroke: #346789;
- fill: url(#rect-gradient);
- border: 2px solid #346789;
- z-index: 20;
- position: absolute;
- font-size: 0.8em;
- filter: alpha(opacity = 80);
- cursor: move;
-
- box-shadow: 2px 2px 19px #e0e0e0;
- -o-box-shadow: 2px 2px 19px #e0e0e0;
- -webkit-box-shadow: 2px 2px 19px #e0e0e0;
- -moz-box-shadow: 2px 2px 19px #e0e0e0;
- -moz-border-radius: 4px;
- border-radius: 4px;
- background-color: lightgrey;
- fill: lightgrey;
-}
-
-.window,
-.node.selected > rect {
- stroke-width: 2px;
- stroke-dasharray: 10,5;
- stroke: red;
-}
-
-.window-inner {
- position: relative;
- border-radius: 2px;
-}
-
-.window-inner {
- padding: 6px;
-}
-
-.window-inner.from,
-.node > .from {
- background-color: lightsteelblue;
- fill: lightsteelblue;
-}
-
-.window-inner.choice,
-.node > .choice {
- background-color: lightblue;
- fill: lightblue;
-}
-
-.window-inner.when,
-.node > .when {
- background-color: lightgreen;
- fill: lightgreen;
-}
-
-.window-inner.otherwise,
-.node > .otherwise {
- background-color: lightgreen;
- fill: lightgreen;
-}
-
-.window-inner.to,
-.node > .to {
- background-color: lightsteelblue;
- fill: lightsteelblue;
-}
-
-.window-inner.log,
-.node > .log {
- background-color: lightcyan;
- fill: lightcyan;
-}
-
-.window-inner.setBody,
-.node > .setBody {
- background-color: #d3d3d3;
- fill: #d3d3d3;
-}
-
-.window-inner.onException,
-.node > .onException {
- background-color: lightpink;
- fill: lightpink;
-}
-
-.window-inner.delay,
-.node > .delay {
- background-color: lightgrey;
- fill: lightgrey;
-}
-
-.window-inner.bean,
-.node > .bean {
- background-color: mediumaquamarine;
- fill: mediumaquamarine;
-}
-
-.window-inner > * {
- vertical-align: middle;
-}
-
-.window-inner > span {
- max-width: 15em;
- display: inline-block;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
-}
-
-.window:hover {
- border-color: #5d94a6;
- background-color: #ffffa0;
-}
-
-.window:hover > .window-inner {
- background: inherit;
-}
-
-.window.selected {
- background-color: #f0f0a0;
-}
-
-.window.selected > .window-inner {
- background: inherit;
-}
-
-img.nodeIcon {
- width: 24px !important;
- height: 24px !important;
- cursor: crosshair;
- margin-right: 10px;
-}
-
-img.nodeIcon:hover {
- opacity: 0.6;
- box-shadow: 2px 2px 19px #a0a0a0;
- background-color: #a0a0a0;
-}
-
-.l1 {
- font-size: 13px;
-}
-
-._jsPlumb_connector {
- z-index: 4;
-}
-
-._jsPlumb_overlay {
- z-index: 6;
-}
-
-.hl {
- border: 3px solid red;
-}
-
-.strong {
- font-weight: bold;
-}
-
-.discovery > li {
- position: relative;
-}
-
-.discovery > li > div {
- vertical-align: middle;
-}
-
-.discovery > li > div:first-child {
- margin-right: 10px;
-}
-
-.discovery > li > div:last-child,
-.discovery > li > .lock {
- position: absolute;
- width: 32px;
- height: 32px;
- margin: auto;
- top: 0;
- bottom: 0;
- right: 10px;
-}
-
-.discovery > li > .lock {
- right: 42px;
-}
-
-.discovery > li > div:last-child > div.connect-button {
- width: 32px;
- height: 32px;
-}
-
-.discovery > li > div:last-child > div > i,
-.discovery > li > .lock > i {
- font-size: 32px;
- cursor: pointer;
-}
-
-.discovery > li > .lock > i {
- cursor: inherit;
-}
-
-.discovery > li > div:first-child > img {
- vertical-align: middle;
- width: 64px;
- max-height: 64px;
-}
-
-.auth-form {
- white-space: nowrap;
-}
-
-.auth-form > form > input {
- margin-bottom: 0;
-}
-
-.slideout-body .btn-group,
-.btn-group[hawtio-pager] {
- line-height: normal;
-}
-
-@media print {
- #main-nav,
- #log-panel {
- display: none !important;
- height: 0 !important;
- }
-
- .wiki-grid {
- display: none;
- }
-
- .wiki-fixed {
- margin-top: 0 !important;
- }
-
- .wiki-fixed > .row-fluid > .span3 {
- display: none;
- }
-
- .wiki-fixed > .row-fluid > .span9 {
- width: 100%;
- }
-
- .instance-name {
- display: none !important;
- }
-
- .logbar-container > .nav {
- display: none !important;
- height: 0 !important;
- }
-
-}
-
-.prefs {
- height: 100%;
- margin: 0;
-}
-
-.prefs > div {
- height: 100%;
- margin: 0;
-}
-
-.slideout-body .prefs {
- overflow: hidden;
- margin: 0;
-}
-
-.slideout-body .prefs .tabbable {
- position: relative;
- height: 100%;
- margin: 0;
-}
-
-.pref-slideout > div > div > div {
- height: 100%;
- margin: 0;
-}
-
-.pref-slideout .slideout-body {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0px;
- right: 0;
- overflow: none !important;
- margin: 0 !important;
-}
-
-.slideout-body .prefs .nav.nav-tabs {
- top: 5px;
- bottom: 5px;
- left: 0;
- width: 130px;
- position: absolute;
- margin: 0;
- overflow-y: auto;
-}
-
-.slideout-body .prefs .nav.nav-tabs:after,
-.slideout-body .prefs .nav.nav-tabs:before {
- display: none;
-}
-
-.slideout-body .prefs .nav.nav-tabs li {
- display: block;
- float: none;
-}
-
-.slideout-body .prefs .tab-content {
- position: absolute;
- overflow: auto;
- top: 5px;
- left: 140px;
- right: 15px;
- bottom: 5px;
- margin: 0;
-}
-
-.help-header .without-text,
-.about-header .without-text {
- position: relative;
- top: -4px;
- vertical-align: middle;
- height: 48px;
-}
-
-.help-header .with-text,
-.about-header .with-text {
- position: relative;
- top: -4px;
- vertical-align: middle;
- height: 48px;
-}
-
-.service-list > li {
- list-style-type: none;
- display: inline-block;
- margin-left: 3px;
- margin-right: 3px;
- vertical-align: middle;
-}
-
-.container-type {
- width: 16px;
-}
-
-.container-status > i:before,
-.container-type i:before,
-.container-type img {
- vertical-align: middle;
- font-size: 16px;
- height: 16px;
- width: auto;
- line-height: 16px;
-}
-
-.container-type img.girthy {
- height: auto;
- width: 16px;
-}
-
-.app-logo {
- width: 64px;
- margin-right: 10px;
-}
-
-.app-logo img,
-.app-logo i {
- vertical-align: middle;
- font-size: 64px;
- height: 64px;
- width: auto;
- line-height: 64px;
-}
-
-.app-logo img.girthy {
- height: auto;
- width: 64px;
-}
-
-.service-list i:before,
-.service-list img {
- height: 16px;
- width: auto;
- font-size: 16px;
- vertical-align: middle;
-}
-
-.service-list img.girthy {
- height: auto;
- width: 16px;
-}
-
-.perspective-selector img {
- width: auto;
- height: 16px;
- vertical-align: top;
-}
-
-.operation-row {
- position: relative;
- height: 30px;
- vertical-align: middle;
-}
-
-.operation-row.can-invoke {
- cursor: pointer;
-}
-
-.operation-row.cant-invoke {
- cursor: not-allowed;
-}
-
-.operation-row > * {
- display: inline-block;
- height: 100%;
- line-height: 30px;
-}
-
-.operation-actions {
- position: absolute;
- right: 6px;
- top: 4px;
-}
-
-.help-block:empty {
- margin-top: 10px;
-}
-
-ul.dynatree-container {
- overflow: visible;
-}
-
-.pane {
- position: absolute;
- bottom: 0;
- top: 70px;
- height: auto;
- width: 300px;
-}
-
-.pane > .pane-wrapper {
- position: relative;
- height: 100%;
- width: 100%;
- overflow: hidden;
-}
-
-.pane-viewport {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- overflow: auto;
- margin-right: 10px;
-}
-
-.pane-content {
- width: auto;
- height: auto;
-}
-
-.pane-bar {
- position: absolute;
- top: 0;
- right: 0;
- width: 5px;
- cursor: ew-resize;
- height: 100%;
-}
-
-.pane-content {
- float: none;
- position: static;
-}
-
-.pane.left {
- /*left: 0; */
- z-index: 39;
-}
-
-.pane.left .pane-viewport {
- margin-left: 10px;
- right: 5px;
- margin-right: 0;
-}
-
-.pane.left .pane-bar {
- right: 0;
-}
-
-.pane.right {
- right: 0;
-}
-
-.pane.right .pane-viewport {
- margin-left: 10px;
- margin-right: 5px;
- right: 5px;
-}
-
-.pane.right .pane-bar {
- left: 0;
-}
-
-.pane-header-wrapper {
- margin-left: 10px;
- margin-right: 10px;
-}
-
-.tree-header {
- position: relative;
- height: 26px;
-}
-
-.fabric-app-view-header {
- height: auto;
-}
-
-.fabric-app-view-header > * {
- line-height: 12px;
-}
-
-.fabric-app-view-header .alert {
- margin-bottom: 0;
-}
-
-.fabric-app-view-header .row-fluid:last-child {
- padding-bottom: 8px;
-}
-
-.tree-header > .left,
-.tree-header > .right {
- position: absolute;
- top: 3px;
- bottom: 6px;
- vertical-align: middle;
- line-height: 10px;
-}
-
-.tree-header > .left {
- left: 0;
-}
-
-.tree-header > .right {
- right: 10px;
-}
-
-.camel.tree-header {
- height: 42px;
-}
-
-.camel.tree-header > .left {
- right: 94px;
-}
-
-.camel.tree-header > .left,
-.camel.tree-header > .right {
- top: 6px;
- line-height: 30px;
-}
-
-
-.camel.tree-header > .left > .section-filter {
- width: 100%;
-}
-
-.camel.tree-header > .left > .section-filter > .search-query {
- width: 100%;
- margin-bottom: 10px;
-}
-
-.camel.tree-header > .left > .section-filter > .icon-remove {
- right: -16px;
-}
-
-.attributes-wrapper {
- width: 100%;
- overflow: auto;
-}
-
-.separator {
- padding-top: 4px;
- display: inline-block;
-}
-
-.grid-block,
-.health-display {
- border: 1px solid #00f;
-}
-
-.widget-title {
- border-bottom: 1px solid #00f;
-}
-
-.container-group-header {
- vertical-align: middle;
- line-height: 18px;
- font-weight: bold;
- padding: 4px;
- margin-top: 10px;
-}
-
-.search-query.has-text {
- background: #55ddff;
- color: #333333;
-}
-
-.dataTables_filter input {
- border-radius: 15px
-}
-
-.config-admin-form .form-horizontal .control-label {
- width: 260px;
-}
-.config-admin-form .form-horizontal .controls {
- margin-left: 280px;
-}
-
-.new-config-name-form {
- margin-top: 30px;
-}
-
-.td-fixed-width-150 {
- white-space: normal;
- width: 150px;
-}
-
-.pod-label {
- margin-right: 1em;
-}
-
-td > ul {
- margin-bottom: 0px;
-}
-
-td > .zebra-list > li {
- padding: 2px;
-}
-
-ul.nav select {
- margin-bottom: 0px;
- height: 25px;
-}
-
-/* ENTESB-2249: fixing bootstrap forms with tooltips */
-.form-horizontal input + div + .help-block,
-.form-horizontal select + div + .help-block,
-.form-horizontal textarea + div + .help-block {
- margin-top: 10px;
-}
-
-div#main div ul.nav {
- border-radius: 0 0 4px 4px;
- border: 1px solid #d4d4d4;
- border-top: 1px transparent;
- background-color: #FAFAFA;
- background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
- background-repeat: repeat-x;
- box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
-}
-
-ul.dynatree-container {
- background: inherit;
-}
-ul.dynatree-container li {
- background: inherit;
-}
-
-i.expandable-indicator {
- color: #666;
-}
-
-span.dynatree-expander {
- color: #728271;
-}
-
-span.dynatree-icon {
- color: #EECA7C;
-}
-span:not(.dynatree-has-children) .dynatree-icon:before {
- color: gray;
-}
-
-span.dynatree-empty,
-span.dynatree-vline,
-span.dynatree-connector,
-span.dynatree-expander,
-span.dynatree-icon,
-span.dynatree-checkbox,
-span.dynatree-radio,
-span.dynatree-drag-helper-img,
-#dynatree-drop-marker
-{
- font-family: FontAwesome;
- font-weight: normal;
- font-style: normal;
- display: inline-block;
- text-decoration: inherit;
- background-image: none;
- vertical-align: middle;
-}
-
-.dynatree-checkbox {
- color: #888888
-}
-
-/* Dynatree checkbox */
-span.dynatree-checkbox:before
-{
- margin-top: 1px;
- background-position: 0 0;
- cursor: pointer;
- content: "";
-}
-
-span.dynatree-checkbox:before:hover
-{
- background-position: 0 0;
- content: "";
-}
-
-.dynatree-selected span.dynatree-checkbox:before
-{
- margin-top: 1px;
- background-position: 0 0;
- cursor: pointer;
- content: "\f00c";
-}
-
-.dynatree-selected span.dynatree-checkbox:before:hover
-{
- background-position: 0 0;
- content: "\f00c";
-}
-
-
-.dynatree-expander {
- color: #888888
-}
-
-/* Dynatree expander */
-span.dynatree-expander:before
-{
- margin-top: 1px;
- background-position: 0 0;
- cursor: pointer;
- content: "\f054";
-}
-
-span.dynatree-expander:before:hover
-{
- background-position: 0 0;
- content: "\f054";
-}
-
-.dynatree-exp-e span.dynatree-expander:before, /* Expanded, not delayed, not last sibling */
-.dynatree-exp-ed span.dynatree-expander:before, /* Expanded, delayed, not last sibling */
-.dynatree-exp-el span.dynatree-expander:before, /* Expanded, not delayed, last sibling */
-.dynatree-exp-edl span.dynatree-expander:before /* Expanded, delayed, last sibling */
-{
- background-position: 0 0;
- content: "\f078";
-}
-.dynatree-exp-e span.dynatree-expander:before:hover, /* Expanded, not delayed, not last sibling */
-.dynatree-exp-ed span.dynatree-expander:before:hover, /* Expanded, delayed, not last sibling */
-.dynatree-exp-el span.dynatree-expander:before:hover, /* Expanded, not delayed, last sibling */
-.dynatree-exp-edl span.dynatree-expander:before:hover /* Expanded, delayed, last sibling */
-{
- background-position: 0 0;
- content: "\f0da";
-}
-
-/* closed folder */
-.dynatree-ico-cf span.dynatree-icon:before {
- background-position: 0 0;
- content: "\f07b";
-}
-
-/* open folder */
-.dynatree-ico-ef span.dynatree-icon:before {
- background-position: 0 0;
- content: "\f07c";
-}
-
-span.dynatree-icon:before {
- background-position: 0px 0px;
- font-family: FontAwesome;
- content: "\f013";
-}
-
-span.dynatree-folder a {
- font-weight: normal;
-}
-
-div.treeContainer ul.dynatree-container {
- border: 0px;
-}
-
-.pane>.pane-wrapper {
- position: relative;
- height: 100%;
- width: 100%;
- overflow: hidden;
-}
-
-.pane.left .pane-viewport {
- margin-left: 10px;
- right: 5px;
- margin-right: 0;
-}
-
-.pane-viewport {
- border-top: 1px solid #d4d4d4;
-}
-.pane-viewport {
- position: absolute;
- top: 24px;
- bottom: 0;
- left: 0;
- overflow: auto;
- margin-right: 10px;
-}
-
-.pane-content {
- float: none;
- position: static;
-}
-.pane-content {
- width: auto;
- height: auto;
-}
-
-.pane.left .pane-bar {
- border-right: 1px solid #d4d4d4;
-}
-.pane.left .pane-bar, .pane.right {
- right: 0;
-}
-.pane-bar {
- background: white;
-}
-.pane-bar {
- position: absolute;
- top: 0;
- right: 0;
- width: 5px;
- cursor: ew-resize;
- height: 100%;
-}
-
-div#overview-controller, div#list-controller {
- padding-left: 300px;
-}
-
-.ngViewport.ng-scope{
- height: auto !important;
- width: auto !important;
- overflow-y: hidden;
-}
-
-.ngTopPanel.ng-scope, .ngHeaderContainer{
- width: auto !important;
-}
-
-.qdr-overview.pane.left, .qdr-attributes.pane.left, .qdr-topology.pane.left {
- top: 70px;
-}
-
-div.chartContainer {
- width: auto;
-}
-
-div.chartOptions div.duration {
- width: 30em !important;
-}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/a93825ab/console/stand-alone/plugin/html/qdrConnect.html
----------------------------------------------------------------------
diff --git a/console/stand-alone/plugin/html/qdrConnect.html b/console/stand-alone/plugin/html/qdrConnect.html
index 4559655..1d04042 100644
--- a/console/stand-alone/plugin/html/qdrConnect.html
+++ b/console/stand-alone/plugin/html/qdrConnect.html
@@ -72,7 +72,7 @@ under the License.
<i class="icon-spin icon-spinner icon-4x"></i>
<p>Please wait, connecting now...</p>
</div>
- <div class="centered" ng-show="connectionError">
+ <div class="centered error" ng-show="connectionError">
<p>There was a connection error: {{connectionErrorText}}</p>
</div>
http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/a93825ab/console/stand-alone/plugin/html/qdrLayout.html
----------------------------------------------------------------------
diff --git a/console/stand-alone/plugin/html/qdrLayout.html b/console/stand-alone/plugin/html/qdrLayout.html
deleted file mode 100644
index 6c1115a..0000000
--- a/console/stand-alone/plugin/html/qdrLayout.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<!--
-Licensed to the Apache Software Foundation (ASF) under one
-or more contributor license agreements. See the NOTICE file
-distributed with this work for additional information
-regarding copyright ownership. The ASF licenses this file
-to you 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.
--->
-<ul class="nav nav-tabs connected dispatch-view" ng-controller="QDR.NavBarController">
- <li ng-repeat="link in breadcrumbs" title="{{link.title}}" ng-show="isValid(link)" ng-class='{active : isActive(link.href), "pull-right" : isRight(link), haschart: hasChart(link)}'>
- <a ng-href="{{link.href}}{{hash}}" ng-bind-html="link.content"></a>
- </li>
-</ul>
-<div class="container-fluid">
- <div class="row">
- <div class="col-md-12">
- <ol class="breadcrumb">
- <li><a href="#">Home</a></li>
- <li>Typography</li>
- </ol>
- <h1>Application Heading h1</h1>
- <div ng-view></div>
- </div>
- </div>
-</div>
http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/a93825ab/console/stand-alone/plugin/html/qdrList.html
----------------------------------------------------------------------
diff --git a/console/stand-alone/plugin/html/qdrList.html b/console/stand-alone/plugin/html/qdrList.html
index 8b7800f..d32a27a 100644
--- a/console/stand-alone/plugin/html/qdrList.html
+++ b/console/stand-alone/plugin/html/qdrList.html
@@ -27,7 +27,9 @@ under the License.
<h4>{{selectedRecordName}}</h4>
<div ng-show="currentMode.id === 'attributes'" class="selectedItems">
<div ng-show="selectedRecordName === selectedEntity" class="no-content">There are no {{selectedEntity | safePlural}}</div>
- <div ng-hide="selectedRecordName === selectedEntity" ng-grid="details"></div>
+ <div ng-hide="selectedRecordName === selectedEntity" ui-grid="details" ui-grid-auto-resize ui-grid-resize-columns ui-grid-save-state
+ ng-style="getTableHeight()">
+ </div>
</div>
<div ng-show="currentMode.id === 'delete'">
<div class="delete" ng-show="selectedRecordName !== selectedEntity">
http://git-wip-us.apache.org/repos/asf/qpid-dispatch/blob/a93825ab/console/stand-alone/plugin/html/qdrOverview.html
----------------------------------------------------------------------
diff --git a/console/stand-alone/plugin/html/qdrOverview.html b/console/stand-alone/plugin/html/qdrOverview.html
index 4535d2c..3173fff 100644
--- a/console/stand-alone/plugin/html/qdrOverview.html
+++ b/console/stand-alone/plugin/html/qdrOverview.html
@@ -26,14 +26,14 @@ under the License.
<div class="row-fluid">
<h3>Routers</h3>
<div class="overview">
- <div class="gridStyle" ng-grid="allRouters"></div>
+ <div class="grid" ui-grid="allRouters" ui-grid-selection ui-grid-auto-resize ui-grid-resize-columns ui-grid-save-state></div>
</div>
</div>
</script>
<script type="text/ng-template" id="router.html">
<div class="row-fluid">
- <h3>Router {{router.data.title}} attributes</h3>
- <div class="gridStyle noHighlight" ng-grid="routerGrid"></div>
+ <h3>Router {{router.title}} attributes</h3>
+ <div class="grid noHighlight" ui-grid="routerGrid" ui-grid-auto-resize ui-grid-resize-columns ui-grid-save-state></div>
</div>
</script>
@@ -41,7 +41,7 @@ under the License.
<div class="row-fluid">
<h3>Addresses</h3>
<div class="overview">
- <div class="gridStyle" ng-grid="addressesGrid"></div>
+ <div class="grid" ui-grid="addressesGrid" ui-grid-selection ui-grid-auto-resize ui-grid-resize-columns ui-grid-save-state></div>
</div>
</div>
</script>
@@ -51,12 +51,12 @@ under the License.
<li ng-repeat="mode in gridModes" ng-click="selectMode(mode,'Address')" ng-class="{active : isModeSelected(mode,'Address')}" title="{{mode.title}}" ng-bind-html="mode.content"> </li>
</ul>
<div ng-if="isModeVisible('Address','attributes')" class="selectedItems">
- <h3>Address {{address.data.title}}</h3>
- <div class="gridStyle noHighlight" ng-grid="addressGrid"></div>
+ <h3>Address {{address.title}}</h3>
+ <div class="grid noHighlight" ui-grid="addressGrid" ui-grid-auto-resize ui-grid-resize-columns ui-grid-save-state></div>
</div>
<div ng-if="isModeVisible('Address','links')" class="selectedItems">
- <h3>Links for address {{address.data.title}}</h3>
- <div class="gridStyle" ng-grid="linksGrid"></div>
+ <h3>Links for address {{address.title}}</h3>
+ <div class="grid" ui-grid="linksGrid" ui-grid-auto-resize ui-grid-resize-columns ui-grid-save-state></div>
</div>
</div>
</script>
@@ -73,13 +73,13 @@ under the License.
<div class="formLine"><label for="endpointOnly">Endpoints only</label><input name="linkTypes" id="endpointOnly" type="radio" ng-model="filter.endpointsOnly" value="true"/>
<label for="allLinks">All link types</label><input name="linkTypes" id="allLinks" type="radio" ng-model="filter.endpointsOnly" value="false"/></div>
</div>
- <div class="gridStyle" ng-grid="linksGrid"></div>
+ <div class="grid" ui-grid="linksGrid" ui-grid-selection ui-grid-auto-resize ui-grid-resize-columns ui-grid-save-state></div>
</div>
</script>
<script type="text/ng-template" id="link.html">
<div class="row-fluid">
- <h3>Link {{link.data.title}}</h3>
- <div class="gridStyle noHighlight" ng-grid="linkGrid"></div>
+ <h3>Link {{link.title}}</h3>
+ <div class="grid noHighlight" ui-grid="linkGrid" ui-grid-auto-resize ui-grid-resize-columns ui-grid-save-state></div>
</div>
</script>
@@ -87,7 +87,7 @@ under the License.
<div class="row-fluid">
<h3>Connections</h3>
<div class="overview">
- <div class="gridStyle" ng-grid="allConnectionGrid"></div>
+ <div class="grid" ui-grid="allConnectionGrid" ui-grid-selection ui-grid-auto-resize ui-grid-resize-columns ui-grid-save-state></div>
</div>
</div>
</script>
@@ -97,12 +97,12 @@ under the License.
<li ng-repeat="mode in gridModes" ng-click="selectMode(mode,'Connection')" ng-class="{active : isModeSelected(mode,'Connection')}" title="{{mode.title}}" ng-bind-html="mode.content"> </li>
</ul>
<div ng-if="isModeVisible('Connection','attributes')" class="selectedItems">
- <h3>Connection {{connection.data.title}}</h3>
- <div class="gridStyle noHighlight" ng-grid="connectionGrid"></div>
+ <h3>Connection {{connection.title}}</h3>
+ <div class="grid noHighlight" ui-grid="connectionGrid" ui-grid-auto-resize ui-grid-resize-columns ui-grid-save-state></div>
</div>
<div ng-if="isModeVisible('Connection','links')" class="selectedItems">
- <h3>Links for connection {{connection.data.title}}</h3>
- <div class="gridStyle" ng-grid="linksGrid"></div>
+ <h3>Links for connection {{connection.title}}</h3>
+ <div class="grid" ui-grid="linksGrid" ui-grid-auto-resize ui-grid-resize-columns ui-grid-save-state></div>
</div>
</div>
</script>
@@ -122,7 +122,7 @@ under the License.
<div class="row-fluid">
<h3>Recent log events</h3>
<div class="overview">
- <div class="gridStyle" ng-grid="allLogGrid"></div>
+ <div class="grid" ui-grid="allLogGrid" ui-grid-selection ui-grid-auto-resize ui-grid-resize-columns ui-grid-save-state></div>
</div>
</div>
</script>
@@ -130,13 +130,13 @@ under the License.
<div class="row-fluid">
<h3>{{logModule.module}} events</h3>
<div class="overview-cell">
- <div class="gridStyle" ng-grid="logModuleGrid"></div>
+ <div class="grid" ui-grid="logModuleGrid" ui-grid-auto-resize ui-grid-resize-columns ui-grid-save-state></div>
</div>
</div>
</script>
<script type="text/ng-template" id="log.html">
<div class="row-fluid">
- <h3>{{log.data.title}}</h3>
+ <h3>{{log.title}}</h3>
<div ng-if="logFields.length > 0">
<table class="log-entry" ng-repeat="entry in logFields track by $index">
<tr>
@@ -153,15 +153,14 @@ under the License.
</tr>
</table>
</div>
- <div ng-if="logFields.length == 0">No log entries for {{log.data.title}}</div>
+ <div ng-if="logFields.length == 0">No log entries for {{log.title}}</div>
</div>
</script>
<script type="text/ng-template" id="linkRowTemplate.html">
- <div ng-class="{linkDirIn: row.getProperty('linkDir') == 'in', linkDirOut: row.getProperty('linkDir') == 'out'}">
- <div ng-style="{ 'cursor': row.cursor }" ng-repeat="col in renderedColumns" ng-class="col.colIndex()" class="ngCell {{col.cellClass}}">
- <div class="ngVerticalBar" ng-style="{height: rowHeight}" ng-class="{ ngVerticalBarVisible: !$last }"> </div>
- <div ng-cell></div>
+ <div ng-class="{'linkDirIn': row.entity.linkDir == 'in', 'linkDirOut': row.entity.linkDir == 'out' }">
+ <div ng-repeat="(colRenderIndex, col) in colContainer.renderedColumns track by col.colDef.name"
+ class="ui-grid-cell" ng-class="{ 'ui-grid-row-header-cell': col.isRowHeader }" ui-grid-cell>
</div>
</div>
</script>
@@ -207,3 +206,4 @@ under the License.
<button class="btn btn-primary" type="button" ng-click="ok()">Close</button>
</div>
</script>
+
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@qpid.apache.org
For additional commands, e-mail: commits-help@qpid.apache.org