22

✏️ Editing: admin-vue-components.js

'use strict';

let jetTabsSettinsMixin = {
	data: function() {
		return {
			pageOptions: window.jetTabsSettingsConfig.settingsData,
			preparedOptions: {},
			savingStatus: false,
			ajaxSaveHandler: null,
		};
	},

watch: {
		pageOptions: {
			handler( options ) {
				let prepared = {};

for ( let option in options ) {

if ( options.hasOwnProperty( option ) ) {
						prepared[ option ] = options[option]['value'];
					}
				}

this.preparedOptions = prepared;

this.saveOptions();
			},
			deep: true
		}
	},

methods: {
		saveOptions: function() {
			var self = this;

self.savingStatus = true;

wp.apiFetch( {
				method: 'post',
				path: window.jetTabsSettingsConfig.settingsApiUrl,
				data: self.preparedOptions
			} ).then( function( response ) {

self.savingStatus = false;

if ( 'success' === response.status ) {
					self.$CXNotice.add( {
						message: response.message,
						type: 'success',
						duration: 3000,
					} );
				}

if ( 'error' === response.status ) {
					self.$CXNotice.add( {
						message: response.message,
						type: 'error',
						duration: 3000,
					} );
				}
				
			} ).catch( function( response ) {
				self.$CXNotice.add( {
					message: response.message,
					type: 'error',
					duration: 3000,
				} );
			} );

},
	}
}

Vue.component( 'jet-tabs-general-settings', {
	template: '#jet-dashboard-jet-tabs-general-settings',
	mixins: [ jetTabsSettinsMixin ],
} );

Vue.component( 'jet-tabs-avaliable-addons', {
	template: '#jet-dashboard-jet-tabs-avaliable-addons',
	mixins: [ jetTabsSettinsMixin ],
} );

MR SKB