2020-04-30 15:28:48 +03:00
|
|
|
import ErrorHandler from '../ErrorHandler';
|
|
|
|
import UpdateCart from "../Helper/UpdateCart";
|
|
|
|
import SingleProductActionHandler from "../ActionHandler/SingleProductActionHandler";
|
2020-04-08 18:50:29 +03:00
|
|
|
|
|
|
|
class SingleProductBootstap {
|
2020-04-09 12:56:05 +03:00
|
|
|
constructor(gateway, renderer) {
|
|
|
|
this.gateway = gateway;
|
2020-04-09 12:23:44 +03:00
|
|
|
this.renderer = renderer;
|
|
|
|
}
|
|
|
|
|
2020-04-08 18:50:29 +03:00
|
|
|
init() {
|
2020-04-09 10:49:37 +03:00
|
|
|
if (!this.shouldRender()) {
|
2020-04-08 18:50:29 +03:00
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2020-04-09 18:45:49 +03:00
|
|
|
this.render();
|
2020-04-08 18:50:29 +03:00
|
|
|
}
|
2020-04-09 10:49:37 +03:00
|
|
|
|
|
|
|
shouldRender() {
|
|
|
|
if (document.querySelector('form.cart') === null) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
2020-04-09 15:00:51 +03:00
|
|
|
return document.querySelector(this.gateway.button.wrapper) !== null;
|
2020-04-09 10:49:37 +03:00
|
|
|
}
|
2020-04-09 18:45:49 +03:00
|
|
|
|
|
|
|
render() {
|
2020-04-10 10:34:49 +03:00
|
|
|
const actionHandler = new SingleProductActionHandler(
|
|
|
|
this.gateway,
|
|
|
|
new UpdateCart(
|
|
|
|
this.gateway.ajax.change_cart.endpoint,
|
|
|
|
this.gateway.ajax.change_cart.nonce,
|
|
|
|
),
|
|
|
|
() => {
|
|
|
|
this.renderer.showButtons(this.gateway.button.wrapper);
|
|
|
|
},
|
|
|
|
() => {
|
|
|
|
this.renderer.hideButtons(this.gateway.button.wrapper);
|
|
|
|
},
|
|
|
|
document.querySelector('form.cart'),
|
|
|
|
new ErrorHandler(),
|
|
|
|
);
|
|
|
|
|
2020-04-09 18:45:49 +03:00
|
|
|
this.renderer.render(
|
|
|
|
this.gateway.button.wrapper,
|
2020-04-30 15:28:48 +03:00
|
|
|
this.gateway.hosted_fields.wrapper,
|
2020-04-10 10:34:49 +03:00
|
|
|
actionHandler.configuration(),
|
2020-04-09 18:45:49 +03:00
|
|
|
);
|
|
|
|
}
|
2020-04-08 18:50:29 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
export default SingleProductBootstap;
|