Hi Nicholas,
I’ve been working on a redesign of my site and am currently integrating Akeeba Ticket System as support solution. While creating a template override for the tickets view (specifically, the “default_ticket.php” file and the corresponding JavaScript file), I came across an issue (tested on both J2.5.22 and J3.3.3 with ATS 1.5.4).
On changing the status (for instance from “Open” to “Pending”), the JavaScript function for the selector will:
1. looking up the parent td element
2. within this “td” element it searches for all elements with a “label-*” class and changes them.
This not only changes the label of the status, but also changes the labels used in the assign drop down menu. (The logo's are changed into the status... see attached image.)
Furthermore, people (like me) creating template overrides might use labels instead of badges in their design.. which will not work as those will be changed as well upon changing the status.
As solution I'd suggest to add a separate and specific class to the element that requires to be changed (for instance ”atsStatus”) and look that up instead of looking up a generic class like “label” as it is less error prone.
P.S. more a feature request on this matter. The html for both the selectors is currently hard-coded in the helper files. It would be nice to have it in a file that can be overridden, for instance a JLayout file. That would allow me to style the corresponding elements easier. (I can manage otherwise as well but it would require defining quite some additional styles that are already available by default under different names in the template's bootstrap file).
Thanks in advance for your time and answer.
Kind regards,
Jasper
I’ve been working on a redesign of my site and am currently integrating Akeeba Ticket System as support solution. While creating a template override for the tickets view (specifically, the “default_ticket.php” file and the corresponding JavaScript file), I came across an issue (tested on both J2.5.22 and J3.3.3 with ATS 1.5.4).
On changing the status (for instance from “Open” to “Pending”), the JavaScript function for the selector will:
1. looking up the parent td element
2. within this “td” element it searches for all elements with a “label-*” class and changes them.
This not only changes the label of the status, but also changes the labels used in the assign drop down menu. (The logo's are changed into the status... see attached image.)
Furthermore, people (like me) creating template overrides might use labels instead of badges in their design.. which will not work as those will be changed as well upon changing the status.
As solution I'd suggest to add a separate and specific class to the element that requires to be changed (for instance ”atsStatus”) and look that up instead of looking up a generic class like “label” as it is less error prone.
P.S. more a feature request on this matter. The html for both the selectors is currently hard-coded in the helper files. It would be nice to have it in a file that can be overridden, for instance a JLayout file. That would allow me to style the corresponding elements easier. (I can manage otherwise as well but it would require defining quite some additional styles that are already available by default under different names in the template's bootstrap file).
Thanks in advance for your time and answer.
Kind regards,
Jasper
