ActiveQL UI Application Setup

ActiveQL comes with a generic UI application build with Angular. You can start this application - make sure to have running ActiveQL server.

cd ./activeql/ui
ng serve

After that the application should be available at http://localhost:30000 (opens in a new tab)

The default configuration let you access CRUD operations on the DomainGraph of your ActiveQL server.

ActiveQL UI Library

The ActiveQL UI Application embeds the ActiveQL UI Library. If you want to develop your own Angular application you can embed the library as follows:

Add this to your app.module.ts. adminConfig is the optional configuration of the Admin UI application.

import { ActiveQLAdminUIModule } from 'activeql-admin-ui';
import { AppComponent } from './components/app/app.component';
import { GraphQLModule } from './graphql.module';
import { adminConfig } from './config/admin.config';
 
@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    GraphQLModule.forRoot({uri: 'http://localhost:4000/graphql'}),
    ActiveQLAdminUIModule.forRoot( adminConfig ),
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

Please check https://apollo-angular.com/docs/ (opens in a new tab) on how to embed the GraphQLModule in your application.