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

Window.js

Blame
  • Window.js 1.37 KiB
    import React, { Component } from 'react';
    import PropTypes from 'prop-types';
    import ns from '../config/css-ns';
    import WindowTopBar from '../containers/WindowTopBar';
    import WindowMiddleContent from '../containers/WindowMiddleContent';
    import ThumbnailNavigation from '../containers/ThumbnailNavigation';
    
    /**
     * Represents a Window in the mirador workspace
     * @param {object} window
     */
    export class Window extends Component {
      /**
       * Renders things
       */
      render() {
        const { manifest, window, layout } = this.props;
        if (!window) return <></>;
    
        return (
          <div id={window.id} className={ns('window')}>
            <WindowTopBar
              layout={layout}
              windowId={window.id}
              manifest={manifest}
            />
            <WindowMiddleContent
              window={window}
              manifest={manifest}
              sideBarOpen={window.sideBarOpen}
            />
            <div className={ns('companion-bottom')}>
              <ThumbnailNavigation
                window={window}
                manifest={manifest}
              />
            </div>
          </div>
        );
      }
    }
    
    Window.propTypes = {
      window: PropTypes.object, // eslint-disable-line react/forbid-prop-types
      manifest: PropTypes.object, // eslint-disable-line react/forbid-prop-types
      layout: PropTypes.object, // eslint-disable-line react/forbid-prop-types
    };
    
    Window.defaultProps = {
      window: null,
      manifest: null,
      layout: null,
    };