Adicione um item de menu ao Wordpress 3.5 Media Manager

Como adicionar um novo item de menu abaixo do "Inserir do URL" na barra lateral esquerda no novo Wordpress 3.5 Media Manager?

Eu estive olhando para o backbone js e tentei enganchar nele com meu próprio JS, mas sem sucesso.

Edit 2: Isso parece fazer o truque:

http://sumtips.com/2012/12/add-remove-tab-wordpress-3-5-media-upload-page.html

Deveria fazer coisas simples, mas acho que também é possível fazer a mesma coisa em Javascript. Seria bom se houvesse um tutorial / explicação sobre como os novos internos do gerenciador de mídia funcionam.

OK, acho que tenho algo muito próximo de ser uma resposta:

Eu coloquei meu código em uma essência

Aqui está o resultado:

Criei vários objetos Backbone para respeitar o padrão MVC: ele controller.Customé responsável por fazer toda a lógica, view.Toolbar.Customlidar com os botões da barra de ferramentas e view.Customexibir a interface do usuário interna.

Estou trabalhando para adicionar um botão ao "menu roteador" (adicionar algo à direita da "Biblioteca de mídia"), mas o sistema é o mesmo.

<script type="text/javascript">
    jQuery(window).on('load', function() {
        var media   = window.wp.media,  
        Attachment  = media.model.Attachment,
        Attachments = media.model.Attachments,
        Query       = media.model.Query,
        l10n = media.view.l10n = typeof _wpMediaViewsL10n === 'undefined' ? {} : _wpMediaViewsL10n,
        NewMenuItem;

        jQuery(document).on( 'click', '.insert-media', function( event ) {
            var workflow = wp.media.editor.get();
            var options = workflow.options;
            if( undefined == NewMenuItem ) {
                NewMenuItem = new wp.media.view.RouterItem( _.extend( options, { text: 'New Item!' } ) );
                workflow.menu.view.views.set( '.media-menu', NewMenuItem, _.extend( options, { add: true } ) );
            }

        });
    });
</script>

Agora, ainda não faz nada. Esse é o próximo passo!

Você pode conectar-se ao media_upload_tabsfiltro para adicionar a guia. Este é o método usado pelo plug-in Network Shared Media :

function wpse_76980_add_upload_tab( $tabs ) {
    $newtab = array( 'tab_slug' => 'Tab Name' );
    return array_merge( $tabs, $newtab );
}
add_filter( 'media_upload_tabs', 'wpse_76980_add_upload_tab' );

Em seguida, você pode conectar-se à media_upload_tab_slugação (onde tab_slugé usado acima) para exibir o conteúdo da guia:

function wpse_76980_media_upload() {
    // display tab contents
}
add_action( 'media_upload_tab_slug', 'wpse_76980_media_upload' );

Eu não tenho uma solução, mas dicas. As strings são obtidas de uma matriz. Você pode filtrar via gancho media_view_strings. A caixa modal após o clique é um javascript, construído com backbone.js desde o WP 3.5. Veja /wp-includes/js/media-views.jsuma solução. O backbone também é novo para mim e os scripts têm muitas linhas de origem.