added CreateRoomDialog and uipdated dialogsStore

products/ASC.Files/Client/src/components/Article/MainButton/index.js

@@ -28,6 +28,7 @@ const ArticleMainButtonContent = (props) => {
     encrypted,
     startUpload,
     setAction,
+    setCreateRoomDialogVisible,
     setSelectFileDialogVisible,
     isArticleLoading,
     isFavoritesFolder,
@@ -66,6 +67,7 @@ const ArticleMainButtonContent = (props) => {
 
   const onCreateRoom = React.useCallback(() => {
     console.log("create room");
+    setCreateRoomDialogVisible(true);
   }, []);
 
   const onShowSelectFileDialog = React.useCallback(() => {
@@ -327,7 +329,10 @@ export default inject(
       isArchiveFolder,
     } = treeFoldersStore;
     const { startUpload } = uploadDataStore;
-    const { setSelectFileDialogVisible } = dialogsStore;
+    const {
+      setCreateRoomDialogVisible,
+      setSelectFileDialogVisible,
+    } = dialogsStore;
 
     const isArticleLoading = (!isLoaded || isLoading) && firstLoad;
 
@@ -351,6 +356,7 @@ export default inject(
 
       startUpload,
 
+      setCreateRoomDialogVisible,
       setSelectFileDialogVisible,
 
       isLoading,

products/ASC.Files/Client/src/components/FilesPanels/index.js

@@ -21,6 +21,7 @@ import {
   ThirdPartyDialog,
   ConflictResolveDialog,
   ConvertDialog,
+  CreateRoomDialog,
 } from "../dialogs";
 import ConvertPasswordDialog from "../dialogs/ConvertPasswordDialog";
 
@@ -47,6 +48,7 @@ const Panels = (props) => {
     setSelectFileDialogVisible,
     hotkeyPanelVisible,
     convertPasswordDialogVisible,
+    createRoomDialogVisible,
   } = props;
 
   const { t } = useTranslation(["Translations", "SelectFile"]);
@@ -86,6 +88,7 @@ const Panels = (props) => {
       <ConflictResolveDialog key="conflict-resolve-dialog" />
     ),
     convertDialogVisible && <ConvertDialog key="convert-dialog" />,
+    createRoomDialogVisible && <CreateRoomDialog key="create-room-dialog" />,
     selectFileDialogVisible && (
       <SelectFileDialog
         key="select-file-dialog"
@@ -126,6 +129,7 @@ export default inject(
       newFilesPanelVisible,
       conflictResolveDialogVisible,
       convertDialogVisible,
+      createRoomDialogVisible,
       convertPasswordDialogVisible,
       connectItem, //TODO:
 
@@ -155,6 +159,7 @@ export default inject(
       newFilesPanelVisible,
       conflictResolveDialogVisible,
       convertDialogVisible,
+      createRoomDialogVisible,
       convertPasswordDialogVisible,
       selectFileDialogVisible,
       createMasterForm,

products/ASC.Files/Client/src/components/dialogs/CreateRoomDialog/index.js

@@ -0,0 +1,12 @@
+import ModalDialog from "@appserver/components/modal-dialog";
+
+const CreateRoomDialog = ({}) => {
+  return (
+    <ModalDialog displayType="aside">
+      <ModalDialog.Header>Create room</ModalDialog.Header>
+      <ModalDialog.Body>Create room</ModalDialog.Body>
+    </ModalDialog>
+  );
+};
+
+export default CreateRoomDialog;

products/ASC.Files/Client/src/components/dialogs/index.js

@@ -7,6 +7,7 @@ import ConnectDialog from "./ConnectDialog";
 import ThirdPartyMoveDialog from "./ThirdPartyMoveDialog";
 import ThirdPartyDialog from "./ThirdPartyDialog";
 import ConflictResolveDialog from "./ConflictResolveDialog";
+import CreateRoomDialog from "./CreateRoomDialog";
 
 export {
   EmptyTrashDialog,
@@ -18,4 +19,5 @@ export {
   ThirdPartyMoveDialog,
   ThirdPartyDialog,
   ConflictResolveDialog,
+  CreateRoomDialog,
 };

products/ASC.Files/Client/src/store/DialogsStore.js

@@ -24,6 +24,7 @@ class DialogsStore {
   newFilesPanelVisible = false;
   conflictResolveDialogVisible = false;
   convertDialogVisible = false;
+  createRoomDialogVisible = false;
   selectFileDialogVisible = false;
   convertPasswordDialogVisible = false;
   isFolderActions = false;
@@ -196,6 +197,10 @@ class DialogsStore {
     this.convertDialogVisible = visible;
   };
 
+  setConvertDialogVisible = (visible) => {
+    this.createRoomDialogVisible = visible;
+  };
+
   setConvertPasswordDialogVisible = (visible) => {
     this.convertPasswordDialogVisible = visible;
   };
@@ -246,6 +251,7 @@ class DialogsStore {
       this.newFilesPanelVisible ||
       this.conflictResolveDialogVisible ||
       this.convertDialogVisible ||
+      this.createRoomDialogVisible ||
       this.selectFileDialogVisible ||
       this.authStore.settingsStore.hotkeyPanelVisible ||
       this.versionHistoryStore.isVisible