plone / plone-react / 544

pending completion

Build # 544

Build Type

push

travis-ci

Committed by

sneridagh

Commit Message

<a href="https://github.com/plone/plone-react/commit/<a class=hub.com/plone/plone-react/commit/c77d40cd100ceac68b01cfebe6a066e67fe3842a">c77d40cd1<a href="https://github.com/plone/plone-react/commit/c77d40cd100ceac68b01cfebe6a066e67fe3842a">&quot;&gt;Revert &amp;quot;Fix double click on root&quot;

This reverts commit </a><a class="double-link" href="https://github.com/plone/plone-react/commit/<a class="double-link" href="https://github.com/plone/plone-react/commit/ab258d1b7faa0fee0f8fec2cbaed797f91f27ebc">ab258d1b7</a>">ab258d1b7</a><a href="https://github.com/plone/plone-react/commit/c77d40cd100ceac68b01cfebe6a066e67fe3842a">.

Run Details

689 of 1319 branches covered (52.24%)

Branch coverage included in aggregate %.

2 of 2 new or added lines in 1 file covered. (100.0%)

1052 of 1749 relevant lines covered (60.15%)

6.89 hits per line

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

0.0

/src/components/theme/HomeView/HomeView.jsx

/**
 * View container.
 * @module components/theme/View/View
 */

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import Helmet from 'react-helmet';
import { connect } from 'react-redux';
import { Link } from 'react-router';
import { Dropdown, Icon } from 'semantic-ui-react';
import { Portal } from 'react-portal';
import { find } from 'lodash';

import { injectIntl, intlShape } from 'react-intl';

import {
  Toolbar,
  Actions,
  Display,
  Types,
  Workflow,
} from '../../../components';

import { getBaseUrl } from '../../../helpers';
import { listActions, getContent } from '../../../actions';
import config from '../../../config';
import DocumentView from '../View/DocumentView';

@injectIntl
@connect(
  (state, props) => ({
    actions: state.actions.actions,
    content: state.content.data,
    pathname: props.location.pathname,
  }),
  {
    listActions,
    getContent,
  },
)
/**
 * View container class.
 * @class View
 * @extends Component
 */
export default class HomeView extends Component {
  /**
   * Property types.
   * @property {Object} propTypes Property types.
   * @static
   */
  static propTypes = {
    actions: PropTypes.shape({
      object: PropTypes.arrayOf(PropTypes.object),
      object_buttons: PropTypes.arrayOf(PropTypes.object),
      user: PropTypes.arrayOf(PropTypes.object),
    }),
    listActions: PropTypes.func.isRequired,
    getContent: PropTypes.func.isRequired,
    pathname: PropTypes.string.isRequired,
    content: PropTypes.shape({
      layout: PropTypes.string,
      title: PropTypes.string,
      description: PropTypes.string,
      '@type': PropTypes.string,
    }),
    intl: intlShape.isRequired,
  };

  /**
   * Default properties.
   * @property {Object} defaultProps Default properties.
   * @static
   */
  static defaultProps = {
    actions: null,
    content: null,
  };

  state = {
    hasObjectButtons: null,
  };

  /**
   * Component will mount
   * @method componentWillMount
   * @returns {undefined}
   */
  componentWillMount() {
    this.props.listActions(`${this.props.pathname}front-page`);
    this.props.getContent(`${this.props.pathname}front-page`);
  }

  /**
   * Component will receive props
   * @method componentWillReceiveProps
   * @param {Object} nextProps Next properties
   * @returns {undefined}
   */
  componentWillReceiveProps(nextProps) {
    if (nextProps.pathname !== this.props.pathname) {
      this.props.listActions(nextProps.pathname);
      this.props.getContent(nextProps.pathname);
    }

    if (nextProps.actions.object_buttons) {
      const objectButtons = nextProps.actions.object_buttons;
      this.setState({
        hasObjectButtons: !!objectButtons.length,
      });
    }
  }

  /**
   * Render method.
   * @method render
   * @returns {string} Markup for the component.
   */
  render() {
    const path = getBaseUrl(`${this.props.pathname}front-page`);
    const editAction = find(this.props.actions.object, { id: 'edit' });
    const folderContentsAction = find(this.props.actions.object, {
      id: 'folderContents',
    });
    const historyAction = find(this.props.actions.object, { id: 'history' });
    const sharingAction = find(this.props.actions.object, {
      id: 'local_roles',
    });

    return (
      <div id="HomeView" className="home_page_view">
        {this.props.content && (
          <Helmet
            title={this.props.content.title}
            bodyAttributes={{ class: 'home_page_view' }}
          />
        )}

        <DocumentView content={this.props.content} />

        <Portal node={__CLIENT__ && document.getElementById('toolbar')}>
          <Toolbar
            pathname={this.props.pathname}
            inner={
              <div>
                {editAction && (
                  <Link to={`${path}/edit`} id="toolbar-edit" className="item">
                    <Icon
                      name="write"
                      size="big"
                      color="blue"
                      title={editAction.title}
                    />
                  </Link>
                )}
                {this.props.content && (
                  <Link
                    to={`${getBaseUrl(this.props.pathname)}/contents`.replace(
                      /\/\//g,
                      '/',
                    )}
                    id="toolbar-folder-contents"
                    className="item"
                  >
                    <Icon name="folder open" size="big" title="contents" />
                  </Link>
                )}
                {this.props.content && <Types pathname={this.props.pathname} />}

                <Dropdown
                  id="toolbar-more"
                  item
                  trigger={<Icon name="ellipsis horizontal" size="big" />}
                >
                  <Dropdown.Menu>
                    <Workflow pathname={path} />
                    {this.state.hasObjectButtons && <Actions pathname={path} />}
                    {editAction && <Display pathname={path} />}
                    {historyAction && (
                      <Link
                        to={`${path}/history`}
                        id="toolbar-history"
                        className="item"
                      >
                        <Icon name="clock" size="big" /> {historyAction.title}
                      </Link>
                    )}
                    {sharingAction && (
                      <Link
                        to={`${path}/sharing`}
                        id="toolbar-sharing"
                        className="item"
                      >
                        <Icon name="share" size="big" /> {sharingAction.title}
                      </Link>
                    )}
                  </Dropdown.Menu>
                </Dropdown>

                <Dropdown
                  id="toolbar-personal"
                  className="personal-bar"
                  item
                  upward
                  trigger={<Icon name="user" size="big" />}
                >
                  <Dropdown.Menu>
                    {this.props.actions.user &&
                      this.props.actions.user.map(item => {
                        switch (item.id) {
                          case 'preferences':
                            return (
                              <Link
                                key={item.id}
                                to="/personal-preferences"
                                className="item"
                              >
                                <span>
                                  <Icon name="setting" /> {item.title}
                                </span>
                              </Link>
                            );

                          case 'plone_setup':
                            return (
                              <Link
                                key={item.id}
                                to="/controlpanel"
                                className="item"
                              >
                                <span>
                                  <Icon name="settings" /> {item.title}
                                </span>
                              </Link>
                            );

                          case 'logout':
                            return (
                              <Link
                                key={item.id}
                                to="/logout"
                                id="toolbar-logout"
                                className="item"
                              >
                                <span>
                                  <Icon name="sign out" /> {item.title}
                                </span>
                              </Link>
                            );
                          default: {
                            return null;
                          }
                        }
                      })}
                  </Dropdown.Menu>
                </Dropdown>
              </div>
            }
          />
        </Portal>
      </div>
    );
  }
}

1	/**
2	* View container.
3	* @module components/theme/View/View
4	*/
5
6	import React, { Component } from 'react';
7	import PropTypes from 'prop-types';
8	import Helmet from 'react-helmet';
9	import { connect } from 'react-redux';
10	import { Link } from 'react-router';
11	import { Dropdown, Icon } from 'semantic-ui-react';
12	import { Portal } from 'react-portal';
13	import { find } from 'lodash';
14
15	import { injectIntl, intlShape } from 'react-intl';
16
17	import {
18	Toolbar,
19	Actions,
20	Display,
21	Types,
22	Workflow,
23	} from '../../../components';
24
25	import { getBaseUrl } from '../../../helpers';
26	import { listActions, getContent } from '../../../actions';
27	import config from '../../../config';
28	import DocumentView from '../View/DocumentView';
29
30	@injectIntl
31	@connect(
32	(state, props) => ({	×
33	actions: state.actions.actions,
34	content: state.content.data,
35	pathname: props.location.pathname,
36	}),
37	{
38	listActions,
39	getContent,
40	},
41	)
42	/**
43	* View container class.
44	* @class View
45	* @extends Component
46	*/
47	export default class HomeView extends Component {
48	/**
49	* Property types.
50	* @property {Object} propTypes Property types.
51	* @static
52	*/
53	static propTypes = {
54	actions: PropTypes.shape({
55	object: PropTypes.arrayOf(PropTypes.object),
56	object_buttons: PropTypes.arrayOf(PropTypes.object),
57	user: PropTypes.arrayOf(PropTypes.object),
58	}),
59	listActions: PropTypes.func.isRequired,
60	getContent: PropTypes.func.isRequired,
61	pathname: PropTypes.string.isRequired,
62	content: PropTypes.shape({
63	layout: PropTypes.string,
64	title: PropTypes.string,
65	description: PropTypes.string,
66	'@type': PropTypes.string,
67	}),
68	intl: intlShape.isRequired,
69	};
70
71	/**
72	* Default properties.
73	* @property {Object} defaultProps Default properties.
74	* @static
75	*/
76	static defaultProps = {
77	actions: null,
78	content: null,
79	};
80
81	state = {
82	hasObjectButtons: null,
83	};
84
85	/**
86	* Component will mount
87	* @method componentWillMount
88	* @returns {undefined}
89	*/
90	componentWillMount() {
91	this.props.listActions(`${this.props.pathname}front-page`);	×
92	this.props.getContent(`${this.props.pathname}front-page`);	×
93	}
94
95	/**
96	* Component will receive props
97	* @method componentWillReceiveProps
98	* @param {Object} nextProps Next properties
99	* @returns {undefined}
100	*/
101	componentWillReceiveProps(nextProps) {
102	if (nextProps.pathname !== this.props.pathname) {	×
103	this.props.listActions(nextProps.pathname);	×
104	this.props.getContent(nextProps.pathname);	×
105	}
106
107	if (nextProps.actions.object_buttons) {	×
108	const objectButtons = nextProps.actions.object_buttons;	×
109	this.setState({	×
110	hasObjectButtons: !!objectButtons.length,
111	});
112	}
113	}
114
115	/**
116	* Render method.
117	* @method render
118	* @returns {string} Markup for the component.
119	*/
120	render() {
121	const path = getBaseUrl(`${this.props.pathname}front-page`);	×
122	const editAction = find(this.props.actions.object, { id: 'edit' });	×
123	const folderContentsAction = find(this.props.actions.object, {	×
124	id: 'folderContents',
125	});
126	const historyAction = find(this.props.actions.object, { id: 'history' });	×
127	const sharingAction = find(this.props.actions.object, {	×
128	id: 'local_roles',
129	});
130
131	return (	×
132	<div id="HomeView" className="home_page_view">
133	{this.props.content && (	×
134	<Helmet
135	title={this.props.content.title}
136	bodyAttributes={{ class: 'home_page_view' }}
137	/>
138	)}
139
140	<DocumentView content={this.props.content} />
141
142	<Portal node={__CLIENT__ && document.getElementById('toolbar')}>	×
143	<Toolbar
144	pathname={this.props.pathname}
145	inner={
146	<div>
147	{editAction && (	×
148	<Link to={`${path}/edit`} id="toolbar-edit" className="item">
149	<Icon
150	name="write"
151	size="big"
152	color="blue"
153	title={editAction.title}
154	/>
155	</Link>
156	)}
157	{this.props.content && (	×
158	<Link
159	to={`${getBaseUrl(this.props.pathname)}/contents`.replace(
160	/\/\//g,
161	'/',
162	)}
163	id="toolbar-folder-contents"
164	className="item"
165	>
166	<Icon name="folder open" size="big" title="contents" />
167	</Link>
168	)}
169	{this.props.content && <Types pathname={this.props.pathname} />}	×
170
171	<Dropdown
172	id="toolbar-more"
173	item
174	trigger={<Icon name="ellipsis horizontal" size="big" />}
175	>
176	<Dropdown.Menu>
177	<Workflow pathname={path} />
178	{this.state.hasObjectButtons && <Actions pathname={path} />}	×
179	{editAction && <Display pathname={path} />}	×
180	{historyAction && (	×
181	<Link
182	to={`${path}/history`}
183	id="toolbar-history"
184	className="item"
185	>
186	<Icon name="clock" size="big" /> {historyAction.title}
187	</Link>
188	)}
189	{sharingAction && (	×
190	<Link
191	to={`${path}/sharing`}
192	id="toolbar-sharing"
193	className="item"
194	>
195	<Icon name="share" size="big" /> {sharingAction.title}
196	</Link>
197	)}
198	</Dropdown.Menu>
199	</Dropdown>
200
201	<Dropdown
202	id="toolbar-personal"
203	className="personal-bar"
204	item
205	upward
206	trigger={<Icon name="user" size="big" />}
207	>
208	<Dropdown.Menu>
209	{this.props.actions.user &&	×
210	this.props.actions.user.map(item => {
211	switch (item.id) {	×
212	case 'preferences':
213	return (	×
214	<Link
215	key={item.id}
216	to="/personal-preferences"
217	className="item"
218	>
219	<span>
220	<Icon name="setting" /> {item.title}
221	</span>
222	</Link>
223	);
224
225	case 'plone_setup':
226	return (	×
227	<Link
228	key={item.id}
229	to="/controlpanel"
230	className="item"
231	>
232	<span>
233	<Icon name="settings" /> {item.title}
234	</span>
235	</Link>
236	);
237
238	case 'logout':
239	return (	×
240	<Link
241	key={item.id}
242	to="/logout"
243	id="toolbar-logout"
244	className="item"
245	>
246	<span>
247	<Icon name="sign out" /> {item.title}
248	</span>
249	</Link>
250	);
251	default: {
252	return null;	×
253	}
254	}
255	})}
256	</Dropdown.Menu>
257	</Dropdown>
258	</div>
259	}
260	/>
261	</Portal>
262	</div>
263	);
264	}
265	}

plone / plone-react / 544

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

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