vanvalenlab / deepcell-label / 4697120321

4697120321

push

github-actions

GitHub 
Add log y scale button for histogram and save layout changes (#443)

456 of 1151 branches covered (39.62%)

Branch coverage included in aggregate %.

0 of 19 new or added lines in 3 files covered. (0.0%)

1 existing line in 1 file now uncovered.

3193 of 5381 relevant lines covered (59.34%)

543.34 hits per line

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

0.0
/frontend/src/Project/EditControls/CellTypeControls/ChannelExpressionUI/ChannelSelect.js
1 
import { MenuItem, TextField } from '@mui/material';
2 
import FormControl from '@mui/material/FormControl';
3 
import FormControlLabel from '@mui/material/FormControlLabel';
4 
import Grid from '@mui/material/Grid';
5 
import Radio from '@mui/material/Radio';
6 
import RadioGroup from '@mui/material/RadioGroup';
7 
import { useSelector } from '@xstate/react';
8 
import { useChannelExpression, useRaw } from '../../../ProjectContext';
9 









10



function ChannelSelect(props) {











NEW


11



  const { plot, setPlot } = props;




×







12



  const raw = useRaw();




×








NEW


13



  const channelExpression = useChannelExpression();




×







14



  const numChannels = useSelector(raw, (state) => state.context.numChannels);




×







15



  const names = useSelector(raw, (state) => state.context.channelNames);




×








NEW


16



  const channelX = useSelector(channelExpression, (state) => state.context.channelX);




×








NEW


17



  const channelY = useSelector(channelExpression, (state) => state.context.channelY);




×







18












19



  const handleChangePlot = (evt) => {




×







20



    setPlot(evt.target.value);




×







21



  };










22












23



  const handleChangeX = (evt) => {




×








NEW


24



    channelExpression.send({ type: 'CHANNEL_X', channelX: evt.target.value });




×







25



  };










26












27



  const handleChangeY = (evt) => {




×








NEW


28



    channelExpression.send({ type: 'CHANNEL_Y', channelY: evt.target.value });




×







29



  };










30












31



  return (




×







32



    <>










33



      <Grid item display='flex' sx={{ marginTop: 2 }}>










34



        <TextField










35



          select










36



          size='small'










37



          value={channelX}










38



          label='X Channel'










39



          sx={{ width: '47%' }}










40



          onChange={handleChangeX}










41



        >










42



          {names.map((opt, index) => (










43



            <MenuItem key={index} value={index}>




×







44



              {opt}










45



            </MenuItem>










46



          ))}










47



        </TextField>










48



        <TextField










49



          select










50



          size='small'










51



          value={channelY}










52



          label='Y Channel'










53



          disabled={plot === 'histogram'}










54



          sx={{ width: '47%', marginLeft: '3%' }}










55



          onChange={handleChangeY}










56



        >










57



          {names.map((opt, index) => (










58



            <MenuItem key={index} value={index}>




×







59



              {opt}










60



            </MenuItem>










61



          ))}










62



        </TextField>










63



      </Grid>










64



      <Grid item sx={{ marginLeft: '0.5em' }}>










65



        <FormControl>










66



          <RadioGroup row value={plot} onChange={handleChangePlot}>










67



            <FormControlLabel value='histogram' control={<Radio />} label='Histogram' />










68



            <FormControlLabel










69



              sx={{ marginLeft: '2.5em' }}










70



              disabled={numChannels === 1}










71



              value='scatter'










72



              control={<Radio />}










73



              label='Scatter'










74



            />










75



          </RadioGroup>










76



        </FormControl>










77



      </Grid>










78



    </>










79



  );










80



}










81












82



export default ChannelSelect;
























    

  • 

    •