Create read interface for analysis jobs

src/app/app.module.ts

@@ -8,7 +8,6 @@ import { ReactiveFormsModule } from "@angular/forms";
 import { BrowserModule } from "@angular/platform-browser";
 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
 import { BawApiModule } from "@baw-api/baw-api.module";
-import { AudioAnalysisModule } from "@components/audio-analysis/audio-analysis.module";
 import { AudioRecordingModule } from "@components/audio-recordings/audio-recording.module";
 import { ReportsModule } from "@components/reports/reports.module";
 import { CitizenScienceModule } from "@components/citizen-science/citizen-science.module";
@@ -30,6 +29,8 @@ import { TitleStrategy } from "@angular/router";
 import { AnnotationsImportModule } from "@components/import-annotations/import-annotations.module";
 import { WebsiteStatusModule } from "@components/website-status/website-status.module";
 import { AnnotationModule } from "@components/annotations/annotation.module";
+import { ScriptsModule } from "@components/scripts/scripts.module";
+import { AnalysisModule } from "@components/audio-analysis/analysis-jobs.module";
 import { AppRoutingModule } from "./app-routing.module";
 import { AppComponent, PageTitleStrategy } from "./app.component";
 import { toastrRoot } from "./app.helper";
@@ -64,7 +65,8 @@ export const appImports = [
   SharedModule,
   AboutModule,
   AdminModule,
-  AudioAnalysisModule,
+  AnalysisModule,
+  ScriptsModule,
   AudioRecordingModule,
   CitizenScienceModule,
   DataRequestModule,

src/app/components/admin/admin.module.ts

@@ -6,7 +6,6 @@ import { adminRoute } from "./admin.menus";
 import { AnalysisJobsModule } from "./analysis-jobs/analysis-jobs.module";
 import { AdminDashboardComponent } from "./dashboard/dashboard.component";
 import { OrphanSitesModule } from "./orphan/orphans.module";
-import { ScriptsModule } from "./scripts/scripts.module";
 import { SettingsModule } from "./settings/settings.module";
 import { TagGroupsModule } from "./tag-group/tag-groups.module";
 import { TagsModule } from "./tags/tags.module";
@@ -18,7 +17,6 @@ import { DateTimeExampleComponent } from "./datetime-example/datetime-example.co
 const modules = [
   AnalysisJobsModule,
   OrphanSitesModule,
-  ScriptsModule,
   SettingsModule,
   TagGroupsModule,
   TagsModule,

src/app/components/admin/all-uploads/all-uploads.component.ts

@@ -1,9 +1,6 @@
 import { Component } from "@angular/core";
 import { List } from "immutable";
 import { ListComponent } from "@components/harvest/pages/list/list.component";
-import { ActivatedRoute } from "@angular/router";
-import { ShallowHarvestsService } from "@baw-api/harvest/harvest.service";
-import { NgbModal } from "@ng-bootstrap/ng-bootstrap";
 import { adminCategory, adminUploadsMenuItem } from "../admin.menus";
 import { adminMenuItemActions } from "../dashboard/dashboard.component";
 
@@ -12,14 +9,6 @@ import { adminMenuItemActions } from "../dashboard/dashboard.component";
   templateUrl: "../../harvest/pages/list/list.component.html",
 })
 class AllUploadsComponent extends ListComponent {
-  public constructor(
-    private modal: NgbModal,
-    private api: ShallowHarvestsService,
-    private activatedRoute: ActivatedRoute
-  ) {
-    super(modal, api, activatedRoute);
-  }
-
   public override get project() {
     return null;
   }

src/app/components/admin/analysis-jobs/analysis-jobs.menus.ts

@@ -7,11 +7,11 @@ export const adminAnalysisJobsRoute = adminRoute.addFeatureModule(
   "analysis_jobs"
 );
 
-export const adminAnalysisJobsCategory: Category = {
+export const adminAnalysisJobsCategory = {
   icon: ["fas", "server"],
   label: "Analysis Jobs",
   route: adminAnalysisJobsRoute,
-};
+} satisfies Category;
 
 export const adminAnalysisJobsMenuItem = menuRoute({
   icon: ["fas", "server"],

src/app/components/admin/analysis-jobs/details/details.component.ts

@@ -1,17 +1,8 @@
-import { Component, OnInit } from "@angular/core";
-import { ActivatedRoute } from "@angular/router";
+import { Component } from "@angular/core";
 import { analysisJobResolvers } from "@baw-api/analysis/analysis-jobs.service";
-import {
-  hasResolvedSuccessfully,
-  retrieveResolvers,
-} from "@baw-api/resolver-common";
-import { PageComponent } from "@helpers/page/pageComponent";
-import { IPageInfo } from "@helpers/page/pageInfo";
-import { withUnsubscribe } from "@helpers/unsubscribe/unsubscribe";
 import { permissionsWidgetMenuItem } from "@menu/widget.menus";
-import { AnalysisJob } from "@models/AnalysisJob";
 import { List } from "immutable";
-import schema from "../analysis-job.schema.json";
+import { AnalysisJobComponent } from "@components/audio-analysis/pages/details/details.component";
 import {
   adminAnalysisJobMenuItem,
   adminAnalysisJobsCategory,
@@ -21,40 +12,9 @@ const analysisJobKey = "analysisJob";
 
 @Component({
   selector: "baw-admin-analysis-job",
-  template: `
-    <div *ngIf="!failure">
-      <h1>Analysis Job Details</h1>
-      <baw-detail-view
-        [fields]="fields"
-        [model]="analysisJob"
-      ></baw-detail-view>
-    </div>
-  `,
+  templateUrl: "../../../audio-analysis/pages/details/details.component.html",
 })
-class AdminAnalysisJobComponent
-  extends withUnsubscribe(PageComponent)
-  implements OnInit
-{
-  public analysisJob: AnalysisJob;
-  public failure: boolean;
-  public fields = schema.fields;
-
-  public constructor(private route: ActivatedRoute) {
-    super();
-  }
-
-  public ngOnInit(): void {
-    const data = this.route.snapshot.data;
-    const models = retrieveResolvers(data as IPageInfo);
-
-    if (!hasResolvedSuccessfully(models)) {
-      this.failure = true;
-      return;
-    }
-
-    this.analysisJob = models[analysisJobKey] as AnalysisJob;
-  }
-}
+class AdminAnalysisJobComponent extends AnalysisJobComponent {}
 
 AdminAnalysisJobComponent.linkToRoute({
   category: adminAnalysisJobsCategory,