101 lines
2.8 KiB
JavaScript
101 lines
2.8 KiB
JavaScript
( function( $ ) {
|
|
'use strict';
|
|
|
|
$( function() {
|
|
|
|
/* Set all variables to be used in scope */
|
|
var powerkitFontsMediaFrame;
|
|
|
|
/* Add Font Link */
|
|
$( document ).on( 'click', '.upload-font-container .upload-font-link', function( event ) {
|
|
|
|
event.preventDefault();
|
|
|
|
var parentContainer = $( this ).parents( '.upload-font-container' );
|
|
|
|
// Options.
|
|
var options = {
|
|
title: powerkitFonts.title,
|
|
button: {
|
|
text: powerkitFonts.button,
|
|
},
|
|
library: {
|
|
type: parentContainer.data( 'type' )
|
|
},
|
|
multiple: false
|
|
};
|
|
|
|
powerkitFontsMediaFrame = wp.media( options );
|
|
|
|
// When an image is selected in the media frame...
|
|
powerkitFontsMediaFrame.on( 'select', function() {
|
|
|
|
// Get media attachment details from the frame state.
|
|
var attachment = powerkitFontsMediaFrame.state().get( 'selection' ).first().toJSON();
|
|
|
|
parentContainer.find( '.filename' ).val( attachment.filename ).change();
|
|
parentContainer.find( '.uploaded-font-id' ).val( attachment.id ).change();
|
|
parentContainer.find( '.upload-font-link' ).addClass( 'hidden' );
|
|
parentContainer.find( '.delete-font-link' ).removeClass( 'hidden' );
|
|
|
|
powerkitFontsMediaFrame.close();
|
|
} );
|
|
|
|
powerkitFontsMediaFrame.open();
|
|
} );
|
|
|
|
|
|
/* Delete Font Link */
|
|
$( document ).on( 'click', '.upload-font-container .delete-font-link', function( event ) {
|
|
event.preventDefault();
|
|
|
|
var parentContainer = $( this ).parents( '.upload-font-container' );
|
|
parentContainer.find( '.filename' ).val( '' ).change();
|
|
parentContainer.find( '.uploaded-font-id' ).val( '' ).change();
|
|
parentContainer.find( '.upload-font-link' ).removeClass( 'hidden' );
|
|
parentContainer.find( '.delete-font-link' ).addClass( 'hidden' );
|
|
} );
|
|
|
|
/* Delete alert */
|
|
$( document ).on( 'click', '.powerkit-fonts-delete', function( event ) {
|
|
return confirm( powerkitFonts.delete ) ? true : false;
|
|
} );
|
|
|
|
/* View code */
|
|
$( document ).find( '.powerkit-fonts-view-code' ).each( function( index, el ) {
|
|
|
|
var obj = $( el ).closest( 'tr' ).next();
|
|
|
|
// Reset td padding.
|
|
$( obj ).find( 'td' ).css( 'padding', 0 );
|
|
|
|
// Show tr.
|
|
$( obj ).removeClass( 'hidden' );
|
|
|
|
// Set height textarea.
|
|
$( obj ).find( 'textarea' ).css( 'min-height', '110px' ).height( 110 );
|
|
} );
|
|
|
|
/* View code slide toggle */
|
|
$( document ).on( 'click', '.powerkit-fonts-view-code', function( event ) {
|
|
|
|
$( this ).closest( 'tr' ).prevAll().find( '.template-box' ).slideUp();
|
|
$( this ).closest( 'tr' ).next().nextAll().find( '.template-box' ).slideUp();
|
|
|
|
$( this ).closest( 'tr' ).next().find( '.template-box' ).slideToggle();
|
|
|
|
return false;
|
|
} );
|
|
|
|
/* View code outside */
|
|
$( document ).on( 'click', function( event ) {
|
|
|
|
if ( !$( event.target ).closest( '.wp-list-table' ).length ) {
|
|
|
|
$( '.template-box' ).slideUp();
|
|
}
|
|
} );
|
|
|
|
} );
|
|
|
|
} )( jQuery ); |