syncline
/
openbrain
forked from Open-CT/openbrain
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add Affix.

This commit is contained in:
Haifeng Luo 2022-05-08 18:34:57 +08:00
parent e9865333b1
commit 773c742a61
3 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/LabelTable.js
View File

@ -67,7 +67,7 @@ class LabelTable extends React.Component {
title: i18next.t("general:No."), title: i18next.t("general:No."),
dataIndex: 'no', dataIndex: 'no',
key: 'no', key: 'no',
width: '80px', width: '70px',
render: (text, record, index) => { render: (text, record, index) => {
return (index + 1); return (index + 1);
} }
@ -76,7 +76,7 @@ class LabelTable extends React.Component {
title: i18next.t("video:Timestamp (second)"), title: i18next.t("video:Timestamp (second)"),
dataIndex: 'timestamp', dataIndex: 'timestamp',
key: 'timestamp', key: 'timestamp',
width: '160px', width: '120px',
render: (text, record, index) => { render: (text, record, index) => {
return ( return (
<InputNumber style={{width: "100%"}} min={0} value={text} onChange={value => { <InputNumber style={{width: "100%"}} min={0} value={text} onChange={value => {

4
web/src/VideoEditPage.js
View File

@ -1,5 +1,5 @@
import React from "react"; import React from "react";
import {Button, Card, Col, Input, Row} from 'antd'; import {Affix, Button, Card, Col, Input, Row} from 'antd';
import * as VideoBackend from "./backend/VideoBackend"; import * as VideoBackend from "./backend/VideoBackend";
import * as Setting from "./Setting"; import * as Setting from "./Setting";
import i18next from "i18next"; import i18next from "i18next";
@ -67,6 +67,7 @@ class VideoEditPage extends React.Component {
}; };
return ( return (
<Affix offsetTop={100}>
<div style={{marginTop: "10px"}}> <div style={{marginTop: "10px"}}>
<div className="screen" style={{position: "absolute", zIndex: 100, pointerEvents: "none", width: '440px', height: '472px', marginLeft: '200px', marginRight: '200px', backgroundColor: "rgba(255,0,0,0)" }}></div> <div className="screen" style={{position: "absolute", zIndex: 100, pointerEvents: "none", width: '440px', height: '472px', marginLeft: '200px', marginRight: '200px', backgroundColor: "rgba(255,0,0,0)" }}></div>
<Video task={task} labels={this.state.video.labels} onUpdateTime={(time) => {this.setState({currentTime: time})}} /> <Video task={task} labels={this.state.video.labels} onUpdateTime={(time) => {this.setState({currentTime: time})}} />
@ -77,6 +78,7 @@ class VideoEditPage extends React.Component {
} }
</div> </div>
</div> </div>
</Affix>
) )
} }

2
web/src/locales/en/data.json
View File

@ -39,7 +39,7 @@
"Edit Video": "Edit Video", "Edit Video": "Edit Video",
"Labels": "Labels", "Labels": "Labels",
"Text": "Text", "Text": "Text",
"Timestamp (second)": "Timestamp (second)", "Timestamp (second)": "Timestamp (s)",
"Video": "Video", "Video": "Video",
"Video ID": "Video ID" "Video ID": "Video ID"
}, },