diff --git a/src/Explorer/Panes/AddDatabasePane.html b/src/Explorer/Panes/AddDatabasePane.html index 4df48d3f8..de0e6db83 100644 --- a/src/Explorer/Panes/AddDatabasePane.html +++ b/src/Explorer/Panes/AddDatabasePane.html @@ -73,8 +73,8 @@

diff --git a/src/Explorer/Panes/AddDatabasePane.ts b/src/Explorer/Panes/AddDatabasePane.ts index e9cd4c986..d54fffc2f 100644 --- a/src/Explorer/Panes/AddDatabasePane.ts +++ b/src/Explorer/Panes/AddDatabasePane.ts @@ -16,6 +16,7 @@ import { PlatformType } from "../../PlatformType"; export default class AddDatabasePane extends ContextualPaneBase { public defaultExperience: ko.Computed; public databaseIdLabel: ko.Computed; + public databaseIdPlaceHolder: ko.Computed; public databaseId: ko.Observable; public databaseIdTooltipText: ko.Computed; public databaseLevelThroughputTooltipText: ko.Computed; @@ -70,6 +71,11 @@ export default class AddDatabasePane extends ContextualPaneBase { this.databaseIdLabel = ko.computed(() => this.container.isPreferredApiCassandra() ? "Keyspace id" : "Database id" ); + + this.databaseIdPlaceHolder = ko.computed(() => + this.container.isPreferredApiCassandra() ? "Type a new keyspace id" : "Type a new database id" + ); + this.databaseIdTooltipText = ko.computed(() => { const isCassandraAccount: boolean = this.container.isPreferredApiCassandra(); return `A ${isCassandraAccount ? "keyspace" : "database"} is a logical container of one or more ${