+ {{ data.connectionId ? 'Hosted PostgreSQL is ready' : 'Hosted PostgreSQL created' }} +
+ ++ Your hosted PostgreSQL database is provisioned and already connected to RocketAdmin. + Save these credentials now. The password is shown only once. +
+ } @else { ++ Your hosted PostgreSQL database is provisioned, but RocketAdmin could not finish the automatic connection setup. + Save these credentials now and use them for a manual PostgreSQL connection or support follow-up. +
+ } + + @if (data.errorMessage) { ++ Automatic connection setup failed: {{ data.errorMessage }} +
+ } + +
+
+
+
+ Database
+
+ {{ data.hostedDatabase.databaseName }}
+
+ Host
+
+ {{ data.hostedDatabase.hostname }}
+
+ Port
+
+ {{ data.hostedDatabase.port }}
+
+ Username
+
+ {{ data.hostedDatabase.username }}
+
+ Password
+
+ {{ data.hostedDatabase.password }}
+ + The generated password cannot be recovered from this screen later. +
++ @if (showHostedDatabaseEntry) { +
{{ connectionItem.displayTitle }}
+ @if (showHostedDatabaseEntry && connections?.length) {
+
+ }
{{ connectionItem.displayTitle }}
-
diff --git a/frontend/src/app/components/connections-list/own-connections/own-connections.component.spec.ts b/frontend/src/app/components/connections-list/own-connections/own-connections.component.spec.ts
index a2420789f..dd4440fa1 100644
--- a/frontend/src/app/components/connections-list/own-connections/own-connections.component.spec.ts
+++ b/frontend/src/app/components/connections-list/own-connections/own-connections.component.spec.ts
@@ -1,24 +1,141 @@
import { provideHttpClient } from '@angular/common/http';
import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { MatDialog } from '@angular/material/dialog';
import { provideRouter } from '@angular/router';
+import { of } from 'rxjs';
+import { CompanyMemberRole } from 'src/app/models/company';
+import { SubscriptionPlans, User } from 'src/app/models/user';
+import { CompanyService } from 'src/app/services/company.service';
+import { ConnectionsService } from 'src/app/services/connections.service';
+import { HostedDatabaseService } from 'src/app/services/hosted-database.service';
+import { NotificationsService } from 'src/app/services/notifications.service';
+import { UiSettingsService } from 'src/app/services/ui-settings.service';
import { OwnConnectionsComponent } from './own-connections.component';
describe('OwnConnectionsComponent', () => {
let component: OwnConnectionsComponent;
let fixture: ComponentFixture