Admin UI - Atoti Hub

Overview

The Admin UI is a user interface to view the contents of the Content Server and the datastore. For more information on the Content Server, see Atoti Server documentation Atoti Server Content Server

Set up the admin UI

To set up the Admin UI:

Import the admin-ui dependency into the cvarc-application module:

      <dependency>
         <groupId>com.activeviam.springboot</groupId>
         <artifactId>atoti-admin-ui-starter</artifactId>
         <version>${atoti-server.version}</version>
      </dependency>

As of version 6.0.0, the Admin UI is included via the atoti-admin-ui-starter dependency.

Create a new directory, admin-ui, within./cvarc-application/src/main/resources/static.
Add this env*.js file to /static/admin-ui directory:

var baseUrl = (window.serverUrl =
  location.protocol + "//" + window.location.host + "/cvarc-application");
var atotiServerVersion = "6.1.x";

window.env = {
  contentServerUrl: baseUrl,
  contentServerVersion: atotiServerVersion,
  activePivotServers: {
    CVARC: {
      url: baseUrl,
      version: atotiServerVersion,
    },
  },
};

Keep the 6.1.x form rather than substituting a specific patch version. The Admin UI requires this format due to a known compatibility issue.

Import this env*.js as a static resource. This can be accomplished by registering a new static resource handler to our ResourceHandlerRegistry. Here is a snippet of how to add a new static resource with the ResourceHandlerRegistry fluent API:

public class StaticResourcesHandler implements WebMvcConfigurer {

    // Env.js location within the project
    public static final String ADMIN_UI_DIRECTORY = "/static/admin-ui/";

    // The Admin UI url path
    public static final String ADMIN_UI_PATH = "/admin/ui/";

    @Override
    public void addResourceHandlers(final ResourceHandlerRegistry registry) {
        LoggerFactory.getLogger(StaticResourcesHandler.class.getCanonicalName()).info("Loading static resources");

        // Adding the Admin UI as a static resource
        registry.addResourceHandler(ADMIN_UI_PATH + "env*.js").
                addResourceLocations("classpath:" + ADMIN_UI_DIRECTORY).
                resourceChain(true).
                // Resolve env.js to the temp file with the custom port
                // Could also just use {window.host}:{window.port} ?
                        addResolver(new EnvJsResourceResolver(tempEnvJsGenerator("classpath:" + ADMIN_UI_DIRECTORY))).
                addResolver(new EncodedResourceResolver()).
                addResolver(new PathResourceResolver());
    }
}

​Overview

​Set up the admin UI

Overview

Set up the admin UI