1855179451

Build Type

github-actions

Committed by GitHub

Commit Message

Merge b10e7ba80 into 04a53b5cd

Pull Request Pull Request #311: Load project data in bulk and decouple label image editing from database

Run Details

45 of 320 branches covered (14.06%)

Branch coverage included in aggregate %.

198 of 581 new or added lines in 47 files covered. (34.08%)

67 existing lines in 16 files now uncovered.

1220 of 2956 relevant lines covered (41.27%)

1.65 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/visualizer/src/Controls/ImageControls/FrameSlider.js

import { FormLabel, Slider, Tooltip } from '@mui/material';
import { useSelector } from '@xstate/react';
import { bind } from 'mousetrap';
import React, { useEffect, useState } from 'react';
import { useImage } from '../../ProjectContext';

function FrameSlider() {
  const image = useImage();
  const frame = useSelector(image, (state) => state.context.frame);
  const numFrames = useSelector(image, (state) => state.context.numFrames);

  useEffect(() => {
    const prevFrame = (frame - 1 + numFrames) % numFrames;
    const nextFrame = (frame + 1) % numFrames;
    bind('a', () => image.send({ type: 'SET_FRAME', frame: prevFrame }));
    bind('d', () => image.send({ type: 'SET_FRAME', frame: nextFrame }));
  }, [frame, image, numFrames]);

  const handleFrameChange = (event, newValue) => {
    if (newValue !== frame) {
      image.send({ type: 'SET_FRAME', frame: newValue });
    }
  };

  const tooltipText = (
    <span>
      Cycle with <kbd>A</kbd> and <kbd>D</kbd>
    </span>
  );

  const [display, setDisplay] = useState('on');

  // Display label for a second after the label changes
  useEffect(() => {
    setDisplay('on');
    const displayTimeout = setTimeout(() => setDisplay('auto'), 1000);
    return () => clearTimeout(displayTimeout);
  }, [frame]);

  return (
    numFrames > 1 && (
      <>
        <FormLabel component='legend' sx={{ py: 1 }}>
          Frame
        </FormLabel>
        <Tooltip title={tooltipText}>
          <Slider
            value={frame}
            valueLabelDisplay={display}
            step={1}
            marks
            min={0}
            max={numFrames - 1}
            onChange={handleFrameChange}
          />
        </Tooltip>
      </>
    )
  );
}

export default FrameSlider;

1	import { FormLabel, Slider, Tooltip } from '@mui/material';
2	import { useSelector } from '@xstate/react';
3	import { bind } from 'mousetrap';
4	import React, { useEffect, useState } from 'react';
5	import { useImage } from '../../ProjectContext';
6
7	function FrameSlider() {
8	const image = useImage();	×
9	const frame = useSelector(image, (state) => state.context.frame);	×
10	const numFrames = useSelector(image, (state) => state.context.numFrames);	×
11
12	useEffect(() => {	×
13	const prevFrame = (frame - 1 + numFrames) % numFrames;	×
14	const nextFrame = (frame + 1) % numFrames;	×
NEW 15	bind('a', () => image.send({ type: 'SET_FRAME', frame: prevFrame }));	×
NEW 16	bind('d', () => image.send({ type: 'SET_FRAME', frame: nextFrame }));	×
17	}, [frame, image, numFrames]);
18
19	const handleFrameChange = (event, newValue) => {	×
20	if (newValue !== frame) {	×
NEW 21	image.send({ type: 'SET_FRAME', frame: newValue });	×
22	}
23	};
24
25	const tooltipText = (
26	<span>	×
27	Cycle with <kbd>A</kbd> and <kbd>D</kbd>
28	</span>
29	);
30
31	const [display, setDisplay] = useState('on');	×
32
33	// Display label for a second after the label changes
34	useEffect(() => {	×
35	setDisplay('on');	×
36	const displayTimeout = setTimeout(() => setDisplay('auto'), 1000);	×
37	return () => clearTimeout(displayTimeout);	×
38	}, [frame]);
39
40	return (	×
41	numFrames > 1 && (	×
42	<>
43	<FormLabel component='legend' sx={{ py: 1 }}>
44	Frame
45	</FormLabel>
46	<Tooltip title={tooltipText}>
47	<Slider
48	value={frame}
49	valueLabelDisplay={display}
50	step={1}
51	marks
52	min={0}
53	max={numFrames - 1}
54	onChange={handleFrameChange}
55	/>
56	</Tooltip>
57	</>
58	)
59	);
60	}
61
62	export default FrameSlider;

vanvalenlab / deepcell-label / 1855179451

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous