Skip to content

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

Add logos

parent 0e1e8523
Showing with 99 additions and 53 deletions
README.md
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)
[![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)
[![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)
![](./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.
It provides the following features for registered application.
......@@ -68,37 +67,37 @@ Spring, Spring Boot and Spring Cloud are trademarks of [Pivotal Software, Inc.](
## Screenshots
![Screenshot application list](/images/screenshot.png?raw=true)
![Screenshot application list](/images/screenshot.png)
*Dashboard with desktop notifications*
![Screenshot details](/images/screenshot-details.png?raw=true)
![Screenshot details](/images/screenshot-details.png)
*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*
![Screenshot logfile](/images/screenshot-logfile.png?raw=true)
![Screenshot logfile](/images/screenshot-logfile.png)
*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)*
![Screenshot logging](/images/screenshot-logging.png?raw=true)
![Screenshot logging](/images/screenshot-logging.png)
*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*
![Screenshot threads](/images/screenshot-threads.png?raw=true)
![Screenshot threads](/images/screenshot-threads.png)
*View thread dump*
![Screenshot traces](/images/screenshot-trace.png?raw=true)
![Screenshot traces](/images/screenshot-trace.png)
*View http request traces*
![Screenshot hystrix](/images/screenshot-hystrix.png?raw=true)
![Screenshot hystrix](/images/screenshot-hystrix.png)
*View Hystrix dashboard*
![Screenshot journal](/images/screenshot-journal.png?raw=true)
![Screenshot journal](/images/screenshot-journal.png)
*View history of registered applications*
## 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 @@
"@fortawesome/fontawesome-free-regular": "^5.0.6",
"@fortawesome/fontawesome-free-solid": "^5.0.6",
"@fortawesome/vue-fontawesome": "0.0.22",
"axios": "^0.17.1",
"axios": "^0.18.0",
"bulma": "^0.6.2",
"bulma-badge": "^1.0.1",
"d3-array": "^1.2.1",
......@@ -37,11 +37,11 @@
"yamljs": "^0.3.0"
},
"devDependencies": {
"@vue/test-utils": "^1.0.0-beta.11",
"@vue/test-utils": "^1.0.0-beta.12",
"autoprefixer": "^8.0.0",
"babel-core": "^6.25.0",
"babel-eslint": "^8.2.1",
"babel-jest": "^22.2.2",
"babel-eslint": "^8.2.2",
"babel-jest": "^22.4.0",
"babel-loader": "^7.1.1",
"babel-plugin-lodash": "^3.3.2",
"babel-polyfill": "^6.26.0",
......@@ -52,17 +52,17 @@
"css-hot-loader": "^1.3.7",
"css-loader": "^0.28.9",
"css-mqpacker": "^6.0.2",
"eslint": "^4.18.0",
"eslint": "^4.18.1",
"eslint-loader": "^1.9.0",
"eslint-plugin-html": "^4.0.2",
"eslint-plugin-vue": "^4.2.2",
"extract-text-webpack-plugin": "^3.0.2",
"file-loader": "^1.1.6",
"file-loader": "^1.1.9",
"glob": "^7.1.2",
"html-loader": "^0.5.5",
"html-webpack-plugin": "^2.30.0",
"identity-obj-proxy": "^3.0.0",
"jest": "^22.3.0",
"jest": "^22.4.0",
"jest-vue": "^0.8.2",
"lodash-webpack-plugin": "^0.11.4",
"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);
$primary: $turquoise;
$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;
$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-hover-color: $white;
$navbar-item-hover-background-color: $navbar-background-color;
$navbar-item-active-color: $white;
$navbar-item-active-background-color: $navbar-background-color;
$modal-card-head-background-color: $white;
$modal-content-width: calc(100vh - 40px);
@import "~bulma/sass/utilities/mixins.sass";
// for calculations / originally rem
$navbar-height-px: 52px;
$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 @@
border-color: transparent;
}
//navbar color fixes
.navbar-item .button.is-icon {
color: $navbar-item-color;
&:hover {
color: $navbar-item-hover-color;
}
}
//Badge
.badge.has-black-background {
.navbar .badge {
&[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
.section.is-loading,
.content.is-loading {
......@@ -67,7 +69,6 @@
padding: 0.75rem;
}
//Bullets
.has-bullet::before {
background: currentColor;
......@@ -99,3 +100,13 @@
path.domain {
stroke: currentColor;
}
//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 @@
import '@/assets/css/base.scss';
import logoDanger from '@/assets/img/favicon-danger.png';
import logoOk from '@/assets/img/favicon.png';
import '@/assets/img/icon-spring-boot-admin.svg';
import moment from 'moment';
import Vue from 'vue';
import VueRouter from 'vue-router';
......
spring-boot-admin-server-ui/src/main/frontend/login.html
......@@ -26,21 +26,24 @@
<link href="assets/css/sba-core.css" rel="stylesheet">
<title>Spring Boot Admin - Login</title>
</head>
<body>
<body class="login">
<section class="hero is-fullheight">
<div class="hero-body">
<div class="container has-text-centered">
<div class="column is-4 is-offset-4">
<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">
<div class="field">
<p class="is-medium has-text-danger" th:unless="${param.error == null}">
Invalid username or password!
Invalid username or password
</p>
<p class="is-medium has-text-success" th:unless="${param.logout == null}">
Logout successful!
<p class="is-medium" th:unless="${param.logout == null}">
Logout successful
</p>
</div>
<div class="field">
......
spring-boot-admin-server-ui/src/main/frontend/views/applications/handle.vue
......@@ -19,7 +19,7 @@
<span class="has-text-warning" v-if="connectionFailed">
<font-awesome-icon icon="exclamation-triangle"/>
</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
</span>
</span>
......
spring-boot-admin-server-ui/src/main/frontend/views/shell/navbar.vue
......@@ -19,7 +19,8 @@
<div class="container">
<div class="navbar-brand">
<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>
<div class="navbar-burger burger" @click.stop="showMenu = !showMenu">
......@@ -49,7 +50,10 @@
</template>
<script>
import iconSpringBootAdmin from '@/assets/img/icon-spring-boot-admin.svg';
export default {
components: {iconSpringBootAdmin},
data: () => ({
showMenu: false
}),
......@@ -74,11 +78,14 @@
.logo {
font-size: 1.5rem;
font-weight: 600;
color: $white;
white-space: nowrap;
padding: 0;
& svg {
fill: currentColor;
padding-right: 0.5rem;
& span {
margin: 0.5rem 1rem 0.5rem 0.5rem;
}
& img {
max-height: 2.25rem;
}
}
</style>
spring-boot-admin-server-ui/webpack.config.js
......@@ -59,7 +59,7 @@ const config = {
rules: [
{
test: /\.(js|vue)$/,
loader: 'eslint-loader',
use: 'eslint-loader',
enforce: 'pre'
},
{
......@@ -117,23 +117,40 @@ const config = {
loader: 'html-loader',
options: {
root: resolve(__dirname, 'src/main/frontend'),
attrs: ['img:src']
attrs: []
}
}]
},
{
test: /\.svg$/,
oneOf: [
{
issuer: /\.vue$/,
loader: 'vue-svg-loader',
options: {
svgo: {
plugins: [
{inlineStyles: false}
]
}
},
},
{
test: /\.(png|jpg|jpeg|gif|eot|ttf|woff|woff2|svgz)(\?.+)?$/,
use: [{
loader: 'url-loader',
options: {
limit: 1000,
name: 'assets/img/[name].[ext]'
}
}]
}
]
},
{
test: /\.(png|jpg|jpeg|gif|eot|ttf|woff|woff2)(\?.+)?$/,
loader: 'url-loader',
options: {
limit: 1000,
name: 'assets/img/[name].[ext]'
}
}
]
},
......
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