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