Skip to content
Snippets Groups Projects
Select Git revision
  • d9a787ea329f51f11c5fdec06a7bddce6e34196a
  • mui5-annotation-on-video-stable default
  • get_setter_canvasSizeInformations
  • fix-error-div-into-p
  • annotation-on-video-v2
  • detached
  • annotation-on-video-r17
  • mui5
  • mui5-react-18
  • jacob-test
  • annotation-on-video protected
  • master
  • test-antoinev1
  • 20-fetch-thumbnail-on-annotation
  • add-research-field
  • Save
  • add-plugin
  • 14-wip-no-seek-to
  • 14-bug-on-video-time-control
  • 9_wip_videotests
  • _upgrade_material_ui
  • latest-tetras-16
  • v3.3.0
  • v3.2.0
  • v3.1.1
  • v3.1.0
  • v3.0.0
  • v3.0.0-rc.7
  • v3.0.0-rc.6
  • v3.0.0-rc.5
  • v3.0.0-rc.4
  • v3.0.0-rc.3
  • v3.0.0-rc.2
  • v3.0.0-rc.1
  • v3.0.0-beta.10
  • v3.0.0-beta.9
  • v3.0.0-beta.8
  • v3.0.0-beta.7
  • v3.0.0-beta.6
  • v3.0.0-beta.5
  • v3.0.0-beta.3
41 results

AttributionPanel.test.js

Blame
  • WindowThumbnailSettings.js 2.31 KiB
    import React, { Component } from 'react';
    import FormControlLabel from '@material-ui/core/FormControlLabel';
    import Radio from '@material-ui/core/Radio';
    import RadioGroup from '@material-ui/core/RadioGroup';
    import Typography from '@material-ui/core/Typography';
    import ThumbnailsOffIcon from '@material-ui/icons/CropDinSharp';
    import PropTypes from 'prop-types';
    import ThumbnailNavigationBottomIcon from './icons/ThumbnailNavigationBottomIcon';
    import ThumbnailNavigationRightIcon from './icons/ThumbnailNavigationRightIcon';
    /**
     *
     */
    export class WindowThumbnailSettings extends Component {
      /**
       * constructor -
       */
      constructor(props) {
        super(props);
        this.handleChange = this.handleChange.bind(this);
      }
    
      /**
       * @private
       */
      handleChange(event) {
        const { windowId, setWindowThumbnailPosition } = this.props;
    
        setWindowThumbnailPosition(windowId, event.target.value);
      }
    
      /**
       * render
       *
       * @return {type}  description
       */
      render() {
        const { thumbnailNavigationPosition, t } = this.props;
    
        return (
          <>
            <Typography>{t('thumbnails')}</Typography>
            <RadioGroup aria-label={t('position')} name="position" value={thumbnailNavigationPosition} onChange={this.handleChange} row>
              <FormControlLabel
                value="off"
                control={<Radio color="primary" icon={<ThumbnailsOffIcon />} checkedIcon={<ThumbnailsOffIcon />} />}
                label={t('off')}
                labelPlacement="bottom"
              />
              <FormControlLabel
                value="bottom"
                control={<Radio color="primary" icon={<ThumbnailNavigationBottomIcon />} checkedIcon={<ThumbnailNavigationBottomIcon />} />}
                label={t('bottom')}
                labelPlacement="bottom"
              />
              <FormControlLabel
                value="right"
                control={<Radio color="primary" icon={<ThumbnailNavigationRightIcon />} checkedIcon={<ThumbnailNavigationRightIcon />} />}
                label={t('right')}
                labelPlacement="bottom"
              />
            </RadioGroup>
          </>
        );
      }
    }
    
    WindowThumbnailSettings.propTypes = {
      windowId: PropTypes.string.isRequired,
      setWindowThumbnailPosition: PropTypes.func.isRequired,
      thumbnailNavigationPosition: PropTypes.string.isRequired,
      t: PropTypes.func,
    };
    WindowThumbnailSettings.defaultProps = {
      t: key => key,
    };