This lib makes a series of component availables to manage Spring Batch jobs form an Angular Front-End.

You can search, list, start, stop and analyse results of spring batch jobs within an Angular app.

This lib is meant to be used with the backend lib for exposing Spring Batch REST API : spring-batch-rest-api.

This lib was developed by the following persons (if any co-author wants, I can add his full name and github or personal page link right here) :

• Jérome
• Alexis
• Noémie
• Kilian
• Nicolas (me)

• You need at least the following libs and versions for this lib to work
  • bootstrap 4.6.1
  • @angular/* 13.1.1
  • @angular/cli 13.1.2

Install with yarn :

yarn add angular-spring-batch

or npm

npm install angular-spring-batch

For Angular 5, the following dependency is also needed :

yarn add rxjs-compat

Add the SpringBatchModule module in your app (for example, in JHipster, import it in the AdminModule module)

import { SpringBatchModule } from 'angular-spring-batch';

@NgModule({
  imports: [
    ...
    SpringBatchModule,
    ...
  ],
})
export class AdminModule {
}

Define the following route : (for JHipster, you can do it in the admin.routes.ts file) :

import { SpringBatchComponent } from 'angular-spring-batch';

const jobsRoute: Route = {
    path: 'jobs',
    component: SpringBatchComponent,
    data: {
        pageTitle: 'jobs.title'
    }
};

const ADMIN_ROUTES = [auditsRoute, configurationRoute, docsRoute, healthRoute, logsRoute, metricsRoute, jobsRoute];

...

If needed, you can add a i18N translations in jobs.json :

{
  "jobs": {
    "title": "Jobs"
  }
}

You then just need to add a link to /admin/jobs (for example, in JHipster, you can do it in navbar.component.html) :

<li>
    <a class="dropdown-item" routerLink="admin/jobs" routerLinkActive="active" (click)="collapseNavbar()">
        <fa-icon [icon]="['fa', 'clock']" [fixedWidth]="true"></fa-icon>
        <span>Jobs</span>
    </a>
</li>

$ npm install
$ npm run build

The following script starts ng serve as well as a proxy conf that redirects any traffic to /api and /management toward localhost:8080. See proxy.conf.json to change this.

$ npm run start

$ npm run packagr

$ cd dist/angular-spring-batch
$ npm publish