github/tank-front
4
0
Fork 0
mirror of https://github.com/eyebluecn/tank-front synced 2024-04-21 12:31:55 +00:00
Code Issues Releases Wiki Activity

matter recovery

Browse Source
This commit is contained in:
Simba
2020-07-18 15:04:48 +08:00
parent 392fd860f2
commit 7bddd1e1c8
1 changed files with 54 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/matter/Detail.tsx
+54 -31
View File
@@ -1,9 +1,9 @@
import React from "react";
import {RouteComponentProps} from "react-router-dom";
import { RouteComponentProps } from "react-router-dom";
import "./Detail.less";
import TankComponent from "../../common/component/TankComponent";
import Matter from "../../common/model/matter/Matter";
import {Space, Spin, Tag} from "antd";
import { Space, Spin, Tag } from "antd";
import StringUtil from "../../common/util/StringUtil";
import TankTitle from "../widget/TankTitle";
import DownloadToken from "../../common/model/download/token/DownloadToken";
@@ -20,11 +20,9 @@ interface RouteParam {
uuid: string;
}
interface IProps extends RouteComponentProps<RouteParam> {
}
interface IProps extends RouteComponentProps<RouteParam> {}
interface IState {
}
interface IState {}
export default class Detail extends TankComponent<IProps, IState> {
matter = new Matter();
@@ -36,7 +34,7 @@ export default class Detail extends TankComponent<IProps, IState> {
}
componentDidMount() {
const {uuid} = this.props.match.params;
const { uuid } = this.props.match.params;
this.matter.uuid = uuid;
let that = this;
this.matter.httpDetail((response: any) => {
@@ -48,48 +46,58 @@ export default class Detail extends TankComponent<IProps, IState> {
}
copyLink = () => {
const {privacy} = this.matter;
const { privacy } = this.matter;
const textToCopy = this.matter.getDownloadUrl(
privacy ? this.downloadToken.uuid! : undefined
);
ClipboardUtil.copy(textToCopy, () => {
MessageBoxUtil.success(Lang.t("copySuccess"));
})
});
};
recovery = () => {
this.matter.httpRecovery(() => {
this.matter.httpDetail(() => {
this.updateUI();
});
MessageBoxUtil.success(Lang.t("copySuccess"));
});
};
render() {
const {matter} = this;
const { matter } = this;
return (
<Spin tip={Lang.t("loading")} spinning={matter.detailLoading}>
<div className="page-matter-detail">
<TankTitle name={Lang.t("matter.fileDetail")}/>
<TankTitle name={Lang.t("matter.fileDetail")} />
<TankContentCard>
<div className="info">
<InfoCell name={Lang.t("matter.fileInfo")}>
{matter.name} <Tag color={Color.DANGER}>{Lang.t("matter.deleted")}</Tag>
</InfoCell>
<InfoCell name={Lang.t("matter.path")}>
{matter.path}
{matter.name}
{matter.deleted && (
<Tag className="ml10" color={Color.DANGER}>
{Lang.t("matter.deleted")}
</Tag>
)}
</InfoCell>
<InfoCell name={Lang.t("matter.path")}>{matter.path}</InfoCell>
<InfoCell name={Lang.t("matter.createTime")}>
{DateUtil.simpleDateTime(matter.createTime)}
</InfoCell>
<InfoCell name={Lang.t("matter.updateTime")}>
{DateUtil.simpleDateTime(matter.updateTime)}
</InfoCell>
{
matter.deleted && (
<InfoCell name={Lang.t("matter.deleteTime")}>
{DateUtil.simpleDateTime(matter.deleteTime)}
</InfoCell>
)
}
{matter.deleted && (
<InfoCell name={Lang.t("matter.deleteTime")}>
{DateUtil.simpleDateTime(matter.deleteTime)}
</InfoCell>
)}
<InfoCell name={Lang.t("matter.size")}>
{StringUtil.humanFileSize(matter.size)}
</InfoCell>
{!matter.dir ? (
<>
<InfoCell name={Lang.t("matter.size")}>
{StringUtil.humanFileSize(matter.size)}
</InfoCell>
<InfoCell name={Lang.t("matter.publicOrPrivate")}>
{matter.privacy
? Lang.t("matter.privateInfo")
@@ -100,22 +108,37 @@ export default class Detail extends TankComponent<IProps, IState> {
</InfoCell>
<InfoCell name={Lang.t("matter.operations")}>
<Space>
<a onClick={() => matter.download()}>{Lang.t("matter.download")}</a>
<a onClick={() => matter.preview()}>{Lang.t("matter.preview")}</a>
<a onClick={this.copyLink}>
{matter.privacy ? Lang.t("matter.oneTimeLink") : Lang.t("matter.copyPath")}
<a onClick={() => matter.download()}>
{Lang.t("matter.download")}
</a>
<a onClick={() => matter.preview()}>
{Lang.t("matter.preview")}
</a>
<a onClick={this.copyLink}>
{matter.privacy
? Lang.t("matter.oneTimeLink")
: Lang.t("matter.copyPath")}
</a>
{matter.deleted ? (
<a onClick={this.recovery}>
{Lang.t("matter.recovery")}
</a>
) : null}
</Space>
</InfoCell>
</>
) : null}
{matter.dir && matter.deleted && (
<InfoCell name={Lang.t("matter.operations")}>
<a onClick={this.recovery}>{Lang.t("matter.recovery")}</a>
</InfoCell>
)}
</div>
</TankContentCard>
</div>
{!matter.dir && matter.uuid && matter.isImage() ? (
<ImageCacheList initFilter={{matterUuid: matter.uuid}}/>
<ImageCacheList initFilter={{ matterUuid: matter.uuid }} />
) : null}
</Spin>
);