1
0
Fork 0
This commit is contained in:
hkernbach 2016-04-22 12:36:53 +02:00
parent e6757416f7
commit 65394e6390
12 changed files with 258 additions and 239 deletions

View File

@ -8398,6 +8398,7 @@ function GraphViewerUI(container, adapterConfig, optWidth, optHeight, viewerConf
},
createSVG = function () {
console.log(height);
return d3.select("#" + container.id + " #background")
.append("svg")
.attr("id", "graphViewerSVG")
@ -8569,8 +8570,8 @@ function GraphViewerUI(container, adapterConfig, optWidth, optHeight, viewerConf
buttons.id = "modifiers";
title.appendChild(document.createTextNode("Graph Viewer"));
title.className = "arangoHeader";
//title.appendChild(document.createTextNode("Graph Viewer"));
//title.className = "arangoHeader";
/*
nodeShaperDropDown.id = "nodeshapermenu";
@ -8584,7 +8585,7 @@ function GraphViewerUI(container, adapterConfig, optWidth, optHeight, viewerConf
menubar.appendChild(configureLists.filter);
menubar.appendChild(configureLists.node);
transparentHeader.appendChild(buttons);
transparentHeader.appendChild(title);
//transparentHeader.appendChild(title);
adapterUI.addControlChangeGraph(function() {
updateAttributeExamples();
@ -16634,7 +16635,7 @@ var __fs__=require("fs");var __rcf__=__fs__.join(__fs__.home(),".arangosh.rc");i
},
residentSize: {
header: "Resident Size",
header: "Memory",
axes: {
y: {
labelsKMG2: false,
@ -16720,7 +16721,7 @@ var __fs__=require("fs");var __rcf__=__fs__.join(__fs__.home(),".arangosh.rc");i
requests: {
header: "Requests",
labels: ["datetime", "REQUESTS"],
labels: ["datetime", "Reads", "Writes"],
stackedGraph: true,
div: "requestsChart",
axes: {
@ -22644,16 +22645,23 @@ window.ArangoUsers = Backbone.Collection.extend({
if (valueList.length > 1) {
// HTTP requests combine all types to one
// 0: date, 1: GET", 2: "PUT", 3: "POST", 4: "DELETE", 5: "PATCH",
// 6: "HEAD", 7: "OPTIONS", 8: "OTHER"
//
var read = 0, write = 0;
if (valueList.length === 9) {
var counter = 0, sum = 0;
_.each(valueList, function(value) {
if (counter !== 0) {
sum += value;
}
counter++;
});
valueList = [valueList[0], sum];
read += valueList[1];
read += valueList[6];
read += valueList[7];
read += valueList[8];
write += valueList[2];
write += valueList[3];
write += valueList[4];
write += valueList[5];
valueList = [valueList[0], read, write];
}
self.history[self.server][f].push(valueList);
@ -25243,19 +25251,6 @@ window.ArangoUsers = Backbone.Collection.extend({
if (navElement) {
window.clearTimeout(timer);
timer = null;
if (name === '_system') {
// show "logs" button
$('.logs-menu').css('visibility', 'visible');
$('.logs-menu').css('display', 'inline');
// show dbs menues
$('#databaseNavi').css('display','inline');
}
else {
// hide "logs" button
$('.logs-menu').css('visibility', 'hidden');
$('.logs-menu').css('display', 'none');
}
self.render();
}
}, 50);
@ -25863,7 +25858,7 @@ window.ArangoUsers = Backbone.Collection.extend({
var height = arangoHelper.calculateCenterDivHeight();
this.ui = new GraphViewerUI($("#content")[0], adapterConfig, width, height, {
this.ui = new GraphViewerUI($("#content")[0], adapterConfig, width, $('.centralRow').height() - 135, {
nodeShaper: {
label: "_key",
color: {
@ -30276,7 +30271,7 @@ window.ArangoUsers = Backbone.Collection.extend({
"aqlEditor", "queryTable", "previewWrapper", "querySpotlight",
"bindParamEditor", "toggleQueries1", "toggleQueries2",
"saveCurrentQuery", "querySize", "executeQuery", "switchTypes",
"explainQuery", "clearQuery", "importQuery", "exportQuery"
"explainQuery", "importQuery", "exportQuery"
];
_.each(divs, function(div) {
$("#" + div).toggle();

File diff suppressed because one or more lines are too long

View File

@ -585,7 +585,7 @@
</div>
</div>
</div>
<div class="dashboard-sub-bar"">Resident Size</div>
<div class="dashboard-sub-bar"">Memory</div>
</div>
<% tendency("Virtual Size in GB", "virtualSize", false); %>
@ -728,14 +728,16 @@
<% if (name !== '_system') { %>
<div class="tile pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-3 pure-u-lg-1-4 pure-u-xl-1-6">
<div class="borderBox"></div>
<div class="iconSet">
<span class="icon_arangodb_settings2 editDatabase" id="<%=name %>_edit-database" alt="Edit database" title="Edit database"></span>
<div class="fullBorderBox" style="border: 0;">
<div class="borderBox"></div>
<div class="iconSet">
<span class="icon_arangodb_settings2 editDatabase" id="<%=name %>_edit-database" alt="Edit database" title="Edit database"></span>
</div>
<img src="img/databaseIcon.svg" class="tile-icon-svg svgToReplace"/>
<div class="tileBadge">
</div>
<h5 class="collectionName" style="margin-left: 0; margin-right: 0;"><%=name %></h5>
</div>
<img src="img/databaseIcon.svg" class="tile-icon-svg svgToReplace"/>
<div class="tileBadge">
</div>
<h5 class="collectionName" style="margin-left: 0; margin-right: 0;"><%=name %></h5>
</div>
<%};%>
@ -1197,17 +1199,18 @@ if (list.length > 0) {
%>
<div class="tile tile-graph pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-3 pure-u-lg-1-4 pure-u-xl-1-6" id="<%=graphName %>_tile">
<div class="borderBox"></div>
<div class="iconSet">
<span class="icon_arangodb_settings2 editGraph" id="<%=graphName %>_settings" alt="Edit graph" title="Edit graph"></span>
<div class="paddingBox">
<div class="borderBox"></div>
<div class="iconSet">
<span class="icon_arangodb_settings2 editGraph" id="<%=graphName %>_settings" alt="Edit graph" title="Edit graph"></span>
</div>
<span class="icon_arangodb_edge5 tile-icon"></span>
<span class="icon_arangodb_edge5 icon_arangodb_edge5-2 tile-icon"></span>
<div class="tileBadge"></div>
<h5 class="collectionName"><%=graphName %></h5>
</div>
</div>
<span class="icon_arangodb_edge5 tile-icon"></span>
<span class="icon_arangodb_edge5 icon_arangodb_edge5-2 tile-icon"></span>
<div class="tileBadge">
</div>
<h5 class="collectionName"><%=graphName %></h5>
</div>
<%});%>
</div>
</div></script><script id="graphViewGroupByEntry.ejs" type="text/template"><div class="control-group">
@ -1217,7 +1220,8 @@ if (list.length > 0) {
<button id="remove_<%=type %>_<%=id%>" class="graphViewer-icon-button gv_internal_remove_line gv-icon-small delete" />
</div>
</div></script><script id="helpUsView.ejs" type="text/template"><div class="helpUs">
<div class="_form_87"></div><script src="https://arangodb.activehosted.com/f/embed.php?id=87" type="text/javascript" charset="utf-8"></script><script id="indicesView.ejs" type="text/template"><div class="contentIn" id="indexHeaderContent">
<iframe src="https://docs.google.com/forms/d/1vsIwy0mJSeToEnfo_jnBaQebewbcURL730IkZIrkyEE/viewform?embedded=true" scrolling="no" width="100%" height="1300px" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
</div></script><script id="indicesView.ejs" type="text/template"><div class="contentIn" id="indexHeaderContent">
<div id="indexEditView">
<table id="collectionEditIndexTable" class="edit-index-table">
<thead>
@ -2300,11 +2304,9 @@ if (list.length > 0) {
<% } %>
</div></script><script id="navigationView.ejs" type="text/template"><ul class="navlist arango-collection-ul" id="arangoCollectionUl">
<% if (isCluster) { %>
<li class="navbar-spacer big"></li>
<li class="cluster-menu"><a id="cluster" class="tab" href="#cluster"><i class="fa fa-circle-o"></i>Cluster</a></li>
<li class="nodes-menu"><a id="nodes" class="tab" href="#cNodes"><i class="fa fa-server"></i>Nodes</a></li>
<% } else { %>
<li class="navbar-spacer big"></li>
<li class="dashboard-menu"><a id="dashboard" class="tab" href="#dashboard"><i class="fa fa-dashboard"></i>Dashboard</a></li>
<% } %>
<li class="navbar-spacer big"></li>
@ -2329,7 +2331,7 @@ if (list.length > 0) {
<li class="databases-menu"><a id="databases" class="tab" href="#databases"><i class="fa fa-database"></i>Databases</a></li>
<% } %>
<% if (!isCluster) { %>
<li class="logs-menu"><a id="logs" class="tab" href="#manage"><i class="fa fa-file-text"></i>Logs</a></li>
<li class="logs-menu"><a id="logs" class="tab" href="#logs"><i class="fa fa-file-text"></i>Logs</a></li>
<% } %>
<li class="navbar-spacer big"></li>
<li class="helpus-menu"><a id="helpus" class="tab" href="#helpus"><i class="fa fa-heart"></i>Help Us</a></li>
@ -2344,11 +2346,9 @@ if (list.length > 0) {
</li>
<% if (!isCluster) { %>
<% if (currentDB.get('isSystem')) { %>
<li class="dropdown-item">
<a id="logs" class="tab" href="#logs">Logs</a>
</li>
<% } %>
<li class="dropdown-item">
<a id="logs" class="tab" href="#logs">Logs</a>
</li>
<% } %>
<li class="dropdown-item">
@ -2592,7 +2592,7 @@ if (list.length > 0) {
<button id="saveCurrentQuery" class="button-success"><i class="fa fa-save"></i>Save</button>
</div>
<div class="pull-right">
<div class="pull-right" style="position: absolute; top: 60px; right: 0;">
<span id="querySpotlight" class="action"><i class="fa fa-search"></i></span>
<div class="styled-select">
<select id="querySize" class="query-size"/>
@ -2963,4 +2963,4 @@ var cutByResolution = function (str) {
</div>
<div id="workMonitorContent" class="innerContent">
</div></script></head><body><nav class="navbar"><div class="primary"><div class="navlogo"><a class="logo big" href="#"><img class="arangodbLogo" src="img/arangodb_logo_big.png"></a> <a class="logo small" href="#"><img class="arangodbLogo" src="img/arangodb_logo_small.png"></a></div><div class="statmenu" id="statisticBar"></div><div class="navmenu" id="navigationBar"></div></div></nav><div class="bodyWrapper"><div class="centralRow"><div id="navbar2" class="navbarWrapper secondary"><div class="subnavmenu" id="subNavigationBar"></div></div><div class="resizecontainer contentWrapper"><div id="content" class="centralContent"></div><footer class="footer"><div id="footerBar"></div></footer></div></div></div><div id="modalPlaceholder"></div><div id="progressPlaceholder" style="display:none"></div><div id="spotlightPlaceholder" style="display:none"></div><div class="arangoFrame" style=""><div class="outerDiv"><div class="innerDiv"></div></div></div><script src="libs.js?version=1461257358510"></script><script src="app.js?version=1461257358510"></script></body></html>
</div></script></head><body><nav class="navbar"><div class="primary"><div class="navlogo"><a class="logo big" href="#"><img class="arangodbLogo" src="img/arangodb_logo_big.png"></a> <a class="logo small" href="#"><img class="arangodbLogo" src="img/arangodb_logo_small.png"></a></div><div class="statmenu" id="statisticBar"></div><div class="navmenu" id="navigationBar"></div></div></nav><div class="bodyWrapper"><div class="centralRow"><div id="navbar2" class="navbarWrapper secondary"><div class="subnavmenu" id="subNavigationBar"></div></div><div class="resizecontainer contentWrapper"><div id="content" class="centralContent"></div><footer class="footer"><div id="footerBar"></div></footer></div></div></div><div id="modalPlaceholder"></div><div id="progressPlaceholder" style="display:none"></div><div id="spotlightPlaceholder" style="display:none"></div><div class="arangoFrame" style=""><div class="outerDiv"><div class="innerDiv"></div></div></div><script src="libs.js?version=1461321201201"></script><script src="app.js?version=1461321201201"></script></body></html>

View File

@ -635,7 +635,7 @@
</div>
</div>
</div>
<div class="dashboard-sub-bar"">Resident Size</div>
<div class="dashboard-sub-bar"">Memory</div>
</div>
<% tendency("Virtual Size in GB", "virtualSize", false); %>
@ -783,14 +783,16 @@
<% if (name !== '_system') { %>
<div class="tile pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-3 pure-u-lg-1-4 pure-u-xl-1-6">
<div class="borderBox"></div>
<div class="iconSet">
<span class="icon_arangodb_settings2 editDatabase" id="<%=name %>_edit-database" alt="Edit database" title="Edit database"></span>
<div class="fullBorderBox" style="border: 0;">
<div class="borderBox"></div>
<div class="iconSet">
<span class="icon_arangodb_settings2 editDatabase" id="<%=name %>_edit-database" alt="Edit database" title="Edit database"></span>
</div>
<img src="img/databaseIcon.svg" class="tile-icon-svg svgToReplace"/>
<div class="tileBadge">
</div>
<h5 class="collectionName" style="margin-left: 0; margin-right: 0;"><%=name %></h5>
</div>
<img src="img/databaseIcon.svg" class="tile-icon-svg svgToReplace"/>
<div class="tileBadge">
</div>
<h5 class="collectionName" style="margin-left: 0; margin-right: 0;"><%=name %></h5>
</div>
<%};%>
@ -1295,17 +1297,18 @@ if (list.length > 0) {
%>
<div class="tile tile-graph pure-u-1-1 pure-u-sm-1-2 pure-u-md-1-3 pure-u-lg-1-4 pure-u-xl-1-6" id="<%=graphName %>_tile">
<div class="borderBox"></div>
<div class="iconSet">
<span class="icon_arangodb_settings2 editGraph" id="<%=graphName %>_settings" alt="Edit graph" title="Edit graph"></span>
<div class="paddingBox">
<div class="borderBox"></div>
<div class="iconSet">
<span class="icon_arangodb_settings2 editGraph" id="<%=graphName %>_settings" alt="Edit graph" title="Edit graph"></span>
</div>
<span class="icon_arangodb_edge5 tile-icon"></span>
<span class="icon_arangodb_edge5 icon_arangodb_edge5-2 tile-icon"></span>
<div class="tileBadge"></div>
<h5 class="collectionName"><%=graphName %></h5>
</div>
</div>
<span class="icon_arangodb_edge5 tile-icon"></span>
<span class="icon_arangodb_edge5 icon_arangodb_edge5-2 tile-icon"></span>
<div class="tileBadge">
</div>
<h5 class="collectionName"><%=graphName %></h5>
</div>
<%});%>
</div>
</div>
@ -1325,7 +1328,7 @@ if (list.length > 0) {
<script id="helpUsView.ejs" type="text/template">
<div class="helpUs">
<div class="_form_87"></div><script src="https://arangodb.activehosted.com/f/embed.php?id=87" type="text/javascript" charset="utf-8"></script>
<iframe src="https://docs.google.com/forms/d/1vsIwy0mJSeToEnfo_jnBaQebewbcURL730IkZIrkyEE/viewform?embedded=true" scrolling="no" width="100%" height="1300px" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
</div>
</script>
@ -2474,11 +2477,9 @@ if (list.length > 0) {
<script id="navigationView.ejs" type="text/template">
<ul class="navlist arango-collection-ul" id="arangoCollectionUl">
<% if (isCluster) { %>
<li class="navbar-spacer big"></li>
<li class="cluster-menu"><a id="cluster" class="tab" href="#cluster"><i class="fa fa-circle-o"></i>Cluster</a></li>
<li class="nodes-menu"><a id="nodes" class="tab" href="#cNodes"><i class="fa fa-server"></i>Nodes</a></li>
<% } else { %>
<li class="navbar-spacer big"></li>
<li class="dashboard-menu"><a id="dashboard" class="tab" href="#dashboard"><i class="fa fa-dashboard"></i>Dashboard</a></li>
<% } %>
<li class="navbar-spacer big"></li>
@ -2503,7 +2504,7 @@ if (list.length > 0) {
<li class="databases-menu"><a id="databases" class="tab" href="#databases"><i class="fa fa-database"></i>Databases</a></li>
<% } %>
<% if (!isCluster) { %>
<li class="logs-menu"><a id="logs" class="tab" href="#manage"><i class="fa fa-file-text"></i>Logs</a></li>
<li class="logs-menu"><a id="logs" class="tab" href="#logs"><i class="fa fa-file-text"></i>Logs</a></li>
<% } %>
<li class="navbar-spacer big"></li>
<li class="helpus-menu"><a id="helpus" class="tab" href="#helpus"><i class="fa fa-heart"></i>Help Us</a></li>
@ -2518,11 +2519,9 @@ if (list.length > 0) {
</li>
<% if (!isCluster) { %>
<% if (currentDB.get('isSystem')) { %>
<li class="dropdown-item">
<a id="logs" class="tab" href="#logs">Logs</a>
</li>
<% } %>
<li class="dropdown-item">
<a id="logs" class="tab" href="#logs">Logs</a>
</li>
<% } %>
<li class="dropdown-item">
@ -2810,7 +2809,7 @@ if (list.length > 0) {
<button id="saveCurrentQuery" class="button-success"><i class="fa fa-save"></i>Save</button>
</div>
<div class="pull-right">
<div class="pull-right" style="position: absolute; top: 60px; right: 0;">
<span id="querySpotlight" class="action"><i class="fa fa-search"></i></span>
<div class="styled-select">
<select id="querySize" class="query-size"/>
@ -3289,8 +3288,8 @@ var cutByResolution = function (str) {
</div>
</div>
<script src="libs.js?version=1461257358510"></script>
<script src="app.js?version=1461257358510"></script>
<script src="libs.js?version=1461321201201"></script>
<script src="app.js?version=1461321201201"></script>
</body>
</html>

View File

@ -1,2 +1,2 @@
<script src="libs.js?version=1461257358510"></script>
<script src="app.js?version=1461257358510"></script>
<script src="libs.js?version=1461321201201"></script>
<script src="app.js?version=1461321201201"></script>

File diff suppressed because one or more lines are too long

View File

@ -6,7 +6,6 @@ body {
background: rgba(64, 74, 83, 0.04);
color: #333;
display: block;
font-family: 'Roboto', sans-serif !important;
font-size: 14px;
font-weight: 400;
height: 100%;
@ -27,7 +26,6 @@ input,
textarea,
.page-title span,
.pingback a.url {
font-family: 'Roboto', sans-serif !important;
font-weight: 400; }
@font-face {
@ -2092,6 +2090,17 @@ textarea,
div.footer-right, div.footer-right p, ul.headerButtonList li, div .tile .iconSet span, div .bigtile .iconSet span, .search-field, .headerBar > div.headerButtonBar, .fixedDropdown button, .fixedDropdown .notificationItem i, .dashboard-sub-bar-menu, .dashboard-legend, .query-button, .arango-tab li, div.gv_colour_list, .docsThirdCol {
float: right; }
body,
input,
textarea,
.page-title span,
.pingback a.url, button, .modal-body, .ui-tooltip, .dataNotReadyYet, .dashboard-sub-bar, .dashboard-sub-bar .dashboard-sub-bar-title, .dygraph-label.dygraph-title, .inputEditorWrapper .bindParamEditorWrapper table,
.inputEditorWrapper .aqlEditorWrapper table, .inputEditorWrapper .bindParamEditorWrapper table td input,
.inputEditorWrapper .aqlEditorWrapper table td input, .inputEditorWrapper .bindParamEditorWrapper table th,
.inputEditorWrapper .aqlEditorWrapper table th, .inputEditorWrapper .aqlEditorWrapper .previewWrapper .previewBar,
.inputEditorWrapper .bindParamEditorWrapper .previewWrapper .previewBar, .collectionTh, .collectionInfoTh2, .figuresHeader th, .graphLabel, .snippet-no-num {
font-family: 'Roboto', sans-serif !important; }
.tileList:after, .resizecontainer:after, .headerBar > div.headerButtonBar:after, .detail-chart:after, .dashboard-sub-bar:after, .dashboard-medium-chart .dashboard-medium-chart-menu:after, .dashboard-medium-chart .dashboard-medium-chart-inner:after, .dashboard-tendency-container .dashboard-tendency-chart:after, .dashboard-bar-chart-container .dashboard-bar-chart:after, .dashboard-row:after, #distributionChartDiv:after, .lineChartDiv:after, .arango-tab:after, .pagination-line li:after, .document-info .document-info-container .document-inner-info-container .document-attribute:after {
clear: both;
content: '.';
@ -2363,6 +2372,8 @@ div.queryline input, input.search-input, .modal-body .select2-choices input, .mo
.navlist {
list-style: none;
margin: 0;
position: relative;
top: 0;
width: 150px; }
.navlist > li {
line-height: 30px; }
@ -2392,11 +2403,10 @@ div.queryline input, input.search-input, .modal-body .select2-choices input, .mo
.navlist li.divider {
background-color: rgba(0, 0, 0, 0.2); }
.navlist li.navbar-spacer {
background-color: #fff;
height: 1px;
background-color: rgba(0, 0, 0, 0.2);
height: 2px;
margin-bottom: 0;
margin-top: 0;
opacity: .5; }
margin-top: 0; }
.navlist .active {
border-left: 2px solid #77cb99; }
.navlist .active .tab {
@ -2625,95 +2635,101 @@ button.disabled,
#closeBtnInfoView {
margin-left: 0 !important; }
button {
font-family: 'Roboto', sans-serif !important; }
button.btn-server {
width: 120px; }
button.gv-zoom-btn {
background-size: 14px 14px;
height: 14px;
vertical-align: baseline;
width: 14px; }
button.gv-zoom-btn.btn-zoom-right {
border: 0;
box-shadow: none;
right: 0;
top: 13px; }
button.gv-zoom-btn.pan-right {
background-image: url("../img/gv_arrow_right.png"); }
button.gv-zoom-btn.pan-right:hover {
background: inherit;
background-image: url("../img/gv_arrow_right.png"); }
button.gv-zoom-btn.pan-left {
background-image: url("../img/gv_arrow_left.png"); }
button.gv-zoom-btn.pan-left:hover {
background: inherit;
background-image: url("../img/gv_arrow_left.png"); }
button.gv-zoom-btn.pan-top {
background-image: url("../img/gv_arrow_top.png"); }
button.gv-zoom-btn.pan-top:hover {
background: inherit;
background-image: url("../img/gv_arrow_top.png"); }
button.gv-zoom-btn.pan-bottom {
background-image: url("../img/gv_arrow_bottom.png"); }
button.gv-zoom-btn.pan-bottom:hover {
background: inherit;
background-image: url("../img/gv_arrow_bottom.png"); }
button.gv-zoom-btn.btn-zoom {
height: 14px;
margin: 0;
padding: 0;
position: absolute;
width: 16px; }
button.gv-zoom-btn.btn-zoom-top {
border: 0;
box-shadow: none;
left: 13px;
top: 1; }
button.gv-zoom-btn.btn-zoom-left {
border: 0;
box-shadow: none;
left: 0;
top: 13px; }
button.gv-zoom-btn.btn-zoom-bottom {
border: 0;
box-shadow: none;
left: 13px;
top: 25px; }
button.gv-icon-btn {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
background-size: 36px 36px;
height: 36px;
width: 36px; }
button.gv-icon-btn.active {
background-color: #7dbc42; }
button.gv_dropdown_entry {
height: 30px;
margin: 4px 4px 4px 12px;
width: 160px; }
button.gv_context_button {
width: 65px; }
button.large-distance {
margin-left: 12px; }
button.short-distance {
margin-left: 6px; }
button.shutdown {
margin-top: 6px;
padding: 3px 14px; }
button.graphViewer-icon-button {
background-color: transparent;
button.btn-server {
width: 120px; }
button.gv-zoom-btn {
background-size: 14px 14px;
height: 14px;
vertical-align: baseline;
width: 14px; }
button.gv-zoom-btn.btn-zoom-right {
border: 0;
height: 20px;
margin-left: 5px;
margin-top: -2px;
box-shadow: none;
right: 0;
top: 13px; }
button.gv-zoom-btn.pan-right {
background-image: url("../img/gv_arrow_right.png"); }
button.gv-zoom-btn.pan-right:hover {
background: inherit;
background-image: url("../img/gv_arrow_right.png"); }
button.gv-zoom-btn.pan-left {
background-image: url("../img/gv_arrow_left.png"); }
button.gv-zoom-btn.pan-left:hover {
background: inherit;
background-image: url("../img/gv_arrow_left.png"); }
button.gv-zoom-btn.pan-top {
background-image: url("../img/gv_arrow_top.png"); }
button.gv-zoom-btn.pan-top:hover {
background: inherit;
background-image: url("../img/gv_arrow_top.png"); }
button.gv-zoom-btn.pan-bottom {
background-image: url("../img/gv_arrow_bottom.png"); }
button.gv-zoom-btn.pan-bottom:hover {
background: inherit;
background-image: url("../img/gv_arrow_bottom.png"); }
button.gv-zoom-btn.btn-zoom {
height: 14px;
margin: 0;
padding: 0;
position: absolute;
width: 16px; }
button.gv-zoom-btn.btn-zoom-top {
border: 0;
box-shadow: none;
left: 13px;
top: 1; }
button.gv-zoom-btn.btn-zoom-left {
border: 0;
box-shadow: none;
left: 0;
top: 13px; }
button.gv-zoom-btn.btn-zoom-bottom {
border: 0;
box-shadow: none;
left: 13px;
top: 25px; }
button.gv-icon-btn {
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
background-size: 36px 36px;
height: 36px;
width: 36px; }
button.gv-icon-btn.active {
background-color: #7dbc42; }
button.gv_dropdown_entry {
height: 30px;
margin: 4px 4px 4px 12px;
width: 160px; }
button.gv_context_button {
width: 65px; }
button.large-distance {
margin-left: 12px; }
button.short-distance {
margin-left: 6px; }
button.shutdown {
margin-top: 6px;
padding: 3px 14px; }
button.graphViewer-icon-button {
background-color: transparent;
border: 0;
height: 20px;
margin-left: 5px;
margin-top: -2px;
padding: 0;
width: 20px; }
button.graphViewer-icon-button img {
height: 20px;
padding-bottom: 10px;
width: 20px; }
button.graphViewer-icon-button img {
height: 20px;
padding-bottom: 10px;
width: 20px; }
ul.headerButtonList {
display: inline-block;
@ -2761,20 +2777,20 @@ a.headerButton {
cursor: not-allowed; }
div.toolbox {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
border: 1px solid rgba(140, 138, 137, 0.25);
margin-right: 5px;
margin-top: -3px;
padding-bottom: 5px;
padding-top: 5px;
position: absolute; }
position: absolute;
top: -10px; }
div.toolbox div.gv_action_button {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
color: #555;
height: 30px;
@ -3131,7 +3147,8 @@ div .tile {
height: 100px; }
div .tile-graph h5 {
margin: 0; }
margin-left: 5px;
margin-right: 5px; }
div .tile-graph .tile-icon:hover {
cursor: pointer; }
@ -5234,7 +5251,7 @@ div.centralContent {
background-color: transparent;
box-sizing: border-box;
margin-top: 10px;
padding-bottom: 5px;
padding-bottom: 20px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
@ -5455,10 +5472,10 @@ span.gv_caret {
input.search-input {
border: 1px solid #fff;
height: 15px;
line-height: 17px;
height: 20px;
line-height: 20px;
margin-right: -4px;
margin-top: 6px;
margin-top: 3px;
width: 120px; }
.search-field {
@ -5469,7 +5486,7 @@ input.search-input {
margin-left: -20px;
opacity: .5;
position: relative;
top: -2px; }
top: -3px; }
.search-field .fa-search:hover {
cursor: pointer;
opacity: 1; }
@ -5682,7 +5699,6 @@ div.headerBar {
.modal-body {
color: #736b68;
font-family: 'Roboto', sans-serif !important;
font-size: 14px;
font-weight: 300;
max-height: 410px; }
@ -6141,7 +6157,6 @@ div.headerBar {
border-radius: 3px !important;
box-shadow: none !important;
color: #fff !important;
font-family: 'Roboto', sans-serif !important;
font-size: 10pt !important;
font-weight: 100 !important;
z-index: 99999999; }
@ -6254,7 +6269,6 @@ div.headerBar {
.dataNotReadyYet {
color: #faa732;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 100;
text-align: center; }
@ -6263,7 +6277,6 @@ div.headerBar {
background-color: #fff;
box-sizing: border-box;
color: rgba(0, 0, 0, 0.5);
font-family: 'Roboto', sans-serif;
font-size: 11pt;
font-weight: 600;
height: 50px;
@ -6277,7 +6290,6 @@ div.headerBar {
text-transform: uppercase; }
.dashboard-sub-bar .dashboard-sub-bar-title {
color: #000;
font-family: 'Roboto', sans-serif;
font-size: 11pt;
font-weight: 600;
opacity: .5;
@ -6451,12 +6463,12 @@ div.headerBar {
.dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart {
padding-top: 10px; }
.dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-chart .nv-bar rect {
fill-opacity: .8;
stroke-opacity: .8;
fill-opacity: .6;
stroke-opacity: .6;
stroke-width: .5px; }
.dashboard-legend .dashboard-legend-inner {
padding: 0 5px 5px 0;
padding: 10px 5px 5px 0;
text-align: right; }
.dashboard-legend .dashboard-legend-inner br {
display: none; }
@ -6511,6 +6523,9 @@ div.headerBar {
#repl-progress .inner {
margin-top: 0; }
.nvtooltip {
display: none; }
#requests,
#system,
#replication {
@ -6563,7 +6578,6 @@ div.headerBar {
.dygraph-label.dygraph-title {
color: #000;
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: 400;
text-align: left; }
@ -7016,8 +7030,7 @@ toolbar {
color: #c12dad; }
.inputEditorWrapper .bindParamEditorWrapper table,
.inputEditorWrapper .aqlEditorWrapper table {
border-top: 0;
font-family: 'Roboto', sans-serif; }
border-top: 0; }
.inputEditorWrapper .bindParamEditorWrapper table tbody,
.inputEditorWrapper .aqlEditorWrapper table tbody {
display: block;
@ -7076,14 +7089,12 @@ toolbar {
.inputEditorWrapper .aqlEditorWrapper table td input {
clear: both;
float: right;
font-family: 'Lato', sans-serif;
height: 17px;
margin-bottom: 3px;
margin-top: 3px;
width: auto !important; }
.inputEditorWrapper .bindParamEditorWrapper table th,
.inputEditorWrapper .aqlEditorWrapper table th {
font-family: 'Lato', sans-serif;
font-weight: 400;
height: 34px;
padding: 0;
@ -7136,7 +7147,6 @@ toolbar {
.inputEditorWrapper .bindParamEditorWrapper .previewWrapper .previewBar {
background-color: #fff;
border-bottom: 1px solid rgba(140, 138, 137, 0.25);
font-family: 'Lato', sans-serif;
height: 34px; }
.inputEditorWrapper .aqlEditorWrapper .previewWrapper .previewBar span,
.inputEditorWrapper .bindParamEditorWrapper .previewWrapper .previewBar span {
@ -7194,6 +7204,16 @@ toolbar {
padding-top: 0; }
#queryManagementContent .arango-table {
border: 0; }
#queryManagementContent .arango-table tr th:nth-child(1) {
width: 10%; }
#queryManagementContent .arango-table tr th:nth-child(1) td {
text-align: center; }
#queryManagementContent .arango-table tr th:nth-child(2) {
width: 50%; }
#queryManagementContent .arango-table tr th:nth-child(3) {
width: 20%; }
#queryManagementContent .arango-table tr th:nth-child(4) {
width: 20%; }
#clearQuery {
display: none; }
@ -7636,6 +7656,7 @@ textarea,
display: none; }
#arangoLogTable {
border-top: 0;
min-height: 444px; }
#arangoLogTable tbody tr {
height: 40px; }
@ -7680,10 +7701,10 @@ textarea,
div.gv_zoom_widget {
height: 300px;
left: 64px;
left: 62px;
opacity: .7;
position: absolute;
top: 20px;
top: 0;
width: 40px;
z-index: 1; }
div.gv_zoom_widget div.gv_zoom_buttons_bg {
@ -7732,7 +7753,7 @@ svg.graph-viewer {
border-radius: 3px;
left: 54px;
position: absolute;
top: 10px;
top: -10px;
z-index: 0; }
svg.graph-viewer text {
max-width: 90px;
@ -7758,7 +7779,7 @@ div.gv-colour-list {
position: absolute;
right: 8px;
text-align: right;
top: 20px;
top: 0;
z-index: 1; }
div.gv-colour-list li {
float: none;
@ -7794,7 +7815,6 @@ input.gv-radio-button {
width: auto; }
.collectionTh {
font-family: 'Roboto', sans-serif !important;
font-size: 14px;
font-weight: 400 !important;
text-align: left;
@ -7848,7 +7868,6 @@ input.gv-radio-button {
min-height: 200px; }
.collectionInfoTh2 {
font-family: 'Lato', sans-serif !important;
font-weight: 400 !important;
text-align: left;
width: 150px; }
@ -7865,7 +7884,6 @@ input.gv-radio-button {
.figuresHeader {
border-bottom: 1px solid #c2c2c2; }
.figuresHeader th {
font-family: 'Lato', sans-serif !important;
font-weight: 400 !important; }
#collectionIndexTable {
@ -7960,8 +7978,6 @@ input.gv-radio-button {
.dashboard-large-chart,
.dashboard-medium-chart-outer:first-child {
padding-right: 0 !important; }
.dashboard-medium-chart {
margin-bottom: 10px; }
div.dropdownInner ul label {
font-size: 13px; }
.navlogo .big {
@ -7984,6 +8000,11 @@ input.gv-radio-button {
.arango-collection-ul .tab .fa {
padding-left: 6px;
padding-right: 20px; }
.social-icons p {
float: left;
margin-left: -3px; }
.social-icons p .fa {
font-size: 16px; }
.headerButtonBar {
display: none; }
div.bodyWrapper,
@ -8309,7 +8330,6 @@ input.gv-radio-button {
outline-style: none; }
.graphLabel {
font-family: "Roboto", sans-serif;
font-size: 11pt;
font-weight: 600;
margin-top: -25px;
@ -8752,6 +8772,12 @@ main {
.subnavmenu #dbStatus {
padding-right: 20px; }
.helpUs iframe {
left: 0;
position: absolute;
right: 0;
top: 101px; }
.arangoDataTable {
border-spacing: 0 0;
position: relative;
@ -8816,7 +8842,6 @@ table.arangoDataTable tr.odd {
visibility: hidden; }
.snippet-no-num {
font-family: 'Open Sans', sans-serif;
font-size: 1em;
font-weight: 400;
margin-bottom: 0; }