Skip to content
Snippets Groups Projects
Commit 42632439 authored by Antoine Roy's avatar Antoine Roy
Browse files

Range slider in place but doesn't workas intended

parent dfcd3ada
No related branches found
No related tags found
1 merge request!7Change on the slide bar's UI from pluggin annotation
Pipeline #1604 failed
# Default ignored files
/shelf/
/workspace.xml
# Editor-based HTTP Client requests
/httpRequests/
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/mirador-annotations.iml" filepath="$PROJECT_DIR$/.idea/mirador-annotations.iml" />
</modules>
</component>
</project>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="" vcs="Git" />
</component>
</project>
\ No newline at end of file
...@@ -138,7 +138,7 @@ class AnnotationCreation extends Component { ...@@ -138,7 +138,7 @@ class AnnotationCreation extends Component {
textEditorStateBustingKey: 0, textEditorStateBustingKey: 0,
xywh: null, xywh: null,
// eslint-disable-next-line sort-keys // eslint-disable-next-line sort-keys
valueTime: [20, 40], valueTime: [0, 13],
...annoState, ...annoState,
valuetextTime: '', valuetextTime: '',
}; };
...@@ -166,11 +166,6 @@ class AnnotationCreation extends Component { ...@@ -166,11 +166,6 @@ class AnnotationCreation extends Component {
this.valuetextTime = this.valuetextTime.bind(this); this.valuetextTime = this.valuetextTime.bind(this);
} }
handleChangeTime = (event, newValueTime) => {
this.setState({
valueTime: newValueTime,
});
};
/** */ /** */
handleImgChange(newUrl, imgRef) { handleImgChange(newUrl, imgRef) {
...@@ -240,6 +235,14 @@ class AnnotationCreation extends Component { ...@@ -240,6 +235,14 @@ class AnnotationCreation extends Component {
/** update annotation end time */ /** update annotation end time */
updateTend(value) { this.setState({ tend: value }); } updateTend(value) { this.setState({ tend: value }); }
handleChangeTime = (event, newValueTime) => {
let timeStart = newValueTime[0];
let timeEnd = newValueTime[1];
this.updateTstart(timeStart);
this.updateTend(timeEnd);
};
/** */ /** */
openChooseColor(e) { openChooseColor(e) {
this.setState({ this.setState({
...@@ -510,6 +513,7 @@ class AnnotationCreation extends Component { ...@@ -510,6 +513,7 @@ class AnnotationCreation extends Component {
valueLabelDisplay="auto" valueLabelDisplay="auto"
aria-labelledby="range-slider" aria-labelledby="range-slider"
getAriaValueText={this.valuetextTime} getAriaValueText={this.valuetextTime}
max = {2000}
/> />
<ToggleButton value="true" title="Set current time" size="small" onClick={this.setTstartNow} className={classes.timecontrolsbutton}> <ToggleButton value="true" title="Set current time" size="small" onClick={this.setTstartNow} className={classes.timecontrolsbutton}>
<Alarm /> <Alarm />
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment