|
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 |
- |
|
|