__ __ __ __ _____ _ _ _____ _ _ _
| \/ | \ \ / / | __ \ (_) | | / ____| | | | |
| \ / |_ __\ V / | |__) | __ ___ ____ _| |_ ___ | (___ | |__ ___| | |
| |\/| | '__|> < | ___/ '__| \ \ / / _` | __/ _ \ \___ \| '_ \ / _ \ | |
| | | | |_ / . \ | | | | | |\ V / (_| | || __/ ____) | | | | __/ | |
|_| |_|_(_)_/ \_\ |_| |_| |_| \_/ \__,_|\__\___| |_____/|_| |_|\___V 2.1
if you need WebShell for Seo everyday contact me on Telegram
Telegram Address : @jackleet
For_More_Tools:
import {Component} from "@wordpress/element";
import { __ } from '@wordpress/i18n';
import * as rsssl_api from "../utils/api";
import Icon from "../utils/Icon";
class Modal extends Component {
constructor() {
super( ...arguments );
this.state = {
data:[],
buttonsDisabled:false,
};
}
dismissModal(dropItem){
this.props.handleModal(false, null, dropItem);
}
componentDidMount() {
this.setState({
data:this.props.data,
buttonsDisabled:false,
});
}
handleFix(e){
//set to disabled
let action = this.props.data.action;
this.setState({
buttonsDisabled:true
});
rsssl_api.runTest(action, 'refresh', this.props.data ).then( ( response ) => {
let {
data,
} = this.state;
data.description = response.msg;
data.subtitle = '';
this.setState({
data: data,
});
let item = this.props.data;
if (response.success) {
this.dismissModal(this.props.data);
}
});
}
render(){
const {
data,
buttonsDisabled,
} = this.state;
let disabled = buttonsDisabled ? 'disabled' : '';
let description = data.description;
if ( !Array.isArray(description) ) {
description = [description];
}
return (
<div>
<div className="rsssl-modal-backdrop" onClick={ (e) => this.dismissModal(e) }> </div>
<div className="rsssl-modal" id="{id}">
<div className="rsssl-modal-header">
<h2 className="modal-title">
{data.title}
</h2>
<button type="button" className="rsssl-modal-close" data-dismiss="modal" aria-label="Close" onClick={ (e) => this.dismissModal(e) }>
<Icon name='times' />
</button>
</div>
<div className="rsssl-modal-content">
{ data.subtitle && <div className="rsssl-modal-subtitle">{data.subtitle}</div>}
{ Array.isArray(description) && description.map((s, i) => <div key={i} className="rsssl-modal-description">{s}</div>) }
</div>
<div className="rsssl-modal-footer">
{ data.edit && <a href={data.edit} target="_blank" className="button button-secondary">{__("Edit", "really-simple-ssl")}</a>}
{ data.help && <a href={data.help} target="_blank" className="button rsssl-button-help">{__("Help", "really-simple-ssl")}</a>}
{ (!data.ignored && data.action==='ignore_url') && <button disabled={disabled} className="button button-primary" onClick={ (e) => this.handleFix(e) }>{ __("Ignore", "really-simple-ssl")}</button>}
{ data.action!=='ignore_url' && <button disabled={disabled} className="button button-primary" onClick={ (e) => this.handleFix(e) }>{__("Fix", "really-simple-ssl")}</button> }
</div>
</div>
</div>
)
}
}
export default Modal;