Customize search result view

AnnemarieBecher · August 1, 2022, 10:44am

Hello,

is it possible to customize the search result view?

I would like to remove certain information from the view as it has no added value for us.

For Example, we do not need the categorie ChatSession. Or in the table view we do not need the groups, but the issue state would be interessting.

Maybe I can customize this over the console?

Thank you for your answer and have a nice day

Anne

Stubenhocker · August 8, 2022, 7:42pm

There is currently no customisation via the console for this (as far as I know), but as a work around for the table view you could edit the /opt/zammad/app/assets/javascripts/app/controllers/search.coffee file and edit the available columns here:

github.com

zammad/zammad/blob/f6988de2f5fcec1e1e0ce970cafbf0ebe62754b1/app/assets/javascripts/app/controllers/search.coffee#L217


      
            @lastChecked = e.currentTarget
            @bulkForm.updateTicketIdsBulkForm(e)
          
          
ticket_ids = []
          for item in localList
            ticket_ids.push item.id
          localeEl = @$('.js-content')
          @table = new App.TicketList(
            tableId:    "find_#{model}"
            el:         localeEl
            columns:    [ 'number', 'title', 'customer', 'group', 'owner', 'created_at' ]
            ticket_ids: ticket_ids
            radio:      false
            checkbox:   checkbox
            bindRow:
              events:
                'click': openTicket
            bindCheckbox:
              events:
                'click': callbackCheckbox
              select_all: callbackCheckbox

AnnemarieBecher · August 18, 2022, 11:57am

Must I restart the service after the editing?

dvnkln · August 18, 2022, 12:44pm

You could probably also hide the unwanted columns via css since they have their own classes:

To hide the chat sessions you could use this:
.detail-search-header .tab.js-tabChatSession { display: none; }*
The spacing is important: https://www.w3schools.com/cssref/css_selectors.asp

At least that way should™ be update-proof. It only visually hides the tab though. @Stubenhocker’s approach is a lot cleaner since only the relevant data is being pulled.

As always:
I’m not a web dev or anything at all and i didn’t try that first. This should hide ALL elements that are classified as tab and js-tabChatSession which are also a descendant of a detail-search-header object. So if anything else uses this combination, that’s probably gone too.

There’s most likely a better way to achieve this but i don’t know it :>.

cheers

*updated thanks to Martin-Bonn’s hint

Stubenhocker · August 18, 2022, 12:59pm

You need to compile the changes first using zammad run rake assets:precompile --trace, then restart the zammad-web service.

Martin-Bonn · August 19, 2022, 3:26pm

The CSS selector is not quite right. Searchfield and the tabs are siblings.

I use this:

.detail-search-header .tab[data-tab-content="ChatSession"]

dvnkln · August 22, 2022, 5:14am

You’re right, thanks for the hint!

system · December 20, 2022, 5:15am

This topic was automatically closed 120 days after the last reply. New replies are no longer allowed.