Backoffice personalizado para LocomotiveCMS

Se você deseja adicionar JavaScript extra ou folhas de estilo ao backoffice da Locomotive, basta criar a seguinte visualização parcial:

# app/views/locomotive/shared/_main_app_head.html.haml
= stylesheet_link_tag 'your_custom_css', :media => 'screen'
= javascript_include_tag 'your_custom_js'

Ele substitui uma parcial vazia de Locomotive e será renderizado logo antes de </head>todas as inclusões de JavaScript e folha de estilo do Locomotive.

eu prefiro

… para colocar todos os meus arquivos no escopo locomotive/extensions:

/app/
·   assets/
    ·   javascripts/
        ·   locomotive/
            ·   extensions.js.coffee
            ·   extensions/
                ·   models/...
                ·   views/...
    ·   stylesheets/
        ·   locomotive/
            ·   extensions.css
            ·   extensions/
                ·   backoffice/...
                    ·   menu/...

Então uma árvore exige aqui:

# app/assets/javascripts/locomotive/extensions.js.coffee
#= require_tree ./extensions

E lá:

# app/assets/stylesheets/locomotive/extensions.css
/*
 *= require_tree ./extensions
 */

E nomes ajustados na parcial:

# app/views/locomotive/shared/_main_app_head.html.haml
= stylesheet_link_tag 'locomotive/extensions', :media => 'screen'
= javascript_include_tag 'locomotive/extensions'