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;
}
web-mobile-application-development-company-kochi-kerala-portfolio-7-1 - Mobile App Development Company in Kochi Kerala - Mobtechie
web-mobile-application-development-company-kochi-kerala-portfolio-7-1
Top Mobile App Development Company in Kochi, Kerala offering iOS Mobile App development, Android App development, Web App Development Services in Kochi Kerala
mobile app development company kochi
app development company in kochi
android app development company in kochi
android app development company cochin