casbin
/
casibase
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve file bar

This commit is contained in:
Yang Luo 2023-09-10 17:10:38 +08:00
parent 4b790440af
commit dab87ae97e
1 changed files with 29 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
web/src/FileTree.js
View File

@ -811,30 +811,40 @@ class FileTree extends React.Component {
<Descriptions.Item label={i18next.t("factorset:File name")}>
{file.title}
</Descriptions.Item>
<Descriptions.Item label={i18next.t("store:File type")}>
{Setting.getExtFromFile(file)}
</Descriptions.Item>
{
!Conf.EnableExtraPages ? null : (
<Descriptions.Item label={i18next.t("store:File type")}>
{Setting.getExtFromFile(file)}
</Descriptions.Item>
)
}
<Descriptions.Item label={i18next.t("factorset:File size")}>
{Setting.getFriendlyFileSize(file.size)}
</Descriptions.Item>
<Descriptions.Item label={i18next.t("general:Created time")}>
{Setting.getFormattedDate(file.createdTime)}
</Descriptions.Item>
<Descriptions.Item label={i18next.t("store:Collected time")}>
{Setting.getFormattedDate(Setting.getCollectedTime(file.title))}
<DatePicker key={file.key} showTime defaultValue={this.getMomentTime(this.getPropertyValue(file, "collectedTime"))} onChange={(value, dateString) => {
this.setPropertyValue(file, "collectedTime", value.format());
}} onOk={(value) => {}} />
</Descriptions.Item>
<Descriptions.Item label={i18next.t("store:Subject")}>
<Select virtual={false} style={{width: "120px"}} value={getSubjectDisplayName(this.getPropertyValue(file, "subject"))} onChange={(value => {
this.setPropertyValue(file, "subject", value);
})}>
{
subjectOptions.map((item, index) => <Option key={index} value={item.id}>{item.name}</Option>)
}
</Select>
</Descriptions.Item>
{
!Conf.EnableExtraPages ? null : (
<React.Fragment>
<Descriptions.Item label={i18next.t("store:Collected time")}>
{Setting.getFormattedDate(Setting.getCollectedTime(file.title))}
<DatePicker key={file.key} showTime defaultValue={this.getMomentTime(this.getPropertyValue(file, "collectedTime"))} onChange={(value, dateString) => {
this.setPropertyValue(file, "collectedTime", value.format());
}} onOk={(value) => {}} />
</Descriptions.Item>
<Descriptions.Item label={i18next.t("store:Subject")}>
<Select virtual={false} style={{width: "120px"}} value={getSubjectDisplayName(this.getPropertyValue(file, "subject"))} onChange={(value => {
this.setPropertyValue(file, "subject", value);
})}>
{
subjectOptions.map((item, index) => <Option key={index} value={item.id}>{item.name}</Option>)
}
</Select>
</Descriptions.Item>
</React.Fragment>
)
}
</Descriptions>
</div>
);
@ -847,7 +857,7 @@ class FileTree extends React.Component {
filePaneHeight = 0;
}
return `calc(100vh - ${filePaneHeight + 186}px)`;
return `calc(100vh - ${filePaneHeight + 186 - (Conf.EnableExtraPages ? 0 : 50)}px)`;
}
render() {