Web: Files: deleted BadgesFIleTile
This commit is contained in:
parent
4be1db4c9a
commit
838bf8798f
@ -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)));
|
@ -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>
|
||||
</>
|
||||
) : (
|
||||
|
Loading…
Reference in New Issue
Block a user