Custom Jquery in detail view, where to add?

[rinorway]

I would like to be able to collapse the panels by doubleclicking on the heading.

Where would you add this customisation for the detail view of any entity?

$('.panel-heading').each(function(){
    $(this).dblclick(function() {
        console.log("toggle panel");
        $(this).siblings().toggleClass("collapse");
    });
});

Thank you,

[rinorway]

Ok, without SPA logic, you can use this:

create file client.json in /custom/Espo/Custom/Resources/metadata/app/

 {    
"scriptList": [        
"__APPEND__" ,      
"client/custom/js/foldpanels.js"
    ],

"developerModeScriptList": [      
 "__APPEND__"  ,    
"path/to/your/js/file.js"    ]
}

create file foldpanels.js in /client/custom/js/

$(document).on("dblclick", ".panel-heading", function() {
            $(this).siblings().toggleClass("collapse");
});

Since the jquery on() function monitors $(document) for changes, this will even work after SPA rendering.
Using $('.panel-heading') would not work here.

[telecastg]

Thanks for posting the solution too, makes this forum a lot more useful !