export class BaseContext extends React.Component { constructor( props ) { super( props ); this.state = { action: { current: null, loading: false, error: null, errorMeta: {}, }, updateActionState: this.updateActionState.bind( this ), resetActionState: this.resetActionState.bind( this ), }; } executeAction( name, handler ) { this.updateActionState( { current: name, loading: true, error: null, errorMeta: {} } ); return handler() .then( ( response ) => { this.resetActionState(); return Promise.resolve( response ); } ) .catch( ( error ) => { this.updateActionState( { current: name, loading: false, error: error.message, errorMeta: error } ); return Promise.reject( error ); } ); } updateActionState( data ) { return this.setState( ( prev ) => ( { action: { ...prev.action, ...data, }, } ) ); } resetActionState() { this.updateActionState( { current: null, loading: false, error: null, errorMeta: {} } ); } } export default BaseContext; /* Main container */ #w3tc-wizard-container { background: #fff; padding: 10px; border-radius: 8px; max-width: 900px; } /* Header */ #w3tc_wizard_header { background: #0e1920; border-bottom: 6px solid #cdeae7; height: 6em; position: relative; } /* Main title */ #w3tc_wizard_title { color: #fff; position: absolute; bottom: 0; } /* Title text: "TOTAL CACHE:" */ #w3tc_wizard_title > span:nth-of-type(1), #w3tc_wizard_title > span:nth-of-type(2), #w3tc_wizard_title > span:nth-of-type(3) { font-size: 2.5em; } /* Title text: "CACHE" */ #w3tc_wizard_title > span:nth-of-type(2) { color: #30bec4; } /* Title text: "$this->config['title']" */ #w3tc_wizard_title > span:nth-of-type(4) { font-size: 2.1em; font-style: italic; } /* Wizard icon (w3 cube with shadow) */ #w3tc_wizard_icon { position: absolute; top: 10px; left: -2px; } /** * Left nav / steps. */ ul#w3tc-options-menu { position: absolute; left: 0; top: 30px; margin: 0; } #w3tc-options-menu li { display: block; padding: 5px; margin: 0; border: 1px solid #ddd; border-bottom: 0; } #w3tc-options-menu li:last-of-type { border-bottom: 1px solid #ddd; } /* Active step */ #w3tc-options-menu li.is-active { background-color: #0073aa; color: #fff; } /* Wizard content */ #w3tc_wizard_content { background-image: url(../img/moon-bottom-left.png), url(../img/moon-bottom-right.png); background-size: 15% !Important; background-repeat: no-repeat, no-repeat; background-position: bottom left, bottom right; background-size: auto, auto 60%; min-height: 545px; padding-bottom: 70px; padding-right: 160px; position: relative; } /* Footer */ #w3tc_wizard_footer { width: 100%; } /* Buttons */ #w3tc-wizard-buttons { display: flex; } #w3tc-wizard-buttons > span { flex: 1; } /* All buttons. */ #w3tc-wizard-buttons > span > button { width: 100%; border: 0; padding: 10px 0; cursor: pointer; } /* Next and Dashboard buttons. */ #w3tc-wizard-next:enabled, #w3tc-wizard-dashboard { background-color: #825772; color: #fff; } /* Miscellaneous */ #w3tc_wizard_title, #w3tc_wizard_content { padding-left: 160px; } .w3tc-overlay { display: none; } #wpfooter { position: relative; } /* Spinner */ .spinner.inline { float: none; visibility: visible; vertical-align: top; margin-left: 0px; } .spinner.spinner-left { margin-left: 5px; } /* Notices */ .w3tc_note, #setting-error-tgmpa { display: none; visibility: hidden; } .w3tc-notice-recommended { padding-top: 5px; } .w3tc-notice-recommended .dashicons-lightbulb { color: #00a0d2; } #w3tc-dbcache-recommended { margin: 10px 0px; } /* Tables */ .widefat thead th, .widefat td { line-height: 1em; } Blog - Mobile App Development Company in Kochi Kerala - Mobtechie

Blog

Home Blog
Mobile 0 comments by Mobtechie Labs
Casin

CasinoCasino 95 Full Cast And CrewContentBeal Returned To Bally’s Casino The Following Day To Be Able To Resolve The Problem"The Movies Of Martin ScorsesePoker BookingVisit The Film LocationsGeri And…

Mobile 0 comments by Mobtechie Labs
Casin

CasinoCasino 95 Full Cast And CrewContentBeal Returned To Bally’s Casino The Following Day To Be Able To Resolve The Problem"The Movies Of Martin ScorsesePoker BookingVisit The Film LocationsGeri And…