Create inventory sub pages (#40)

* dev

* attempt to get type in service

* directory refactor and dynamic sidenav

* directory refactor

* base for inv nav

* enter to check terms/conditions

* profile grid dev

* selection order functional

* clp fxnal

* groups delete & edit modal fxnal

* groups crud fxnal

* summary page

* move tabs to page component

* bug fixes

* dev

* clp fixes

* cross cycle and map dev

* map load inventory

* use text-secondary

* map renderes, needs controls

* map functional, needs labels / popover

* label filtering fxnal

* styles

* prettier

* lint

* no inventory warning

* inv pages fxnal with empty cycle /org

* refactor streams inv list

* refactor streams inv clp

* refactor streams list map

* prettier

* styles

Author: perryr16

package.json

@@ -59,6 +59,7 @@
     "luxon": "^3.5.0",
     "material-icons": "^1.13.14",
     "ol": "^10.5.0",
+    "ol-ext": "^4.0.31",
     "perfect-scrollbar": "^1.5.6",
     "pnpm": "^10.6.2",
     "rxjs": "~7.8.1",
@@ -79,6 +80,7 @@
     "@tailwindcss/typography": "^0.5.16",
     "@types/chroma-js": "^2.4.5",
     "@types/decompress": "^4.2.7",
+    "@types/geojson": "^7946.0.16",
     "@types/jasmine": "~5.1.5",
     "@types/lodash-es": "^4.17.12",
     "@types/luxon": "^3.4.2",

pnpm-lock.yaml

@@ -0,0 +1,33 @@
+import type { HttpErrorResponse } from '@angular/common/http'
+import { HttpClient } from '@angular/common/http'
+import { inject, Injectable } from '@angular/core'
+import type { Observable } from 'rxjs'
+import { catchError, Subject, takeUntil } from 'rxjs'
+import { ErrorService } from '@seed/services/error/error.service'
+import { UserService } from '../user'
+import type { AnalysisSummary } from './analysis.types'
+
+@Injectable({ providedIn: 'root' })
+export class AnalysisService {
+  private _httpClient = inject(HttpClient)
+  private _errorService = inject(ErrorService)
+  private _userService = inject(UserService)
+  private readonly _unsubscribeAll$ = new Subject<void>()
+
+  orgId: number
+
+  constructor() {
+    this._userService.currentOrganizationId$.pipe(takeUntil(this._unsubscribeAll$)).subscribe((organizationId) => {
+      this.orgId = organizationId
+    })
+  }
+
+  summary(orgId: number, cycleId: number): Observable<AnalysisSummary> {
+    const url = `/api/v3/analyses/stats/?cycle_id=${cycleId}&organization_id=${orgId}`
+    return this._httpClient.get<AnalysisSummary>(url).pipe(
+      catchError((error: HttpErrorResponse) => {
+        return this._errorService.handleError(error, 'Error fetching analysis summary')
+      }),
+    )
+  }
+}

public/images/map_pin.webp

@@ -0,0 +1,6 @@
+export type AnalysisSummary = {
+  'column_settings fields and counts': Record<string, number>;
+  number_extra_data_fields: number;
+  status: string;
+  total_records: number;
+}

src/@seed/api/analysis/analysis.service.ts

@@ -0,0 +1,2 @@
+export * from './analysis.types'
+export * from './analysis.service'

src/@seed/api/analysis/analysis.types.ts

@@ -32,8 +32,14 @@ export class ColumnService {
   getPropertyColumns(organizationId: number): Observable<Column[]> {
     const url = `/api/v3/columns/?inventory_type=property&display_units=true&organization_id=${organizationId}`
     return this._httpClient.get<ColumnsResponse>(url).pipe(
+      // Why were the related fields filtered ? should be done in components to preserve the api response
+      // map((cr) => {
+      //   const cols = cr.columns.filter((c) => c.table_name === 'PropertyState')
+      //   this._propertyColumns.next(cols)
+      //   return cols
+      // }),
       map((cr) => {
-        const cols = cr.columns.filter((c) => c.table_name === 'PropertyState')
+        const cols = cr.columns
         this._propertyColumns.next(cols)
         return cols
       }),
@@ -48,10 +54,15 @@ export class ColumnService {
     const url = `/api/v3/columns/?inventory_type=taxlot&display_units=true&organization_id=${organizationId}`
     return this._httpClient.get<ColumnsResponse>(url).pipe(
       map((cr) => {
-        const cols = cr.columns.filter((c) => c.table_name === 'TaxLotState')
+        const cols = cr.columns
         this._taxLotColumns.next(cols)
         return cols
       }),
+      // map((cr) => {
+      //   const cols = cr.columns.filter((c) => c.table_name === 'TaxLotState')
+      //   this._taxLotColumns.next(cols)
+      //   return cols
+      // }),
       catchError((error: HttpErrorResponse) => {
         // TODO need to figure out error handling
         return this._errorService.handleError(error, 'Error fetching columns')

src/@seed/api/analysis/index.ts

@@ -0,0 +1,76 @@
+import type { HttpErrorResponse } from '@angular/common/http'
+import { HttpClient } from '@angular/common/http'
+import { inject, Injectable } from '@angular/core'
+import { BehaviorSubject, catchError, map, type Observable, Subject, takeUntil, tap } from 'rxjs'
+import { ErrorService } from '@seed/services'
+import { SnackBarService } from 'app/core/snack-bar/snack-bar.service'
+import { OrganizationService } from '../organization'
+import type { InventoryGroup, InventoryGroupResponse, InventoryGroupsResponse } from './groups.types'
+
+@Injectable({ providedIn: 'root' })
+export class GroupsService {
+  private _errorService = inject(ErrorService)
+  private _groups = new BehaviorSubject<unknown>([])
+  private _httpClient = inject(HttpClient)
+  private _organizationService = inject(OrganizationService)
+  private _snackBar = inject(SnackBarService)
+  private readonly _unsubscribeAll$ = new Subject<void>()
+
+  groups$ = this._groups.asObservable()
+  orgId: number
+
+  constructor() {
+    this._organizationService.currentOrganization$
+      .pipe(takeUntil(this._unsubscribeAll$))
+      .subscribe(({ org_id }) => this.orgId = org_id)
+  }
+
+  list(orgId: number): Observable<InventoryGroup[]> {
+    const url = `/api/v3/inventory_groups/?organization_id=${orgId}`
+    return this._httpClient.get<InventoryGroupsResponse>(url).pipe(
+      map(({ data }) => {
+        this._groups.next(data)
+        return data
+      }),
+      catchError((error: HttpErrorResponse) => {
+        return this._errorService.handleError(error, 'Error fetching groups')
+      }),
+    )
+  }
+
+  create(orgId: number, data: InventoryGroup): Observable<InventoryGroup> {
+    const url = `/api/v3/inventory_groups/?organization_id=${orgId}`
+    return this._httpClient.post<InventoryGroupResponse>(url, data).pipe(
+      map(({ data }) => {
+        this._snackBar.success('Group created successfully')
+        return data
+      }),
+      catchError((error: HttpErrorResponse) => {
+        return this._errorService.handleError(error, 'Error updating group')
+      }),
+    )
+  }
+
+  update(orgId: number, id: number, data: InventoryGroup): Observable<InventoryGroup> {
+    const url = `/api/v3/inventory_groups/${id}/?organization_id=${orgId}`
+    return this._httpClient.put<InventoryGroupResponse>(url, data).pipe(
+      map(({ data }) => {
+        this._snackBar.success('Group updated successfully')
+        return data
+      }),
+      catchError((error: HttpErrorResponse) => {
+        return this._errorService.handleError(error, 'Error updating group')
+      }),
+    )
+  }
+
+  delete(orgId: number, id: number): Observable<unknown> {
+    const url = `/api/v3/inventory_groups/${id}/?organization_id=${orgId}`
+    return this._httpClient.delete(url).pipe(
+      tap(() => { this._snackBar.success('Group deleted successfully') }),
+      catchError((error: HttpErrorResponse) => {
+        return this._errorService.handleError(error, 'Error deleting group')
+      }),
+    )
+  }
+}

src/@seed/api/column/column.service.ts

@@ -0,0 +1,23 @@
+import type { InventoryDisplayType } from 'app/modules/inventory'
+
+export type InventoryGroupsResponse = {
+  status: string;
+  data: InventoryGroup[];
+}
+
+export type InventoryGroupResponse = {
+  status: string;
+  data: InventoryGroup;
+}
+
+export type InventoryGroup = {
+  access_level_instance: number;
+  access_level_instance_data: Record<string, unknown>;
+  id: number;
+  inventory_list: number[];
+  inventory_type: InventoryDisplayType;
+  name: string;
+  organization: number;
+  systems: Record<string, unknown>[];
+  views_list: number[];
+}

src/@seed/api/groups/groups.service.ts

@@ -0,0 +1,2 @@
+export * from './groups.service'
+export * from './groups.types'