Skip to content
Snippets Groups Projects
Select Git revision
  • 88924985f54b8b9b0b58bd98dd36aa392249aaa3
  • 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

ThumbnailNavigation.test.js

Blame
  • SingleCanvasDialog.js 2.11 KiB
    import React, { Component } from 'react';
    import Button from '@material-ui/core/Button';
    import Dialog from '@material-ui/core/Dialog';
    import DialogActions from '@material-ui/core/DialogActions';
    import DialogContent from '@material-ui/core/DialogContent';
    import DialogContentText from '@material-ui/core/DialogContentText';
    import DialogTitle from '@material-ui/core/DialogTitle';
    import Typography from '@material-ui/core/Typography';
    import PropTypes from 'prop-types';
    
    /**
     * Dialog to enforce single view for annotation creation / editing
     */
    class SingleCanvasDialog extends Component {
      /** */
      constructor(props) {
        super(props);
        this.confirm = this.confirm.bind(this);
      }
    
      /** */
      confirm() {
        const {
          handleClose,
          switchToSingleCanvasView,
        } = this.props;
        switchToSingleCanvasView();
        handleClose();
      }
    
      /** */
      render() {
        const {
          handleClose,
          open,
        } = this.props;
        return (
          <Dialog
            aria-labelledby="single-canvas-dialog-title"
            fullWidth
            maxWidth="sm"
            onClose={handleClose}
            onEscapeKeyDown={handleClose}
            open={open}
          >
            <DialogTitle id="single-canvas-dialog-title" disableTypography>
              <Typography variant="h2">
                Switch view type to single view?
              </Typography>
            </DialogTitle>
            <DialogContent>
              <DialogContentText variant="body1" color="inherit">
                Annotations can only be edited in single canvas view type.
                Switch view type to single view now?
              </DialogContentText>
            </DialogContent>
            <DialogActions>
              <Button onClick={handleClose}>
                Cancel
              </Button>
              <Button color="primary" onClick={this.confirm} variant="contained">
                Switch to single view
              </Button>
            </DialogActions>
          </Dialog>
        );
      }
    }
    
    SingleCanvasDialog.propTypes = {
      handleClose: PropTypes.func.isRequired,
      open: PropTypes.bool,
      switchToSingleCanvasView: PropTypes.func.isRequired,
    };
    
    SingleCanvasDialog.defaultProps = {
      open: false,
    };
    
    export default SingleCanvasDialog;