IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Files: deleted BadgesFIleTile

Browse Source
This commit is contained in:
Artem Tarasov 2021-04-14 00:11:26 +03:00
parent 4be1db4c9a
commit 838bf8798f
2 changed files with 1 additions and 132 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

131
products/ASC.Files/Client/src/components/pages/Home/Section/Body/FilesTile/sub-components/BadgesFileTile.js
View File

@ -1,131 +0,0 @@
import React from "react";
import { withRouter } from "react-router";
import styled from "styled-components";
import Badge from "@appserver/components/badge";
import { inject, observer } from "mobx-react";
import FileActionsConvertEditDocIcon from "../../../../../../../../public/images/file.actions.convert.edit.doc.react.svg";
import FileActionsLockedIcon from "../../../../../../../../public/images/file.actions.locked.react.svg";
import AccessEditIcon from "../../../../../../../../../../../public/images/access.edit.react.svg";
import FileActionsConvertIcon from "../../../../../../../../../../../public/images/access.edit.react.svg";
import commonIconsStyles from "@appserver/components/utils/common-icons-style";
const StyledBadgesFileTile = styled.div`
display: flex;
align-self: start;
align-items: center;
position: relative;
margin: -5px;
& > svg,
& > div {
margin: 5px;
}
`;
const StyledFileActionsConvertEditDocIcon = styled(
FileActionsConvertEditDocIcon
)`
${commonIconsStyles}
path {
fill: ${(props) => props.color};
}
`;
const StyledFileActionsLockedIcon = styled(FileActionsLockedIcon)`
${commonIconsStyles}
path {
fill: ${(props) => props.color};
}
`;
const StyledAccessEditIcon = styled(AccessEditIcon)`
${commonIconsStyles}
path {
fill: ${(props) => props.color};
}
`;
const StyledFileActionsConvertIcon = styled(FileActionsConvertIcon)`
${commonIconsStyles}
path {
fill: ${(props) => props.color};
}
`;
class BadgesFileTile extends React.PureComponent {
render() {
console.log(this.props);
const { item, canConvert, canWebEdit } = this.props;
const { fileStatus, id, versionGroup } = item;
return (
<StyledBadgesFileTile>
{canConvert && (
<StyledFileActionsConvertIcon
className="badge"
size="small"
color="#A3A9AE"
/>
)}
{canWebEdit && (
<StyledAccessEditIcon
className="badge"
size="small"
color="#A3A9AE"
/>
)}
{fileStatus === 1 && (
<StyledFileActionsConvertEditDocIcon
className="badge"
size="small"
color="#3B72A7"
/>
)}
{false && (
<StyledFileActionsLockedIcon
className="badge"
size="small"
color="#3B72A7"
/>
)}
{versionGroup > 1 && (
<Badge
className="badge-version"
backgroundColor="#A3A9AE"
borderRadius="11px"
color="#FFFFFF"
fontSize="10px"
fontWeight={800}
label={`Ver.${versionGroup}`}
maxWidth="50px"
onClick={this.onShowVersionHistory}
padding="0 5px"
data-id={id}
/>
)}
{fileStatus === 2 && (
<Badge
className="badge-version"
backgroundColor="#ED7309"
borderRadius="11px"
color="#FFFFFF"
fontSize="10px"
fontWeight={800}
label={`New`}
maxWidth="50px"
onClick={this.onBadgeClick}
padding="0 5px"
data-id={id}
/>
)}
</StyledBadgesFileTile>
);
}
}
export default inject(({ formatsStore }, { item }) => {
const { docserviceStore } = formatsStore;
const canWebEdit = docserviceStore.canWebEdit(item.fileExst);
const canConvert = docserviceStore.canConvert(item.fileExst);
return {
canWebEdit,
canConvert,
};
})(withRouter(observer(BadgesFileTile)));

2
products/ASC.Files/Client/src/components/pages/Home/Section/Body/FilesTile/sub-components/Tile.js
View File

@ -5,7 +5,6 @@ import React from "react";
//import equal from "fast-deep-equal/react";
import styled, { css } from "styled-components";
import ContextMenu from "@appserver/components/context-menu";
import BadgesFileTile from "./BadgesFileTile";
const FlexBoxStyles = css`
display: flex;
@ -198,6 +197,7 @@ class Tile extends React.Component {
) : (
<div className="expandButton"> </div>
)}
<ContextMenu model={contextOptions} ref={this.cm}></ContextMenu>
</StyledOptionButton>
</>
) : (