Na}{

File Content: `api-keys.js`

/*global jQuery, Backbone, _, woocommerce_admin_api_keys, wcSetClipboard, wcClearClipboard */
(function( $ ) {

	var APIView = Backbone.View.extend({
		/**
		 * Element
		 *
		 * @param {Object} '#key-fields'
		 */
		el: $( '#key-fields' ),

		/**
		 * Events
		 *
		 * @type {Object}
		 */
		events: {
			'click input#update_api_key': 'saveKey'
		},

		/**
		 * Initialize actions
		 */
		initialize: function(){
			_.bindAll( this, 'saveKey' );
		},

		/**
		 * Init jQuery.BlockUI
		 */
		block: function() {
			$( this.el ).block({
				message: null,
				overlayCSS: {
					background: '#fff',
					opacity: 0.6
				}
			});
		},

		/**
		 * Remove jQuery.BlockUI
		 */
		unblock: function() {
			$( this.el ).unblock();
		},

		/**
		 * Init TipTip
		 */
		initTipTip: function( css_class ) {
			$( document.body )
				.on( 'click', css_class, function( evt ) {
					evt.preventDefault();
					if ( ! document.queryCommandSupported( 'copy' ) ) {
						$( css_class ).parent().find( 'input' ).trigger( 'focus' ).trigger( 'select' );
						$( '#copy-error' ).text( woocommerce_admin_api_keys.clipboard_failed );
					} else {
						$( '#copy-error' ).text( '' );
						wcClearClipboard();
						wcSetClipboard( $( this ).prev( 'input' ).val().trim(), $( css_class ) );
					}
				} )
				.on( 'aftercopy', css_class, function() {
					$( '#copy-error' ).text( '' );
					$( css_class ).tipTip( {
						'attribute':  'data-tip',
						'activation': 'focus',
						'fadeIn':     50,
						'fadeOut':    50,
						'delay':      0
					} ).trigger( 'focus' );
				} )
				.on( 'aftercopyerror', css_class, function() {
					$( css_class ).parent().find( 'input' ).trigger( 'focus' ).trigger( 'select' );
					$( '#copy-error' ).text( woocommerce_admin_api_keys.clipboard_failed );
				} );
		},

		/**
		 * Create qrcode
		 *
		 * @param {string} consumer_key
		 * @param {string} consumer_secret
		 */
		createQRCode: function( consumer_key, consumer_secret ) {
			$( '#keys-qrcode' ).qrcode({
				text: consumer_key + '|' + consumer_secret,
				width: 120,
				height: 120
			});
		},

		/**
		 * Save API Key using ajax
		 *
		 * @param {Object} e
		 */
		saveKey: function( e ) {
			e.preventDefault();

			var self = this;

			self.block();

			Backbone.ajax({
				method:   'POST',
				dataType: 'json',
				url:      woocommerce_admin_api_keys.ajax_url,
				data:     {
					action:      'woocommerce_update_api_key',
					security:    woocommerce_admin_api_keys.update_api_nonce,
					key_id:      $( '#key_id', self.el ).val(),
					description: $( '#key_description', self.el ).val(),
					user:        $( '#key_user', self.el ).val(),
					permissions: $( '#key_permissions', self.el ).val()
				},
				success: function( response ) {
					$( '.wc-api-message', self.el ).remove();

					if ( response.success ) {
						var data = response.data;

						$( 'h2, h3', self.el ).first().append( '<div class="wc-api-message updated"><p>' + data.message + '</p></div>' );

						if ( 0 < data.consumer_key.length && 0 < data.consumer_secret.length ) {
							$( '#api-keys-options', self.el ).remove();
							$( 'p.submit', self.el ).empty().append( data.revoke_url );

							var template = wp.template( 'api-keys-template' );

							$( 'p.submit', self.el ).before( template({
								consumer_key:    data.consumer_key,
								consumer_secret: data.consumer_secret
							}) );
							self.createQRCode( data.consumer_key, data.consumer_secret );
							self.initTipTip( '.copy-key' );
							self.initTipTip( '.copy-secret' );
						} else {
							$( '#key_description', self.el ).val( data.description );
							$( '#key_user', self.el ).val( data.user_id );
							$( '#key_permissions', self.el ).val( data.permissions );
						}
					} else {
						$( 'h2, h3', self.el )
							.first()
							.append( '<div class="wc-api-message error"><p>' + response.data.message + '</p></div>' );
					}

					self.unblock();
				}
			});
		}
	});

	new APIView();

})( jQuery );

Name	Size	Permission
api-keys.js	3986 bytes	0644
api-keys.min.js	2280 bytes	0644
backbone-modal.js	4459 bytes	0644
backbone-modal.min.js	2837 bytes	0644
marketplace-suggestions.js	15965 bytes	0644
marketplace-suggestions.min.js	6440 bytes	0644
meta-boxes-coupon.js	3057 bytes	0644
meta-boxes-coupon.min.js	1650 bytes	0644
meta-boxes-order.js	51252 bytes	0644
meta-boxes-order.min.js	31821 bytes	0644
meta-boxes-product-variation.js	42530 bytes	0644
meta-boxes-product-variation.min.js	22648 bytes	0644
meta-boxes-product.js	34559 bytes	0644
meta-boxes-product.min.js	18155 bytes	0644
meta-boxes.js	4993 bytes	0644
meta-boxes.min.js	3040 bytes	0644
network-orders.js	2394 bytes	0644
network-orders.min.js	1281 bytes	0644
order-attribution-admin.js	1185 bytes	0644
order-attribution-admin.min.js	730 bytes	0644
product-editor.js	405 bytes	0644
product-editor.min.js	240 bytes	0644
product-ordering.js	2547 bytes	0644
product-ordering.min.js	1653 bytes	0644
quick-edit.js	7231 bytes	0644
quick-edit.min.js	4691 bytes	0644
reports.js	5518 bytes	0644
reports.min.js	2765 bytes	0644
settings-views-html-settings-tax.js	12324 bytes	0644
settings-views-html-settings-tax.min.js	6231 bytes	0644
settings.js	9970 bytes	0644
settings.min.js	5664 bytes	0644
system-status.js	5419 bytes	0644
system-status.min.js	3138 bytes	0644
term-ordering.js	4675 bytes	0644
term-ordering.min.js	2532 bytes	0644
users.js	3875 bytes	0644
users.min.js	1915 bytes	0644
wc-brands-enhanced-select.js	4160 bytes	0644
wc-brands-enhanced-select.min.js	1630 bytes	0644
wc-clipboard.js	869 bytes	0644
wc-clipboard.min.js	336 bytes	0644
wc-enhanced-select.js	13906 bytes	0644
wc-enhanced-select.min.js	7892 bytes	0644
wc-orders.js	2024 bytes	0644
wc-orders.min.js	1195 bytes	0644
wc-product-export.js	3719 bytes	0644
wc-product-export.min.js	2066 bytes	0644
wc-product-import.js	2995 bytes	0644
wc-product-import.min.js	1742 bytes	0644
wc-setup.js	10290 bytes	0644
wc-setup.min.js	6502 bytes	0644
wc-shipping-classes.js	6725 bytes	0644
wc-shipping-classes.min.js	3651 bytes	0644
wc-shipping-zone-methods.js	28999 bytes	0644
wc-shipping-zone-methods.min.js	15146 bytes	0644
wc-shipping-zones.js	9452 bytes	0644
wc-shipping-zones.min.js	4970 bytes	0644
wc-status-widget.js	1824 bytes	0644
wc-status-widget.min.js	1074 bytes	0644
woocommerce_admin.js	21210 bytes	0644
woocommerce_admin.min.js	11577 bytes	0644

File Content: api-keys.js

File Content: `api-keys.js`