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

File diff suppressed because one or more lines are too long

View File

@ -585,7 +585,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="dashboard-sub-bar"">Resident Size</div> <div class="dashboard-sub-bar"">Memory</div>
</div> </div>
<% tendency("Virtual Size in GB", "virtualSize", false); %> <% tendency("Virtual Size in GB", "virtualSize", false); %>
@ -728,14 +728,16 @@
<% if (name !== '_system') { %> <% 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="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="fullBorderBox" style="border: 0;">
<div class="iconSet"> <div class="borderBox"></div>
<span class="icon_arangodb_settings2 editDatabase" id="<%=name %>_edit-database" alt="Edit database" title="Edit database"></span> <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> </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> </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="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="paddingBox">
<div class="iconSet"> <div class="borderBox"></div>
<span class="icon_arangodb_settings2 editGraph" id="<%=graphName %>_settings" alt="Edit graph" title="Edit graph"></span> <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> </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>
</div></script><script id="graphViewGroupByEntry.ejs" type="text/template"><div class="control-group"> </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" /> <button id="remove_<%=type %>_<%=id%>" class="graphViewer-icon-button gv_internal_remove_line gv-icon-small delete" />
</div> </div>
</div></script><script id="helpUsView.ejs" type="text/template"><div class="helpUs"> </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"> <div id="indexEditView">
<table id="collectionEditIndexTable" class="edit-index-table"> <table id="collectionEditIndexTable" class="edit-index-table">
<thead> <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"> </div></script><script id="navigationView.ejs" type="text/template"><ul class="navlist arango-collection-ul" id="arangoCollectionUl">
<% if (isCluster) { %> <% 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="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> <li class="nodes-menu"><a id="nodes" class="tab" href="#cNodes"><i class="fa fa-server"></i>Nodes</a></li>
<% } else { %> <% } 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="dashboard-menu"><a id="dashboard" class="tab" href="#dashboard"><i class="fa fa-dashboard"></i>Dashboard</a></li>
<% } %> <% } %>
<li class="navbar-spacer big"></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> <li class="databases-menu"><a id="databases" class="tab" href="#databases"><i class="fa fa-database"></i>Databases</a></li>
<% } %> <% } %>
<% if (!isCluster) { %> <% 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="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> <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> </li>
<% if (!isCluster) { %> <% if (!isCluster) { %>
<% if (currentDB.get('isSystem')) { %> <li class="dropdown-item">
<li class="dropdown-item"> <a id="logs" class="tab" href="#logs">Logs</a>
<a id="logs" class="tab" href="#logs">Logs</a> </li>
</li>
<% } %>
<% } %> <% } %>
<li class="dropdown-item"> <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> <button id="saveCurrentQuery" class="button-success"><i class="fa fa-save"></i>Save</button>
</div> </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> <span id="querySpotlight" class="action"><i class="fa fa-search"></i></span>
<div class="styled-select"> <div class="styled-select">
<select id="querySize" class="query-size"/> <select id="querySize" class="query-size"/>
@ -2963,4 +2963,4 @@ var cutByResolution = function (str) {
</div> </div>
<div id="workMonitorContent" class="innerContent"> <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>
</div> </div>
<div class="dashboard-sub-bar"">Resident Size</div> <div class="dashboard-sub-bar"">Memory</div>
</div> </div>
<% tendency("Virtual Size in GB", "virtualSize", false); %> <% tendency("Virtual Size in GB", "virtualSize", false); %>
@ -783,14 +783,16 @@
<% if (name !== '_system') { %> <% 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="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="fullBorderBox" style="border: 0;">
<div class="iconSet"> <div class="borderBox"></div>
<span class="icon_arangodb_settings2 editDatabase" id="<%=name %>_edit-database" alt="Edit database" title="Edit database"></span> <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> </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> </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="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="paddingBox">
<div class="iconSet"> <div class="borderBox"></div>
<span class="icon_arangodb_settings2 editGraph" id="<%=graphName %>_settings" alt="Edit graph" title="Edit graph"></span> <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> </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>
</div> </div>
@ -1325,7 +1328,7 @@ if (list.length > 0) {
<script id="helpUsView.ejs" type="text/template"> <script id="helpUsView.ejs" type="text/template">
<div class="helpUs"> <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> </div>
</script> </script>
@ -2474,11 +2477,9 @@ if (list.length > 0) {
<script id="navigationView.ejs" type="text/template"> <script id="navigationView.ejs" type="text/template">
<ul class="navlist arango-collection-ul" id="arangoCollectionUl"> <ul class="navlist arango-collection-ul" id="arangoCollectionUl">
<% if (isCluster) { %> <% 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="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> <li class="nodes-menu"><a id="nodes" class="tab" href="#cNodes"><i class="fa fa-server"></i>Nodes</a></li>
<% } else { %> <% } 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="dashboard-menu"><a id="dashboard" class="tab" href="#dashboard"><i class="fa fa-dashboard"></i>Dashboard</a></li>
<% } %> <% } %>
<li class="navbar-spacer big"></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> <li class="databases-menu"><a id="databases" class="tab" href="#databases"><i class="fa fa-database"></i>Databases</a></li>
<% } %> <% } %>
<% if (!isCluster) { %> <% 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="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> <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> </li>
<% if (!isCluster) { %> <% if (!isCluster) { %>
<% if (currentDB.get('isSystem')) { %> <li class="dropdown-item">
<li class="dropdown-item"> <a id="logs" class="tab" href="#logs">Logs</a>
<a id="logs" class="tab" href="#logs">Logs</a> </li>
</li>
<% } %>
<% } %> <% } %>
<li class="dropdown-item"> <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> <button id="saveCurrentQuery" class="button-success"><i class="fa fa-save"></i>Save</button>
</div> </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> <span id="querySpotlight" class="action"><i class="fa fa-search"></i></span>
<div class="styled-select"> <div class="styled-select">
<select id="querySize" class="query-size"/> <select id="querySize" class="query-size"/>
@ -3289,8 +3288,8 @@ var cutByResolution = function (str) {
</div> </div>
</div> </div>
<script src="libs.js?version=1461257358510"></script> <script src="libs.js?version=1461321201201"></script>
<script src="app.js?version=1461257358510"></script> <script src="app.js?version=1461321201201"></script>
</body> </body>
</html> </html>

View File

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