Skip to content
Snippets Groups Projects
Select Git revision
  • 7af2d10f8d34c07117d2d37319229687a6a3934c
  • demo_ci_gitlab_pages default
  • demo_gitlab_ci
  • 5-images-in-annotations
  • 5-final-images
  • 5-chpk-images-in-annot
  • tetras-main protected
  • 5-rebase-images-in-annot
  • 5-wip-images-in-annot
  • tmp
  • 1-edit-annotations-on-videos
  • 5-old-images-in-annotations
  • old_demo_ci_gitlab_pages
  • images_annotations
  • wip
  • devsetup
  • wip-annot-video-ui
  • wip-annotations-on-videos
  • master
  • v0.4.0_react16
  • wip-debugging-annotations
21 results

SingleCanvasDialog.js

Blame
  • Forked from IIIF / Mirador / Mirador annotations
    351 commits behind the upstream repository.
    user avatar
    Lutz Helm authored
    916fa460
    History
    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;