Lines 22-43
$(document).ready(function () {
Link Here
|
22 |
$("#resolveTicket").show(); |
22 |
$("#resolveTicket").show(); |
23 |
} |
23 |
} |
24 |
|
24 |
|
|
|
25 |
let title = $("#title_" + ticket_id).text(); |
25 |
let detail = $("#detail_" + ticket_id).text(); |
26 |
let detail = $("#detail_" + ticket_id).text(); |
26 |
|
27 |
|
27 |
// Display ticket details |
28 |
// Display ticket details |
28 |
let display = '<div class="list-group">'; |
29 |
let display = '<div class="list-group">'; |
29 |
display += '<div class="list-group-item">'; |
30 |
display += |
|
|
31 |
'<div class="list-group-item list-group-item-secondary d-flex justify-content-between align-items-start">'; |
32 |
display += '<div class="ms-2 me-auto">'; |
33 |
display += '<div class="fw-bold">' + title + "</div>"; |
34 |
display += '<div class="wrapfix">' + detail + "</div>"; |
35 |
display += "</div>"; |
30 |
if (assignee) { |
36 |
if (assignee) { |
|
|
37 |
display += "<span>"; |
31 |
display += |
38 |
display += |
32 |
'<span class="pull-right"><span class="label strong">' + |
39 |
'<label class="label strong">' + |
33 |
__("Assignee") + |
40 |
__("Assignee") + |
34 |
"</span>: " + |
41 |
"</label>: " + |
|
|
42 |
"<span>" + |
35 |
assignee + |
43 |
assignee + |
36 |
"</span>"; |
44 |
"</span>"; |
|
|
45 |
display += "</span>"; |
37 |
} |
46 |
} |
38 |
display += '<span class="wrapfix">' + detail + "</span>"; |
|
|
39 |
display += "</div>"; |
47 |
display += "</div>"; |
40 |
display += '<div id="concern-updates" class="list-group-item">'; |
48 |
display += |
|
|
49 |
'<div id="concern-updates" class="list-group-item list-group-item-info">'; |
41 |
display += "<span>" + __("Loading updates . . .") + "</span>"; |
50 |
display += "<span>" + __("Loading updates . . .") + "</span>"; |
42 |
display += "</div>"; |
51 |
display += "</div>"; |
43 |
display += "</div>"; |
52 |
display += "</div>"; |
Lines 59-107
$(document).ready(function () {
Link Here
|
59 |
data.forEach(function (item, index) { |
68 |
data.forEach(function (item, index) { |
60 |
if (item.public) { |
69 |
if (item.public) { |
61 |
updates += |
70 |
updates += |
62 |
'<div class="list-group-item list-group-item-success">'; |
71 |
'<div class="list-group-item list-group-item-success d-flex flex-column">'; |
63 |
updates += |
|
|
64 |
'<span class="pull-right">' + |
65 |
__("Public") + |
66 |
"</span>"; |
67 |
} else { |
72 |
} else { |
68 |
updates += |
73 |
updates += |
69 |
'<div class="list-group-item list-group-item-warning">'; |
74 |
'<div class="list-group-item list-group-item-warning d-flex flex-column">'; |
70 |
updates += |
|
|
71 |
'<span class="pull-right">' + |
72 |
__("Private") + |
73 |
"</span>"; |
74 |
} |
75 |
} |
|
|
76 |
updates += '<div class="d-flex">'; |
75 |
updates += |
77 |
updates += |
76 |
'<span class="wrapfix">' + item.message + "</span>"; |
78 |
'<div class="flex-grow-1 mb-0 wrapfix">' + |
77 |
updates += |
79 |
item.message + |
78 |
'<span class="clearfix">' + |
80 |
"</div>"; |
79 |
$patron_to_html(item.user, { |
81 |
updates += '<div class="d-flex flex-column ms-3 text-end">'; |
80 |
display_cardnumber: false, |
82 |
if (item.public) { |
81 |
url: true, |
83 |
updates += |
82 |
}) + |
84 |
'<span class="mb-1">' + __("Public") + "</span>"; |
83 |
" (" + |
85 |
} else { |
84 |
$datetime(item.date) + |
86 |
updates += |
85 |
")"; |
87 |
'<span class="mb-1">' + __("Private") + "</span>"; |
|
|
88 |
} |
86 |
if (item.status) { |
89 |
if (item.status) { |
87 |
updates += '<span class="clearfix pull-right">'; |
90 |
updates += '<span class="mb-1">'; |
88 |
updates += item._strings.status |
91 |
updates += item._strings.status |
89 |
? escape_str(item._strings.status.str) |
92 |
? escape_str(item._strings.status.str) |
90 |
: ""; |
93 |
: ""; |
91 |
updates += "</span>"; |
94 |
updates += "</span>"; |
92 |
} |
95 |
} |
93 |
if (item.assignee) { |
96 |
if (item.assignee) { |
94 |
updates += '<span class="clearfix pull-right">'; |
97 |
updates += '<span class="mb-1">'; |
95 |
updates += $patron_to_html(item.assignee, { |
98 |
updates += $patron_to_html(item.assignee, { |
96 |
display_cardnumber: false, |
99 |
display_cardnumber: false, |
97 |
url: true, |
100 |
url: true, |
98 |
}); |
101 |
}); |
99 |
updates += "</span>"; |
102 |
updates += "</span>"; |
100 |
} |
103 |
} |
101 |
updates += "</span>"; |
104 |
updates += "</div>"; |
|
|
105 |
updates += "</div>"; |
106 |
updates += |
107 |
'<div class="text-end text-muted small mt-2">' + |
108 |
$patron_to_html(item.user, { |
109 |
display_cardnumber: false, |
110 |
url: true, |
111 |
}) + |
112 |
" (" + |
113 |
$datetime(item.date) + |
114 |
")" + |
115 |
"</div>"; |
102 |
updates += "</div>"; |
116 |
updates += "</div>"; |
103 |
}); |
117 |
}); |
104 |
updates_display.html(updates); |
118 |
updates_display.replaceWith(updates); |
105 |
}) |
119 |
}) |
106 |
.error(function () {}); |
120 |
.error(function () {}); |
107 |
|
121 |
|
108 |
- |
|
|