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