Replace custom views instead of appending them

resolves #1324

Author: LaSylv

spring-boot-admin-docs/src/main/asciidoc/customizing.adoc

@@ -109,7 +109,10 @@ Registering the instance view works like for the top-level view with some additi
 include::{samples-dir}/spring-boot-admin-sample-custom-ui/src/index.js[tags=customization-ui-endpoint]
 ----
 <1> The parent must be 'instances' in order to render the new custom view for a single instance.
-<2> If you add a `isEnabled` callback you can figure out dynamically if the view should be show for the particular instance.
+<2> You can group views by assigning them to a group.
+<3> If you add a `isEnabled` callback you can figure out dynamically if the view should be show for the particular instance.
+
+NOTE: You can override default views by putting the same group and name as the one you want to override.
 
 === Customizing Header Logo and Title ===
 You can set custom information in the header (i.e. displaying staging information or company name) by using following configuration properties:

spring-boot-admin-samples/spring-boot-admin-sample-custom-ui/src/index.js

@@ -41,8 +41,9 @@ SBA.use({
       path: 'custom',
       component: customEndpoint,
       label: 'Custom',
+      group: 'Group', // <2>
       order: 1000,
-      isEnabled: ({instance}) => instance.hasEndpoint('custom') // <2>
+      isEnabled: ({instance}) => instance.hasEndpoint('custom') // <3>
     });
   }
 });

spring-boot-admin-server-ui/babel.config.js

@@ -17,5 +17,10 @@
 module.exports = {
   presets: [
     '@vue/cli-plugin-babel/preset'
-  ]
+  ],
+  env: {
+    test: {
+      plugins: ['babel-plugin-transform-require-context']
+    }
+  }
 };

spring-boot-admin-server-ui/package-lock.json

@@ -52,6 +52,7 @@
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^24.9.0",
+    "babel-plugin-transform-require-context": "^0.1.1",
     "eslint": "^6.8.0",
     "eslint-plugin-vue": "^6.2.2",
     "html-loader": "^0.5.5",

spring-boot-admin-server-ui/package.json

@@ -16,6 +16,8 @@
 
 import {VIEW_GROUP} from './views';
 
+import remove from 'lodash/remove';
+
 const createTextVNode = (label) => {
   return {
     render() {
@@ -64,6 +66,12 @@ export default class ViewRegistry {
     this._views.push(view);
   }
 
+  _removeExistingView(view) {
+    remove(this._views, (v) => {
+      return v.name === view.name && v.group === view.group
+    });
+  }
+
   _toRoutes(views, filter) {
     return views.filter(filter).map(
       p => {

spring-boot-admin-server-ui/src/main/frontend/viewRegistry.js

@@ -0,0 +1,36 @@
+/*
+ * Copyright 2014-2019 the original author or authors.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import ViewRegistry from "./viewRegistry";
+
+describe('viewRegistry', () => {
+    describe('given view already in the registry', function () {
+
+
+        it('it should replace the existing one', async () => {
+            const viewRegistry = new ViewRegistry();
+
+            viewRegistry.addView(...[
+                {name: 'view', group: 'group'},
+                {name: 'duplicateView', group: 'group'},
+                {name: 'duplicateView', group: 'group'}
+            ])
+
+            expect(viewRegistry.views).toHaveLength(2);
+        });
+
+    });
+});