aboutsummaryrefslogtreecommitdiffstats
path: root/server/sonar-web/src/main/js/apps/projectActivity/components/ProjectActivityAnalysis.js
blob: 55f34ffbc183dd99661df037a39689572df4ed5d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
/*
 * SonarQube
 * Copyright (C) 2009-2018 SonarSource SA
 * mailto:info AT sonarsource DOT com
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation; either
 * version 3 of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 * Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with this program; if not, write to the Free Software Foundation,
 * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 */
// @flow
import React from 'react';
import classNames from 'classnames';
import Events from './Events';
import AddEventForm from './forms/AddEventForm';
import RemoveAnalysisForm from './forms/RemoveAnalysisForm';
import TimeTooltipFormatter from '../../../components/intl/TimeTooltipFormatter';
import ActionsDropdown, {
  ActionsDropdownDivider
} from '../../../components/controls/ActionsDropdown';
import { translate } from '../../../helpers/l10n';
/*:: import type { Analysis } from '../types'; */

/*::
type Props = {
  addCustomEvent: (analysis: string, name: string, category?: string) => Promise<*>,
  addVersion: (analysis: string, version: string) => Promise<*>,
  analysis: Analysis,
  canAdmin: boolean,
  canDeleteAnalyses: boolean,
  canCreateVersion: boolean,
  changeEvent: (event: string, name: string) => Promise<*>,
  deleteAnalysis: (analysis: string) => Promise<*>,
  deleteEvent: (analysis: string, event: string) => Promise<*>,
  isFirst: boolean,
  selected: boolean,
  updateSelectedDate: Date => void
};
*/

export default class ProjectActivityAnalysis extends React.PureComponent {
  /*:: props: Props; */

  handleClick = () => this.props.updateSelectedDate(this.props.analysis.date);

  stopPropagation = (e /*: Event */) => e.stopPropagation();

  render() {
    const { analysis, isFirst, canAdmin } = this.props;
    const { date, events } = analysis;
    const analysisTitle = translate('project_activity.analysis');
    const hasVersion = events.find(event => event.category === 'VERSION') != null;

    const canAddVersion = canAdmin && !hasVersion && this.props.canCreateVersion;
    const canAddEvent = canAdmin;
    const canDeleteAnalyses = this.props.canDeleteAnalyses && !isFirst;

    return (
      <li
        className={classNames('project-activity-analysis clearfix', {
          selected: this.props.selected
        })}
        data-date={date.valueOf()}
        onClick={this.handleClick}
        role="listitem"
        tabIndex="0">
        <div className="project-activity-time spacer-right">
          <TimeTooltipFormatter className="text-middle" date={date} placement="right" />
        </div>
        <div className="project-activity-analysis-icon spacer-right" title={analysisTitle} />

        {(canAddVersion || canAddEvent || canDeleteAnalyses) && (
          <div className="project-activity-analysis-actions big-spacer-right">
            <ActionsDropdown menuPosition="left" small={true} toggleClassName="js-analysis-actions">
              {canAddVersion && (
                <AddEventForm
                  addEvent={this.props.addVersion}
                  analysis={analysis}
                  addEventButtonText="project_activity.add_version"
                />
              )}
              {canAddEvent && (
                <AddEventForm
                  addEvent={this.props.addCustomEvent}
                  analysis={analysis}
                  addEventButtonText="project_activity.add_custom_event"
                />
              )}
              {(canAddVersion || canAddEvent) && canDeleteAnalyses && <ActionsDropdownDivider />}
              {canDeleteAnalyses && (
                <RemoveAnalysisForm
                  analysis={analysis}
                  deleteAnalysis={this.props.deleteAnalysis}
                />
              )}
            </ActionsDropdown>
          </div>
        )}

        {events.length > 0 && (
          <Events
            analysis={analysis.key}
            canAdmin={canAdmin}
            canDeleteAnalyses={this.props.canDeleteAnalyses}
            changeEvent={this.props.changeEvent}
            deleteEvent={this.props.deleteEvent}
            events={events}
            isFirst={this.props.isFirst}
          />
        )}
      </li>
    );
  }
}