Merge pull request #1522 from rocket-admin/update-db-naming-and-links

databases list: add compatible databases to the list and ScyllaDB docs link

Author: lyubov-voloshko

frontend/src/app/components/connect-db/connect-db.component.ts

@@ -408,6 +408,7 @@ export class ConnectDBComponent implements OnInit {
     if (this.db.host.endsWith('.azure.com')) provider = 'azure';
     if (this.db.host.endsWith('.mongodb.net')) provider = 'mongoatlas';
     if (this.db.host.endsWith('.ondigitalocean.com')) provider = 'digitalocean';
+    if (this.db.host.endsWith('.scylla.cloud')) provider = 'scylladbcloud';
     if(isIP(this.db.host)) {
       const hostIP = ipaddr.parse(this.db.host);
       for (const addr of googlIPsList) {

frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.ts

@@ -27,7 +27,7 @@ export class DbConnectionConfirmDialogComponent implements OnInit {
     google: 'Google Cloud Platform',
     mongoatlas: 'MongoDB Atlas',
     digitalocean: 'DigitalOcean',
-
+    scylladbcloud: 'ScyllaDB Cloud',
     amazonDynamoDB: 'Amazon DynamoDB',
   };
   public providerDocsLink = {
@@ -36,7 +36,7 @@ export class DbConnectionConfirmDialogComponent implements OnInit {
     google: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_google_cloud',
     mongoatlas: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_mongo_atlas',
     digitalocean: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_digitalocean_postgresql',
-
+    scylladbcloud: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_scylladb',
     amazonDynamoDB: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_aws_dynamodb',
   }
 

frontend/src/app/components/connections-list/own-connections/own-connections.component.css

@@ -40,6 +40,7 @@
     list-style: none;
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
+    align-items: stretch;
     grid-gap: 20px;
     margin-top: 24px;
     width: 77%;
@@ -65,6 +66,7 @@
     font-weight: 600;
     padding: 12px;
     text-decoration: none;
+    height: 100%;
     transition: box-shadow 200ms, background 200ms, border 200ms;
 }
 
@@ -108,6 +110,10 @@
     width: 30px;
 }
 
+.addConnectionLink__label {
+    text-align: center;
+}
+
 .showAllButton {
     margin-top: 20px;
     margin-bottom: -56px;

frontend/src/app/components/connections-list/own-connections/own-connections.component.html

@@ -13,7 +13,7 @@ <h1 *ngIf="(currentUser?.role === 'ADMIN' || currentUser?.role === 'DB_ADMIN') &
                 <div class="addConnectionLink__iconBox">
                     <mat-icon [svgIcon]="supportedDatabase" class="addConnectionLink__icon"></mat-icon>
                 </div>
-                {{ supportedDatabasesTitles[supportedDatabase] }}
+                <span class="addConnectionLink__label">{{ supportedDatabasesTitles[supportedDatabase] }}</span>
             </a>
         </li>
     </ul>

frontend/src/app/consts/databases.ts

@@ -13,15 +13,15 @@ export const supportedOrderedDatabases = [
 ]
 
 export const supportedDatabasesTitles = {
-    mysql: "MySQL",
+    mysql: "MySQL  (MariaDB)",
     postgres: "PostgreSQL",
     mongodb: "MongoDB",
     dynamodb: "DynamoDB",
-    cassandra: "Cassandra",
+    cassandra: "Cassandra (ScyllaDB)",
     oracledb: "OracleDB",
     mssql: "SQL Server",
     redis: "Redis",
-    elasticsearch: "Elasticsearch",
+    elasticsearch: "Elasticsearch (OpenSearch)",
     clickhouse: "ClickHouse",
     ibmdb2: "IBM DB2"
   }