v1.0.0-rc.81

frontend/src/components/DataProcessingSettings.tsx

@@ -25,7 +25,8 @@ class DataProcessingSettings extends Component<MyProps, MyState> {
             high_resolution_limit: 2.5,
             low_resolution_limit: 20.0,
             quick_integration: false,
-            high_resolution_limit_for_spot_count_low_res: 5.0
+            high_resolution_limit_for_spot_count_low_res: 5.0,
+            ice_ring_width_q_recipA: 0.02
         }
     }
 
@@ -80,6 +81,13 @@ class DataProcessingSettings extends Component<MyProps, MyState> {
         this.props.update();
     }
 
+    setIceRingWidth = (event: Event, newValue: number | number[]) => {
+        this.setState(prevState => ({s: {
+                ...prevState.s,
+                ice_ring_width_q_recipA: newValue as number
+            }}), () => {this.putValues(this.state.s);});
+        this.props.update();
+    }
     enableSpotFindingToggle = (event: React.ChangeEvent<HTMLInputElement>) => {
         this.setState(prevState => ({s: {...prevState.s, enable: event.target.checked}}),
             () => {this.putValues(this.state.s);});
@@ -97,7 +105,7 @@ class DataProcessingSettings extends Component<MyProps, MyState> {
         this.props.update();
     }
     render() {
-        return <Paper style={{textAlign: 'center'}} sx={{ height: 750, width: '100%' }}>
+        return <Paper style={{textAlign: 'center'}} sx={{ height: 800, width: '100%' }}>
                     <Grid container spacing={0}>
 
                         <Grid item xs={1}/>
@@ -144,6 +152,14 @@ class DataProcessingSettings extends Component<MyProps, MyState> {
                                     valueLabelFormat={(value) => value.toFixed(1)}
                             />
                             <br/><br/>
+                            <Typography> Ice ring width in Q-space [&#8491;<sup>-1</sup>] </Typography>
+                            <Slider disabled={!this.state.s.enable}
+                                    value={Number(this.state.s.ice_ring_width_q_recipA)}
+                                    onChange={this.setIceRingWidth}
+                                    min={0.0} max={0.2} step={0.001} valueLabelDisplay="auto"
+                                    valueLabelFormat={(value) => value.toFixed(1)}
+                            />
+                            <br/><br/>
                             <Switch onChange={this.enableIndexingToggle}
                                     checked={this.state.s.indexing}
                                     disabled={!this.state.s.enable}/>