Add Custom "Upload Document" Section to Ticket Sidebar with API Integration

Development
1

Hi everyone,

I’m trying to customize the ticket sidebar in Zammad to include a custom “Upload Document” button directly beneath the Subscribe section. When clicked, this button should open a new section or popup that allows the user to input a few parameters. Upon submitting, it will call an API function that retrieves the ticket attachment and uploads it to an external document management system. The API side is already handled—what I’m struggling with is understanding the best way to inject this new UI functionality into the Zammad frontend in a production-safe way. I’ve explored the components under TicketSidebarInformationContent.vue and TicketSubscribers.vue, but changes aren’t reflecting even after rebuilding assets and restarting the service.

Any guidance would be greatly appreciated!

2

Are you working with the new stack or old stack? The file you relate to is from the new stack which is work in progress (alpha).

The old stack is working with coffeescript, so you would need something similar to:

app/assets/javascripts/app/controllers/ticket_zoom/sidebar_organization.coffee

Currently there are 3 apps atm:

3

Why don’t you just use a Macro and a Webhook?

Tip: to run a Webhook through a Macro, you will need to also setup a trigger, that reacts to the Macro.