From 0ec3884aa49d95c222c2a3861f1f704f854d1da1 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Fri, 21 Nov 2025 15:56:07 +0200
Subject: [PATCH 1/2] add elasticsearch creds form

---
 .../elastic-credentials-form.component.css    |  14 ++
 .../elastic-credentials-form.component.html   | 188 ++++++++++++++++++
 ...elastic-credentials-form.component.spec.ts |  61 ++++++
 .../elastic-credentials-form.component.ts     |  31 +++
 4 files changed, 294 insertions(+)
 create mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.css
 create mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.html
 create mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.spec.ts
 create mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.ts

diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.css b/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.css
new file mode 100644
index 000000000..8b6ed6b0b
--- /dev/null
+++ b/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.css
@@ -0,0 +1,14 @@
+.connectForm__hostname,
+.connectForm__port {
+    padding-bottom: 20px;
+}
+
+@media (width <= 600px) {
+    .connectForm__hostname {
+        padding-bottom: 44px;
+    }
+
+    .connectForm__port {
+        padding-bottom: 0;
+    }
+}
\ No newline at end of file
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.html b/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.html
new file mode 100644
index 000000000..d1d533860
--- /dev/null
+++ b/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.html
@@ -0,0 +1,188 @@
+<mat-form-field appearance="outline" class="connectForm__hostname credentials-fieldset__1-3-columns">
+    <mat-label>Hostname</mat-label>
+    <input matInput name="hostname" #hostname="ngModel"
+        data-testid="connection-hostname-input"
+        angulartics2On="change"
+        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: hostname is edited"
+        required hostnameValidator="mongodb"
+        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
+        [disabled]="submitting"
+        [(ngModel)]="connection.host">
+    <mat-hint>
+        E.g. <strong><code>mongodb+srv://my-test-db.8a8grvb.mongoconnection.net</code></strong><br>
+        Connections from internal IPs (e.g. localhost) are not supported
+    </mat-hint>
+
+    <mat-error *ngIf="hostname.errors?.isLocalhost && hostname.invalid">
+        To connect a database to an internal IP, use something like <strong>Pinggy</strong>
+        (<a [href]="tunnelingServiceLink" target="_blank" class="credentials-fieldset__hint-link">here's a guide</a>),
+        or <button type="button" (click)="switchToAgent.emit()" class="credentials-fieldset__hint-button">click here</button> to connect through an agent
+    </mat-error>
+    <mat-error *ngIf="hostname.errors?.isInvalidHostname && hostname.invalid">Hostname is invalid</mat-error>
+</mat-form-field>
+
+<mat-form-field appearance="outline" class="connectForm__port">
+    <mat-label>Port</mat-label>
+    <input matInput type="number" name="port" #port="ngModel"
+        data-testid="connection-port-input"
+        angulartics2On="change"
+        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: port is edited"
+        required
+        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
+        [disabled]="submitting"
+        [(ngModel)]="connection.port">
+    <mat-error *ngIf="port.errors?.required && (port.invalid && port.touched)">Port should not be empty</mat-error>
+</mat-form-field>
+
+<mat-form-field appearance="outline" class="credentials-fieldset__1-2-columns">
+    <mat-label>Username</mat-label>
+    <input matInput name="username" #username="ngModel"
+        data-testid="connection-username-input"
+        angulartics2On="change"
+        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: username is edited"
+        required
+        [readonly]="readonly"
+        [disabled]="submitting"
+        [(ngModel)]="connection.username">
+    <mat-error *ngIf="username.errors?.required && (username.invalid && username.touched)">Username should not be empty</mat-error>
+</mat-form-field>
+
+<mat-form-field appearance="outline" class="credentials-fieldset__3-4-columns">
+    <mat-label>Password</mat-label>
+    <input type="password" matInput name="password" #password="ngModel"
+        data-testid="connection-password-input"
+        angulartics2On="change"
+        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: password is edited"
+        [required]="!connection.id || hostname.touched || port.touched"
+        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
+        [disabled]="submitting"
+        [(ngModel)]="connection.password">
+    <mat-hint *ngIf="connection.id && (hostname.pristine && port.pristine)">To keep password the same keep this field blank</mat-hint>
+    <mat-hint *ngIf="connection.id && (hostname.dirty || port.dirty)">Password needed due to hostname/port change</mat-hint>
+</mat-form-field>
+
+<mat-expansion-panel class="credentials-fieldset__1-4-columns">
+    <mat-expansion-panel-header data-testid="connection-advanced-settings-expansion-panel-header">
+        <mat-panel-title>
+            Advanced settings
+        </mat-panel-title>
+    </mat-expansion-panel-header>
+
+    <div class="advanced-settings">
+        <app-master-encryption-password class="advanced-settings__fullLine"
+            [masterKey]="masterKey"
+            [disabled]="accessLevel === 'readonly' || submitting || connection.isTestConnection"
+            (onMasterKeyChange)="handleMasterKeyChange($event)">
+        </app-master-encryption-password>
+
+        <mat-form-field appearance="outline" class="advanced-settings__fullLine">
+            <mat-label>Username</mat-label>
+            <input matInput name="username" #username="ngModel"
+                data-testid="connection-username-input"
+                angulartics2On="change"
+                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: username is edited"
+                [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
+                [disabled]="submitting"
+                [(ngModel)]="connection.username">
+            <mat-error *ngIf="username.errors?.required && (username.invalid && username.touched)">Username should not be empty</mat-error>
+        </mat-form-field>
+
+        <mat-form-field appearance="outline" class="advanced-settings__fullLine">
+            <mat-label>Database name</mat-label>
+            <input matInput name="database" #database="ngModel"
+                data-testid="connection-database-input"
+                angulartics2On="change"
+                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: database name is edited"
+                [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
+                [disabled]="submitting"
+                [(ngModel)]="connection.database">
+            <mat-error *ngIf="database.errors?.required && (database.invalid && database.touched)">Name should not be empty</mat-error>
+        </mat-form-field>
+
+        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssh" #ssh="ngModel"
+            data-testid="connection-ssh-checkbox"
+            labelPosition="after"
+            angulartics2On="click"
+            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH is switched"
+            [angularticsProperties]="{'enable': connection.ssh}"
+            [disabled]="submitting || connection.isTestConnection"
+            [(ngModel)]="connection.ssh">
+            Use SSH tunnel
+        </mat-checkbox>
+
+        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always" class="advanced-settings__fullLine">
+            <mat-label>Private SSH key</mat-label>
+            <textarea matInput resizeToFitContent rows="8" name="privateSSHKey" #privateSSHKey="ngModel"
+                placeholder="Sensitive — write-only field"
+                data-testid="connection-ssh-key-textarea"
+                angulartics2On="change"
+                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH key is edited"
+                [required]="connection.ssh && !connection.id" [readonly]="accessLevel === 'readonly' && connection.id"
+                [disabled]="submitting"
+                [(ngModel)]="connection.privateSSHKey"
+            ></textarea>
+            <mat-error *ngIf="privateSSHKey.errors?.required && (privateSSHKey.invalid && privateSSHKey.touched)">Private SSH key should not be empty</mat-error>
+        </mat-form-field>
+
+        <mat-form-field *ngIf="connection.ssh" appearance="outline">
+            <mat-label>SSH host</mat-label>
+            <input matInput name="sshHost" #sshHost="ngModel"
+                data-testid="connection-ssh-host-input"
+                angulartics2On="change"
+                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH host is edited"
+                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
+                [disabled]="submitting"
+                [(ngModel)]="connection.sshHost">
+            <mat-error *ngIf="sshHost.errors?.required && (sshHost.invalid && sshHost.touched)">SSH host should not be empty</mat-error>
+        </mat-form-field>
+
+        <mat-form-field *ngIf="connection.ssh" appearance="outline">
+            <mat-label>SSH port</mat-label>
+            <input matInput type="number" name="sshPort" #sshPort="ngModel"
+                data-testid="connection-ssh-port-input"
+                angulartics2On="change"
+                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH port is edited"
+                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
+                [disabled]="submitting"
+                [(ngModel)]="connection.sshPort">
+            <mat-error *ngIf="sshPort.errors?.required && (sshPort.invalid && sshPort.touched)">SSH port should not be empty</mat-error>
+        </mat-form-field>
+
+        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always">
+            <mat-label>SSH username</mat-label>
+            <input matInput name="sshUsername" #sshUsername="ngModel"
+                placeholder="Sensitive — write-only field"
+                data-testid="connection-ssh-username-input"
+                angulartics2On="change"
+                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH username is edited"
+                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
+                [disabled]="submitting"
+                [(ngModel)]="connection.sshUsername">
+            <mat-error *ngIf="sshUsername.errors?.required && (sshUsername.invalid && sshUsername.touched)">SSH username should not be empty</mat-error>
+        </mat-form-field>
+
+        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssl" #ssh="ngModel"
+            labelPosition="after"
+            data-testid="connection-ssl-checkbox"
+            angulartics2On="click"
+            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL is switched"
+            [angularticsProperties]="{'enable': connection.ssl}"
+            [disabled]="submitting || connection.isTestConnection"
+            [(ngModel)]="connection.ssl">
+            Check SSL certificate
+        </mat-checkbox>
+
+        <mat-form-field *ngIf="connection.ssl" appearance="outline" class="advanced-settings__fullLine">
+            <mat-label>SSL certificate</mat-label>
+            <textarea matInput resizeToFitContent rows="8" name="sslCert" #sslCert="ngModel"
+                data-testid="connection-ssl-certificate-textarea"
+                angulartics2On="change"
+                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL certificate is edited"
+                [required]="connection.ssl" [readonly]="accessLevel === 'readonly' && connection.id"
+                [disabled]="submitting"
+                [(ngModel)]="connection.cert"
+            ></textarea>
+            <mat-error *ngIf="sslCert.errors?.required && (sslCert.invalid && sslCert.touched)">SSL certificate should not be empty</mat-error>
+        </mat-form-field>
+    </div>
+</mat-expansion-panel>
\ No newline at end of file
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.spec.ts b/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.spec.ts
new file mode 100644
index 000000000..ae83b4871
--- /dev/null
+++ b/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.spec.ts
@@ -0,0 +1,61 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Angulartics2Module } from 'angulartics2';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { FormsModule } from '@angular/forms';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { RedisCredentialsFormComponent } from './redis-credentials-form.component';
+import { provideHttpClient } from '@angular/common/http';
+
+describe('RedisCredentialsFormComponent', () => {
+  let component: RedisCredentialsFormComponent;
+  let fixture: ComponentFixture<RedisCredentialsFormComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+    imports: [
+        FormsModule,
+        MatCheckboxModule,
+        BrowserAnimationsModule,
+        Angulartics2Module.forRoot({}),
+        RedisCredentialsFormComponent
+    ],
+    providers: [provideHttpClient()]
+})
+    .compileComponents();
+
+    fixture = TestBed.createComponent(RedisCredentialsFormComponent);
+    component = fixture.componentInstance;
+
+    component.connection = {
+      id: "12345678"
+    } as any;
+
+    // component.connection = {
+    //   "title": "Test connection via SSH tunnel to mySQL",
+    //   "masterEncryption": false,
+    //   "type": DBtype.MySQL,
+    //   "host": "database-2.cvfuxe8nltiq.us-east-2.rds.amazonaws.com",
+    //   "port": "3306",
+    //   "username": "admin",
+    //   "database": "testDB",
+    //   "schema": null,
+    //   "sid": null,
+    //   "id": "9d5f6d0f-9516-4598-91c4-e4fe6330b4d4",
+    //   "ssh": true,
+    //   "sshHost": "3.134.99.192",
+    //   "sshPort": '22',
+    //   "sshUsername": "ubuntu",
+    //   "ssl": false,
+    //   "cert": null,
+    //   "connectionType": ConnectionType.Direct,
+    //   "azure_encryption": false,
+    //   "signing_key": ''
+    // };
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.ts b/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.ts
new file mode 100644
index 000000000..fff5c7836
--- /dev/null
+++ b/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.ts
@@ -0,0 +1,31 @@
+import { Angulartics2Module } from 'angulartics2';
+import { BaseCredentialsFormComponent } from '../base-credentials-form/base-credentials-form.component';
+import { Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { HostnameValidationDirective } from 'src/app/directives/hostnameValidator.directive';
+import { MasterEncryptionPasswordComponent } from '../../master-encryption-password/master-encryption-password.component';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { NgIf } from '@angular/common';
+
+@Component({
+  selector: 'app-redis-credentials-form',
+  templateUrl: './redis-credentials-form.component.html',
+  styleUrls: ['../base-credentials-form/base-credentials-form.component.css', './redis-credentials-form.component.css'],
+  imports: [
+    NgIf,
+    FormsModule,
+    MatFormFieldModule,
+    MatInputModule,
+    MatCheckboxModule,
+    MatExpansionModule,
+    HostnameValidationDirective,
+    MasterEncryptionPasswordComponent,
+    Angulartics2Module
+  ]
+})
+export class RedisCredentialsFormComponent extends BaseCredentialsFormComponent {
+
+}

From a6b1965a4aba216a63c7b0f0a54b7677a30c9093 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Fri, 21 Nov 2025 16:41:42 +0200
Subject: [PATCH 2/2] creds and components

---
 .../connect-db/connect-db.component.html           | 14 ++++++++++++++
 .../components/connect-db/connect-db.component.ts  |  3 +++
 .../elastic-credentials-form.component.html        |  4 ++--
 .../elastic-credentials-form.component.spec.ts     | 12 ++++++------
 .../elastic-credentials-form.component.ts          |  8 ++++----
 frontend/src/app/consts/databases.ts               |  2 ++
 frontend/src/app/consts/record-edit-types.ts       |  9 +++++++++
 frontend/src/app/consts/record-view-types.ts       |  9 +++++++++
 frontend/src/app/consts/table-display-types.ts     |  9 +++++++++
 frontend/src/app/models/connection.ts              |  1 +
 10 files changed, 59 insertions(+), 12 deletions(-)

diff --git a/frontend/src/app/components/connect-db/connect-db.component.html b/frontend/src/app/components/connect-db/connect-db.component.html
index 28513afa8..8ebfb3796 100644
--- a/frontend/src/app/components/connect-db/connect-db.component.html
+++ b/frontend/src/app/components/connect-db/connect-db.component.html
@@ -179,6 +179,20 @@ <h1 class="mat-h1 connectForm__fullLine">
             (masterKeyChange)="handleMasterKeyChange($event)">
         </app-redis-credentials-form>
 
+        <app-elastic-credentials-form *ngIf="db.type === 'elasticsearch' && db.connectionType === 'direct'"
+            [ngClass]="{
+                'credentials-fieldset': !db.isTestConnection,
+                'credentials-fieldset-no-warning': db.isTestConnection || !isSaas
+            }"
+            [connection]="db"
+            [submitting]="submitting"
+            [accessLevel]="accessLevel"
+            [masterKey]="masterKey"
+            [readonly]="(accessLevel === 'readonly' || db.isTestConnection) && db.id"
+            (switchToAgent)="switchToAgent"
+            (masterKeyChange)="handleMasterKeyChange($event)">
+        </app-elastic-credentials-form>
+
         <app-db2-credentials-form *ngIf="db.type === 'ibmdb2' && db.connectionType === 'direct'"
             [ngClass]="{
                 'credentials-fieldset': !db.isTestConnection,
diff --git a/frontend/src/app/components/connect-db/connect-db.component.ts b/frontend/src/app/components/connect-db/connect-db.component.ts
index 48ed08d6e..cd0241519 100644
--- a/frontend/src/app/components/connect-db/connect-db.component.ts
+++ b/frontend/src/app/components/connect-db/connect-db.component.ts
@@ -19,6 +19,7 @@ import { DbConnectionConfirmDialogComponent } from './db-connection-confirm-dial
 import { DbConnectionDeleteDialogComponent } from './db-connection-delete-dialog/db-connection-delete-dialog.component';
 import { DbConnectionIpAccessDialogComponent } from './db-connection-ip-access-dialog/db-connection-ip-access-dialog.component';
 import { DynamodbCredentialsFormComponent } from './db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component';
+import { ElasticCredentialsFormComponent } from './db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component';
 import { FormsModule } from '@angular/forms';
 import { IpAddressButtonComponent } from '../ui-components/ip-address-button/ip-address-button.component';
 import { MatButtonModule } from '@angular/material/button';
@@ -74,6 +75,7 @@ import isIP from 'validator/lib/isIP';
     OracledbCredentialsFormComponent,
     PostgresCredentialsFormComponent,
     RedisCredentialsFormComponent,
+    ElasticCredentialsFormComponent,
     IpAddressButtonComponent,
     AlertComponent,
     Angulartics2Module
@@ -104,6 +106,7 @@ export class ConnectDBComponent implements OnInit {
     [DBtype.Dynamo]: '',
     [DBtype.Cassandra]: '9042',
     [DBtype.Redis]: '6379',
+    [DBtype.Elasticsearch]: '9200',
     [DBtype.DB2]: '50000'
   }
 
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.html b/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.html
index d1d533860..625dc77dc 100644
--- a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.html
+++ b/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.html
@@ -4,12 +4,12 @@
         data-testid="connection-hostname-input"
         angulartics2On="change"
         angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: hostname is edited"
-        required hostnameValidator="mongodb"
+        required hostnameValidator
         [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
         [disabled]="submitting"
         [(ngModel)]="connection.host">
     <mat-hint>
-        E.g. <strong><code>mongodb+srv://my-test-db.8a8grvb.mongoconnection.net</code></strong><br>
+        E.g. <strong><code>cluster-123456.es.europe-west1.gcp.elastic-cloud.com</code></strong><br>
         Connections from internal IPs (e.g. localhost) are not supported
     </mat-hint>
 
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.spec.ts b/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.spec.ts
index ae83b4871..4f24e4172 100644
--- a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.spec.ts
+++ b/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.spec.ts
@@ -2,14 +2,14 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { Angulartics2Module } from 'angulartics2';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { ElasticCredentialsFormComponent } from './elastic-credentials-form.component';
 import { FormsModule } from '@angular/forms';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import { RedisCredentialsFormComponent } from './redis-credentials-form.component';
 import { provideHttpClient } from '@angular/common/http';
 
-describe('RedisCredentialsFormComponent', () => {
-  let component: RedisCredentialsFormComponent;
-  let fixture: ComponentFixture<RedisCredentialsFormComponent>;
+describe('ElasticCredentialsFormComponent', () => {
+  let component: ElasticCredentialsFormComponent;
+  let fixture: ComponentFixture<ElasticCredentialsFormComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
@@ -18,13 +18,13 @@ describe('RedisCredentialsFormComponent', () => {
         MatCheckboxModule,
         BrowserAnimationsModule,
         Angulartics2Module.forRoot({}),
-        RedisCredentialsFormComponent
+        ElasticCredentialsFormComponent
     ],
     providers: [provideHttpClient()]
 })
     .compileComponents();
 
-    fixture = TestBed.createComponent(RedisCredentialsFormComponent);
+    fixture = TestBed.createComponent(ElasticCredentialsFormComponent);
     component = fixture.componentInstance;
 
     component.connection = {
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.ts b/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.ts
index fff5c7836..ee726283f 100644
--- a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.ts
+++ b/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.ts
@@ -11,9 +11,9 @@ import { MatInputModule } from '@angular/material/input';
 import { NgIf } from '@angular/common';
 
 @Component({
-  selector: 'app-redis-credentials-form',
-  templateUrl: './redis-credentials-form.component.html',
-  styleUrls: ['../base-credentials-form/base-credentials-form.component.css', './redis-credentials-form.component.css'],
+  selector: 'app-elastic-credentials-form',
+  templateUrl: './elastic-credentials-form.component.html',
+  styleUrls: ['../base-credentials-form/base-credentials-form.component.css', './elastic-credentials-form.component.css'],
   imports: [
     NgIf,
     FormsModule,
@@ -26,6 +26,6 @@ import { NgIf } from '@angular/common';
     Angulartics2Module
   ]
 })
-export class RedisCredentialsFormComponent extends BaseCredentialsFormComponent {
+export class ElasticCredentialsFormComponent extends BaseCredentialsFormComponent {
 
 }
diff --git a/frontend/src/app/consts/databases.ts b/frontend/src/app/consts/databases.ts
index deab3d674..82a05a714 100644
--- a/frontend/src/app/consts/databases.ts
+++ b/frontend/src/app/consts/databases.ts
@@ -7,6 +7,7 @@ export const supportedOrderedDatabases = [
     "oracledb",
     "mssql",
     "redis",
+    "elasticsearch",
     "ibmdb2"
 ]
 
@@ -19,5 +20,6 @@ export const supportedDatabasesTitles = {
     oracledb: "OracleDB",
     mssql: "SQL Server",
     redis: "Redis",
+    elasticsearch: "Elasticsearch",
     ibmdb2: "IBM DB2"
   }
\ No newline at end of file
diff --git a/frontend/src/app/consts/record-edit-types.ts b/frontend/src/app/consts/record-edit-types.ts
index 81f791998..9e172b121 100644
--- a/frontend/src/app/consts/record-edit-types.ts
+++ b/frontend/src/app/consts/record-edit-types.ts
@@ -316,5 +316,14 @@ export const recordEditTypes = {
         boolean: BooleanEditComponent,
         array: JsonEditorEditComponent,
         json: JsonEditorEditComponent,
+    },
+    elasticsearch: {
+        string: TextEditComponent,
+        number: NumberEditComponent,
+        boolean: BooleanEditComponent,
+        date: DateEditComponent,
+        object: JsonEditorEditComponent,
+        array: JsonEditorEditComponent,
+        binary: FileEditComponent,
     }
 }
diff --git a/frontend/src/app/consts/record-view-types.ts b/frontend/src/app/consts/record-view-types.ts
index ed5ddf714..2e663fa92 100644
--- a/frontend/src/app/consts/record-view-types.ts
+++ b/frontend/src/app/consts/record-view-types.ts
@@ -309,5 +309,14 @@ export const recordViewFieldTypes = {
         boolean: BooleanRecordViewComponent,
         array: JsonEditorRecordViewComponent,
         json: JsonEditorRecordViewComponent,
+    },
+    elasticsearch: {
+        string: TextRecordViewComponent,
+        number: NumberRecordViewComponent,
+        boolean: BooleanRecordViewComponent,
+        date: DateRecordViewComponent,
+        object: JsonEditorRecordViewComponent,
+        array: JsonEditorRecordViewComponent,
+        binary: FileRecordViewComponent,
     }
 }
diff --git a/frontend/src/app/consts/table-display-types.ts b/frontend/src/app/consts/table-display-types.ts
index 417ff3771..0abf9ae22 100644
--- a/frontend/src/app/consts/table-display-types.ts
+++ b/frontend/src/app/consts/table-display-types.ts
@@ -309,5 +309,14 @@ export const tableDisplayTypes = {
         boolean: BooleanDisplayComponent,
         array: JsonEditorDisplayComponent,
         json: JsonEditorDisplayComponent,
+    },
+    elasticsearch: {
+        string: TextDisplayComponent,
+        number: NumberDisplayComponent,
+        boolean: BooleanDisplayComponent,
+        date: DateDisplayComponent,
+        object: JsonEditorDisplayComponent,
+        array: JsonEditorDisplayComponent,
+        binary: FileDisplayComponent,
     }
 }
diff --git a/frontend/src/app/models/connection.ts b/frontend/src/app/models/connection.ts
index 79ec97fcd..45554fd38 100644
--- a/frontend/src/app/models/connection.ts
+++ b/frontend/src/app/models/connection.ts
@@ -9,6 +9,7 @@ export enum DBtype {
     Dynamo = 'dynamodb',
     Cassandra = 'cassandra',
     Redis = 'redis',
+    Elasticsearch = 'elasticsearch',
     DB2 = 'ibmdb2'
 }