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
|
export default {
name: 'IssueCardHeader',
props: {
confidential: { type: Boolean, required: false, default: false },
title: { type: String, required: true },
issueId: { type: Number, required: true },
assignee: { type: Object, required: true },
issueLinkBase: { type: String, required: true },
rootPath: { type: String, required: true },
},
computed: {
hasAssignee() {
return Object.keys(this.assignee).length;
},
},
template: `
<div class="card-header">
<i class="fa fa-eye-slash confidential-icon"
v-if="confidential">
</i>
<h4 class="card-title">
<a :href="issueLinkBase + '/' + issueId"
:title="title">{{ title }}</a>
<span class="card-number"
v-if="issueId">
#{{ issueId }}
</span>
</h4>
<a class="card-assignee has-tooltip"
:href="rootPath + assignee.username"
:title="'Assigned to ' + assignee.name"
v-if="hasAssignee"
data-container="body">
<img class="avatar avatar-inline s20"
:src="assignee.avatar"
width="20"
height="20"
:alt="'Avatar for ' + assignee.name" />
</a>
</div>
`,
};
|