Skip to content
Snippets Groups Projects
Commit 6db5c550 authored by Grzegorz Rola's avatar Grzegorz Rola
Browse files

feature(popup): texts

parent cebd3220
No related branches found
No related tags found
3 merge requests!6Feature/no dev,!5Feature/no dev,!3feature(popup): popup
Pipeline #11132 failed
import React from "react"; import React from "react";
import {Button, Container, Modal} from "react-bootstrap"; import {Button, Col, Container, Modal, Row} from "react-bootstrap";
import Cookies from 'js-cookie'; import Cookies from 'js-cookie';
/** /**
...@@ -24,6 +24,7 @@ export default class ActivationReminder extends React.Component { ...@@ -24,6 +24,7 @@ export default class ActivationReminder extends React.Component {
}; };
this.handleClose = this.handleClose.bind(this); this.handleClose = this.handleClose.bind(this);
this.handleGetLicence = this.handleGetLicence.bind(this);
}; };
/** /**
...@@ -50,6 +51,13 @@ export default class ActivationReminder extends React.Component { ...@@ -50,6 +51,13 @@ export default class ActivationReminder extends React.Component {
return false; return false;
} }
/**
*
*/
handleGetLicence() {
window.open( this.props.buy_plugin_url );
}
/** /**
* @returns {JSX.Element} * @returns {JSX.Element}
*/ */
...@@ -69,18 +77,39 @@ export default class ActivationReminder extends React.Component { ...@@ -69,18 +77,39 @@ export default class ActivationReminder extends React.Component {
<img className={"logo"} src={this.state.logo_url} /> <img className={"logo"} src={this.state.logo_url} />
</Container> </Container>
<Container> <Container>
<h1>Plugin activation reminder!</h1> <Row className={"header"}>
<h2>Plugin title: {this.props.plugin_title}</h2> <Col>
<a target="_top" href={this.props.subscriptions_url}>Click here to go to activation.</a><br/> <h1>Activate {this.props.plugin_title} License</h1>
<a target="_blank" href={this.props.buy_plugin_url}>Click here to buy subscription.</a><br/> <h2>We've noticed that you haven't activated the license for the {this.props.plugin_title} plugin.</h2>
<a target="_blank" href={this.props.read_more_url}>Click here to read more.</a><br/> </Col>
</Row>
<Row className={"benefits"}>
<Col>
<strong>With a valid license you get:</strong>
<ul>
<li>premium support</li>
<li>new features</li>
<li>safety updates</li>
<li>plugin from a safe source, with verified code and without any malware</li>
</ul>
In addition you'll support WordPress and WooCommerce community.<br/>
<a target="_blank" href="https://wpde.sk/fs-license">Learn more about benefits of having an active license key →</a>
</Col>
</Row>
<Row className={"get-licence"}>
<Col>
<Button variant="primary" onClick={this.handleGetLicence}>
Get your licence!
</Button>
</Col>
</Row>
<Row className={"activation"}>
<Col>
Already have a license key? <a target="_top" href={this.props.subscriptions_url}>Activate it!</a>
</Col>
</Row>
</Container> </Container>
</Modal.Body> </Modal.Body>
<Modal.Footer>
<Button variant="secondary" onClick={this.handleClose}>
Close
</Button>
</Modal.Footer>
</Modal> </Modal>
); );
} }
......
...@@ -96,6 +96,10 @@ span.wpdesk-activation-reminder { ...@@ -96,6 +96,10 @@ span.wpdesk-activation-reminder {
min-height: 100px; min-height: 100px;
} }
.container .row {
margin-top: 20px;
}
@media (min-width: 992px) { @media (min-width: 992px) {
.modal-lg { .modal-lg {
max-width: 570px; max-width: 570px;
......
This diff is collapsed.
Source diff could not be displayed: it is too large. Options to address this: view the blob.
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment