Remove Old Add Database Pane Code (#784)
Co-authored-by: Steve Faulkner <southpolesteve@gmail.com>
This commit is contained in:
Hardikkumar Nai
GitHub
parent
f9e8b5eaaa
commit
a52a156005
|
|
@ -13,6 +13,4 @@ ko.components.register("dynamic-list", DynamicListComponent);
|
||||||
ko.components.register("throughput-input-autopilot-v3", ThroughputInputComponentAutoPilotV3);
|
ko.components.register("throughput-input-autopilot-v3", ThroughputInputComponentAutoPilotV3);
|
||||||
|
|
||||||
// Panes
|
// Panes
|
||||||
|
|
||||||
ko.components.register("add-database-pane", new PaneComponents.AddDatabasePaneComponent());
|
|
||||||
ko.components.register("cassandra-add-collection-pane", new PaneComponents.CassandraAddCollectionPaneComponent());
|
ko.components.register("cassandra-add-collection-pane", new PaneComponents.CassandraAddCollectionPaneComponent());
|
||||||
|
|
|
||||||
|
|
@ -35,49 +35,6 @@ exports[`SettingsComponent renders 1`] = `
|
||||||
"_refreshSparkEnabledStateForAccount": [Function],
|
"_refreshSparkEnabledStateForAccount": [Function],
|
||||||
"_resetNotebookWorkspace": [Function],
|
"_resetNotebookWorkspace": [Function],
|
||||||
"addCollectionText": [Function],
|
"addCollectionText": [Function],
|
||||||
"addDatabasePane": AddDatabasePane {
|
|
||||||
"autoPilotUsageCost": [Function],
|
|
||||||
"canConfigureThroughput": [Function],
|
|
||||||
"canExceedMaximumValue": [Function],
|
|
||||||
"canRequestSupport": [Function],
|
|
||||||
"container": [Circular],
|
|
||||||
"costsVisible": [Function],
|
|
||||||
"databaseCreateNewShared": [Function],
|
|
||||||
"databaseId": [Function],
|
|
||||||
"databaseIdLabel": [Function],
|
|
||||||
"databaseIdPlaceHolder": [Function],
|
|
||||||
"databaseIdTooltipText": [Function],
|
|
||||||
"databaseLevelThroughputTooltipText": [Function],
|
|
||||||
"firstFieldHasFocus": [Function],
|
|
||||||
"formErrors": [Function],
|
|
||||||
"formErrorsDetails": [Function],
|
|
||||||
"freeTierExceedThroughputTooltip": [Function],
|
|
||||||
"id": "adddatabasepane",
|
|
||||||
"isAutoPilotSelected": [Function],
|
|
||||||
"isExecuting": [Function],
|
|
||||||
"isFreeTierAccount": [Function],
|
|
||||||
"isTemplateReady": [Function],
|
|
||||||
"maxAutoPilotThroughputSet": [Function],
|
|
||||||
"maxThroughputRU": [Function],
|
|
||||||
"maxThroughputRUText": [Function],
|
|
||||||
"minThroughputRU": [Function],
|
|
||||||
"onMoreDetailsKeyPress": [Function],
|
|
||||||
"requestUnitsUsageCost": [Function],
|
|
||||||
"ruToolTipText": [Function],
|
|
||||||
"showUpsellMessage": [Function],
|
|
||||||
"throughput": [Function],
|
|
||||||
"throughputRangeText": [Function],
|
|
||||||
"throughputSpendAck": [Function],
|
|
||||||
"throughputSpendAckText": [Function],
|
|
||||||
"throughputSpendAckVisible": [Function],
|
|
||||||
"title": [Function],
|
|
||||||
"upsellAnchorText": [Function],
|
|
||||||
"upsellAnchorUrl": [Function],
|
|
||||||
"upsellMessage": [Function],
|
|
||||||
"upsellMessageAriaLabel": [Function],
|
|
||||||
"visible": [Function],
|
|
||||||
},
|
|
||||||
"addDatabaseText": [Function],
|
|
||||||
"arcadiaToken": [Function],
|
"arcadiaToken": [Function],
|
||||||
"canExceedMaximumValue": [Function],
|
"canExceedMaximumValue": [Function],
|
||||||
"canSaveQueries": [Function],
|
"canSaveQueries": [Function],
|
||||||
|
|
@ -1016,49 +973,6 @@ exports[`SettingsComponent renders 1`] = `
|
||||||
"_refreshSparkEnabledStateForAccount": [Function],
|
"_refreshSparkEnabledStateForAccount": [Function],
|
||||||
"_resetNotebookWorkspace": [Function],
|
"_resetNotebookWorkspace": [Function],
|
||||||
"addCollectionText": [Function],
|
"addCollectionText": [Function],
|
||||||
"addDatabasePane": AddDatabasePane {
|
|
||||||
"autoPilotUsageCost": [Function],
|
|
||||||
"canConfigureThroughput": [Function],
|
|
||||||
"canExceedMaximumValue": [Function],
|
|
||||||
"canRequestSupport": [Function],
|
|
||||||
"container": [Circular],
|
|
||||||
"costsVisible": [Function],
|
|
||||||
"databaseCreateNewShared": [Function],
|
|
||||||
"databaseId": [Function],
|
|
||||||
"databaseIdLabel": [Function],
|
|
||||||
"databaseIdPlaceHolder": [Function],
|
|
||||||
"databaseIdTooltipText": [Function],
|
|
||||||
"databaseLevelThroughputTooltipText": [Function],
|
|
||||||
"firstFieldHasFocus": [Function],
|
|
||||||
"formErrors": [Function],
|
|
||||||
"formErrorsDetails": [Function],
|
|
||||||
"freeTierExceedThroughputTooltip": [Function],
|
|
||||||
"id": "adddatabasepane",
|
|
||||||
"isAutoPilotSelected": [Function],
|
|
||||||
"isExecuting": [Function],
|
|
||||||
"isFreeTierAccount": [Function],
|
|
||||||
"isTemplateReady": [Function],
|
|
||||||
"maxAutoPilotThroughputSet": [Function],
|
|
||||||
"maxThroughputRU": [Function],
|
|
||||||
"maxThroughputRUText": [Function],
|
|
||||||
"minThroughputRU": [Function],
|
|
||||||
"onMoreDetailsKeyPress": [Function],
|
|
||||||
"requestUnitsUsageCost": [Function],
|
|
||||||
"ruToolTipText": [Function],
|
|
||||||
"showUpsellMessage": [Function],
|
|
||||||
"throughput": [Function],
|
|
||||||
"throughputRangeText": [Function],
|
|
||||||
"throughputSpendAck": [Function],
|
|
||||||
"throughputSpendAckText": [Function],
|
|
||||||
"throughputSpendAckVisible": [Function],
|
|
||||||
"title": [Function],
|
|
||||||
"upsellAnchorText": [Function],
|
|
||||||
"upsellAnchorUrl": [Function],
|
|
||||||
"upsellMessage": [Function],
|
|
||||||
"upsellMessageAriaLabel": [Function],
|
|
||||||
"visible": [Function],
|
|
||||||
},
|
|
||||||
"addDatabaseText": [Function],
|
|
||||||
"arcadiaToken": [Function],
|
"arcadiaToken": [Function],
|
||||||
"canExceedMaximumValue": [Function],
|
"canExceedMaximumValue": [Function],
|
||||||
"canSaveQueries": [Function],
|
"canSaveQueries": [Function],
|
||||||
|
|
@ -2010,49 +1924,6 @@ exports[`SettingsComponent renders 1`] = `
|
||||||
"_refreshSparkEnabledStateForAccount": [Function],
|
"_refreshSparkEnabledStateForAccount": [Function],
|
||||||
"_resetNotebookWorkspace": [Function],
|
"_resetNotebookWorkspace": [Function],
|
||||||
"addCollectionText": [Function],
|
"addCollectionText": [Function],
|
||||||
"addDatabasePane": AddDatabasePane {
|
|
||||||
"autoPilotUsageCost": [Function],
|
|
||||||
"canConfigureThroughput": [Function],
|
|
||||||
"canExceedMaximumValue": [Function],
|
|
||||||
"canRequestSupport": [Function],
|
|
||||||
"container": [Circular],
|
|
||||||
"costsVisible": [Function],
|
|
||||||
"databaseCreateNewShared": [Function],
|
|
||||||
"databaseId": [Function],
|
|
||||||
"databaseIdLabel": [Function],
|
|
||||||
"databaseIdPlaceHolder": [Function],
|
|
||||||
"databaseIdTooltipText": [Function],
|
|
||||||
"databaseLevelThroughputTooltipText": [Function],
|
|
||||||
"firstFieldHasFocus": [Function],
|
|
||||||
"formErrors": [Function],
|
|
||||||
"formErrorsDetails": [Function],
|
|
||||||
"freeTierExceedThroughputTooltip": [Function],
|
|
||||||
"id": "adddatabasepane",
|
|
||||||
"isAutoPilotSelected": [Function],
|
|
||||||
"isExecuting": [Function],
|
|
||||||
"isFreeTierAccount": [Function],
|
|
||||||
"isTemplateReady": [Function],
|
|
||||||
"maxAutoPilotThroughputSet": [Function],
|
|
||||||
"maxThroughputRU": [Function],
|
|
||||||
"maxThroughputRUText": [Function],
|
|
||||||
"minThroughputRU": [Function],
|
|
||||||
"onMoreDetailsKeyPress": [Function],
|
|
||||||
"requestUnitsUsageCost": [Function],
|
|
||||||
"ruToolTipText": [Function],
|
|
||||||
"showUpsellMessage": [Function],
|
|
||||||
"throughput": [Function],
|
|
||||||
"throughputRangeText": [Function],
|
|
||||||
"throughputSpendAck": [Function],
|
|
||||||
"throughputSpendAckText": [Function],
|
|
||||||
"throughputSpendAckVisible": [Function],
|
|
||||||
"title": [Function],
|
|
||||||
"upsellAnchorText": [Function],
|
|
||||||
"upsellAnchorUrl": [Function],
|
|
||||||
"upsellMessage": [Function],
|
|
||||||
"upsellMessageAriaLabel": [Function],
|
|
||||||
"visible": [Function],
|
|
||||||
},
|
|
||||||
"addDatabaseText": [Function],
|
|
||||||
"arcadiaToken": [Function],
|
"arcadiaToken": [Function],
|
||||||
"canExceedMaximumValue": [Function],
|
"canExceedMaximumValue": [Function],
|
||||||
"canSaveQueries": [Function],
|
"canSaveQueries": [Function],
|
||||||
|
|
@ -2991,49 +2862,6 @@ exports[`SettingsComponent renders 1`] = `
|
||||||
"_refreshSparkEnabledStateForAccount": [Function],
|
"_refreshSparkEnabledStateForAccount": [Function],
|
||||||
"_resetNotebookWorkspace": [Function],
|
"_resetNotebookWorkspace": [Function],
|
||||||
"addCollectionText": [Function],
|
"addCollectionText": [Function],
|
||||||
"addDatabasePane": AddDatabasePane {
|
|
||||||
"autoPilotUsageCost": [Function],
|
|
||||||
"canConfigureThroughput": [Function],
|
|
||||||
"canExceedMaximumValue": [Function],
|
|
||||||
"canRequestSupport": [Function],
|
|
||||||
"container": [Circular],
|
|
||||||
"costsVisible": [Function],
|
|
||||||
"databaseCreateNewShared": [Function],
|
|
||||||
"databaseId": [Function],
|
|
||||||
"databaseIdLabel": [Function],
|
|
||||||
"databaseIdPlaceHolder": [Function],
|
|
||||||
"databaseIdTooltipText": [Function],
|
|
||||||
"databaseLevelThroughputTooltipText": [Function],
|
|
||||||
"firstFieldHasFocus": [Function],
|
|
||||||
"formErrors": [Function],
|
|
||||||
"formErrorsDetails": [Function],
|
|
||||||
"freeTierExceedThroughputTooltip": [Function],
|
|
||||||
"id": "adddatabasepane",
|
|
||||||
"isAutoPilotSelected": [Function],
|
|
||||||
"isExecuting": [Function],
|
|
||||||
"isFreeTierAccount": [Function],
|
|
||||||
"isTemplateReady": [Function],
|
|
||||||
"maxAutoPilotThroughputSet": [Function],
|
|
||||||
"maxThroughputRU": [Function],
|
|
||||||
"maxThroughputRUText": [Function],
|
|
||||||
"minThroughputRU": [Function],
|
|
||||||
"onMoreDetailsKeyPress": [Function],
|
|
||||||
"requestUnitsUsageCost": [Function],
|
|
||||||
"ruToolTipText": [Function],
|
|
||||||
"showUpsellMessage": [Function],
|
|
||||||
"throughput": [Function],
|
|
||||||
"throughputRangeText": [Function],
|
|
||||||
"throughputSpendAck": [Function],
|
|
||||||
"throughputSpendAckText": [Function],
|
|
||||||
"throughputSpendAckVisible": [Function],
|
|
||||||
"title": [Function],
|
|
||||||
"upsellAnchorText": [Function],
|
|
||||||
"upsellAnchorUrl": [Function],
|
|
||||||
"upsellMessage": [Function],
|
|
||||||
"upsellMessageAriaLabel": [Function],
|
|
||||||
"visible": [Function],
|
|
||||||
},
|
|
||||||
"addDatabaseText": [Function],
|
|
||||||
"arcadiaToken": [Function],
|
"arcadiaToken": [Function],
|
||||||
"canExceedMaximumValue": [Function],
|
"canExceedMaximumValue": [Function],
|
||||||
"canSaveQueries": [Function],
|
"canSaveQueries": [Function],
|
||||||
|
|
|
||||||
|
|
@ -52,7 +52,6 @@ import type NotebookManager from "./Notebook/NotebookManager";
|
||||||
import type { NotebookPaneContent } from "./Notebook/NotebookManager";
|
import type { NotebookPaneContent } from "./Notebook/NotebookManager";
|
||||||
import { NotebookUtil } from "./Notebook/NotebookUtil";
|
import { NotebookUtil } from "./Notebook/NotebookUtil";
|
||||||
import { AddCollectionPanel } from "./Panes/AddCollectionPanel";
|
import { AddCollectionPanel } from "./Panes/AddCollectionPanel";
|
||||||
import AddDatabasePane from "./Panes/AddDatabasePane";
|
|
||||||
import { AddDatabasePanel } from "./Panes/AddDatabasePanel/AddDatabasePanel";
|
import { AddDatabasePanel } from "./Panes/AddDatabasePanel/AddDatabasePanel";
|
||||||
import { BrowseQueriesPane } from "./Panes/BrowseQueriesPane/BrowseQueriesPane";
|
import { BrowseQueriesPane } from "./Panes/BrowseQueriesPane/BrowseQueriesPane";
|
||||||
import CassandraAddCollectionPane from "./Panes/CassandraAddCollectionPane";
|
import CassandraAddCollectionPane from "./Panes/CassandraAddCollectionPane";
|
||||||
|
|
@ -101,7 +100,6 @@ export interface ExplorerParams {
|
||||||
|
|
||||||
export default class Explorer {
|
export default class Explorer {
|
||||||
public addCollectionText: ko.Observable<string>;
|
public addCollectionText: ko.Observable<string>;
|
||||||
public addDatabaseText: ko.Observable<string>;
|
|
||||||
public collectionTitle: ko.Observable<string>;
|
public collectionTitle: ko.Observable<string>;
|
||||||
public deleteCollectionText: ko.Observable<string>;
|
public deleteCollectionText: ko.Observable<string>;
|
||||||
public deleteDatabaseText: ko.Observable<string>;
|
public deleteDatabaseText: ko.Observable<string>;
|
||||||
|
|
@ -149,7 +147,6 @@ export default class Explorer {
|
||||||
public tabsManager: TabsManager;
|
public tabsManager: TabsManager;
|
||||||
|
|
||||||
// Contextual panes
|
// Contextual panes
|
||||||
public addDatabasePane: AddDatabasePane;
|
|
||||||
public cassandraAddCollectionPane: CassandraAddCollectionPane;
|
public cassandraAddCollectionPane: CassandraAddCollectionPane;
|
||||||
private gitHubClient: GitHubClient;
|
private gitHubClient: GitHubClient;
|
||||||
public gitHubOAuthService: GitHubOAuthService;
|
public gitHubOAuthService: GitHubOAuthService;
|
||||||
|
|
@ -208,7 +205,6 @@ export default class Explorer {
|
||||||
dataExplorerArea: Constants.Areas.ResourceTree,
|
dataExplorerArea: Constants.Areas.ResourceTree,
|
||||||
});
|
});
|
||||||
this.addCollectionText = ko.observable<string>("New Collection");
|
this.addCollectionText = ko.observable<string>("New Collection");
|
||||||
this.addDatabaseText = ko.observable<string>("New Database");
|
|
||||||
this.collectionTitle = ko.observable<string>("Collections");
|
this.collectionTitle = ko.observable<string>("Collections");
|
||||||
this.collectionTreeNodeAltText = ko.observable<string>("Collection");
|
this.collectionTreeNodeAltText = ko.observable<string>("Collection");
|
||||||
this.deleteCollectionText = ko.observable<string>("Delete Collection");
|
this.deleteCollectionText = ko.observable<string>("Delete Collection");
|
||||||
|
|
@ -401,13 +397,6 @@ export default class Explorer {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
this.addDatabasePane = new AddDatabasePane({
|
|
||||||
id: "adddatabasepane",
|
|
||||||
visible: ko.observable<boolean>(false),
|
|
||||||
|
|
||||||
container: this,
|
|
||||||
});
|
|
||||||
|
|
||||||
this.cassandraAddCollectionPane = new CassandraAddCollectionPane({
|
this.cassandraAddCollectionPane = new CassandraAddCollectionPane({
|
||||||
id: "cassandraaddcollectionpane",
|
id: "cassandraaddcollectionpane",
|
||||||
visible: ko.observable<boolean>(false),
|
visible: ko.observable<boolean>(false),
|
||||||
|
|
@ -423,7 +412,6 @@ export default class Explorer {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
this.addDatabaseText.subscribe((addDatabaseText: string) => this.addDatabasePane.title(addDatabaseText));
|
|
||||||
this.isTabsContentExpanded = ko.observable(false);
|
this.isTabsContentExpanded = ko.observable(false);
|
||||||
|
|
||||||
document.addEventListener(
|
document.addEventListener(
|
||||||
|
|
@ -441,7 +429,6 @@ export default class Explorer {
|
||||||
switch (userContext.apiType) {
|
switch (userContext.apiType) {
|
||||||
case "SQL":
|
case "SQL":
|
||||||
this.addCollectionText("New Container");
|
this.addCollectionText("New Container");
|
||||||
this.addDatabaseText("New Database");
|
|
||||||
this.collectionTitle("SQL API");
|
this.collectionTitle("SQL API");
|
||||||
this.collectionTreeNodeAltText("Container");
|
this.collectionTreeNodeAltText("Container");
|
||||||
this.deleteCollectionText("Delete Container");
|
this.deleteCollectionText("Delete Container");
|
||||||
|
|
@ -450,7 +437,6 @@ export default class Explorer {
|
||||||
break;
|
break;
|
||||||
case "Mongo":
|
case "Mongo":
|
||||||
this.addCollectionText("New Collection");
|
this.addCollectionText("New Collection");
|
||||||
this.addDatabaseText("New Database");
|
|
||||||
this.collectionTitle("Collections");
|
this.collectionTitle("Collections");
|
||||||
this.collectionTreeNodeAltText("Collection");
|
this.collectionTreeNodeAltText("Collection");
|
||||||
this.deleteCollectionText("Delete Collection");
|
this.deleteCollectionText("Delete Collection");
|
||||||
|
|
@ -459,7 +445,6 @@ export default class Explorer {
|
||||||
break;
|
break;
|
||||||
case "Gremlin":
|
case "Gremlin":
|
||||||
this.addCollectionText("New Graph");
|
this.addCollectionText("New Graph");
|
||||||
this.addDatabaseText("New Database");
|
|
||||||
this.deleteCollectionText("Delete Graph");
|
this.deleteCollectionText("Delete Graph");
|
||||||
this.deleteDatabaseText("Delete Database");
|
this.deleteDatabaseText("Delete Database");
|
||||||
this.collectionTitle("Gremlin API");
|
this.collectionTitle("Gremlin API");
|
||||||
|
|
@ -468,7 +453,6 @@ export default class Explorer {
|
||||||
break;
|
break;
|
||||||
case "Tables":
|
case "Tables":
|
||||||
this.addCollectionText("New Table");
|
this.addCollectionText("New Table");
|
||||||
this.addDatabaseText("New Database");
|
|
||||||
this.deleteCollectionText("Delete Table");
|
this.deleteCollectionText("Delete Table");
|
||||||
this.deleteDatabaseText("Delete Database");
|
this.deleteDatabaseText("Delete Database");
|
||||||
this.collectionTitle("Azure Table API");
|
this.collectionTitle("Azure Table API");
|
||||||
|
|
@ -478,7 +462,6 @@ export default class Explorer {
|
||||||
break;
|
break;
|
||||||
case "Cassandra":
|
case "Cassandra":
|
||||||
this.addCollectionText("New Table");
|
this.addCollectionText("New Table");
|
||||||
this.addDatabaseText("New Keyspace");
|
|
||||||
this.deleteCollectionText("Delete Table");
|
this.deleteCollectionText("Delete Table");
|
||||||
this.deleteDatabaseText("Delete Keyspace");
|
this.deleteDatabaseText("Delete Keyspace");
|
||||||
this.collectionTitle("Cassandra API");
|
this.collectionTitle("Cassandra API");
|
||||||
|
|
@ -1949,19 +1932,14 @@ export default class Explorer {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
public openAddDatabasePane(): void {
|
public openAddDatabasePane(): void {
|
||||||
if (userContext.features.enableKOPanel) {
|
this.openSidePanel(
|
||||||
this.addDatabasePane.open();
|
"New " + getDatabaseName(),
|
||||||
document.getElementById("linkAddDatabase").focus();
|
<AddDatabasePanel
|
||||||
} else {
|
explorer={this}
|
||||||
this.openSidePanel(
|
openNotificationConsole={() => this.expandConsole()}
|
||||||
"Add " + getDatabaseName(),
|
closePanel={this.closeSidePanel}
|
||||||
<AddDatabasePanel
|
/>
|
||||||
explorer={this}
|
);
|
||||||
openNotificationConsole={() => this.expandConsole()}
|
|
||||||
closePanel={this.closeSidePanel}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
public openBrowseQueriesPanel(): void {
|
public openBrowseQueriesPanel(): void {
|
||||||
|
|
|
||||||
|
|
@ -33,7 +33,6 @@ export class CommandBarComponentAdapter implements ReactAdapter {
|
||||||
container.deleteCollectionText,
|
container.deleteCollectionText,
|
||||||
container.deleteDatabaseText,
|
container.deleteDatabaseText,
|
||||||
container.addCollectionText,
|
container.addCollectionText,
|
||||||
container.addDatabaseText,
|
|
||||||
container.isDatabaseNodeOrNoneSelected,
|
container.isDatabaseNodeOrNoneSelected,
|
||||||
container.isDatabaseNodeSelected,
|
container.isDatabaseNodeSelected,
|
||||||
container.isNoneSelected,
|
container.isNoneSelected,
|
||||||
|
|
|
||||||
|
|
@ -126,7 +126,6 @@ describe("CommandBarComponentButtonFactory tests", () => {
|
||||||
|
|
||||||
beforeAll(() => {
|
beforeAll(() => {
|
||||||
mockExplorer = {} as Explorer;
|
mockExplorer = {} as Explorer;
|
||||||
mockExplorer.addDatabaseText = ko.observable("mockText");
|
|
||||||
mockExplorer.addCollectionText = ko.observable("mockText");
|
mockExplorer.addCollectionText = ko.observable("mockText");
|
||||||
updateUserContext({
|
updateUserContext({
|
||||||
databaseAccount: {
|
databaseAccount: {
|
||||||
|
|
@ -221,7 +220,6 @@ describe("CommandBarComponentButtonFactory tests", () => {
|
||||||
|
|
||||||
beforeAll(() => {
|
beforeAll(() => {
|
||||||
mockExplorer = {} as Explorer;
|
mockExplorer = {} as Explorer;
|
||||||
mockExplorer.addDatabaseText = ko.observable("mockText");
|
|
||||||
mockExplorer.addCollectionText = ko.observable("mockText");
|
mockExplorer.addCollectionText = ko.observable("mockText");
|
||||||
updateUserContext({
|
updateUserContext({
|
||||||
databaseAccount: {
|
databaseAccount: {
|
||||||
|
|
|
||||||
|
|
@ -22,6 +22,7 @@ import * as Constants from "../../../Common/Constants";
|
||||||
import { configContext, Platform } from "../../../ConfigContext";
|
import { configContext, Platform } from "../../../ConfigContext";
|
||||||
import * as ViewModels from "../../../Contracts/ViewModels";
|
import * as ViewModels from "../../../Contracts/ViewModels";
|
||||||
import { userContext } from "../../../UserContext";
|
import { userContext } from "../../../UserContext";
|
||||||
|
import { getDatabaseName } from "../../../Utils/APITypeUtils";
|
||||||
import { CommandButtonComponentProps } from "../../Controls/CommandButton/CommandButtonComponent";
|
import { CommandButtonComponentProps } from "../../Controls/CommandButton/CommandButtonComponent";
|
||||||
import Explorer from "../../Explorer";
|
import Explorer from "../../Explorer";
|
||||||
import { OpenFullScreen } from "../../OpenFullScreen";
|
import { OpenFullScreen } from "../../OpenFullScreen";
|
||||||
|
|
@ -261,7 +262,7 @@ function createOpenSynapseLinkDialogButton(container: Explorer): CommandButtonCo
|
||||||
}
|
}
|
||||||
|
|
||||||
function createNewDatabase(container: Explorer): CommandButtonComponentProps {
|
function createNewDatabase(container: Explorer): CommandButtonComponentProps {
|
||||||
const label = container.addDatabaseText();
|
const label = "New " + getDatabaseName();
|
||||||
return {
|
return {
|
||||||
iconSrc: AddDatabaseIcon,
|
iconSrc: AddDatabaseIcon,
|
||||||
iconAlt: label,
|
iconAlt: label,
|
||||||
|
|
|
||||||
|
|
@ -1,174 +0,0 @@
|
||||||
<div data-bind="visible: visible, event: { keydown: onPaneKeyDown }">
|
|
||||||
<div class="contextual-pane-out" data-bind="click: cancel, clickBubble: false"></div>
|
|
||||||
<div class="contextual-pane" data-bind="attr: { id: id }">
|
|
||||||
<!-- Add database form -- Start -->
|
|
||||||
<div class="contextual-pane-in">
|
|
||||||
<form data-bind="submit: submit" style="height: 100%">
|
|
||||||
<div
|
|
||||||
class="paneContentContainer"
|
|
||||||
role="dialog"
|
|
||||||
aria-labelledby="databaseTitle"
|
|
||||||
data-bind="template: { name: 'add-database-inputs' }"
|
|
||||||
></div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
<!-- Add database form -- End -->
|
|
||||||
<!-- Loader - Start -->
|
|
||||||
<div class="dataExplorerLoaderContainer dataExplorerPaneLoaderContainer" data-bind="visible: isExecuting">
|
|
||||||
<img class="dataExplorerLoader" src="/LoadingIndicator_3Squares.gif" />
|
|
||||||
</div>
|
|
||||||
<!-- Loader - End -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script type="text/html" id="add-database-inputs">
|
|
||||||
<!-- Add database header - Start -->
|
|
||||||
<div class="firstdivbg headerline">
|
|
||||||
<span id="databaseTitle" role="heading" aria-level="2" data-bind="text: title"></span>
|
|
||||||
<div
|
|
||||||
class="closeImg"
|
|
||||||
role="button"
|
|
||||||
aria-label="Close pane"
|
|
||||||
data-bind="click: cancel, event: { keypress: onCloseKeyPress }"
|
|
||||||
tabindex="0"
|
|
||||||
>
|
|
||||||
<img src="../../../images/close-black.svg" title="Close" alt="Close" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- Add database header - End -->
|
|
||||||
|
|
||||||
<!-- Add database errors - Start -->
|
|
||||||
<div class="warningErrorContainer" aria-live="assertive" data-bind="visible: formErrors() && formErrors() !== ''">
|
|
||||||
<div class="warningErrorContent">
|
|
||||||
<span><img class="paneErrorIcon" src="/error_red.svg" alt="Error" /></span>
|
|
||||||
<span class="warningErrorDetailsLinkContainer">
|
|
||||||
<span class="formErrors" data-bind="text: formErrors, attr: { title: formErrors }"></span>
|
|
||||||
<a
|
|
||||||
class="errorLink"
|
|
||||||
role="link"
|
|
||||||
data-bind="visible: formErrorsDetails() && formErrorsDetails() !== '', click: showErrorDetails, event: { keypress: onMoreDetailsKeyPress }"
|
|
||||||
tabindex="0"
|
|
||||||
>
|
|
||||||
More details</a
|
|
||||||
>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- Add database errors - End -->
|
|
||||||
|
|
||||||
<!-- upsell message - start -->
|
|
||||||
<div
|
|
||||||
class="infoBoxContainer"
|
|
||||||
aria-live="assertive"
|
|
||||||
data-bind="visible: showUpsellMessage && showUpsellMessage() && formErrors && !formErrors()"
|
|
||||||
>
|
|
||||||
<div class="infoBoxContent">
|
|
||||||
<span><img class="infoBoxIcon" src="/info_color.svg" alt="Promo" /></span>
|
|
||||||
<span class="infoBoxDetails">
|
|
||||||
<span class="infoBoxMessage" data-bind="text: upsellMessage, attr: { title: upsellMessage }"></span>
|
|
||||||
<a
|
|
||||||
class="underlinedLink"
|
|
||||||
id="linkAddDatabase"
|
|
||||||
data-bind="text: upsellAnchorText, attr: { 'href': upsellAnchorUrl, 'aria-label': upsellMessageAriaLabel }"
|
|
||||||
target="_blank"
|
|
||||||
href=""
|
|
||||||
tabindex="0"
|
|
||||||
></a>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- upsell message - end -->
|
|
||||||
|
|
||||||
<!-- Add database inputs - Start -->
|
|
||||||
<div class="paneMainContent">
|
|
||||||
<div>
|
|
||||||
<p>
|
|
||||||
<span class="mandatoryStar">*</span>
|
|
||||||
<span data-bind="text: databaseIdLabel"></span>
|
|
||||||
<span class="infoTooltip" role="tooltip" tabindex="0">
|
|
||||||
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
|
|
||||||
<span class="tooltiptext infoTooltipWidth" data-bind="text: databaseIdTooltipText"></span>
|
|
||||||
</span>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<input
|
|
||||||
id="database-id"
|
|
||||||
type="text"
|
|
||||||
aria-required="true"
|
|
||||||
autocomplete="off"
|
|
||||||
pattern="[^/?#\\]*[^/?# \\]"
|
|
||||||
title="May not end with space nor contain characters '\' '/' '#' '?'"
|
|
||||||
size="40"
|
|
||||||
class="collid"
|
|
||||||
data-bind="textInput: databaseId, hasFocus: firstFieldHasFocus, attr: { 'aria-label': databaseIdLabel, 'placeholder': databaseIdPlaceHolder }"
|
|
||||||
autofocus
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- Database provisioned throughput - Start -->
|
|
||||||
<!-- ko if: canConfigureThroughput -->
|
|
||||||
<div class="databaseProvision" aria-label="New database provision support">
|
|
||||||
<input
|
|
||||||
tabindex="0"
|
|
||||||
type="checkbox"
|
|
||||||
id="addDatabasePane-databaseSharedThroughput"
|
|
||||||
title="Provision shared throughput"
|
|
||||||
data-bind="checked: databaseCreateNewShared"
|
|
||||||
/>
|
|
||||||
<span class="databaseProvisionText" for="databaseSharedThroughput">Provision throughput</span>
|
|
||||||
<span class="infoTooltip" role="tooltip" tabindex="0">
|
|
||||||
<img class="infoImg" src="/info-bubble.svg" alt="More information" />
|
|
||||||
<span
|
|
||||||
class="tooltiptext provisionDatabaseThroughput"
|
|
||||||
data-bind="text: databaseLevelThroughputTooltipText"
|
|
||||||
></span>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div data-bind="visible: databaseCreateNewShared">
|
|
||||||
<throughput-input-autopilot-v3
|
|
||||||
params="{
|
|
||||||
step: 100,
|
|
||||||
value: throughput,
|
|
||||||
testId: 'sharedThroughputValue',
|
|
||||||
minimum: minThroughputRU,
|
|
||||||
maximum: maxThroughputRU,
|
|
||||||
isEnabled: databaseCreateNewShared,
|
|
||||||
label: throughputRangeText,
|
|
||||||
ariaLabel: throughputRangeText,
|
|
||||||
costsVisible: costsVisible,
|
|
||||||
requestUnitsUsageCost: requestUnitsUsageCost,
|
|
||||||
spendAckChecked: throughputSpendAck,
|
|
||||||
spendAckId: 'throughputSpendAckDatabase',
|
|
||||||
spendAckText: throughputSpendAckText,
|
|
||||||
spendAckVisible: throughputSpendAckVisible,
|
|
||||||
showAsMandatory: true,
|
|
||||||
infoBubbleText: ruToolTipText,
|
|
||||||
throughputAutoPilotRadioId: 'newDatabase-databaseThroughput-autoPilotRadio',
|
|
||||||
throughputProvisionedRadioId: 'newDatabase-databaseThroughput-manualRadio',
|
|
||||||
throughputModeRadioName: 'throughputModeRadioName',
|
|
||||||
isAutoPilotSelected: isAutoPilotSelected,
|
|
||||||
maxAutoPilotThroughputSet: maxAutoPilotThroughputSet,
|
|
||||||
autoPilotUsageCost: autoPilotUsageCost,
|
|
||||||
canExceedMaximumValue: canExceedMaximumValue,
|
|
||||||
freeTierExceedThroughputTooltip: freeTierExceedThroughputTooltip
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
</throughput-input-autopilot-v3>
|
|
||||||
<p data-bind="visible: canRequestSupport">
|
|
||||||
<!-- TODO: Replace link with call to the Azure Support blade --><a
|
|
||||||
href="https://aka.ms/cosmosdbfeedback?subject=Cosmos%20DB%20More%20Throughput%20Request"
|
|
||||||
>Contact support</a
|
|
||||||
>
|
|
||||||
for more than <span data-bind="text: maxThroughputRUText"></span> RU/s.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<!-- /ko -->
|
|
||||||
<!-- Database provisioned throughput - End -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="paneFooter">
|
|
||||||
<div class="leftpanel-okbut">
|
|
||||||
<input type="submit" value="OK" class="btncreatecoll1" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- Add database inputs - End -->
|
|
||||||
</script>
|
|
||||||
|
|
@ -1,105 +0,0 @@
|
||||||
import * as Constants from "../../Common/Constants";
|
|
||||||
import { DatabaseAccount } from "../../Contracts/DataModels";
|
|
||||||
import { SubscriptionType } from "../../Contracts/SubscriptionType";
|
|
||||||
import { updateUserContext } from "../../UserContext";
|
|
||||||
import Explorer from "../Explorer";
|
|
||||||
import AddDatabasePane from "./AddDatabasePane";
|
|
||||||
|
|
||||||
const mockDatabaseAccount: DatabaseAccount = {
|
|
||||||
id: "mock",
|
|
||||||
kind: "DocumentDB",
|
|
||||||
location: "",
|
|
||||||
name: "mock",
|
|
||||||
properties: {
|
|
||||||
documentEndpoint: "",
|
|
||||||
cassandraEndpoint: "",
|
|
||||||
gremlinEndpoint: "",
|
|
||||||
tableEndpoint: "",
|
|
||||||
enableFreeTier: false,
|
|
||||||
},
|
|
||||||
type: undefined,
|
|
||||||
};
|
|
||||||
|
|
||||||
const mockFreeTierDatabaseAccount: DatabaseAccount = {
|
|
||||||
id: "mock",
|
|
||||||
kind: "DocumentDB",
|
|
||||||
location: "",
|
|
||||||
name: "mock",
|
|
||||||
properties: {
|
|
||||||
documentEndpoint: "",
|
|
||||||
cassandraEndpoint: "",
|
|
||||||
gremlinEndpoint: "",
|
|
||||||
tableEndpoint: "",
|
|
||||||
enableFreeTier: true,
|
|
||||||
},
|
|
||||||
type: undefined,
|
|
||||||
};
|
|
||||||
|
|
||||||
describe("Add Database Pane", () => {
|
|
||||||
describe("getSharedThroughputDefault()", () => {
|
|
||||||
it("should be true if subscription type is Benefits", () => {
|
|
||||||
updateUserContext({
|
|
||||||
subscriptionType: SubscriptionType.Benefits,
|
|
||||||
});
|
|
||||||
const explorer = new Explorer();
|
|
||||||
const addDatabasePane = explorer.addDatabasePane as AddDatabasePane;
|
|
||||||
expect(addDatabasePane.getSharedThroughputDefault()).toBe(true);
|
|
||||||
});
|
|
||||||
|
|
||||||
it("should be false if subscription type is EA", () => {
|
|
||||||
updateUserContext({
|
|
||||||
subscriptionType: SubscriptionType.EA,
|
|
||||||
});
|
|
||||||
const explorer = new Explorer();
|
|
||||||
const addDatabasePane = explorer.addDatabasePane as AddDatabasePane;
|
|
||||||
expect(addDatabasePane.getSharedThroughputDefault()).toBe(false);
|
|
||||||
});
|
|
||||||
|
|
||||||
it("should be true if subscription type is Free", () => {
|
|
||||||
updateUserContext({
|
|
||||||
subscriptionType: SubscriptionType.Free,
|
|
||||||
});
|
|
||||||
const explorer = new Explorer();
|
|
||||||
const addDatabasePane = explorer.addDatabasePane as AddDatabasePane;
|
|
||||||
expect(addDatabasePane.getSharedThroughputDefault()).toBe(true);
|
|
||||||
});
|
|
||||||
|
|
||||||
it("should be true if subscription type is Internal", () => {
|
|
||||||
updateUserContext({
|
|
||||||
subscriptionType: SubscriptionType.Internal,
|
|
||||||
});
|
|
||||||
const explorer = new Explorer();
|
|
||||||
const addDatabasePane = explorer.addDatabasePane as AddDatabasePane;
|
|
||||||
expect(addDatabasePane.getSharedThroughputDefault()).toBe(true);
|
|
||||||
});
|
|
||||||
|
|
||||||
it("should be true if subscription type is PAYG", () => {
|
|
||||||
updateUserContext({
|
|
||||||
subscriptionType: SubscriptionType.PAYG,
|
|
||||||
});
|
|
||||||
const explorer = new Explorer();
|
|
||||||
const addDatabasePane = explorer.addDatabasePane as AddDatabasePane;
|
|
||||||
expect(addDatabasePane.getSharedThroughputDefault()).toBe(true);
|
|
||||||
});
|
|
||||||
|
|
||||||
it("should display free tier text in upsell messaging", () => {
|
|
||||||
updateUserContext({ databaseAccount: mockFreeTierDatabaseAccount });
|
|
||||||
const explorer = new Explorer();
|
|
||||||
const addDatabasePane = explorer.addDatabasePane as AddDatabasePane;
|
|
||||||
expect(addDatabasePane.isFreeTierAccount()).toBe(true);
|
|
||||||
expect(addDatabasePane.upsellMessage()).toContain("With free tier");
|
|
||||||
expect(addDatabasePane.upsellAnchorUrl()).toBe(Constants.Urls.freeTierInformation);
|
|
||||||
expect(addDatabasePane.upsellAnchorText()).toBe("Learn more");
|
|
||||||
});
|
|
||||||
|
|
||||||
it("should display standard texr in upsell messaging", () => {
|
|
||||||
updateUserContext({ databaseAccount: mockDatabaseAccount });
|
|
||||||
const explorer = new Explorer();
|
|
||||||
const addDatabasePane = explorer.addDatabasePane as AddDatabasePane;
|
|
||||||
expect(addDatabasePane.isFreeTierAccount()).toBe(false);
|
|
||||||
expect(addDatabasePane.upsellMessage()).toContain("Start at");
|
|
||||||
expect(addDatabasePane.upsellAnchorUrl()).toBe(Constants.Urls.cosmosPricing);
|
|
||||||
expect(addDatabasePane.upsellAnchorText()).toBe("More details");
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
@ -1,452 +0,0 @@
|
||||||
import * as ko from "knockout";
|
|
||||||
import * as Constants from "../../Common/Constants";
|
|
||||||
import { createDatabase } from "../../Common/dataAccess/createDatabase";
|
|
||||||
import editable from "../../Common/EditableUtility";
|
|
||||||
import { getErrorMessage, getErrorStack } from "../../Common/ErrorHandlingUtils";
|
|
||||||
import { configContext, Platform } from "../../ConfigContext";
|
|
||||||
import * as DataModels from "../../Contracts/DataModels";
|
|
||||||
import { SubscriptionType } from "../../Contracts/SubscriptionType";
|
|
||||||
import * as ViewModels from "../../Contracts/ViewModels";
|
|
||||||
import * as SharedConstants from "../../Shared/Constants";
|
|
||||||
import { Action, ActionModifiers } from "../../Shared/Telemetry/TelemetryConstants";
|
|
||||||
import * as TelemetryProcessor from "../../Shared/Telemetry/TelemetryProcessor";
|
|
||||||
import { userContext } from "../../UserContext";
|
|
||||||
import * as AutoPilotUtils from "../../Utils/AutoPilotUtils";
|
|
||||||
import * as PricingUtils from "../../Utils/PricingUtils";
|
|
||||||
import { ContextualPaneBase } from "./ContextualPaneBase";
|
|
||||||
|
|
||||||
export default class AddDatabasePane extends ContextualPaneBase {
|
|
||||||
public defaultExperience: ko.Computed<string>;
|
|
||||||
public databaseIdLabel: ko.Computed<string>;
|
|
||||||
public databaseIdPlaceHolder: ko.Computed<string>;
|
|
||||||
public databaseId: ko.Observable<string>;
|
|
||||||
public databaseIdTooltipText: ko.Computed<string>;
|
|
||||||
public databaseLevelThroughputTooltipText: ko.Computed<string>;
|
|
||||||
public databaseCreateNewShared: ko.Observable<boolean>;
|
|
||||||
public formErrorsDetails: ko.Observable<string>;
|
|
||||||
public throughput: ViewModels.Editable<number>;
|
|
||||||
public maxThroughputRU: ko.Observable<number>;
|
|
||||||
public minThroughputRU: ko.Observable<number>;
|
|
||||||
public maxThroughputRUText: ko.PureComputed<string>;
|
|
||||||
public throughputRangeText: ko.Computed<string>;
|
|
||||||
public throughputSpendAckText: ko.Observable<string>;
|
|
||||||
public throughputSpendAck: ko.Observable<boolean>;
|
|
||||||
public throughputSpendAckVisible: ko.Computed<boolean>;
|
|
||||||
public requestUnitsUsageCost: ko.Computed<string>;
|
|
||||||
public canRequestSupport: ko.PureComputed<boolean>;
|
|
||||||
public costsVisible: ko.PureComputed<boolean>;
|
|
||||||
public upsellMessage: ko.PureComputed<string>;
|
|
||||||
public upsellMessageAriaLabel: ko.PureComputed<string>;
|
|
||||||
public upsellAnchorUrl: ko.PureComputed<string>;
|
|
||||||
public upsellAnchorText: ko.PureComputed<string>;
|
|
||||||
public isAutoPilotSelected: ko.Observable<boolean>;
|
|
||||||
public maxAutoPilotThroughputSet: ko.Observable<number>;
|
|
||||||
public autoPilotUsageCost: ko.Computed<string>;
|
|
||||||
public canExceedMaximumValue: ko.PureComputed<boolean>;
|
|
||||||
public ruToolTipText: ko.Computed<string>;
|
|
||||||
public freeTierExceedThroughputTooltip: ko.Computed<string>;
|
|
||||||
public isFreeTierAccount: ko.Computed<boolean>;
|
|
||||||
public canConfigureThroughput: ko.PureComputed<boolean>;
|
|
||||||
public showUpsellMessage: ko.PureComputed<boolean>;
|
|
||||||
|
|
||||||
constructor(options: ViewModels.PaneOptions) {
|
|
||||||
super(options);
|
|
||||||
this.title((this.container && this.container.addDatabaseText()) || "New Database");
|
|
||||||
this.databaseId = ko.observable<string>();
|
|
||||||
this.ruToolTipText = ko.pureComputed(() => PricingUtils.getRuToolTipText());
|
|
||||||
this.canConfigureThroughput = ko.pureComputed(() => !this.container.isServerlessEnabled());
|
|
||||||
|
|
||||||
this.canExceedMaximumValue = ko.pureComputed(() => this.container.canExceedMaximumValue());
|
|
||||||
|
|
||||||
// TODO 388844: get defaults from parent frame
|
|
||||||
this.databaseCreateNewShared = ko.observable<boolean>(this.getSharedThroughputDefault());
|
|
||||||
|
|
||||||
this.databaseIdLabel = ko.computed<string>(() =>
|
|
||||||
userContext.apiType === "Cassandra" ? "Keyspace id" : "Database id"
|
|
||||||
);
|
|
||||||
|
|
||||||
this.databaseIdPlaceHolder = ko.computed<string>(() =>
|
|
||||||
userContext.apiType === "Cassandra" ? "Type a new keyspace id" : "Type a new database id"
|
|
||||||
);
|
|
||||||
|
|
||||||
this.databaseIdTooltipText = ko.computed<string>(() => {
|
|
||||||
const isCassandraAccount: boolean = userContext.apiType === "Cassandra";
|
|
||||||
return `A ${isCassandraAccount ? "keyspace" : "database"} is a logical container of one or more ${
|
|
||||||
isCassandraAccount ? "tables" : "collections"
|
|
||||||
}`;
|
|
||||||
});
|
|
||||||
this.databaseLevelThroughputTooltipText = ko.computed<string>(() => {
|
|
||||||
const isCassandraAccount: boolean = userContext.apiType === "Cassandra";
|
|
||||||
const databaseLabel: string = isCassandraAccount ? "keyspace" : "database";
|
|
||||||
const collectionsLabel: string = isCassandraAccount ? "tables" : "collections";
|
|
||||||
return `Provisioned throughput at the ${databaseLabel} level will be shared across all ${collectionsLabel} within the ${databaseLabel}.`;
|
|
||||||
});
|
|
||||||
|
|
||||||
this.throughput = editable.observable<number>();
|
|
||||||
this.maxThroughputRU = ko.observable<number>();
|
|
||||||
this.minThroughputRU = ko.observable<number>();
|
|
||||||
this.throughputSpendAckText = ko.observable<string>();
|
|
||||||
this.throughputSpendAck = ko.observable<boolean>(false);
|
|
||||||
this.isAutoPilotSelected = ko.observable<boolean>(false);
|
|
||||||
this.maxAutoPilotThroughputSet = ko.observable<number>(AutoPilotUtils.minAutoPilotThroughput);
|
|
||||||
this.autoPilotUsageCost = ko.pureComputed<string>(() => {
|
|
||||||
const autoPilot = this._isAutoPilotSelectedAndWhatTier();
|
|
||||||
if (!autoPilot) {
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
return PricingUtils.getAutoPilotV3SpendHtml(autoPilot.maxThroughput, true /* isDatabaseThroughput */);
|
|
||||||
});
|
|
||||||
this.throughputRangeText = ko.pureComputed<string>(() => {
|
|
||||||
if (this.isAutoPilotSelected()) {
|
|
||||||
return AutoPilotUtils.getAutoPilotHeaderText();
|
|
||||||
}
|
|
||||||
return `Throughput (${this.minThroughputRU().toLocaleString()} - ${this.maxThroughputRU().toLocaleString()} RU/s)`;
|
|
||||||
});
|
|
||||||
|
|
||||||
this.requestUnitsUsageCost = ko.computed(() => {
|
|
||||||
const offerThroughput: number = this.throughput();
|
|
||||||
if (
|
|
||||||
offerThroughput < this.minThroughputRU() ||
|
|
||||||
(offerThroughput > this.maxThroughputRU() && !this.canExceedMaximumValue())
|
|
||||||
) {
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
|
|
||||||
const { databaseAccount: account } = userContext;
|
|
||||||
if (!account) {
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
|
|
||||||
const regions = account?.properties?.readLocations?.length || 1;
|
|
||||||
const multimaster = account?.properties?.enableMultipleWriteLocations || false;
|
|
||||||
|
|
||||||
let estimatedSpendAcknowledge: string;
|
|
||||||
let estimatedSpend: string;
|
|
||||||
if (!this.isAutoPilotSelected()) {
|
|
||||||
estimatedSpend = PricingUtils.getEstimatedSpendHtml(
|
|
||||||
offerThroughput,
|
|
||||||
userContext.portalEnv,
|
|
||||||
regions,
|
|
||||||
multimaster
|
|
||||||
);
|
|
||||||
estimatedSpendAcknowledge = PricingUtils.getEstimatedSpendAcknowledgeString(
|
|
||||||
offerThroughput,
|
|
||||||
userContext.portalEnv,
|
|
||||||
regions,
|
|
||||||
multimaster,
|
|
||||||
this.isAutoPilotSelected()
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
estimatedSpend = PricingUtils.getEstimatedAutoscaleSpendHtml(
|
|
||||||
this.maxAutoPilotThroughputSet(),
|
|
||||||
userContext.portalEnv,
|
|
||||||
regions,
|
|
||||||
multimaster
|
|
||||||
);
|
|
||||||
estimatedSpendAcknowledge = PricingUtils.getEstimatedSpendAcknowledgeString(
|
|
||||||
this.maxAutoPilotThroughputSet(),
|
|
||||||
userContext.portalEnv,
|
|
||||||
regions,
|
|
||||||
multimaster,
|
|
||||||
this.isAutoPilotSelected()
|
|
||||||
);
|
|
||||||
}
|
|
||||||
// TODO: change throughputSpendAckText to be a computed value, instead of having this side effect
|
|
||||||
this.throughputSpendAckText(estimatedSpendAcknowledge);
|
|
||||||
return estimatedSpend;
|
|
||||||
});
|
|
||||||
|
|
||||||
this.canRequestSupport = ko.pureComputed(() => {
|
|
||||||
if (
|
|
||||||
configContext.platform !== Platform.Emulator &&
|
|
||||||
!userContext.isTryCosmosDBSubscription &&
|
|
||||||
configContext.platform !== Platform.Portal
|
|
||||||
) {
|
|
||||||
const offerThroughput: number = this.throughput();
|
|
||||||
return offerThroughput <= 100000;
|
|
||||||
}
|
|
||||||
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
|
|
||||||
this.isFreeTierAccount = ko.computed<boolean>(() => {
|
|
||||||
return userContext?.databaseAccount?.properties?.enableFreeTier;
|
|
||||||
});
|
|
||||||
|
|
||||||
this.showUpsellMessage = ko.pureComputed(() => {
|
|
||||||
if (this.container.isServerlessEnabled()) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (this.isFreeTierAccount()) {
|
|
||||||
return this.databaseCreateNewShared();
|
|
||||||
}
|
|
||||||
|
|
||||||
return true;
|
|
||||||
});
|
|
||||||
|
|
||||||
this.maxThroughputRUText = ko.pureComputed(() => {
|
|
||||||
return this.maxThroughputRU().toLocaleString();
|
|
||||||
});
|
|
||||||
|
|
||||||
this.costsVisible = ko.pureComputed(() => {
|
|
||||||
return configContext.platform !== Platform.Emulator;
|
|
||||||
});
|
|
||||||
|
|
||||||
this.throughputSpendAckVisible = ko.pureComputed<boolean>(() => {
|
|
||||||
const autoscaleThroughput = this.maxAutoPilotThroughputSet() * 1;
|
|
||||||
if (this.isAutoPilotSelected()) {
|
|
||||||
return autoscaleThroughput > SharedConstants.CollectionCreation.DefaultCollectionRUs100K;
|
|
||||||
}
|
|
||||||
|
|
||||||
const selectedThroughput: number = this.throughput();
|
|
||||||
const maxRU: number = this.maxThroughputRU && this.maxThroughputRU();
|
|
||||||
|
|
||||||
const isMaxRUGreaterThanDefault: boolean = maxRU > SharedConstants.CollectionCreation.DefaultCollectionRUs100K;
|
|
||||||
const isThroughputSetGreaterThanDefault: boolean =
|
|
||||||
selectedThroughput > SharedConstants.CollectionCreation.DefaultCollectionRUs100K;
|
|
||||||
|
|
||||||
if (this.canExceedMaximumValue()) {
|
|
||||||
return isThroughputSetGreaterThanDefault;
|
|
||||||
}
|
|
||||||
|
|
||||||
return isThroughputSetGreaterThanDefault && isMaxRUGreaterThanDefault;
|
|
||||||
});
|
|
||||||
|
|
||||||
this.databaseCreateNewShared.subscribe((useShared: boolean) => {
|
|
||||||
this._updateThroughputLimitByDatabase();
|
|
||||||
});
|
|
||||||
|
|
||||||
this.resetData();
|
|
||||||
|
|
||||||
this.freeTierExceedThroughputTooltip = ko.pureComputed<string>(() =>
|
|
||||||
this.isFreeTierAccount() && !this.container.isFirstResourceCreated()
|
|
||||||
? "The first 400 RU/s in this account are free. Billing will apply to any throughput beyond 400 RU/s."
|
|
||||||
: ""
|
|
||||||
);
|
|
||||||
|
|
||||||
this.upsellMessage = ko.pureComputed<string>(() => {
|
|
||||||
return PricingUtils.getUpsellMessage(
|
|
||||||
userContext.portalEnv,
|
|
||||||
this.isFreeTierAccount(),
|
|
||||||
this.container.isFirstResourceCreated(),
|
|
||||||
false
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
this.upsellMessageAriaLabel = ko.pureComputed<string>(() => {
|
|
||||||
return `${this.upsellMessage()}. Click ${this.isFreeTierAccount() ? "to learn more" : "for more details"}`;
|
|
||||||
});
|
|
||||||
|
|
||||||
this.upsellAnchorUrl = ko.pureComputed<string>(() => {
|
|
||||||
return this.isFreeTierAccount() ? Constants.Urls.freeTierInformation : Constants.Urls.cosmosPricing;
|
|
||||||
});
|
|
||||||
|
|
||||||
this.upsellAnchorText = ko.pureComputed<string>(() => {
|
|
||||||
return this.isFreeTierAccount() ? "Learn more" : "More details";
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
public onMoreDetailsKeyPress = (source: any, event: KeyboardEvent): boolean => {
|
|
||||||
if (event.keyCode === Constants.KeyCodes.Space || event.keyCode === Constants.KeyCodes.Enter) {
|
|
||||||
this.showErrorDetails();
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
};
|
|
||||||
|
|
||||||
public open() {
|
|
||||||
super.open();
|
|
||||||
this.resetData();
|
|
||||||
const addDatabasePaneOpenMessage = {
|
|
||||||
subscriptionType: userContext.subscriptionType,
|
|
||||||
subscriptionQuotaId: userContext.quotaId,
|
|
||||||
defaultsCheck: {
|
|
||||||
throughput: this.throughput(),
|
|
||||||
flight: userContext.addCollectionFlight,
|
|
||||||
},
|
|
||||||
dataExplorerArea: Constants.Areas.ContextualPane,
|
|
||||||
};
|
|
||||||
const focusElement = document.getElementById("database-id");
|
|
||||||
focusElement && focusElement.focus();
|
|
||||||
TelemetryProcessor.trace(Action.CreateDatabase, ActionModifiers.Open, addDatabasePaneOpenMessage);
|
|
||||||
}
|
|
||||||
|
|
||||||
public submit() {
|
|
||||||
if (!this._isValid()) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const offerThroughput: number = this._computeOfferThroughput();
|
|
||||||
|
|
||||||
const addDatabasePaneStartMessage = {
|
|
||||||
database: ko.toJS({
|
|
||||||
id: this.databaseId(),
|
|
||||||
shared: this.databaseCreateNewShared(),
|
|
||||||
}),
|
|
||||||
offerThroughput,
|
|
||||||
subscriptionType: userContext.subscriptionType,
|
|
||||||
subscriptionQuotaId: userContext.quotaId,
|
|
||||||
defaultsCheck: {
|
|
||||||
flight: userContext.addCollectionFlight,
|
|
||||||
},
|
|
||||||
dataExplorerArea: Constants.Areas.ContextualPane,
|
|
||||||
};
|
|
||||||
const startKey: number = TelemetryProcessor.traceStart(Action.CreateDatabase, addDatabasePaneStartMessage);
|
|
||||||
this.formErrors("");
|
|
||||||
this.isExecuting(true);
|
|
||||||
|
|
||||||
const createDatabaseParams: DataModels.CreateDatabaseParams = {
|
|
||||||
databaseId: addDatabasePaneStartMessage.database.id,
|
|
||||||
databaseLevelThroughput: addDatabasePaneStartMessage.database.shared,
|
|
||||||
};
|
|
||||||
|
|
||||||
if (this.isAutoPilotSelected()) {
|
|
||||||
createDatabaseParams.autoPilotMaxThroughput = this.maxAutoPilotThroughputSet();
|
|
||||||
} else {
|
|
||||||
createDatabaseParams.offerThroughput = addDatabasePaneStartMessage.offerThroughput;
|
|
||||||
}
|
|
||||||
|
|
||||||
createDatabase(createDatabaseParams).then(
|
|
||||||
(database: DataModels.Database) => {
|
|
||||||
this._onCreateDatabaseSuccess(offerThroughput, startKey);
|
|
||||||
},
|
|
||||||
(error: any) => {
|
|
||||||
this._onCreateDatabaseFailure(error, offerThroughput, startKey);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
public resetData() {
|
|
||||||
this.databaseId("");
|
|
||||||
this.databaseCreateNewShared(this.getSharedThroughputDefault());
|
|
||||||
this.isAutoPilotSelected(this.container.isAutoscaleDefaultEnabled());
|
|
||||||
this.maxAutoPilotThroughputSet(AutoPilotUtils.minAutoPilotThroughput);
|
|
||||||
this._updateThroughputLimitByDatabase();
|
|
||||||
this.throughputSpendAck(false);
|
|
||||||
super.resetData();
|
|
||||||
}
|
|
||||||
|
|
||||||
public getSharedThroughputDefault(): boolean {
|
|
||||||
const { subscriptionType } = userContext;
|
|
||||||
|
|
||||||
if (subscriptionType === SubscriptionType.EA || this.container.isServerlessEnabled()) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
private _onCreateDatabaseSuccess(offerThroughput: number, startKey: number): void {
|
|
||||||
this.isExecuting(false);
|
|
||||||
this.close();
|
|
||||||
this.container.refreshAllDatabases();
|
|
||||||
const addDatabasePaneSuccessMessage = {
|
|
||||||
database: ko.toJS({
|
|
||||||
id: this.databaseId(),
|
|
||||||
shared: this.databaseCreateNewShared(),
|
|
||||||
}),
|
|
||||||
offerThroughput: offerThroughput,
|
|
||||||
subscriptionType: userContext.subscriptionType,
|
|
||||||
subscriptionQuotaId: userContext.quotaId,
|
|
||||||
defaultsCheck: {
|
|
||||||
flight: userContext.addCollectionFlight,
|
|
||||||
},
|
|
||||||
dataExplorerArea: Constants.Areas.ContextualPane,
|
|
||||||
};
|
|
||||||
TelemetryProcessor.traceSuccess(Action.CreateDatabase, addDatabasePaneSuccessMessage, startKey);
|
|
||||||
this.resetData();
|
|
||||||
}
|
|
||||||
|
|
||||||
private _onCreateDatabaseFailure(error: any, offerThroughput: number, startKey: number): void {
|
|
||||||
this.isExecuting(false);
|
|
||||||
const errorMessage = getErrorMessage(error);
|
|
||||||
this.formErrors(errorMessage);
|
|
||||||
this.formErrorsDetails(errorMessage);
|
|
||||||
const addDatabasePaneFailedMessage = {
|
|
||||||
database: ko.toJS({
|
|
||||||
id: this.databaseId(),
|
|
||||||
shared: this.databaseCreateNewShared(),
|
|
||||||
}),
|
|
||||||
offerThroughput: offerThroughput,
|
|
||||||
subscriptionType: userContext.subscriptionType,
|
|
||||||
subscriptionQuotaId: userContext.quotaId,
|
|
||||||
defaultsCheck: {
|
|
||||||
flight: userContext.addCollectionFlight,
|
|
||||||
},
|
|
||||||
dataExplorerArea: Constants.Areas.ContextualPane,
|
|
||||||
error: errorMessage,
|
|
||||||
errorStack: getErrorStack(error),
|
|
||||||
};
|
|
||||||
TelemetryProcessor.traceFailure(Action.CreateDatabase, addDatabasePaneFailedMessage, startKey);
|
|
||||||
}
|
|
||||||
|
|
||||||
private _getThroughput(): number {
|
|
||||||
const throughput: number = this.throughput();
|
|
||||||
return isNaN(throughput) ? 0 : Number(throughput);
|
|
||||||
}
|
|
||||||
|
|
||||||
private _computeOfferThroughput(): number {
|
|
||||||
if (!this.canConfigureThroughput()) {
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (this.isAutoPilotSelected()) {
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
return this._getThroughput();
|
|
||||||
}
|
|
||||||
|
|
||||||
private _isValid(): boolean {
|
|
||||||
// TODO add feature flag that disables validation for customers with custom accounts
|
|
||||||
if (this.isAutoPilotSelected()) {
|
|
||||||
const autoPilot = this._isAutoPilotSelectedAndWhatTier();
|
|
||||||
if (
|
|
||||||
!autoPilot ||
|
|
||||||
!autoPilot.maxThroughput ||
|
|
||||||
!AutoPilotUtils.isValidAutoPilotThroughput(autoPilot.maxThroughput)
|
|
||||||
) {
|
|
||||||
this.formErrors(
|
|
||||||
`Please enter a value greater than ${AutoPilotUtils.minAutoPilotThroughput} for autopilot throughput`
|
|
||||||
);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const throughput = this._getThroughput();
|
|
||||||
|
|
||||||
if (throughput > SharedConstants.CollectionCreation.DefaultCollectionRUs100K && !this.throughputSpendAck()) {
|
|
||||||
this.formErrors(`Please acknowledge the estimated daily spend.`);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
const autoscaleThroughput = this.maxAutoPilotThroughputSet() * 1;
|
|
||||||
|
|
||||||
if (
|
|
||||||
this.isAutoPilotSelected() &&
|
|
||||||
autoscaleThroughput > SharedConstants.CollectionCreation.DefaultCollectionRUs100K &&
|
|
||||||
!this.throughputSpendAck()
|
|
||||||
) {
|
|
||||||
this.formErrors(`Please acknowledge the estimated monthly spend.`);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
private _isAutoPilotSelectedAndWhatTier(): DataModels.AutoPilotCreationSettings {
|
|
||||||
if (this.isAutoPilotSelected() && this.maxAutoPilotThroughputSet()) {
|
|
||||||
return {
|
|
||||||
maxThroughput: this.maxAutoPilotThroughputSet() * 1,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
private _updateThroughputLimitByDatabase() {
|
|
||||||
const throughputDefaults = this.container.collectionCreationDefaults.throughput;
|
|
||||||
this.throughput(throughputDefaults.shared);
|
|
||||||
this.maxThroughputRU(throughputDefaults.unlimitedmax);
|
|
||||||
this.minThroughputRU(throughputDefaults.unlimitedmin);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -24,49 +24,6 @@ exports[`GitHub Repos Panel should render Default properly 1`] = `
|
||||||
"_refreshSparkEnabledStateForAccount": [Function],
|
"_refreshSparkEnabledStateForAccount": [Function],
|
||||||
"_resetNotebookWorkspace": [Function],
|
"_resetNotebookWorkspace": [Function],
|
||||||
"addCollectionText": [Function],
|
"addCollectionText": [Function],
|
||||||
"addDatabasePane": AddDatabasePane {
|
|
||||||
"autoPilotUsageCost": [Function],
|
|
||||||
"canConfigureThroughput": [Function],
|
|
||||||
"canExceedMaximumValue": [Function],
|
|
||||||
"canRequestSupport": [Function],
|
|
||||||
"container": [Circular],
|
|
||||||
"costsVisible": [Function],
|
|
||||||
"databaseCreateNewShared": [Function],
|
|
||||||
"databaseId": [Function],
|
|
||||||
"databaseIdLabel": [Function],
|
|
||||||
"databaseIdPlaceHolder": [Function],
|
|
||||||
"databaseIdTooltipText": [Function],
|
|
||||||
"databaseLevelThroughputTooltipText": [Function],
|
|
||||||
"firstFieldHasFocus": [Function],
|
|
||||||
"formErrors": [Function],
|
|
||||||
"formErrorsDetails": [Function],
|
|
||||||
"freeTierExceedThroughputTooltip": [Function],
|
|
||||||
"id": "adddatabasepane",
|
|
||||||
"isAutoPilotSelected": [Function],
|
|
||||||
"isExecuting": [Function],
|
|
||||||
"isFreeTierAccount": [Function],
|
|
||||||
"isTemplateReady": [Function],
|
|
||||||
"maxAutoPilotThroughputSet": [Function],
|
|
||||||
"maxThroughputRU": [Function],
|
|
||||||
"maxThroughputRUText": [Function],
|
|
||||||
"minThroughputRU": [Function],
|
|
||||||
"onMoreDetailsKeyPress": [Function],
|
|
||||||
"requestUnitsUsageCost": [Function],
|
|
||||||
"ruToolTipText": [Function],
|
|
||||||
"showUpsellMessage": [Function],
|
|
||||||
"throughput": [Function],
|
|
||||||
"throughputRangeText": [Function],
|
|
||||||
"throughputSpendAck": [Function],
|
|
||||||
"throughputSpendAckText": [Function],
|
|
||||||
"throughputSpendAckVisible": [Function],
|
|
||||||
"title": [Function],
|
|
||||||
"upsellAnchorText": [Function],
|
|
||||||
"upsellAnchorUrl": [Function],
|
|
||||||
"upsellMessage": [Function],
|
|
||||||
"upsellMessageAriaLabel": [Function],
|
|
||||||
"visible": [Function],
|
|
||||||
},
|
|
||||||
"addDatabaseText": [Function],
|
|
||||||
"arcadiaToken": [Function],
|
"arcadiaToken": [Function],
|
||||||
"canExceedMaximumValue": [Function],
|
"canExceedMaximumValue": [Function],
|
||||||
"canSaveQueries": [Function],
|
"canSaveQueries": [Function],
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,3 @@
|
||||||
import AddDatabasePaneTemplate from "./AddDatabasePane.html";
|
|
||||||
import CassandraAddCollectionPaneTemplate from "./CassandraAddCollectionPane.html";
|
import CassandraAddCollectionPaneTemplate from "./CassandraAddCollectionPane.html";
|
||||||
export class PaneComponent {
|
export class PaneComponent {
|
||||||
constructor(data: any) {
|
constructor(data: any) {
|
||||||
|
|
@ -6,15 +5,6 @@ export class PaneComponent {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export class AddDatabasePaneComponent {
|
|
||||||
constructor() {
|
|
||||||
return {
|
|
||||||
viewModel: PaneComponent,
|
|
||||||
template: AddDatabasePaneTemplate,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export class CassandraAddCollectionPaneComponent {
|
export class CassandraAddCollectionPaneComponent {
|
||||||
constructor() {
|
constructor() {
|
||||||
return {
|
return {
|
||||||
|
|
|
||||||
|
|
@ -14,49 +14,6 @@ exports[`StringInput Pane should render Create new directory properly 1`] = `
|
||||||
"_refreshSparkEnabledStateForAccount": [Function],
|
"_refreshSparkEnabledStateForAccount": [Function],
|
||||||
"_resetNotebookWorkspace": [Function],
|
"_resetNotebookWorkspace": [Function],
|
||||||
"addCollectionText": [Function],
|
"addCollectionText": [Function],
|
||||||
"addDatabasePane": AddDatabasePane {
|
|
||||||
"autoPilotUsageCost": [Function],
|
|
||||||
"canConfigureThroughput": [Function],
|
|
||||||
"canExceedMaximumValue": [Function],
|
|
||||||
"canRequestSupport": [Function],
|
|
||||||
"container": [Circular],
|
|
||||||
"costsVisible": [Function],
|
|
||||||
"databaseCreateNewShared": [Function],
|
|
||||||
"databaseId": [Function],
|
|
||||||
"databaseIdLabel": [Function],
|
|
||||||
"databaseIdPlaceHolder": [Function],
|
|
||||||
"databaseIdTooltipText": [Function],
|
|
||||||
"databaseLevelThroughputTooltipText": [Function],
|
|
||||||
"firstFieldHasFocus": [Function],
|
|
||||||
"formErrors": [Function],
|
|
||||||
"formErrorsDetails": [Function],
|
|
||||||
"freeTierExceedThroughputTooltip": [Function],
|
|
||||||
"id": "adddatabasepane",
|
|
||||||
"isAutoPilotSelected": [Function],
|
|
||||||
"isExecuting": [Function],
|
|
||||||
"isFreeTierAccount": [Function],
|
|
||||||
"isTemplateReady": [Function],
|
|
||||||
"maxAutoPilotThroughputSet": [Function],
|
|
||||||
"maxThroughputRU": [Function],
|
|
||||||
"maxThroughputRUText": [Function],
|
|
||||||
"minThroughputRU": [Function],
|
|
||||||
"onMoreDetailsKeyPress": [Function],
|
|
||||||
"requestUnitsUsageCost": [Function],
|
|
||||||
"ruToolTipText": [Function],
|
|
||||||
"showUpsellMessage": [Function],
|
|
||||||
"throughput": [Function],
|
|
||||||
"throughputRangeText": [Function],
|
|
||||||
"throughputSpendAck": [Function],
|
|
||||||
"throughputSpendAckText": [Function],
|
|
||||||
"throughputSpendAckVisible": [Function],
|
|
||||||
"title": [Function],
|
|
||||||
"upsellAnchorText": [Function],
|
|
||||||
"upsellAnchorUrl": [Function],
|
|
||||||
"upsellMessage": [Function],
|
|
||||||
"upsellMessageAriaLabel": [Function],
|
|
||||||
"visible": [Function],
|
|
||||||
},
|
|
||||||
"addDatabaseText": [Function],
|
|
||||||
"arcadiaToken": [Function],
|
"arcadiaToken": [Function],
|
||||||
"canExceedMaximumValue": [Function],
|
"canExceedMaximumValue": [Function],
|
||||||
"canSaveQueries": [Function],
|
"canSaveQueries": [Function],
|
||||||
|
|
|
||||||
|
|
@ -12,49 +12,6 @@ exports[`Delete Database Confirmation Pane submit() Should call delete database
|
||||||
"_refreshSparkEnabledStateForAccount": [Function],
|
"_refreshSparkEnabledStateForAccount": [Function],
|
||||||
"_resetNotebookWorkspace": [Function],
|
"_resetNotebookWorkspace": [Function],
|
||||||
"addCollectionText": [Function],
|
"addCollectionText": [Function],
|
||||||
"addDatabasePane": AddDatabasePane {
|
|
||||||
"autoPilotUsageCost": [Function],
|
|
||||||
"canConfigureThroughput": [Function],
|
|
||||||
"canExceedMaximumValue": [Function],
|
|
||||||
"canRequestSupport": [Function],
|
|
||||||
"container": [Circular],
|
|
||||||
"costsVisible": [Function],
|
|
||||||
"databaseCreateNewShared": [Function],
|
|
||||||
"databaseId": [Function],
|
|
||||||
"databaseIdLabel": [Function],
|
|
||||||
"databaseIdPlaceHolder": [Function],
|
|
||||||
"databaseIdTooltipText": [Function],
|
|
||||||
"databaseLevelThroughputTooltipText": [Function],
|
|
||||||
"firstFieldHasFocus": [Function],
|
|
||||||
"formErrors": [Function],
|
|
||||||
"formErrorsDetails": [Function],
|
|
||||||
"freeTierExceedThroughputTooltip": [Function],
|
|
||||||
"id": "adddatabasepane",
|
|
||||||
"isAutoPilotSelected": [Function],
|
|
||||||
"isExecuting": [Function],
|
|
||||||
"isFreeTierAccount": [Function],
|
|
||||||
"isTemplateReady": [Function],
|
|
||||||
"maxAutoPilotThroughputSet": [Function],
|
|
||||||
"maxThroughputRU": [Function],
|
|
||||||
"maxThroughputRUText": [Function],
|
|
||||||
"minThroughputRU": [Function],
|
|
||||||
"onMoreDetailsKeyPress": [Function],
|
|
||||||
"requestUnitsUsageCost": [Function],
|
|
||||||
"ruToolTipText": [Function],
|
|
||||||
"showUpsellMessage": [Function],
|
|
||||||
"throughput": [Function],
|
|
||||||
"throughputRangeText": [Function],
|
|
||||||
"throughputSpendAck": [Function],
|
|
||||||
"throughputSpendAckText": [Function],
|
|
||||||
"throughputSpendAckVisible": [Function],
|
|
||||||
"title": [Function],
|
|
||||||
"upsellAnchorText": [Function],
|
|
||||||
"upsellAnchorUrl": [Function],
|
|
||||||
"upsellMessage": [Function],
|
|
||||||
"upsellMessageAriaLabel": [Function],
|
|
||||||
"visible": [Function],
|
|
||||||
},
|
|
||||||
"addDatabaseText": [Function],
|
|
||||||
"arcadiaToken": [Function],
|
"arcadiaToken": [Function],
|
||||||
"canExceedMaximumValue": [Function],
|
"canExceedMaximumValue": [Function],
|
||||||
"canSaveQueries": [Function],
|
"canSaveQueries": [Function],
|
||||||
|
|
|
||||||
|
|
@ -17,6 +17,7 @@ import { AuthType } from "../../AuthType";
|
||||||
import * as Constants from "../../Common/Constants";
|
import * as Constants from "../../Common/Constants";
|
||||||
import * as ViewModels from "../../Contracts/ViewModels";
|
import * as ViewModels from "../../Contracts/ViewModels";
|
||||||
import { userContext } from "../../UserContext";
|
import { userContext } from "../../UserContext";
|
||||||
|
import { getDatabaseName } from "../../Utils/APITypeUtils";
|
||||||
import { FeaturePanelLauncher } from "../Controls/FeaturePanel/FeaturePanelLauncher";
|
import { FeaturePanelLauncher } from "../Controls/FeaturePanel/FeaturePanelLauncher";
|
||||||
import { DataSamplesUtil } from "../DataSamples/DataSamplesUtil";
|
import { DataSamplesUtil } from "../DataSamples/DataSamplesUtil";
|
||||||
import Explorer from "../Explorer";
|
import Explorer from "../Explorer";
|
||||||
|
|
@ -290,7 +291,7 @@ export class SplashScreen extends React.Component<SplashScreenProps> {
|
||||||
} else {
|
} else {
|
||||||
items.push({
|
items.push({
|
||||||
iconSrc: AddDatabaseIcon,
|
iconSrc: AddDatabaseIcon,
|
||||||
title: this.container.addDatabaseText(),
|
title: "New " + getDatabaseName(),
|
||||||
description: null,
|
description: null,
|
||||||
onClick: () => this.container.openAddDatabasePane(),
|
onClick: () => this.container.openAddDatabasePane(),
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -154,7 +154,6 @@ const App: React.FunctionComponent = () => {
|
||||||
closePanel={closeSidePanel}
|
closePanel={closeSidePanel}
|
||||||
isConsoleExpanded={isNotificationConsoleExpanded}
|
isConsoleExpanded={isNotificationConsoleExpanded}
|
||||||
/>
|
/>
|
||||||
<div data-bind='component: { name: "add-database-pane", params: {data: addDatabasePane} }' />
|
|
||||||
<div data-bind='component: { name: "cassandra-add-collection-pane", params: { data: cassandraAddCollectionPane} }' />
|
<div data-bind='component: { name: "cassandra-add-collection-pane", params: { data: cassandraAddCollectionPane} }' />
|
||||||
{showDialog && <Dialog {...dialogProps} />}
|
{showDialog && <Dialog {...dialogProps} />}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue