Web: Files: Added the ability to enter a password and convert.

products/ASC.Files/Client/src/components/panels/UploadPanel/PasswordInput.js

@@ -2,6 +2,7 @@ import React, { useState } from "react";
 import PasswordInput from "@appserver/components/password-input";
 import Button from "@appserver/components/button";
 import styled, { css } from "styled-components";
+import { inject, observer } from "mobx-react";
 
 const StyledBody = styled.div`
   display: flex;
@@ -14,11 +15,42 @@ const StyledBody = styled.div`
     width: 382px;
   }
 `;
-const PasswordComponent = ({}) => {
+const PasswordComponent = ({
+  item,
+  convertFile,
+  removeFileFromList,
+  onHideInput,
+  uploadedFiles,
+}) => {
   const [password, setPassword] = useState();
+
   const onClick = () => {
-    console.log("on click");
+    console.log("on click", item);
+
+    let index;
+
+    uploadedFiles.reduce((acc, rec, id) => {
+      if (rec.fileId === item.fileId) index = id;
+    }, []);
+
+    const newItem = {
+      fileId: item.fileId,
+      toFolderId: item.toFolderId,
+      action: "convert",
+      fileInfo: item.fileInfo,
+      password: password,
+      index,
     };
+
+    onHideInput();
+    removeFileFromList(item.fileId);
+    convertFile(newItem);
+  };
+
+  const onChangePassword = (e) => {
+    setPassword(e.target.value);
+  };
+
   return (
     <StyledBody>
       <PasswordInput
@@ -26,6 +58,7 @@ const PasswordComponent = ({}) => {
         id="conversion-password"
         type="password"
         inputValue={password}
+        onChange={onChangePassword}
       />
       <Button
         id="conversion-button"
@@ -39,4 +72,16 @@ const PasswordComponent = ({}) => {
   );
 };
 
-export default PasswordComponent;
+export default inject(({ uploadDataStore }) => {
+  const {
+    convertFile,
+    removeFileFromList,
+    files: uploadedFiles,
+  } = uploadDataStore;
+
+  return {
+    uploadedFiles,
+    removeFileFromList,
+    convertFile,
+  };
+})(observer(PasswordComponent));