数据管理页面的样式修改
This commit is contained in:
parent
7073155320
commit
29637f20e8
|
|
@ -686,6 +686,73 @@ a:hover.data_file_btn {
|
||||||
background: url(../img/icons2.gif) -6px 9px no-repeat;
|
background: url(../img/icons2.gif) -6px 9px no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical {
|
||||||
|
margin-left: 170px;
|
||||||
|
}
|
||||||
|
.nav-pf-vertical {
|
||||||
|
width: auto;
|
||||||
|
min-width: 170px;
|
||||||
|
}
|
||||||
|
.nav-pf-vertical .list-group > .list-group-item > a {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
.nav-pf-vertical > .list-group > .list-group-item > a .fa,
|
||||||
|
.nav-pf-vertical > .list-group > .list-group-item > a .glyphicon,
|
||||||
|
.nav-pf-vertical > .list-group > .list-group-item > a .pficon {
|
||||||
|
line-height: 25px;
|
||||||
|
margin-right: 3px;
|
||||||
|
}
|
||||||
|
.nav-pf-vertical > .list-group > .list-group-item > a img {
|
||||||
|
max-height: 16px;
|
||||||
|
max-width: 16px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.navbar-tab-vertical {
|
||||||
|
height: 70px;
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
background: #1d1d1d;
|
||||||
|
border-color: #1d1d1d;
|
||||||
|
}
|
||||||
|
.navbar-tab-horizontal {
|
||||||
|
height: 100%;
|
||||||
|
width: 100px;
|
||||||
|
display: block;
|
||||||
|
background: #1d1d1d;
|
||||||
|
border-color: #1d1d1d;
|
||||||
|
}
|
||||||
|
.gesture {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.navbar-lf {
|
||||||
|
width: 200px;
|
||||||
|
min-height: 800px;
|
||||||
|
background: #1d1d1d;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0px;
|
||||||
|
}
|
||||||
|
.navbar-lf-menu {
|
||||||
|
display: block;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.log-img {
|
||||||
|
width: "66";
|
||||||
|
height: "21";
|
||||||
|
alt: "logo";
|
||||||
|
}
|
||||||
|
.fl {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
a.logo {
|
||||||
|
display: block;
|
||||||
|
width: 130px;
|
||||||
|
padding: 20px 0 0 40px;
|
||||||
|
}
|
||||||
|
.content-margin {
|
||||||
|
margin-left: 170px;
|
||||||
|
}
|
||||||
|
|
||||||
/* This is for the 'Overview' page with all the rows of boxes */
|
/* This is for the 'Overview' page with all the rows of boxes */
|
||||||
.service-view-rectangle {
|
.service-view-rectangle {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -1032,70 +1099,3 @@ kubernetes-container-terminal .terminal-actions {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical {
|
|
||||||
margin-left: 170px;
|
|
||||||
}
|
|
||||||
.nav-pf-vertical {
|
|
||||||
width: auto;
|
|
||||||
min-width: 170px;
|
|
||||||
}
|
|
||||||
.nav-pf-vertical .list-group > .list-group-item > a {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
.nav-pf-vertical > .list-group > .list-group-item > a .fa,
|
|
||||||
.nav-pf-vertical > .list-group > .list-group-item > a .glyphicon,
|
|
||||||
.nav-pf-vertical > .list-group > .list-group-item > a .pficon {
|
|
||||||
line-height: 25px;
|
|
||||||
margin-right: 3px;
|
|
||||||
}
|
|
||||||
.nav-pf-vertical > .list-group > .list-group-item > a img {
|
|
||||||
max-height: 16px;
|
|
||||||
max-width: 16px;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
.navbar-tab-vertical {
|
|
||||||
height: 70px;
|
|
||||||
width: 100%;
|
|
||||||
display: block;
|
|
||||||
background: #1d1d1d;
|
|
||||||
border-color: #1d1d1d;
|
|
||||||
}
|
|
||||||
.navbar-tab-horizontal {
|
|
||||||
height: 100%;
|
|
||||||
width: 100px;
|
|
||||||
display: block;
|
|
||||||
background: #1d1d1d;
|
|
||||||
border-color: #1d1d1d;
|
|
||||||
}
|
|
||||||
.gesture {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.navbar-lf {
|
|
||||||
width: 200px;
|
|
||||||
min-height: 800px;
|
|
||||||
background: #1d1d1d;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 0px;
|
|
||||||
}
|
|
||||||
.navbar-lf-menu {
|
|
||||||
display: block;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.log-img {
|
|
||||||
width: "66";
|
|
||||||
height: "21";
|
|
||||||
alt: "logo";
|
|
||||||
}
|
|
||||||
.fl {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
a.logo {
|
|
||||||
display: block;
|
|
||||||
width: 130px;
|
|
||||||
padding: 20px 0 0 40px;
|
|
||||||
}
|
|
||||||
.content-margin {
|
|
||||||
margin-left: 170px;
|
|
||||||
}
|
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -249,7 +249,7 @@ gulp.task('connect', ['watch'], function() {
|
||||||
}, {
|
}, {
|
||||||
proto: "http",
|
proto: "http",
|
||||||
port: "8080",
|
port: "8080",
|
||||||
hostname: "192.168.0.102",
|
hostname: "192.168.0.101",
|
||||||
path: '/java/console/api',
|
path: '/java/console/api',
|
||||||
targetPath: "/"
|
targetPath: "/"
|
||||||
}];
|
}];
|
||||||
|
|
|
||||||
13
index.html
13
index.html
|
|
@ -26,6 +26,7 @@
|
||||||
<link rel="stylesheet" type="text/css" href="libs/angular-tree-control/css/tree-control-attribute.css">
|
<link rel="stylesheet" type="text/css" href="libs/angular-tree-control/css/tree-control-attribute.css">
|
||||||
|
|
||||||
<link rel="stylesheet" href="dist/hawtio-kubernetes.css" />
|
<link rel="stylesheet" href="dist/hawtio-kubernetes.css" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="new/sj_style.css">
|
||||||
|
|
||||||
<!-- bower:js -->
|
<!-- bower:js -->
|
||||||
<script src="libs/jquery/dist/jquery.js"></script>
|
<script src="libs/jquery/dist/jquery.js"></script>
|
||||||
|
|
@ -133,14 +134,14 @@
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body style="padding-top: 75px;">
|
<body >
|
||||||
<nav class="navbar navbar-fixed-top navbar-pf" role="navigation">
|
<nav class="navbar navbar-fixed-top navbar-pf sj_header " role="navigation" >
|
||||||
<a href="/" class="log fl"><img src="/" class="log-img"></a>
|
<a href="/" class="log fl sj_logo" ><img src="new/images/logo.png" class="log-img" ></a>
|
||||||
<ul class="nav navbar-nav navbar-primary" hawtio-main-nav></ul>
|
<ul class="nav navbar-nav navbar-primary sj_topnav" hawtio-main-nav></ul>
|
||||||
</nav>
|
</nav>
|
||||||
<platform-sub-tabs-outlet></platform-sub-tabs-outlet>
|
<platform-sub-tabs-outlet></platform-sub-tabs-outlet>
|
||||||
<div id="main" class="container-fluid container-pf-nav-pf-vertical container-pf-nav-pf-vertical-with-secondary content-margin" ng-controller="HawtioNav.ViewController" hawtio-main-outlet>
|
<div id="main" class="container-fluid container-pf-nav-pf-vertical container-pf-nav-pf-vertical-with-secondary content-margin" ng-controller="HawtioNav.ViewController" hawtio-main-outlet >
|
||||||
<div class="row" ng-class="getClass()">
|
<div class="row" ng-class="getClass()" >
|
||||||
<hawtio-breadcrumbs-outlet></hawtio-breadcrumbs-outlet>
|
<hawtio-breadcrumbs-outlet></hawtio-breadcrumbs-outlet>
|
||||||
<div ng-include src="viewPartial"></div>
|
<div ng-include src="viewPartial"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
BIN
node_modules.rar
BIN
node_modules.rar
Binary file not shown.
|
|
@ -1,4 +1,4 @@
|
||||||
<div ng-controller="Developer.WorkspacesController" hawtio-card-bg>
|
<div ng-controller="Developer.WorkspacesController" hawtio-card-bg style="margin-top:100px;">
|
||||||
<div hawtio-breadcrumbs></div>
|
<div hawtio-breadcrumbs></div>
|
||||||
<div hawtio-tabs></div>
|
<div hawtio-tabs></div>
|
||||||
<div class="container-content">
|
<div class="container-content">
|
||||||
|
|
@ -12,32 +12,33 @@
|
||||||
<p class="alert alert-info">当前没有可以查看的数据.</p>
|
<p class="alert alert-info">当前没有可以查看的数据.</p>
|
||||||
</div>
|
</div>
|
||||||
<div ng-show="model.data.length">
|
<div ng-show="model.data.length">
|
||||||
<table class="table table-striped table-bordered" hawtio-simple-table="tableConfig"></table>
|
<table class="table table-striped table-bordered sj_content_table" hawtio-simple-table="tableConfig"></table>
|
||||||
<div class="row">
|
<div class="row clear">
|
||||||
<div class="col-xs-6 col-sm-2">
|
<div class=" fl">
|
||||||
<button ng-show="true" class="btn btn-danger pull-right" ng-disabled="!id && tableConfig.selectedItems.length == 0" ng-click="deletePrompt(id || tableConfig.selectedItems)">
|
<input type="checkbox" class="fl mr5 " style="margin-top: 8px;" />
|
||||||
<i class="fa fa-remove"></i> 删除数据
|
<label class="fl mr5 " style="margin-top: 5px; font-style:nomal;">全选</label>
|
||||||
</button>
|
<a class="sj_btn_grey pull-left mr5" title="启动oracle服务" href="/kubernetes/replicationControllers" ng-disabled="!id && tableConfig.selectedItems.length == 0" ng-click="createOracleService(id || tableConfig.selectedItems)">启动oracle服务</a>
|
||||||
<span class="pull-right"> </span>
|
<a class="sj_btn_grey pull-left mr5" title="迁移数据" href="/kubernetes/replicationControllers" ng-disabled="!id && tableConfig.selectedItems.length == 0" ng-click="createOracleService(id || tableConfig.selectedItems)">迁移数据</a>
|
||||||
<button ng-show="id" class="btn btn-primary pull-right" ng-click="id = undefined"><i class="fa fa-list"></i></button>
|
<a class="sj_btn_grey pull-left mr5" title="删除数据" href="/kubernetes/replicationControllers" ng-disabled="!id && tableConfig.selectedItems.length == 0" ng-click="createOracleService(id || tableConfig.selectedItems)">删除数据</a>
|
||||||
<span class="pull-right"> </span>
|
|
||||||
<a class="btn btn-default pull-right" title="启动oracle服务" href="/kubernetes/replicationControllers" ng-disabled="!id && tableConfig.selectedItems.length == 0" ng-click="createOracleService(id || tableConfig.selectedItems)"><i class="fa fa-plus"></i> 启动服务</a>
|
|
||||||
<span class="pull-right"> </span>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6 col-md-offset-9">
|
|
||||||
每页显示 
|
|
||||||
<select ng-options="value for value in pageSizeChoses" ng-change="selectAction()" ng-model="options.currentTableSize"></select>
|
|
||||||
  当前页码
|
|
||||||
<div class="hawtio-pager clearfix">
|
|
||||||
<label>{{options.currentPageNum}} / {{options.getPageSizeNum()}}</label>
|
|
||||||
<div class=btn-group>
|
|
||||||
<button class="btn" ng-disabled="isEmptyOrFirst()" ng-click="first()"><i class="fa fa-fast-backward"></i></button>
|
|
||||||
<button class="btn" ng-disabled="isEmptyOrFirst()" ng-click="previous()"><i class="fa fa-step-backward"></i></button>
|
|
||||||
<button class="btn" ng-disabled="isEmptyOrLast()" ng-click="next()"><i class="fa fa-step-forward"></i></button>
|
|
||||||
<button class="btn" ng-disabled="isEmptyOrLast()" ng-click="last()"><i class="fa fa-fast-forward"></i></button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<ul class="fr sj_table_bottom">
|
||||||
|
<li class="mr5">当前显示1~7行，共7行。</li>
|
||||||
|
<li class="mr5">每页显示
|
||||||
|
<select ng-options="value for value in pageSizeChoses" ng-change="selectAction()" ng-model="options.currentTableSize"></select>行
|
||||||
|
</li>
|
||||||
|
<li class="mr5">当前页码</li>
|
||||||
|
<li>
|
||||||
|
<div class="hawtio-pager clearfix">
|
||||||
|
<label>{{options.currentPageNum}} / {{options.getPageSizeNum()}}</label>
|
||||||
|
<div class=btn-group>
|
||||||
|
<button class="btn sj_btn_grey" ng-disabled="isEmptyOrFirst()" ng-click="first()"><i class="fa fa-fast-backward"></i></button>
|
||||||
|
<button class="btn sj_btn_grey" ng-disabled="isEmptyOrFirst()" ng-click="previous()"><i class="fa fa-step-backward"></i></button>
|
||||||
|
<button class="btn sj_btn_grey " ng-disabled="isEmptyOrLast()" ng-click="next()"><i class="fa fa-step-forward"></i></button>
|
||||||
|
<button class="btn sj_btn_grey" ng-disabled="isEmptyOrLast()" ng-click="last()"><i class="fa fa-fast-forward"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -194,21 +194,21 @@ module Navigation {
|
||||||
restrict: 'AE',
|
restrict: 'AE',
|
||||||
replace: true,
|
replace: true,
|
||||||
template: `
|
template: `
|
||||||
<div class="nav-pf-vertical nav-pf-vertical-with-secondary-nav" ng-controller="Developer.NavBarController" ng-class="getClass()">
|
<div class="nav-pf-vertical nav-pf-vertical-with-secondary-nav sj_menu" ng-controller="Developer.NavBarController" ng-class="getClass()">
|
||||||
<ul class="navbar-lf-menu">
|
<ul class="navbar-lf-menu " >
|
||||||
<li ng-repeat="subTab in subTabConfig">
|
<li ng-repeat="subTab in subTabConfig " >
|
||||||
<div class="expandable closed" ng-show="subTab.items.length">
|
<div class="expandable closed " ng-show="subTab.items.length" style=" padding:0;">
|
||||||
<div title="The title" class="title">
|
<div title="The title" class="title sj_menu_nav" >
|
||||||
<i class="expandable-indicator"><span style="font-size:12px;color:red">{{subTab.label}}</i>
|
<i class=" sj_menu_01" >{{subTab.label}}</i>
|
||||||
</div>
|
</div>
|
||||||
<ul class="expandable-body well">
|
<ul class="expandable-body sj_menu_ul" >
|
||||||
<li ng-repeat="item in subTab.items">
|
<li ng-repeat="item in subTab.items" >
|
||||||
<a href="{{item.href}}">{{item.label}}</a>
|
<a href="{{item.href}}" >{{item.label}}</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div ng-hide="subTab.items.length">
|
<div ng-hide="subTab.items.length" class="sj_menu_nav" >
|
||||||
<a href="{{subTab.href}}">{{subTab.label}}</a>
|
<i class=" sj_menu_02" ></i><a href="{{subTab.href}}">{{subTab.label}}</a>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue