mirror of https://gitee.com/bigwinds/arangodb
removed 2 unused css files and fixed minor dashboard bug
This commit is contained in:
scottashton
parent
fb02eb07f3
commit
df8d2dbd89
|
|
@ -231,7 +231,11 @@
|
|||
(time-self.hist[dbserver.id].lastTime) / 2] = null;
|
||||
}
|
||||
self.hist[dbserver.id].lastTime = time;
|
||||
self.hist[dbserver.id][time] = e.client.totalTime.sum / e.client.totalTime.count;
|
||||
if (e.client.totalTime.count === 0) {
|
||||
self.hist[dbserver.id][time] = 0;
|
||||
} else {
|
||||
self.hist[dbserver.id][time] = e.client.totalTime.sum / e.client.totalTime.count;
|
||||
}
|
||||
});
|
||||
});
|
||||
this.coordinators.forEach(function (coordinator) {
|
||||
|
|
@ -265,7 +269,11 @@
|
|||
(time-self.hist[coordinator.id].lastTime) / 2] = null;
|
||||
}
|
||||
self.hist[coordinator.id].lastTime = time;
|
||||
self.hist[coordinator.id][time] = e.client.totalTime.sum / e.client.totalTime.count;
|
||||
if (e.client.totalTime.count === 0) {
|
||||
self.hist[coordinator.id][time] = 0;
|
||||
} else {
|
||||
self.hist[coordinator.id][time] = e.client.totalTime.sum / e.client.totalTime.count;
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
|
|
@ -314,7 +322,11 @@
|
|||
(time-self.hist[name].lastTime) / 2] = null;
|
||||
}
|
||||
self.hist[name].lastTime = time;
|
||||
self.hist[name][time] = totalTime.sum / totalTime.count;
|
||||
if (totalTime.count === 0) {
|
||||
self.hist[name][time] = 0;
|
||||
} else {
|
||||
self.hist[name][time] = totalTime.sum / totalTime.count;
|
||||
}
|
||||
});
|
||||
this.data = statCollect;
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,91 +0,0 @@
|
|||
div.clusterColumn {
|
||||
padding-right: 5px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.clusterColumnMax {
|
||||
float: none;
|
||||
min-height: 255px;
|
||||
}
|
||||
|
||||
div.clusterColumn li {
|
||||
background: none;
|
||||
}
|
||||
h3.clusterColumnHeader {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h4.domino-header {
|
||||
margin: 0px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
padding-right: 0px;
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
div.clusterAmounts {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
}
|
||||
|
||||
span.cluster_icon_large {
|
||||
font-size: 120px;
|
||||
}
|
||||
|
||||
span.cluster_icon_small {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
div.tile {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.tile-left {
|
||||
right: 50%;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
div.tile-right {
|
||||
left: 50%;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
div.domino {
|
||||
float: left;
|
||||
text-align: center;
|
||||
background-color: #f4f3f3;
|
||||
cursor: pointer;
|
||||
margin: 5px;
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
hr.domino-line {
|
||||
margin: 0px 5px;
|
||||
border-width: 1px;
|
||||
border-top-color: #686766;
|
||||
border-bottom-color: #333232;
|
||||
}
|
||||
|
||||
div.domino-upper, div.domino-lower, div.domino-inner {
|
||||
height: 100px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
div.domino-upper {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
div.domino-lower {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
button.shard {
|
||||
cursor: default;
|
||||
}
|
||||
|
|
@ -1,546 +0,0 @@
|
|||
.dashboardContent {
|
||||
padding-bottom: 16px !important;
|
||||
padding-top: 10px !important;
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
|
||||
.dbNotVisible {
|
||||
opacity: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
.group-close, .group-open {
|
||||
opacity: 0 !important;
|
||||
float:right;
|
||||
margin-top: 18px !important;
|
||||
margin-right: 10px !important;
|
||||
z-index: 9999 !important;
|
||||
}
|
||||
|
||||
.db-zoom, .db-minimize, .db-hide, .db-info, #detailReplicationMinimize{
|
||||
float: right;
|
||||
margin-top: -4px !important;
|
||||
margin-right: 4px !important;
|
||||
}
|
||||
|
||||
.db-zoom:hover, .db-minimize:hover, .db-hide, .db-info:hover, .group-close:hover, .group-open:hover,
|
||||
#detailReplicationMinimize:hover {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.groupHidden li {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.statGroups {
|
||||
margin-top: 10px !important;
|
||||
margin-left: 0px;
|
||||
float:left;
|
||||
width: 100% !important;
|
||||
margin-bottom: -15px !important;
|
||||
}
|
||||
|
||||
.statGroups h4 {
|
||||
padding-top: 5px;
|
||||
margin-right: 20px;
|
||||
height: 25px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.statSystem th{
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
li.statSingleClient {
|
||||
float: none !important;
|
||||
height: 400px;
|
||||
padding-bottom: 8px;
|
||||
width: auto !important;
|
||||
margin-top: 11px;
|
||||
margin-left: 5px !important;
|
||||
margin-right: 5px !important;
|
||||
margin-bottom: -10px !important;
|
||||
border-top: 1px solid #888888 !important;
|
||||
background-color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
.statSingleClient h6 {
|
||||
opacity: 1 !important;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.statClient {
|
||||
float: left;
|
||||
height: 101px;
|
||||
width: 230px;
|
||||
margin-left: 13px !important;
|
||||
margin-bottom: 10px !important;
|
||||
margin-top: 5px !important;
|
||||
background-color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
#detailGraph .boxHeader {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
#detailGraphChart {
|
||||
margin-left: -10px !important;
|
||||
}
|
||||
|
||||
.statGroups .statChart {
|
||||
float:left;
|
||||
}
|
||||
|
||||
.svgClass .nv-linesWrap {
|
||||
margin-left: -20px !important;
|
||||
}
|
||||
|
||||
.nv-axislabel {
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.nv-axisMaxMin > text {
|
||||
/* font: 10px 'Open Sans', sans-serif; */
|
||||
}
|
||||
|
||||
.svgCollections {
|
||||
height: 300px;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.svgClass {
|
||||
height: 142px;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.svgDetailClass {
|
||||
margin-top: 0 !important;
|
||||
padding-top: 0 !important;
|
||||
height: 420px;
|
||||
width: 99%;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
li:hover i, li.hover i,
|
||||
li:hover h6, li.hover h6 {
|
||||
opacity: 0.8 !important;
|
||||
-webkit-transition-property: background color;
|
||||
-webkit-transition-duration: 1s;
|
||||
-webkit-transition-timing-function: linear;
|
||||
-moz-transition-property: background color;
|
||||
-moz-transition-duration: 1s;
|
||||
-moz-transition-timing-function: linear;
|
||||
-o-transition-property: background color;
|
||||
-o-transition-duration: 1s;
|
||||
-o-transition-timing-function: linear;
|
||||
-ms-transition-property: background color;
|
||||
-ms-transition-duration: 1s;
|
||||
-ms-transition-timing-function: linear;
|
||||
transition-property: background color;
|
||||
transition-duration: 1s;
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
.boxHeader i {
|
||||
opacity: 0;
|
||||
margin-top: -2px !important;
|
||||
}
|
||||
|
||||
.boxHeader h6 {
|
||||
/* opacity: 0.8; */
|
||||
padding-top: 0 !important;
|
||||
color: black;
|
||||
margin-left: 5px;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: -15px !important;
|
||||
}
|
||||
|
||||
#statsHeaderDiv {
|
||||
margin-bottom: 16px;
|
||||
margin-top: 0px;
|
||||
margin-right: 5px !important;
|
||||
margin-left: 12px !important;
|
||||
padding: 0 !important;
|
||||
height: 24px !important;
|
||||
width: auto !important;
|
||||
color: white;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.statsHeaderDiv h4 {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
font-family: 'Open Sans', sans-serif !important;
|
||||
}
|
||||
|
||||
.statsHeader {
|
||||
width: 100%;
|
||||
background-color: #686766 !important;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
font-family: 'Open Sans', sans-serif !important;
|
||||
}
|
||||
|
||||
|
||||
/*NVD3*/
|
||||
.nv-series {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nv-x .nv-axislabel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nv-point {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*Dashboard Dropdown*/
|
||||
|
||||
.checkboxLabel {
|
||||
margin-top: 4px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.svgClass .nv-axisMaxMin text {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.svgClass .major text {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.svgClass .nv-axislabel {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/*Dashboard Checkbox*/
|
||||
.dropdownOut input[type=checkbox].css-checkbox,
|
||||
#dashboardDropdownOut input[type=checkbox].css-checkbox,
|
||||
#transparentHeader input[type=checkbox].css-checkbox,
|
||||
#collectionsDropdown input[type=checkbox].css-checkbox {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.dropdownOut input[type=checkbox].css-checkbox + label.css-label,
|
||||
#dashboardDropdownOut input[type=checkbox].css-checkbox + label.css-label,
|
||||
#transparentHeader input[type=checkbox].css-checkbox + label.css-label,
|
||||
#collectionsDropdown input[type=checkbox].css-checkbox + label.css-label {
|
||||
padding-left:20px;
|
||||
margin-top: 0px;
|
||||
height:15px;
|
||||
display:inline-block;
|
||||
background-repeat:no-repeat;
|
||||
background-position: 0 0;
|
||||
font-size:15px;
|
||||
vertical-align:middle;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.dropdownOut input[type=checkbox].css-checkbox:checked + label.css-label,
|
||||
#dashboardDropdownOut input[type=checkbox].css-checkbox:checked + label.css-label,
|
||||
#transparentHeader input[type=checkbox].css-checkbox:checked + label.css-label,
|
||||
#collectionsDropdown input[type=checkbox].css-checkbox:checked + label.css-label {
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
|
||||
.css-label {
|
||||
background-image:url(../img/dark-check-green.png);
|
||||
}
|
||||
|
||||
.css-label-round {
|
||||
background-image:url(../img/dark-check-green-round.png);
|
||||
}
|
||||
|
||||
#dashboardDropdownOut input[type="radio"],
|
||||
#transparentHeader input[type="radio"],
|
||||
.dropdownOut input[type="radio"] {
|
||||
display:none;
|
||||
}
|
||||
|
||||
#dashboardDropdownOut input[type="radio"] + label span,
|
||||
#transparentHeader input[type="radio"] + label span,
|
||||
.dropdownOut input[type="radio"] + label span {
|
||||
display:inline-block;
|
||||
width:19px;
|
||||
height:19px;
|
||||
margin:-1px 4px 0 0;
|
||||
vertical-align:middle;
|
||||
background:url(../img/check_radio_sheet.png) -38px top no-repeat;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#dashboardDropdownOut input[type="radio"]:checked + label span,
|
||||
.dropdownOut input[type="radio"]:checked + label span,
|
||||
#transparentHeader input[type="radio"]:checked + label span {
|
||||
background:url(../img/check_radio_sheet.png) -57px top no-repeat;
|
||||
}
|
||||
|
||||
.detailChartHeader {
|
||||
height: 25px;
|
||||
border: 1px solid red;
|
||||
background-color: #686766;
|
||||
}
|
||||
|
||||
.nocssli {
|
||||
margin-left: -10px !important;
|
||||
border: 0 !important;
|
||||
height: 25px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 30px;
|
||||
background-color: #686766 !important;
|
||||
width: 940px;
|
||||
}
|
||||
|
||||
.nocssli h4 {
|
||||
margin-top: 5px;
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#detailReplicationDiv {
|
||||
width: 100%;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
#detailReplicationDiv table {
|
||||
margin-top: 10px;
|
||||
border-spacing: 0 0px;
|
||||
width: 100%;
|
||||
text-align:left !important;
|
||||
}
|
||||
|
||||
#detailReplicationDiv table thead {
|
||||
/*background-image: -moz-linear-gradient(center top , #F3EFEC, #EBE7E3) !important;*/
|
||||
border-bottom: 1px solid #888;
|
||||
}
|
||||
|
||||
#detailReplicationDiv table thead tr th{
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
#detailReplicationDiv table tbody tr th {
|
||||
padding-bottom: 4px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
#leftReplicationDiv, #rightReplicationDiv {
|
||||
padding: 10px !important;
|
||||
padding-top: 5px;
|
||||
min-height: 150px;
|
||||
margin-right: 10px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
#rightReplicationDiv {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
#leftReplicationDiv {
|
||||
width: auto;
|
||||
margin-top: -1px;
|
||||
border-top: 1px solid #888;
|
||||
}
|
||||
|
||||
#leftReplicationDiv table, #rightReplicationDiv table {
|
||||
width: 100%;
|
||||
padding-right: 10px !important;
|
||||
padding-left: 10px !important;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
#leftReplicationDiv table td, #rightReplicationDiv table td {
|
||||
padding-top: 4px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
#leftReplicationDiv table tr, #rightReplicationDiv table tr {
|
||||
background-color: #FFFFFF !important;
|
||||
border-bottom: 1px solid #F7F3F2;
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
|
||||
#leftReplicationDiv table tr:last-child, #rightReplicationDiv table tr:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
#leftReplicationDiv tbody, #rightReplicationDiv tbody {
|
||||
background-color: #F9F9F9 !important;
|
||||
}
|
||||
|
||||
#leftReplicationDiv tbody tr, #rightReplicationDiv tbody tr {
|
||||
}
|
||||
|
||||
|
||||
.alignLeft {
|
||||
width: 240px !important;
|
||||
text-align:left !important;
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
.checkApplyRunningStatus {
|
||||
display:none;
|
||||
}
|
||||
|
||||
#detailReplication {
|
||||
margin-top: 1px;
|
||||
margin-bottom: -17px !important;
|
||||
border-top: 1px solid #888;
|
||||
height: auto !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.trueClass {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.falseClass {
|
||||
color: red;
|
||||
}
|
||||
|
||||
#applyReplicationTable {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.firstTh {
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
.headerH6 {
|
||||
margin-left: 30px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.headerH4 {
|
||||
margin-top: 9px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.statClient:hover {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
#detailReplication {
|
||||
margin-right: 20px;
|
||||
background-color: transparent !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
#detailGraphPadding {
|
||||
margin-top: -11px !important;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.dashboardContent .arangoTab {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
|
||||
#dashboardDropdown {
|
||||
min-height: 260px !important;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#dashboardDropdown ul {
|
||||
min-height: 236px !important;
|
||||
}
|
||||
|
||||
.dashboardContent .arangoTab {
|
||||
float:none;
|
||||
}
|
||||
|
||||
#statSwitch, #replSwitch {
|
||||
float:right;
|
||||
}
|
||||
|
||||
#statSwitch {
|
||||
margin-right: -3px;
|
||||
}
|
||||
|
||||
.arangoHeaderBar {
|
||||
width: 100%;
|
||||
background-color: #686766;
|
||||
height: 27px;
|
||||
padding-top: 3px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.arangoSubHeader {
|
||||
font-weight: 400;
|
||||
padding-left: 5px;
|
||||
color: white;
|
||||
margin-top: 5px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
#dbThumbnailsIn {
|
||||
margin-left: -7px;
|
||||
}
|
||||
|
||||
.nvd3 .nv-axis path {
|
||||
stroke: #BFBFBF;
|
||||
}
|
||||
|
||||
.dashboardH6 {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#dbThumbnailsIn .dashboardH6 {
|
||||
opacity: 1.0 !important;
|
||||
font-size: 12px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
.svgClass{margin-top: 10px !important;}
|
||||
.statSingleClient{margin-top: 10.5px !important;}
|
||||
#detailReplication{margin-top: 1.5px !important;}
|
||||
}
|
||||
|
||||
.nvd3 .nv-axis .nv-axisMaxMin text {
|
||||
/*
|
||||
font-weight: 400;
|
||||
font-size: 12px !important;
|
||||
*/
|
||||
}
|
||||
|
||||
.nvd3 .nv-wrap .nv-axis:last-child {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
.greenLight, .redLight {
|
||||
background-size: 3px 3px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.greenLight {
|
||||
background: green;
|
||||
background-image: radial-gradient(lime, transparent);
|
||||
box-shadow: 0 0 10px #111 inset, 0 0 5px lime;
|
||||
animation: 13s green infinite;
|
||||
}
|
||||
|
||||
.redLight {
|
||||
background: red;
|
||||
background-image: radial-gradient(brown, transparent);
|
||||
animation: 13s red infinite;
|
||||
box-shadow: 0 0 10px #111 inset, 0 0 5px red;
|
||||
}
|
||||
|
||||
#dashboardDropdown > ul > li > a > .radio {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
#replicationDropdown {
|
||||
min-height: 260px !important;
|
||||
}
|
||||
|
||||
#replicationDropdown > ul > li > a > .radio {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
|
@ -130,7 +130,6 @@
|
|||
"frontend/css/jquery.dataTables.css",
|
||||
"frontend/css/nv.d3.css",
|
||||
"frontend/css/shellView.css",
|
||||
"frontend/css/dashboardView.css",
|
||||
"frontend/css/logsView.css",
|
||||
"frontend/css/documentsView.css",
|
||||
"frontend/css/documentView.css",
|
||||
|
|
@ -146,7 +145,6 @@
|
|||
"frontend/css/api.css",
|
||||
"frontend/css/headerBar.css",
|
||||
"frontend/css/screenSizes.css",
|
||||
"frontend/css/clusterDashboardView.css",
|
||||
"frontend/css/jsoneditor.css",
|
||||
"frontend/ttf/arangofont/style.css"
|
||||
]
|
||||
|
|
|
|||
Loading…
Reference in New Issue