HBASE-14633 Try fluid width UI

This commit is contained in:
Elliott Clark 2015-10-17 11:10:42 -07:00
parent ec1f8df523
commit 118d7b20b0
11 changed files with 35 additions and 30 deletions

View File

@ -45,7 +45,7 @@ String listenPort = conf.get("hbase.rest.port", "8080");
<body>
<div class="navbar navbar-fixed-top navbar-default">
<div class="container">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
@ -68,7 +68,7 @@ String listenPort = conf.get("hbase.rest.port", "8080");
</div>
</div>
<div class="container">
<div class="container-fluid content">
<div class="row inner_header">
<div class="page-header">
<h1>RESTServer <small><%= listenPort %></small></h1>

View File

@ -112,7 +112,7 @@ AssignmentManager assignmentManager = master.getAssignmentManager();
<body>
<div class="navbar navbar-fixed-top navbar-default">
<div class="container">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
@ -137,7 +137,7 @@ AssignmentManager assignmentManager = master.getAssignmentManager();
</div>
</div>
<div class="container">
<div class="container-fluid content">
<%if master.isActiveMaster() %>
<div class="row inner_header">
<div class="page-header">

View File

@ -69,7 +69,7 @@ org.apache.hadoop.hbase.zookeeper.MasterAddressTracker;
<body>
<div class="navbar navbar-fixed-top navbar-default">
<div class="container">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
@ -94,7 +94,7 @@ org.apache.hadoop.hbase.zookeeper.MasterAddressTracker;
</div>
</div>
<div class="container">
<div class="container-fluid content">
<div class="row inner_header">
<div class="page-header">
<h1>RegionServer <small><% serverName %></small></h1>

View File

@ -82,7 +82,7 @@
</head>
<body>
<div class="navbar navbar-fixed-top navbar-default">
<div class="container">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
@ -107,7 +107,7 @@
</div>
</div>
<% if (snapshot == null) { %>
<div class="container">
<div class="container-fluid content">
<div class="row inner_header">
<div class="page-header">
<h1>Snapshot "<%= snapshotName %>" does not exists</h1>
@ -115,7 +115,7 @@
</div>
<p>Go <a href="javascript:history.back()">Back</a>, or wait for the redirect.
<% } else { %>
<div class="container">
<div class="container-fluid content">
<div class="row">
<div class="page-header">
<h1>Snapshot: <%= snapshotName %></h1>

View File

@ -93,7 +93,7 @@
</head>
<body>
<div class="navbar navbar-fixed-top navbar-default">
<div class="container">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
@ -128,9 +128,7 @@ if ( fqtn != null ) {
}
if ( !readOnly && action != null ) {
%>
<div class="container">
<div class="container-fluid content">
<div class="row inner_header">
<div class="page-header">
<h1>Table action request accepted</h1>
@ -162,10 +160,7 @@ if ( fqtn != null ) {
<%
} else {
%>
<div class="container">
<div class="container-fluid content">
<div class="row inner_header">
<div class="page-header">
<h1>Table <small><%= fqtn %></small></h1>
@ -384,7 +379,7 @@ Actions:
<% }
} else { // handle the case for fqtn is null with error message + redirect
%>
<div class="container">
<div class="container-fluid content">
<div class="row inner_header">
<div class="page-header">
<h1>Table not ready</h1>

View File

@ -49,7 +49,7 @@
<body>
<div class="navbar navbar-fixed-top navbar-default">
<div class="container">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
@ -74,7 +74,7 @@
</div>
</div>
<div class="container">
<div class="container-fluid content">
<div class="row inner_header">
<div class="page-header">
<h1>User Tables</h1>

View File

@ -46,7 +46,7 @@
<body>
<div class="navbar navbar-fixed-top navbar-default">
<div class="container">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
@ -71,7 +71,7 @@
</div>
</div>
<div class="container">
<div class="container-fluid content">
<div class="row inner_header">
<div class="page-header">
<h1>Zookeeper Dump</h1>

View File

@ -17,8 +17,13 @@
*/
/* General styling */
body { padding-top: 60px; }
.logo img { float: right; }
body { padding-top: 50px; }
html .content {
margin-left: 2.0em;
}
.navbar-brand img {
margin-top: -7px;
}
.inner_header { margin-bottom: 1em;}
section { margin-bottom: 3em; }

View File

@ -51,7 +51,7 @@ String framed = conf.get("hbase.regionserver.thrift.framed", "false");
<body>
<div class="navbar navbar-fixed-top navbar-default">
<div class="container">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
@ -75,7 +75,7 @@ String framed = conf.get("hbase.regionserver.thrift.framed", "false");
</div>
</div>
<div class="container">
<div class="container-fluid">
<div class="row inner_header">
<div class="page-header">
<h1>ThriftServer <small><%= listenPort %></small></h1>

View File

@ -17,8 +17,13 @@
*/
/* General styling */
body { padding-top: 60px; }
.logo img { float: right; }
body { padding-top: 50px; }
html .content {
margin-left: 1.0em;
}
.navbar-brand img {
margin-top: -7px;
}
.inner_header { margin-bottom: 1em;}
section { margin-bottom: 3em; }

View File

@ -51,7 +51,7 @@ String framed = conf.get("hbase.regionserver.thrift.framed", "false");
<body>
<div class="navbar navbar-fixed-top navbar-default">
<div class="container">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
@ -75,7 +75,7 @@ String framed = conf.get("hbase.regionserver.thrift.framed", "false");
</div>
</div>
<div class="container">
<div class="container-fluid content">
<div class="row inner_header">
<div class="page-header">
<h1>ThriftServer <small><%= listenPort %></small></h1>