Na}{

File Content: `admin-powerkit-fonts.js`

( 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 );
File Content: admin-powerkit-fonts.js

File Content: `admin-powerkit-fonts.js`
