123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248 |
- /**
- * This file is part of the TinyMCE Advanced WordPress plugin and is released under the same license.
- * For more information please see tinymce-advanced.php.
- *
- * Copyright (c) 2007-2019 Andrew Ozz. All rights reserved.
- */
- jQuery( document ).ready( function( $ ) {
- var $importElement = $('#tadv-import');
- var $importError = $('#tadv-import-error');
- function sortClassic() {
- var container = $('.container');
- if ( container.sortable( 'instance' ) ) {
- container.sortable( 'destroy' );
- }
- container.sortable({
- connectWith: '.container',
- items: '> li',
- cursor: 'move',
- stop: function( event, ui ) {
- var toolbar_id;
- if ( ui && ( toolbar_id = ui.item.parent().attr('id') ) ) {
- ui.item.find('input.tadv-button').attr('name', toolbar_id + '[]');
- }
- },
- activate: function( event, ui ) {
- $(this).parent().addClass( 'highlighted' );
- },
- deactivate: function( event, ui ) {
- $(this).parent().removeClass( 'highlighted' );
- },
- revert: 300,
- opacity: 0.7,
- placeholder: 'tadv-placeholder',
- forcePlaceholderSize: true
- });
- }
- function sortBlock() {
- var classicBlock = $( '.container-classic-block' );
- var block = $( '.container-block' );
- var blockToolbar = $( '#toolbar_block' );
- if ( classicBlock.sortable( 'instance' ) ) {
- classicBlock.sortable( 'destroy' );
- }
- if ( block.sortable( 'instance' ) ) {
- block.sortable( 'destroy' );
- }
- if ( blockToolbar.sortable( 'instance' ) ) {
- blockToolbar.sortable( 'destroy' );
- }
- classicBlock.sortable({
- connectWith: '.container-classic-block',
- items: '> li',
- cursor: 'move',
- stop: function( event, ui ) {
- var toolbar_id = ui.item.parent().attr( 'id' );
- resetItemName( toolbar_id, ui.item );
- },
- activate: function( event, ui ) {
- $(this).parent().addClass( 'highlighted' );
- },
- deactivate: function( event, ui ) {
- $(this).parent().removeClass( 'highlighted' );
- },
- revert: 300,
- opacity: 0.7,
- placeholder: 'tadv-placeholder',
- forcePlaceholderSize: true
- });
- blockToolbar.sortable({
- connectWith: '.container-block',
- items: '> li',
- cursor: 'move',
- stop: function( event, ui ) {
- var toolbar_id = ui.item.parent().attr( 'id' );
- resetItemName( toolbar_id, ui.item );
- sortBlockToolbar();
- },
- activate: function( event, ui ) {
- $(this).parent().addClass( 'highlighted' );
- },
- deactivate: function( event, ui ) {
- $(this).parent().removeClass( 'highlighted' );
- },
- revert: 300,
- opacity: 0.7,
- placeholder: 'tadv-placeholder',
- forcePlaceholderSize: true
- });
- block.sortable({
- connectWith: '.container-block, #toolbar_block',
- items: '> li',
- cursor: 'move',
- stop: function( event, ui ) {
- var toolbar_id = ui.item.parent().attr( 'id' );
- resetItemName( toolbar_id, ui.item );
- sortBlockToolbar();
- },
- activate: function( event, ui ) {
- $(this).parent().addClass( 'highlighted' );
- },
- deactivate: function( event, ui ) {
- $(this).parent().removeClass( 'highlighted' );
- },
- receive: function( event, ui ) {
- if ( $( event.target ).is( '#toolbar_block_side' ) && ui.item.is( 'li.core-image' ) ) {
- block.sortable( 'cancel' );
- }
- },
- revert: 300,
- opacity: 0.7,
- placeholder: 'tadv-block-placeholder',
- forcePlaceholderSize: true
- });
- }
- function resetItemName( name, item ) {
- if ( name ) {
- item.find( 'input[type="hidden"]' ).attr( 'name', name + '[]' );
- }
- }
- function sortBlockToolbar() {
- var container = $( '#toolbar_block' );
- var items = container.find( 'li' );
- items.sort( function ( a, b ) {
- var aa = $( a ).find( 'div' ).attr( 'title' );
- var bb = $( b ).find( 'div' ).attr( 'title' );
- return ( aa > bb ) ? 1 : -1;
- });
- container.append( items );
- }
- // Make block editor tab sortable on load
- sortBlock();
- $( '.settings-toggle.block' ).on( 'focus', function( event ) {
- $( '.wrap' ).removeClass( 'classic-active' ).addClass( 'block-active' );
- sortBlock();
- });
- $( '.settings-toggle.classic' ).on( 'focus', function( event ) {
- $( '.wrap' ).removeClass( 'block-active' ).addClass( 'classic-active' );
- sortClassic();
- });
- $( '#menubar' ).on( 'change', function() {
- $( '.tadv-mce-menu.tadv-classic-editor' ).toggleClass( 'enabled', $(this).prop('checked') );
- });
- $( '#menubar_block' ).on( 'change', function() {
- $( '.tadv-mce-menu.tadv-block-editor' ).toggleClass( 'enabled', $(this).prop('checked') );
- });
- $( '#tadvadmins' ).on( 'submit', function() {
- $( 'ul.container' ).each( function( i, node ) {
- $( node ).find( '.tadv-button' ).attr( 'name', node.id ? node.id + '[]' : '' );
- });
- });
- $( 'input[name="selected_text_color"]' ).on( 'change', function() {
- if ( this.id === 'selected_text_color_yes' ) {
- $( '.panel-block-text-color' ).removeClass( 'disabled' );
- } else {
- $( '.panel-block-text-color' ).addClass( 'disabled' );
- }
- } );
- $( 'input[name="selected_text_background_color"]' ).on( 'change', function() {
- if ( this.id === 'selected_text_background_color_yes' ) {
- $( '.panel-block-background-color' ).removeClass( 'disabled' );
- } else {
- $( '.panel-block-background-color' ).addClass( 'disabled' );
- }
- } );
- $( '.tadv-popout-help-toggle, .tadv-popout-help-close' ).on( 'click', function( event ) {
- $( '.tadv-popout-help' ).toggleClass( 'hidden' );
- } );
- $('#tadv-export-select').click( function() {
- $('#tadv-export').focus().select();
- });
- $importElement.change( function() {
- $importError.empty();
- });
- $('#tadv-import-verify').click( function() {
- var string;
- string = ( $importElement.val() || '' ).replace( /^[^{]*/, '' ).replace( /[^}]*$/, '' );
- $importElement.val( string );
- try {
- JSON.parse( string );
- $importError.text( 'No errors.' );
- } catch( error ) {
- $importError.text( error );
- }
- });
- function translate( str ) {
- if ( window.tadvTranslation.hasOwnProperty( str ) ) {
- return window.tadvTranslation[str];
- }
- return str;
- }
- if ( typeof window.tadvTranslation === 'object' ) {
- $( '.tadvitem' ).each( function( i, element ) {
- var $element = $( element ),
- $descr = $element.find( '.descr' ),
- text = $descr.text();
- if ( text ) {
- text = translate( text );
- $descr.text( text );
- $element.find( '.mce-ico' ).attr( 'title', text );
- }
- });
- $( '.tadv-mce-menu .tadv-translate' ).each( function( i, element ) {
- var $element = $( element ),
- text = $element.text();
- if ( text ) {
- $element.text( translate( text ) );
- }
- });
- }
- });
|