Skip to content

S
spring-boot-admin
Commit 1279ae84 by Johannes Edmeier
Options

Add logos

parent 0e1e8523
Showing with 108 additions and 65 deletions
README.md
codecentric's Spring Boot Admin codecentric's Spring Boot Admin
=============================== ===============================
![](./images/logo-spring-boot-admin.png)
[![Apache License 2](https://img.shields.io/badge/license-ASF2-blue.svg)](https://www.apache.org/licenses/LICENSE-2.0.txt) [![Apache License 2](https://img.shields.io/badge/license-ASF2-blue.svg)](https://www.apache.org/licenses/LICENSE-2.0.txt)
[![Build Status](https://travis-ci.org/codecentric/spring-boot-admin.svg?branch=master)](https://travis-ci.org/codecentric/spring-boot-admin) [![Build Status](https://travis-ci.org/codecentric/spring-boot-admin.svg?branch=master)](https://travis-ci.org/codecentric/spring-boot-admin)
[![Coverage Status](https://coveralls.io/repos/codecentric/spring-boot-admin/badge.svg)](https://coveralls.io/r/codecentric/spring-boot-admin) [![Coverage Status](https://coveralls.io/repos/codecentric/spring-boot-admin/badge.svg)](https://coveralls.io/r/codecentric/spring-boot-admin)
[![Maven Central](https://maven-badges.herokuapp.com/maven-central/de.codecentric/spring-boot-admin/badge.svg)](https://maven-badges.herokuapp.com/maven-central/de.codecentric/spring-boot-admin/) [![Maven Central](https://maven-badges.herokuapp.com/maven-central/de.codecentric/spring-boot-admin/badge.svg)](https://maven-badges.herokuapp.com/maven-central/de.codecentric/spring-boot-admin/)
[![Gitter](https://badges.gitter.im/codecentric/spring-boot-admin.svg)](https://gitter.im/codecentric/spring-boot-admin?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge) [![Gitter](https://badges.gitter.im/codecentric/spring-boot-admin.svg)](https://gitter.im/codecentric/spring-boot-admin?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
![](./images/logo-spring-boot-admin.png)
This community project provides an admin interface for [Spring Boot <sup>®</sup>](http://projects.spring.io/spring-boot/ "Official Spring-Boot website") applications. This community project provides an admin interface for [Spring Boot <sup>®</sup>](http://projects.spring.io/spring-boot/ "Official Spring-Boot website") applications.
It provides the following features for registered application. It provides the following features for registered application.
...@@ -68,37 +67,37 @@ Spring, Spring Boot and Spring Cloud are trademarks of [Pivotal Software, Inc.]( ...@@ -68,37 +67,37 @@ Spring, Spring Boot and Spring Cloud are trademarks of [Pivotal Software, Inc.](
## Screenshots ## Screenshots
![Screenshot application list](/images/screenshot.png?raw=true) ![Screenshot application list](/images/screenshot.png)
*Dashboard with desktop notifications* *Dashboard with desktop notifications*
![Screenshot details](/images/screenshot-details.png?raw=true) ![Screenshot details](/images/screenshot-details.png)
*View application health, info and details* *View application health, info and details*
![Screenshot metrics](/images/screenshot-metrics.png?raw=true) ![Screenshot metrics](/images/screenshot-metrics.png)
*View metric counters and gauges* *View metric counters and gauges*
![Screenshot logfile](/images/screenshot-logfile.png?raw=true) ![Screenshot logfile](/images/screenshot-logfile.png)
*View logfile (with follow)* *View logfile (with follow)*
![Screenshot environment](/images/screenshot-environment.png?raw=true) ![Screenshot environment](/images/screenshot-environment.png)
*View and change Spring environment (via Spring Cloud)* *View and change Spring environment (via Spring Cloud)*
![Screenshot logging](/images/screenshot-logging.png?raw=true) ![Screenshot logging](/images/screenshot-logging.png)
*Manage Logback logger levels* *Manage Logback logger levels*
![Screenshot jmx](/images/screenshot-jmx.png?raw=true) ![Screenshot jmx](/images/screenshot-jmx.png)
*View and use JMX beans via jolokia* *View and use JMX beans via jolokia*
![Screenshot threads](/images/screenshot-threads.png?raw=true) ![Screenshot threads](/images/screenshot-threads.png)
*View thread dump* *View thread dump*
![Screenshot traces](/images/screenshot-trace.png?raw=true) ![Screenshot traces](/images/screenshot-trace.png)
*View http request traces* *View http request traces*
![Screenshot hystrix](/images/screenshot-hystrix.png?raw=true) ![Screenshot hystrix](/images/screenshot-hystrix.png)
*View Hystrix dashboard* *View Hystrix dashboard*
![Screenshot journal](/images/screenshot-journal.png?raw=true) ![Screenshot journal](/images/screenshot-journal.png)
*View history of registered applications* *View history of registered applications*
## Snapshot builds ## Snapshot builds
......
images/logo-spring-boot-admin.png
This diff was suppressed by a .gitattributes entry.
spring-boot-admin-server-ui/package-lock.json
This source diff could not be displayed because it is too large. You can view the blob instead.
spring-boot-admin-server-ui/package.json
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
"@fortawesome/fontawesome-free-regular": "^5.0.6", "@fortawesome/fontawesome-free-regular": "^5.0.6",
"@fortawesome/fontawesome-free-solid": "^5.0.6", "@fortawesome/fontawesome-free-solid": "^5.0.6",
"@fortawesome/vue-fontawesome": "0.0.22", "@fortawesome/vue-fontawesome": "0.0.22",
"axios": "^0.17.1", "axios": "^0.18.0",
"bulma": "^0.6.2", "bulma": "^0.6.2",
"bulma-badge": "^1.0.1", "bulma-badge": "^1.0.1",
"d3-array": "^1.2.1", "d3-array": "^1.2.1",
...@@ -37,11 +37,11 @@ ...@@ -37,11 +37,11 @@
"yamljs": "^0.3.0" "yamljs": "^0.3.0"
}, },
"devDependencies": { "devDependencies": {
"@vue/test-utils": "^1.0.0-beta.11", "@vue/test-utils": "^1.0.0-beta.12",
"autoprefixer": "^8.0.0", "autoprefixer": "^8.0.0",
"babel-core": "^6.25.0", "babel-core": "^6.25.0",
"babel-eslint": "^8.2.1", "babel-eslint": "^8.2.2",
"babel-jest": "^22.2.2", "babel-jest": "^22.4.0",
"babel-loader": "^7.1.1", "babel-loader": "^7.1.1",
"babel-plugin-lodash": "^3.3.2", "babel-plugin-lodash": "^3.3.2",
"babel-polyfill": "^6.26.0", "babel-polyfill": "^6.26.0",
...@@ -52,17 +52,17 @@ ...@@ -52,17 +52,17 @@
"css-hot-loader": "^1.3.7", "css-hot-loader": "^1.3.7",
"css-loader": "^0.28.9", "css-loader": "^0.28.9",
"css-mqpacker": "^6.0.2", "css-mqpacker": "^6.0.2",
"eslint": "^4.18.0", "eslint": "^4.18.1",
"eslint-loader": "^1.9.0", "eslint-loader": "^1.9.0",
"eslint-plugin-html": "^4.0.2", "eslint-plugin-html": "^4.0.2",
"eslint-plugin-vue": "^4.2.2", "eslint-plugin-vue": "^4.2.2",
"extract-text-webpack-plugin": "^3.0.2", "extract-text-webpack-plugin": "^3.0.2",
"file-loader": "^1.1.6", "file-loader": "^1.1.9",
"glob": "^7.1.2", "glob": "^7.1.2",
"html-loader": "^0.5.5", "html-loader": "^0.5.5",
"html-webpack-plugin": "^2.30.0", "html-webpack-plugin": "^2.30.0",
"identity-obj-proxy": "^3.0.0", "identity-obj-proxy": "^3.0.0",
"jest": "^22.3.0", "jest": "^22.4.0",
"jest-vue": "^0.8.2", "jest-vue": "^0.8.2",
"lodash-webpack-plugin": "^0.11.4", "lodash-webpack-plugin": "^0.11.4",
"node-sass": "^4.7.2", "node-sass": "^4.7.2",
......
spring-boot-admin-server-ui/src/main/frontend/assets/css/_utilities.scss
...@@ -23,26 +23,26 @@ $turquoise: rgb(66, 211, 165); ...@@ -23,26 +23,26 @@ $turquoise: rgb(66, 211, 165);
$primary: $turquoise; $primary: $turquoise;
$primary-invert: $white; $primary-invert: $white;
// Add new color variables to the color map.
@import "~bulma/sass/utilities/derived-variables.sass";
$addColors: ();
$colors: map-merge($colors, $addColors);
$link: $primary; $link: $primary;
$navbar-background-color: $black; $modal-card-head-background-color: $white;
$modal-content-width: calc(100vh - 40px);
$navbar-background-color: $black-ter;
$navbar-item-color: $grey; $navbar-item-color: $grey;
$navbar-item-hover-color: $white; $navbar-item-hover-color: $white;
$navbar-item-hover-background-color: $navbar-background-color; $navbar-item-hover-background-color: $navbar-background-color;
$navbar-item-active-color: $white; $navbar-item-active-color: $white;
$navbar-item-active-background-color: $navbar-background-color; $navbar-item-active-background-color: $navbar-background-color;
$modal-card-head-background-color: $white; @import "~bulma/sass/utilities/mixins.sass";
$modal-content-width: calc(100vh - 40px);
// for calculations / originally rem // for calculations / originally rem
$navbar-height-px: 52px; $navbar-height-px: 52px;
$tabs-height-px: 41px; $tabs-height-px: 41px;
// Add new color variables to the color map.
@import "~bulma/sass/utilities/derived-variables.sass";
$addColors: ();
$colors: map-merge($colors, $addColors);
@import "~bulma/sass/utilities/mixins.sass";
\ No newline at end of file
spring-boot-admin-server-ui/src/main/frontend/assets/css/base.scss
...@@ -35,20 +35,22 @@ ...@@ -35,20 +35,22 @@
border-color: transparent; border-color: transparent;
} }
//navbar color fixes
.navbar-item .button.is-icon { .navbar-item .button.is-icon {
color: $navbar-item-color; color: $navbar-item-color;
&:hover { &:hover {
color: $navbar-item-hover-color; color: $navbar-item-hover-color;
} }
} }
//Badge .navbar .badge {
.badge.has-black-background {
&[data-badge]::after { &[data-badge]::after {
box-shadow: 0 0 0 $badge-border-size $black; box-shadow: 0 0 0 $badge-border-size $navbar-background-color;
} }
} }
//Loading spinner //Loading spinner
.section.is-loading, .section.is-loading,
.content.is-loading { .content.is-loading {
...@@ -67,7 +69,6 @@ ...@@ -67,7 +69,6 @@
padding: 0.75rem; padding: 0.75rem;
} }
//Bullets //Bullets
.has-bullet::before { .has-bullet::before {
background: currentColor; background: currentColor;
...@@ -98,4 +99,14 @@ ...@@ -98,4 +99,14 @@
path.domain { path.domain {
stroke: currentColor; stroke: currentColor;
} }
\ No newline at end of file
//for login.html
.login {
background-color: $black-ter;
&--logo {
margin-left: auto;
margin-right: auto;
}
}
spring-boot-admin-server-ui/src/main/frontend/assets/img/icon-spring-boot-admin.svg 0 → 100644
<svg viewBox="0 0 135.297 120.36666" xmlns="http://www.w3.org/2000/svg">
<defs>
<style>.hex{fill:#42d3a5;} .line{fill:#fff;}</style>
</defs>
<path d="M133.605291 66.312792l-27.6913077 47.9628009c-2.1826121 3.7799055-6.2171779 6.1091806-10.5824021 6.1091806H39.9489658c-4.3652242 0-8.3984567-2.3292751-10.5824021-6.1091806L1.6765893 66.312792c-2.1826121-3.7799055-2.1826121-8.4384557 0-12.2196945L29.3665637 6.1316299C31.5505091 2.3503911 35.5837416.021116 39.9489658.021116h55.3826154c4.3652242 0 8.39979 2.3292751 10.5824021 6.1105139l27.6913077 47.9614676c2.1826121 3.7812388 2.1826121 8.439789 0 12.2196945"
class="hex"/>
<path d="M61.53275952 19.96761733c-1.41466463.03066923-2.66193345.92969675-3.14052148 2.26164345l-17.8355541 49.69575758-5.85535361-9.759556c-.6159846-1.02927427-1.72965676-1.6601585-2.92962676-1.6601585H.05149659c.04970976 2.00834979.5878153 4.00699982 1.62695933 5.80645483l.59373516 1.02727432h27.56531085l8.57008574 14.28264293c.62131447 1.0359741 1.73705657 1.66015849 2.9276268 1.66015849.1119972 0 .22197446-.00559986.33397166-.01757956 1.31466713-.1279968 2.43673908-1.00337492 2.88472788-2.24604385l17.25756855-48.0947976 18.95252617 46.4108397c.48531787 1.18667033 1.5956601 2.00194995 2.87292818 2.11124722 1.26926826.11332717 2.5074373-.50440739 3.1874203-1.59376016l15.14962126-24.28039297 8.8435789 11.5637109c.6479838.84530887 1.65345867 1.34176645 2.71473213 1.34176645h18.8235294l1.24996875-2.16594585c.84245894-1.45896352 1.35666609-3.0480238 1.54876128-4.6678833h-19.93350165l-10.8157296-14.14464637c-.68131296-.88930777-1.7675558-1.39116522-2.87692807-1.33786655-1.119972.05332866-2.14294643.6515037-2.7362316 1.60345991L84.56351375 70.56637232 64.76700867 22.0885843c-.5359866-1.3079673-1.82695433-2.15894603-3.2362191-2.12294693z"
class="line"/>
</svg>
spring-boot-admin-server-ui/src/main/frontend/index.js
...@@ -17,6 +17,7 @@ ...@@ -17,6 +17,7 @@
import '@/assets/css/base.scss'; import '@/assets/css/base.scss';
import logoDanger from '@/assets/img/favicon-danger.png'; import logoDanger from '@/assets/img/favicon-danger.png';
import logoOk from '@/assets/img/favicon.png'; import logoOk from '@/assets/img/favicon.png';
import '@/assets/img/icon-spring-boot-admin.svg';
import moment from 'moment'; import moment from 'moment';
import Vue from 'vue'; import Vue from 'vue';
import VueRouter from 'vue-router'; import VueRouter from 'vue-router';
......
spring-boot-admin-server-ui/src/main/frontend/login.html
...@@ -26,21 +26,24 @@ ...@@ -26,21 +26,24 @@
<link href="assets/css/sba-core.css" rel="stylesheet"> <link href="assets/css/sba-core.css" rel="stylesheet">
<title>Spring Boot Admin - Login</title> <title>Spring Boot Admin - Login</title>
</head> </head>
<body> <body class="login">
<section class="hero is-fullheight"> <section class="hero is-fullheight">
<div class="hero-body"> <div class="hero-body">
<div class="container has-text-centered"> <div class="container has-text-centered">
<div class="column is-4 is-offset-4"> <div class="column is-4 is-offset-4">
<div class="box"> <div class="box">
<h1 class="title">Spring Boot Admin</h1> <figure class="image is-128x128 login--logo">
<img src="assets/img/icon-spring-boot-admin.svg">
</figure>
<h1 class="title has-text-primary">Spring Boot Admin</h1>
<form method="post"> <form method="post">
<div class="field"> <div class="field">
<p class="is-medium has-text-danger" th:unless="${param.error == null}"> <p class="is-medium has-text-danger" th:unless="${param.error == null}">
Invalid username or password! Invalid username or password
</p> </p>
<p class="is-medium has-text-success" th:unless="${param.logout == null}"> <p class="is-medium" th:unless="${param.logout == null}">
Logout successful! Logout successful
</p> </p>
</div> </div>
<div class="field"> <div class="field">
...@@ -69,4 +72,4 @@ ...@@ -69,4 +72,4 @@
</section> </section>
</body> </body>
</html> </html>
\ No newline at end of file
spring-boot-admin-server-ui/src/main/frontend/views/applications/handle.vue
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
<span class="has-text-warning" v-if="connectionFailed"> <span class="has-text-warning" v-if="connectionFailed">
<font-awesome-icon icon="exclamation-triangle"/> <font-awesome-icon icon="exclamation-triangle"/>
</span> </span>
<span :class="{ 'badge is-badge-danger has-black-background' : downCount > 0 }" :data-badge="downCount"> <span :class="{ 'badge is-badge-danger' : downCount > 0 }" :data-badge="downCount">
Applications Applications
</span> </span>
</span> </span>
......
spring-boot-admin-server-ui/src/main/frontend/views/shell/navbar.vue
...@@ -19,7 +19,8 @@ ...@@ -19,7 +19,8 @@
<div class="container"> <div class="container">
<div class="navbar-brand"> <div class="navbar-brand">
<router-link class="navbar-item logo" to="/"> <router-link class="navbar-item logo" to="/">
Spring Boot Admin <img src="assets/img/icon-spring-boot-admin.svg">
<span>Spring Boot Admin</span>
</router-link> </router-link>
<div class="navbar-burger burger" @click.stop="showMenu = !showMenu"> <div class="navbar-burger burger" @click.stop="showMenu = !showMenu">
...@@ -49,7 +50,10 @@ ...@@ -49,7 +50,10 @@
</template> </template>
<script> <script>
import iconSpringBootAdmin from '@/assets/img/icon-spring-boot-admin.svg';
export default { export default {
components: {iconSpringBootAdmin},
data: () => ({ data: () => ({
showMenu: false showMenu: false
}), }),
...@@ -74,11 +78,14 @@ ...@@ -74,11 +78,14 @@
.logo { .logo {
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 600; font-weight: 600;
color: $white; white-space: nowrap;
padding: 0;
& svg { & span {
fill: currentColor; margin: 0.5rem 1rem 0.5rem 0.5rem;
padding-right: 0.5rem; }
& img {
max-height: 2.25rem;
} }
} }
</style> </style>
spring-boot-admin-server-ui/webpack.config.js
...@@ -59,7 +59,7 @@ const config = { ...@@ -59,7 +59,7 @@ const config = {
rules: [ rules: [
{ {
test: /\.(js|vue)$/, test: /\.(js|vue)$/,
loader: 'eslint-loader', use: 'eslint-loader',
enforce: 'pre' enforce: 'pre'
}, },
{ {
...@@ -117,23 +117,40 @@ const config = { ...@@ -117,23 +117,40 @@ const config = {
loader: 'html-loader', loader: 'html-loader',
options: { options: {
root: resolve(__dirname, 'src/main/frontend'), root: resolve(__dirname, 'src/main/frontend'),
attrs: ['img:src'] attrs: []
} }
}] }]
}, },
{ {
test: /\.svg$/, test: /\.svg$/,
loader: 'vue-svg-loader', oneOf: [
{
issuer: /\.vue$/,
loader: 'vue-svg-loader',
options: {
svgo: {
plugins: [
{inlineStyles: false}
]
}
},
},
{
loader: 'url-loader',
options: {
limit: 1000,
name: 'assets/img/[name].[ext]'
}
}
]
}, },
{ {
test: /\.(png|jpg|jpeg|gif|eot|ttf|woff|woff2|svgz)(\?.+)?$/, test: /\.(png|jpg|jpeg|gif|eot|ttf|woff|woff2)(\?.+)?$/,
use: [{ loader: 'url-loader',
loader: 'url-loader', options: {
options: { limit: 1000,
limit: 1000, name: 'assets/img/[name].[ext]'
name: 'assets/img/[name].[ext]' }
}
}]
} }
] ]
}, },
...@@ -196,4 +213,4 @@ if (process.env.NODE_ENV === 'production') { ...@@ -196,4 +213,4 @@ if (process.env.NODE_ENV === 'production') {
]) ])
} }
module.exports = config; module.exports = config;
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment