Web: Files: Added the ability to enter a password and convert.
This commit is contained in:
parent
5a6147bd36
commit
c9f1765575
@ -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));
|
||||
|
Loading…
Reference in New Issue
Block a user