mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2026-08-30 10:18:40 +01:00
jawelton74
f8cfb33618
* Remove Phoenix and notebook core Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> Copilot-Session: 4e4f2ebd-f2f8-4c2b-b63d-40e1a2b1c662 * Fix merge issue. --------- Copilot-Session: 4e4f2ebd-f2f8-4c2b-b63d-40e1a2b1c662
580 lines
20 KiB
TypeScript
580 lines
20 KiB
TypeScript
import { OpenFullScreen } from "Explorer/OpenFullScreen";
|
|
import { KeyboardAction } from "KeyboardShortcuts";
|
|
import { isDataplaneRbacSupported } from "Utils/APITypeUtils";
|
|
import * as React from "react";
|
|
import AddSqlQueryIcon from "../../../../images/AddSqlQuery_16x16.svg";
|
|
import AddStoredProcedureIcon from "../../../../images/AddStoredProcedure.svg";
|
|
import AddTriggerIcon from "../../../../images/AddTrigger.svg";
|
|
import AddUdfIcon from "../../../../images/AddUdf.svg";
|
|
import BrowseQueriesIcon from "../../../../images/BrowseQuery.svg";
|
|
import EntraIDIcon from "../../../../images/EntraID.svg";
|
|
import FeedbackIcon from "../../../../images/Feedback-Command.svg";
|
|
import HostedTerminalIcon from "../../../../images/Hosted-Terminal.svg";
|
|
import OpenQueryFromDiskIcon from "../../../../images/OpenQueryFromDisk.svg";
|
|
import OpenInTabIcon from "../../../../images/open-in-tab.svg";
|
|
import SettingsIcon from "../../../../images/settings_15x15.svg";
|
|
import SynapseIcon from "../../../../images/synapse-link.svg";
|
|
import VSCodeIcon from "../../../../images/vscode.svg";
|
|
import { AuthType } from "../../../AuthType";
|
|
import * as Constants from "../../../Common/Constants";
|
|
import { configContext, Platform } from "../../../ConfigContext";
|
|
import * as ViewModels from "../../../Contracts/ViewModels";
|
|
import {
|
|
isVCoreMongoNativeAuthDisabled,
|
|
userContext,
|
|
VCoreMongoNativeAuthDisabledMessage,
|
|
VCoreMongoNativeAuthLearnMoreUrl,
|
|
} from "../../../UserContext";
|
|
import { isRunningOnNationalCloud } from "../../../Utils/CloudUtils";
|
|
import { useSidePanel } from "../../../hooks/useSidePanel";
|
|
import { CommandButtonComponentProps } from "../../Controls/CommandButton/CommandButtonComponent";
|
|
import { useDialog } from "../../Controls/Dialog";
|
|
import Explorer from "../../Explorer";
|
|
import { BrowseQueriesPane } from "../../Panes/BrowseQueriesPane/BrowseQueriesPane";
|
|
import { LoadQueryPane } from "../../Panes/LoadQueryPane/LoadQueryPane";
|
|
import { SettingsPane, useDataPlaneRbac } from "../../Panes/SettingsPane/SettingsPane";
|
|
import { useDatabases } from "../../useDatabases";
|
|
import { SelectedNodeState } from "../../useSelectedNode";
|
|
import { ThemeToggleButton } from "./ThemeToggleButton";
|
|
|
|
let counter = 0;
|
|
|
|
export function createStaticCommandBarButtons(
|
|
container: Explorer,
|
|
selectedNodeState: SelectedNodeState,
|
|
isSynapseLinkUpdating = false,
|
|
): CommandButtonComponentProps[] {
|
|
if (userContext.authType === AuthType.ResourceToken) {
|
|
return createStaticCommandBarButtonsForResourceToken(container, selectedNodeState);
|
|
}
|
|
|
|
const buttons: CommandButtonComponentProps[] = [];
|
|
|
|
// Avoid starting with a divider
|
|
const addDivider = () => {
|
|
if (buttons.length > 0) {
|
|
buttons.push(createDivider());
|
|
}
|
|
};
|
|
|
|
if (
|
|
configContext.platform !== Platform.Fabric &&
|
|
userContext.apiType !== "Tables" &&
|
|
userContext.apiType !== "Cassandra"
|
|
) {
|
|
const addSynapseLink = createOpenSynapseLinkDialogButton(container, isSynapseLinkUpdating);
|
|
if (addSynapseLink) {
|
|
addDivider();
|
|
buttons.push(addSynapseLink);
|
|
}
|
|
if (userContext.apiType !== "Gremlin") {
|
|
const addVsCode = createOpenVsCodeDialogButton(container);
|
|
buttons.push(addVsCode);
|
|
}
|
|
}
|
|
|
|
if (isDataplaneRbacSupported(userContext.apiType)) {
|
|
const loginButtonProps = createLoginForEntraIDButton(container);
|
|
if (loginButtonProps) {
|
|
addDivider();
|
|
buttons.push(loginButtonProps);
|
|
}
|
|
}
|
|
|
|
if (
|
|
userContext.apiType === "SQL" &&
|
|
userContext.features.enableCloudShell &&
|
|
userContext.features.enableCosmosDBShell
|
|
) {
|
|
addDivider();
|
|
buttons.push(createOpenTerminalButtonByKind(container, ViewModels.TerminalKind.CosmosDB));
|
|
}
|
|
|
|
if (!selectedNodeState.isDatabaseNodeOrNoneSelected()) {
|
|
const isQuerySupported = userContext.apiType === "SQL" || userContext.apiType === "Gremlin";
|
|
|
|
if (isQuerySupported) {
|
|
addDivider();
|
|
const newSqlQueryBtn = createNewSQLQueryButton(selectedNodeState);
|
|
buttons.push(newSqlQueryBtn);
|
|
}
|
|
|
|
if (isQuerySupported && selectedNodeState.findSelectedCollection() && configContext.platform !== Platform.Fabric) {
|
|
const openQueryBtn = createOpenQueryButton(container);
|
|
openQueryBtn.children = [createOpenQueryButton(container), createOpenQueryFromDiskButton()];
|
|
buttons.push(openQueryBtn);
|
|
}
|
|
|
|
if (areScriptsSupported()) {
|
|
const label = "New Stored Procedure";
|
|
const newStoredProcedureBtn: CommandButtonComponentProps = {
|
|
iconSrc: AddStoredProcedureIcon,
|
|
iconAlt: label,
|
|
keyboardAction: KeyboardAction.NEW_SPROC,
|
|
onCommandClick: () => {
|
|
const selectedCollection: ViewModels.Collection = selectedNodeState.findSelectedCollection();
|
|
selectedCollection && selectedCollection.onNewStoredProcedureClick(selectedCollection);
|
|
},
|
|
commandButtonLabel: label,
|
|
ariaLabel: label,
|
|
hasPopup: true,
|
|
disabled: selectedNodeState.isDatabaseNodeOrNoneSelected(),
|
|
};
|
|
|
|
newStoredProcedureBtn.children = createScriptCommandButtons(selectedNodeState);
|
|
buttons.push(newStoredProcedureBtn);
|
|
}
|
|
}
|
|
|
|
return buttons;
|
|
}
|
|
|
|
export function createContextCommandBarButtons(
|
|
container: Explorer,
|
|
selectedNodeState: SelectedNodeState,
|
|
): CommandButtonComponentProps[] {
|
|
const buttons: CommandButtonComponentProps[] = [];
|
|
|
|
if (!selectedNodeState.isDatabaseNodeOrNoneSelected() && userContext.apiType === "Mongo") {
|
|
const label = userContext.features.enableCloudShell ? "Open Mongo Shell" : "New Shell";
|
|
const newMongoShellBtn: CommandButtonComponentProps = {
|
|
iconSrc: HostedTerminalIcon,
|
|
iconAlt: label,
|
|
onCommandClick: () => {
|
|
const selectedCollection: ViewModels.Collection = selectedNodeState.findSelectedCollection();
|
|
if (userContext.features.enableCloudShell) {
|
|
container.openNotebookTerminal(ViewModels.TerminalKind.Mongo);
|
|
} else {
|
|
selectedCollection && selectedCollection.onNewMongoShellClick();
|
|
}
|
|
},
|
|
commandButtonLabel: label,
|
|
ariaLabel: label,
|
|
hasPopup: true,
|
|
};
|
|
buttons.push(newMongoShellBtn);
|
|
}
|
|
|
|
if (
|
|
userContext.features.enableCloudShell &&
|
|
!selectedNodeState.isDatabaseNodeOrNoneSelected() &&
|
|
userContext.apiType === "Cassandra"
|
|
) {
|
|
const label: string = "Open Cassandra Shell";
|
|
const newCassandraShellButton: CommandButtonComponentProps = {
|
|
iconSrc: HostedTerminalIcon,
|
|
iconAlt: label,
|
|
onCommandClick: () => {
|
|
container.openNotebookTerminal(ViewModels.TerminalKind.Cassandra);
|
|
},
|
|
commandButtonLabel: label,
|
|
ariaLabel: label,
|
|
hasPopup: true,
|
|
};
|
|
buttons.push(newCassandraShellButton);
|
|
}
|
|
|
|
return buttons;
|
|
}
|
|
|
|
export function createControlCommandBarButtons(container: Explorer): CommandButtonComponentProps[] {
|
|
const buttons: CommandButtonComponentProps[] = [
|
|
ThemeToggleButton(configContext.platform === Platform.Portal),
|
|
{
|
|
iconSrc: SettingsIcon,
|
|
iconAlt: "Settings",
|
|
onCommandClick: () => useSidePanel.getState().openSidePanel("Settings", <SettingsPane explorer={container} />),
|
|
commandButtonLabel: undefined,
|
|
ariaLabel: "Settings",
|
|
tooltipText: "Settings",
|
|
hasPopup: true,
|
|
disabled: false,
|
|
},
|
|
];
|
|
|
|
const showOpenFullScreen =
|
|
configContext.platform === Platform.Portal && !isRunningOnNationalCloud() && userContext.apiType !== "Gremlin";
|
|
|
|
if (showOpenFullScreen) {
|
|
const label = "Open Full Screen";
|
|
const fullScreenButton: CommandButtonComponentProps = {
|
|
id: "openFullScreenBtn",
|
|
iconSrc: OpenInTabIcon,
|
|
iconAlt: label,
|
|
onCommandClick: () => {
|
|
useSidePanel.getState().openSidePanel("Open Full Screen", <OpenFullScreen />);
|
|
},
|
|
commandButtonLabel: undefined,
|
|
ariaLabel: label,
|
|
tooltipText: label,
|
|
hasPopup: false,
|
|
disabled: !showOpenFullScreen,
|
|
className: "OpenFullScreen",
|
|
};
|
|
buttons.push(fullScreenButton);
|
|
}
|
|
|
|
if (configContext.platform === Platform.Portal) {
|
|
const label = "Feedback";
|
|
const feedbackButtonOptions: CommandButtonComponentProps = {
|
|
iconSrc: FeedbackIcon,
|
|
iconAlt: label,
|
|
onCommandClick: () => container.openCESCVAFeedbackBlade(),
|
|
commandButtonLabel: undefined,
|
|
ariaLabel: label,
|
|
tooltipText: label,
|
|
hasPopup: false,
|
|
disabled: false,
|
|
};
|
|
buttons.push(feedbackButtonOptions);
|
|
}
|
|
|
|
return buttons;
|
|
}
|
|
|
|
export function createDivider(): CommandButtonComponentProps {
|
|
const label = `divider${counter++}`;
|
|
return {
|
|
isDivider: true,
|
|
commandButtonLabel: label,
|
|
hasPopup: false,
|
|
iconSrc: undefined,
|
|
iconAlt: undefined,
|
|
onCommandClick: undefined,
|
|
ariaLabel: label,
|
|
};
|
|
}
|
|
|
|
function areScriptsSupported(): boolean {
|
|
return (
|
|
configContext.platform !== Platform.Fabric && (userContext.apiType === "SQL" || userContext.apiType === "Gremlin")
|
|
);
|
|
}
|
|
|
|
function createOpenSynapseLinkDialogButton(
|
|
container: Explorer,
|
|
isSynapseLinkUpdating: boolean,
|
|
): CommandButtonComponentProps {
|
|
if (configContext.platform === Platform.Emulator) {
|
|
return undefined;
|
|
}
|
|
|
|
if (userContext?.databaseAccount?.properties?.enableAnalyticalStorage) {
|
|
return undefined;
|
|
}
|
|
|
|
const capabilities = userContext?.databaseAccount?.properties?.capabilities || [];
|
|
if (capabilities.some((capability) => capability.name === Constants.CapabilityNames.EnableStorageAnalytics)) {
|
|
return undefined;
|
|
}
|
|
|
|
const label = "Enable Azure Synapse Link";
|
|
return {
|
|
iconSrc: SynapseIcon,
|
|
iconAlt: label,
|
|
onCommandClick: () => container.openEnableSynapseLinkDialog(),
|
|
commandButtonLabel: label,
|
|
hasPopup: false,
|
|
disabled: isSynapseLinkUpdating,
|
|
ariaLabel: label,
|
|
};
|
|
}
|
|
|
|
function createOpenVsCodeDialogButton(container: Explorer): CommandButtonComponentProps {
|
|
const label = "Visual Studio Code";
|
|
return {
|
|
iconSrc: VSCodeIcon,
|
|
iconAlt: label,
|
|
onCommandClick: () => container.openInVsCode(),
|
|
commandButtonLabel: label,
|
|
hasPopup: false,
|
|
ariaLabel: label,
|
|
};
|
|
}
|
|
|
|
function createLoginForEntraIDButton(container: Explorer): CommandButtonComponentProps {
|
|
if (configContext.platform !== Platform.Portal) {
|
|
return undefined;
|
|
}
|
|
|
|
const handleCommandClick = async () => {
|
|
await container.openLoginForEntraIDPopUp();
|
|
useDataPlaneRbac.setState({ dataPlaneRbacEnabled: true });
|
|
};
|
|
|
|
if (!userContext.dataPlaneRbacEnabled || userContext.aadToken) {
|
|
return undefined;
|
|
}
|
|
|
|
const label = "Login for Entra ID RBAC";
|
|
return {
|
|
iconSrc: EntraIDIcon,
|
|
iconAlt: label,
|
|
onCommandClick: handleCommandClick,
|
|
commandButtonLabel: label,
|
|
hasPopup: true,
|
|
ariaLabel: label,
|
|
};
|
|
}
|
|
|
|
function createNewSQLQueryButton(selectedNodeState: SelectedNodeState): CommandButtonComponentProps {
|
|
if (userContext.apiType === "SQL" || userContext.apiType === "Gremlin") {
|
|
const label = "New SQL Query";
|
|
return {
|
|
id: "newQueryBtn",
|
|
iconSrc: AddSqlQueryIcon,
|
|
iconAlt: label,
|
|
keyboardAction: KeyboardAction.NEW_QUERY,
|
|
onCommandClick: () => {
|
|
const selectedCollection: ViewModels.Collection = selectedNodeState.findSelectedCollection();
|
|
selectedCollection && selectedCollection.onNewQueryClick(selectedCollection);
|
|
},
|
|
commandButtonLabel: label,
|
|
ariaLabel: label,
|
|
hasPopup: true,
|
|
disabled: selectedNodeState.isDatabaseNodeOrNoneSelected(),
|
|
};
|
|
} else if (userContext.apiType === "Mongo") {
|
|
const label = "New Query";
|
|
return {
|
|
id: "newQueryBtn",
|
|
iconSrc: AddSqlQueryIcon,
|
|
iconAlt: label,
|
|
keyboardAction: KeyboardAction.NEW_QUERY,
|
|
onCommandClick: () => {
|
|
const selectedCollection: ViewModels.Collection = selectedNodeState.findSelectedCollection();
|
|
selectedCollection && selectedCollection.onNewMongoQueryClick(selectedCollection);
|
|
},
|
|
commandButtonLabel: label,
|
|
ariaLabel: label,
|
|
hasPopup: true,
|
|
disabled: selectedNodeState.isDatabaseNodeOrNoneSelected(),
|
|
};
|
|
}
|
|
|
|
return undefined;
|
|
}
|
|
|
|
export function createScriptCommandButtons(selectedNodeState: SelectedNodeState): CommandButtonComponentProps[] {
|
|
const buttons: CommandButtonComponentProps[] = [];
|
|
|
|
const shouldEnableScriptsCommands: boolean =
|
|
!selectedNodeState.isDatabaseNodeOrNoneSelected() && areScriptsSupported();
|
|
|
|
if (shouldEnableScriptsCommands) {
|
|
const label = "New Stored Procedure";
|
|
const newStoredProcedureBtn: CommandButtonComponentProps = {
|
|
iconSrc: AddStoredProcedureIcon,
|
|
iconAlt: label,
|
|
keyboardAction: KeyboardAction.NEW_SPROC,
|
|
onCommandClick: () => {
|
|
const selectedCollection: ViewModels.Collection = selectedNodeState.findSelectedCollection();
|
|
selectedCollection && selectedCollection.onNewStoredProcedureClick(selectedCollection);
|
|
},
|
|
commandButtonLabel: label,
|
|
ariaLabel: label,
|
|
hasPopup: true,
|
|
disabled: selectedNodeState.isDatabaseNodeOrNoneSelected(),
|
|
styles: {
|
|
root: {
|
|
backgroundColor: "var(--colorNeutralBackground1)",
|
|
color: "var(--colorNeutralForeground1)",
|
|
selectors: {
|
|
":hover": {
|
|
backgroundColor: "var(--colorNeutralBackground1Hover)",
|
|
color: "var(--colorNeutralForeground1Hover)",
|
|
},
|
|
":active": {
|
|
backgroundColor: "var(--colorNeutralBackground1Pressed)",
|
|
color: "var(--colorNeutralForeground1Pressed)",
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|
|
buttons.push(newStoredProcedureBtn);
|
|
}
|
|
|
|
if (shouldEnableScriptsCommands) {
|
|
const label = "New UDF";
|
|
const newUserDefinedFunctionBtn: CommandButtonComponentProps = {
|
|
iconSrc: AddUdfIcon,
|
|
iconAlt: label,
|
|
keyboardAction: KeyboardAction.NEW_UDF,
|
|
onCommandClick: () => {
|
|
const selectedCollection: ViewModels.Collection = selectedNodeState.findSelectedCollection();
|
|
selectedCollection && selectedCollection.onNewUserDefinedFunctionClick(selectedCollection);
|
|
},
|
|
commandButtonLabel: label,
|
|
ariaLabel: label,
|
|
hasPopup: true,
|
|
disabled: selectedNodeState.isDatabaseNodeOrNoneSelected(),
|
|
styles: {
|
|
root: {
|
|
backgroundColor: "var(--colorNeutralBackground1)",
|
|
color: "var(--colorNeutralForeground1)",
|
|
selectors: {
|
|
":hover": {
|
|
backgroundColor: "var(--colorNeutralBackground1Hover)",
|
|
color: "var(--colorNeutralForeground1Hover)",
|
|
},
|
|
":active": {
|
|
backgroundColor: "var(--colorNeutralBackground1Pressed)",
|
|
color: "var(--colorNeutralForeground1Pressed)",
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|
|
buttons.push(newUserDefinedFunctionBtn);
|
|
}
|
|
|
|
if (shouldEnableScriptsCommands) {
|
|
const label = "New Trigger";
|
|
const newTriggerBtn: CommandButtonComponentProps = {
|
|
iconSrc: AddTriggerIcon,
|
|
iconAlt: label,
|
|
keyboardAction: KeyboardAction.NEW_TRIGGER,
|
|
onCommandClick: () => {
|
|
const selectedCollection: ViewModels.Collection = selectedNodeState.findSelectedCollection();
|
|
selectedCollection && selectedCollection.onNewTriggerClick(selectedCollection);
|
|
},
|
|
commandButtonLabel: label,
|
|
ariaLabel: label,
|
|
hasPopup: true,
|
|
disabled: selectedNodeState.isDatabaseNodeOrNoneSelected(),
|
|
styles: {
|
|
root: {
|
|
backgroundColor: "var(--colorNeutralBackground1)",
|
|
color: "var(--colorNeutralForeground1)",
|
|
selectors: {
|
|
":hover": {
|
|
backgroundColor: "var(--colorNeutralBackground1Hover)",
|
|
color: "var(--colorNeutralForeground1Hover)",
|
|
},
|
|
":active": {
|
|
backgroundColor: "var(--colorNeutralBackground1Pressed)",
|
|
color: "var(--colorNeutralForeground1Pressed)",
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|
|
buttons.push(newTriggerBtn);
|
|
}
|
|
|
|
return buttons;
|
|
}
|
|
|
|
function createOpenQueryButton(container: Explorer): CommandButtonComponentProps {
|
|
const label = "Open Query";
|
|
return {
|
|
iconSrc: BrowseQueriesIcon,
|
|
iconAlt: label,
|
|
keyboardAction: KeyboardAction.OPEN_QUERY,
|
|
onCommandClick: () =>
|
|
useSidePanel.getState().openSidePanel("Open Saved Queries", <BrowseQueriesPane explorer={container} />),
|
|
commandButtonLabel: label,
|
|
ariaLabel: label,
|
|
hasPopup: true,
|
|
disabled: false,
|
|
};
|
|
}
|
|
|
|
function createOpenQueryFromDiskButton(): CommandButtonComponentProps {
|
|
const label = "Open Query From Disk";
|
|
return {
|
|
iconSrc: OpenQueryFromDiskIcon,
|
|
iconAlt: label,
|
|
keyboardAction: KeyboardAction.OPEN_QUERY_FROM_DISK,
|
|
onCommandClick: () => useSidePanel.getState().openSidePanel("Load Query", <LoadQueryPane />),
|
|
commandButtonLabel: label,
|
|
ariaLabel: label,
|
|
hasPopup: true,
|
|
disabled: false,
|
|
};
|
|
}
|
|
|
|
function createOpenTerminalButtonByKind(
|
|
container: Explorer,
|
|
terminalKind: ViewModels.TerminalKind,
|
|
): CommandButtonComponentProps {
|
|
const terminalFriendlyName = (): string => {
|
|
switch (terminalKind) {
|
|
case ViewModels.TerminalKind.Cassandra:
|
|
return "Cassandra";
|
|
case ViewModels.TerminalKind.Mongo:
|
|
return "Mongo";
|
|
case ViewModels.TerminalKind.Postgres:
|
|
return "PSQL";
|
|
case ViewModels.TerminalKind.VCoreMongo:
|
|
return "MongoDB (DocumentDB)";
|
|
case ViewModels.TerminalKind.CosmosDB:
|
|
return "Cosmos DB";
|
|
default:
|
|
return "";
|
|
}
|
|
};
|
|
const label = `Open ${terminalFriendlyName()} Shell`;
|
|
const tooltip = "Cloud Shell is not available for this account.";
|
|
const isNativeAuthDisabled = terminalKind === ViewModels.TerminalKind.VCoreMongo && isVCoreMongoNativeAuthDisabled();
|
|
const disableButton = !userContext.features.enableCloudShell || isNativeAuthDisabled;
|
|
return {
|
|
iconSrc: HostedTerminalIcon,
|
|
iconAlt: label,
|
|
onCommandClick: () => {
|
|
if (isNativeAuthDisabled) {
|
|
useDialog.getState().showOkModalDialog("Native Authentication Disabled", VCoreMongoNativeAuthDisabledMessage, {
|
|
linkText: "Learn more",
|
|
linkUrl: VCoreMongoNativeAuthLearnMoreUrl,
|
|
});
|
|
return;
|
|
}
|
|
if (userContext.features.enableCloudShell) {
|
|
container.openNotebookTerminal(terminalKind);
|
|
}
|
|
},
|
|
commandButtonLabel: label,
|
|
hasPopup: false,
|
|
disabled: disableButton,
|
|
ariaLabel: label,
|
|
tooltipText: isNativeAuthDisabled ? VCoreMongoNativeAuthDisabledMessage : !disableButton ? "" : tooltip,
|
|
};
|
|
}
|
|
|
|
function createStaticCommandBarButtonsForResourceToken(
|
|
container: Explorer,
|
|
selectedNodeState: SelectedNodeState,
|
|
): CommandButtonComponentProps[] {
|
|
const newSqlQueryBtn = createNewSQLQueryButton(selectedNodeState);
|
|
const openQueryBtn = createOpenQueryButton(container);
|
|
|
|
const resourceTokenCollection: ViewModels.CollectionBase = useDatabases.getState().resourceTokenCollection;
|
|
const isResourceTokenCollectionNodeSelected: boolean =
|
|
resourceTokenCollection?.id() === selectedNodeState.selectedNode?.id();
|
|
newSqlQueryBtn.disabled = !isResourceTokenCollectionNodeSelected;
|
|
newSqlQueryBtn.onCommandClick = () => {
|
|
const resourceTokenCollection: ViewModels.CollectionBase = useDatabases.getState().resourceTokenCollection;
|
|
resourceTokenCollection && resourceTokenCollection.onNewQueryClick(resourceTokenCollection, undefined);
|
|
};
|
|
|
|
openQueryBtn.disabled = !isResourceTokenCollectionNodeSelected;
|
|
if (!openQueryBtn.disabled) {
|
|
openQueryBtn.children = [createOpenQueryButton(container), createOpenQueryFromDiskButton()];
|
|
}
|
|
|
|
return [newSqlQueryBtn, openQueryBtn];
|
|
}
|
|
|
|
export function createPostgreButtons(container: Explorer): CommandButtonComponentProps[] {
|
|
const openPostgreShellBtn = createOpenTerminalButtonByKind(container, ViewModels.TerminalKind.Postgres);
|
|
|
|
return [openPostgreShellBtn];
|
|
}
|
|
|
|
export function createVCoreMongoButtons(container: Explorer): CommandButtonComponentProps[] {
|
|
const openVCoreMongoTerminalButton = createOpenTerminalButtonByKind(container, ViewModels.TerminalKind.VCoreMongo);
|
|
const addVsCode = createOpenVsCodeDialogButton(container);
|
|
return [openVCoreMongoTerminalButton, addVsCode];
|
|
}
|