// CSS Dependencies import "bootstrap/dist/css/bootstrap.css"; import "../less/documentDB.less"; import "../less/tree.less"; import "../less/forms.less"; import "../less/menus.less"; import "../less/infobox.less"; import "../less/messagebox.less"; import "./Explorer/Controls/ErrorDisplayComponent/ErrorDisplayComponent.less"; import "./Explorer/Menus/NotificationConsole/NotificationConsole.less"; import "./Explorer/Menus/CommandBar/CommandBarComponent.less"; import "./Explorer/Menus/CommandBar/MemoryTrackerComponent.less"; import "./Explorer/Controls/CollapsiblePanel/CollapsiblePanelComponent.less"; import "./Explorer/Controls/DynamicList/DynamicListComponent.less"; import "./Explorer/Controls/JsonEditor/JsonEditorComponent.less"; import "./Explorer/Graph/GraphExplorerComponent/graphExplorer.less"; import "./Explorer/Panes/PanelComponent.less"; import "../less/TableStyles/queryBuilder.less"; import "../externals/jquery.dataTables.min.css"; import "../less/TableStyles/fulldatatables.less"; import "../less/TableStyles/EntityEditor.less"; import "../less/TableStyles/CustomizeColumns.less"; import "../less/resourceTree.less"; import "../externals/jquery.typeahead.min.css"; import "../externals/jquery-ui.min.css"; import "../externals/jquery-ui.structure.min.css"; import "../externals/jquery-ui.theme.min.css"; import "./Explorer/Graph/NewVertexComponent/newVertexComponent.less"; import "./Explorer/Panes/GraphNewVertexPane.less"; import "./Explorer/Tabs/QueryTab.less"; import "./Explorer/Controls/TreeComponent/treeComponent.less"; import "./Explorer/Controls/Accordion/AccordionComponent.less"; import "./Explorer/SplashScreen/SplashScreenComponent.less"; import "./Explorer/Controls/Notebook/NotebookTerminalComponent.less"; // Image Dependencies import "../images/CosmosDB_rgb_ui_lighttheme.ico"; import "../images/favicon.ico"; import "./Shared/appInsights"; import "babel-polyfill"; import "es6-symbol/implement"; import "webcrypto-liner/build/webcrypto-liner.shim.min"; import "./Libs/jquery"; import "bootstrap/dist/js/npm"; import "../externals/jquery.typeahead.min.js"; import "../externals/jquery-ui.min.js"; import "promise-polyfill/src/polyfill"; import "abort-controller/polyfill"; import "whatwg-fetch"; import "es6-object-assign/auto"; import "promise.prototype.finally/auto"; import "object.entries/auto"; import "./Libs/is-integer-polyfill"; import "url-polyfill/url-polyfill.min"; import { initializeIcons } from "office-ui-fabric-react/lib/Icons"; import { ExplorerParams } from "./Explorer/Explorer"; import React, { useState } from "react"; import ReactDOM from "react-dom"; import copyImage from "../images/Copy.svg"; import hdeConnectImage from "../images/HdeConnectCosmosDB.svg"; import refreshImg from "../images/refresh-cosmos.svg"; import arrowLeftImg from "../images/imgarrowlefticon.svg"; import { KOCommentEnd, KOCommentIfStart } from "./koComment"; import { useConfig } from "./hooks/useConfig"; import { useKnockoutExplorer } from "./hooks/useKnockoutExplorer"; import { useSidePanel } from "./hooks/useSidePanel"; import { NotificationConsoleComponent } from "./Explorer/Menus/NotificationConsole/NotificationConsoleComponent"; import { PanelContainerComponent } from "./Explorer/Panes/PanelContainerComponent"; initializeIcons(); const App: React.FunctionComponent = () => { const [isNotificationConsoleExpanded, setIsNotificationConsoleExpanded] = useState(false); const [notificationConsoleData, setNotificationConsoleData] = useState(undefined); //TODO: Refactor so we don't need to pass the id to remove a console data const [inProgressConsoleDataIdToBeDeleted, setInProgressConsoleDataIdToBeDeleted] = useState(""); const { isPanelOpen, panelContent, headerText, openSidePanel, closeSidePanel } = useSidePanel(); const explorerParams: ExplorerParams = { setIsNotificationConsoleExpanded, setNotificationConsoleData, setInProgressConsoleDataIdToBeDeleted, openSidePanel, closeSidePanel, }; const config = useConfig(); useKnockoutExplorer(config, explorerParams); return (
Welcome to Azure Cosmos DB
Connecting...
Please reconnect to the account using the connection string.
Please save your work before you switch! When you switch to a different Azure Cosmos DB account, current Data Explorer tabs will be closed.
Proceed anyway?