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>
);
}
}
|