frontend tsc

Author: gugu

frontend/src/app/app.component.ts

@@ -86,7 +86,7 @@ export class AppComponent {
   public connections: Connection[] = [];
 
   constructor (
-    private changeDetector: ChangeDetectorRef,
+    public changeDetector: ChangeDetectorRef,
     // private ngZone: NgZone,
     public route: ActivatedRoute,
     public router: Router,

frontend/src/app/components/dashboard/db-table-view/db-table-filters-dialog/db-table-filters-dialog.component.ts

@@ -58,7 +58,7 @@ export class DbTableFiltersDialogComponent implements OnInit {
 
   public tableRowFields: Object;
   public tableRowStructure: Object;
-  public tableRowFieldsShown: Object = {};
+  public tableRowFieldsShown: Record<string, string> = {};
   public tableRowFieldsComparator: Object = {};
   public tableForeignKeys: {[key: string]: TableForeignKey};
   public tableFiltersCount: number;

frontend/src/app/components/dashboard/db-tables-list/db-folder-edit-dialog/db-folder-edit-dialog.component.ts

@@ -42,6 +42,7 @@ export class DbFolderEditDialogComponent {
   public folder: Folder;
   public tables: TableProperties[];
   public folderIconColors: { name: string; value: string }[];
+  originalFolderName: string;
 
   constructor(
     public dialogRef: MatDialogRef<DbFolderEditDialogComponent>,
@@ -112,4 +113,4 @@ export class DbFolderEditDialogComponent {
   onCancel() {
     this.dialogRef.close();
   }
-}
+}

frontend/src/app/components/db-table-row-edit/db-table-row-edit.component.ts

@@ -74,7 +74,7 @@ export class DbTableRowEditComponent implements OnInit {
   public connectionName: string | null = null;
   public tableName: string | null = null;
   public dispalyTableName: string | null = null;
-  public tableRowValues: object;
+  public tableRowValues: Record<string, any>;
   public tableRowStructure: object;
   public tableRowRequiredValues: object;
   public identityColumn: string;
@@ -119,6 +119,7 @@ export class DbTableRowEditComponent implements OnInit {
   private confirmationDialogRef: any;
 
   originalOrder = () => { return 0; }
+  routeSub: any;
 
   constructor(
     private _connections: ConnectionsService,

frontend/src/app/components/login/login.component.spec.ts

@@ -29,11 +29,9 @@ describe('LoginComponent', () => {
     providers: [provideHttpClient(), provideRouter([])]
   }).compileComponents();
 
-    // @ts-expect-error
     global.window.google  = jasmine.createSpyObj(['accounts']);
     // @ts-expect-error
     global.window.google.accounts = jasmine.createSpyObj(['id']);
-    // @ts-expect-error
     global.window.google.accounts.id = jasmine.createSpyObj(['initialize', 'renderButton', 'prompt']);
   });
 

frontend/src/app/components/registration/registration.component.spec.ts

@@ -35,11 +35,9 @@ describe('RegistrationComponent', () => {
     // @ts-expect-error
     global.window.gtag = jasmine.createSpy();
 
-    // @ts-expect-error
     global.window.google  = jasmine.createSpyObj(['accounts']);
     // @ts-expect-error
     global.window.google.accounts = jasmine.createSpyObj(['id']);
-    // @ts-expect-error
     global.window.google.accounts.id = jasmine.createSpyObj(['initialize', 'renderButton', 'prompt']);
   });
 

frontend/src/app/components/secrets/secrets.component.ts

@@ -59,9 +59,9 @@ export class SecretsComponent implements OnInit, OnDestroy {
   public loading = true;
   public searchQuery = '';
   public displayedColumns = ['slug', 'masterEncryption', 'expiresAt', 'updatedAt', 'actions'];
+  public subscriptions: Subscription[] = [];
 
   private searchSubject = new Subject<string>();
-  private subscriptions: Subscription[] = [];
 
   constructor(
     private _secrets: SecretsService,

frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.ts

@@ -5,6 +5,7 @@ import { CommonModule } from '@angular/common';
 import { ConnectionsService } from 'src/app/services/connections.service';
 import { FormsModule } from '@angular/forms';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { DBtype } from 'src/app/models/connection';
 
 @Component({
   selector: 'app-edit-boolean',
@@ -16,6 +17,7 @@ export class BooleanEditComponent extends BaseEditFieldComponent {
   @Input() value: boolean | number | string | null;
 
   public isRadiogroup: boolean;
+  connectionType: DBtype;
 
   constructor(
     private _connections: ConnectionsService,
@@ -40,8 +42,8 @@ export class BooleanEditComponent extends BaseEditFieldComponent {
     // Parse widget parameters if available
     let parsedParams = null;
     if (this.widgetStructure?.widget_params) {
-      parsedParams = typeof this.widgetStructure.widget_params === 'string' 
-        ? JSON.parse(this.widgetStructure.widget_params) 
+      parsedParams = typeof this.widgetStructure.widget_params === 'string'
+        ? JSON.parse(this.widgetStructure.widget_params)
         : this.widgetStructure.widget_params;
     }
 
@@ -57,4 +59,4 @@ export class BooleanEditComponent extends BaseEditFieldComponent {
     }
     this.onFieldChange.emit(this.value);
   }
-}
+}

frontend/src/app/components/ui-components/record-edit-fields/money/money.component.spec.ts

@@ -27,13 +27,13 @@ describe('MoneyEditComponent', () => {
 
     fixture = TestBed.createComponent(MoneyEditComponent);
     component = fixture.componentInstance;
-    
+
     // Set required properties from base component
     component.label = 'Test Money';
     component.required = false;
     component.disabled = false;
     component.readonly = false;
-    
+
     fixture.detectChanges();
   });
 
@@ -87,9 +87,9 @@ describe('MoneyEditComponent', () => {
     component.selectedCurrency = 'EUR';
     component.amount = 100;
     spyOn(component.onFieldChange, 'emit');
-    
+
     component.onCurrencyChange();
-    
+
     expect(component.onFieldChange.emit).toHaveBeenCalledWith({
       amount: 100,
       currency: 'EUR'
@@ -100,9 +100,9 @@ describe('MoneyEditComponent', () => {
     component.displayAmount = '123.45';
     component.selectedCurrency = 'USD';
     spyOn(component.onFieldChange, 'emit');
-    
+
     component.onAmountChange();
-    
+
     expect(component.amount).toBe(123.45);
     expect(component.onFieldChange.emit).toHaveBeenCalledWith(123.45);
   });
@@ -112,9 +112,9 @@ describe('MoneyEditComponent', () => {
     component.displayAmount = '123.45';
     component.selectedCurrency = 'USD';
     spyOn(component.onFieldChange, 'emit');
-    
+
     component.onAmountChange();
-    
+
     expect(component.amount).toBe(123.45);
     expect(component.onFieldChange.emit).toHaveBeenCalledWith({
       amount: 123.45,
@@ -125,40 +125,39 @@ describe('MoneyEditComponent', () => {
   it('should handle invalid amount input with letters', () => {
     component.amount = 100;
     component.displayAmount = 'abc123def'; // Contains letters which get stripped
-    
+
     component.onAmountChange();
     component.onAmountBlur();
-    
+
     expect(component.amount).toBe(123);
     expect(component.displayAmount).toBe('123.00');
   });
 
   it('should handle completely invalid input', () => {
     component.amount = 100;
     component.displayAmount = 'invalid'; // All letters, becomes empty after strip
-    
+
     component.onAmountChange();
-    
-    // @ts-expect-error
+
     expect(component.amount).toBe('');
     expect(component.displayAmount).toBe('');
   });
 
   it('should handle invalid amount input when amount is empty', () => {
     component.amount = '';
     component.displayAmount = 'invalid';
-    
+
     component.onAmountChange();
-    
+
     expect(component.displayAmount).toBe('');
   });
 
   it('should respect allow_negative configuration', () => {
     component.allowNegative = false;
     component.displayAmount = '-123.45';
-    
+
     component.onAmountChange();
-    
+
     expect(component.amount).toBe(123.45);
   });
 
@@ -175,9 +174,9 @@ describe('MoneyEditComponent', () => {
         allow_negative: false
       }
     };
-    
+
     component.configureFromWidgetParams();
-    
+
     expect(component.defaultCurrency).toBe('EUR');
     expect(component.showCurrencySelector).toBe(true);
     expect(component.decimalPlaces).toBe(3);
@@ -187,25 +186,25 @@ describe('MoneyEditComponent', () => {
   it('should return correct display value', () => {
     component.amount = 123.45;
     component.selectedCurrency = 'USD';
-    
+
     const displayValue = component.displayValue;
-    
+
     expect(displayValue).toBe('$123.45');
   });
 
   it('should return correct placeholder', () => {
     component.selectedCurrency = 'EUR';
-    
+
     const placeholder = component.placeholder;
-    
+
     expect(placeholder).toBe('Enter amount in Euro');
   });
 
   it('should find selected currency data', () => {
     component.selectedCurrency = 'GBP';
-    
+
     const currencyData = component.selectedCurrencyData;
-    
+
     expect(currencyData.code).toBe('GBP');
     expect(currencyData.name).toBe('British Pound');
     expect(currencyData.symbol).toBe('£');
@@ -214,9 +213,9 @@ describe('MoneyEditComponent', () => {
   it('should emit empty value when amount is cleared', () => {
     component.amount = '';
     spyOn(component.onFieldChange, 'emit');
-    
+
     component.updateValue();
-    
+
     expect(component.onFieldChange.emit).toHaveBeenCalledWith('');
   });
-});
+});

frontend/src/app/components/ui-components/record-edit-fields/money/money.component.ts

@@ -146,7 +146,7 @@ export class MoneyEditComponent extends BaseEditFieldComponent implements OnInit
     }
   }
 
-  private formatAmount(amount: number | string): string {
+  public formatAmount(amount: number | string): string {
     if (amount === '' || amount === null || amount === undefined) {
       return '';
     }
@@ -160,7 +160,7 @@ export class MoneyEditComponent extends BaseEditFieldComponent implements OnInit
     return numericAmount.toFixed(this.decimalPlaces);
   }
 
-  private updateValue(): void {
+  public updateValue(): void {
     if (this.amount === '' || this.amount === null || this.amount === undefined) {
       this.value = '';
     } else {
@@ -202,4 +202,4 @@ export class MoneyEditComponent extends BaseEditFieldComponent implements OnInit
   displayCurrencyFn(currency: Money): string {
     return currency ? `${currency.flag || ''} ${currency.code} - ${currency.name}` : '';
   }
-}
+}