Include widget injector in your page
<script async src="https://cdn.eosdt.com/widget/inject.js"></script>
In your JS you can init widget
// When client is initialized 'equilibrium:ready' event is fired
window.addEventListener('equilibrium:ready'), () => {
window.Equilibrium.Widgets.Position(
/* target HTMLElement */ document.querySelector("#widget")
);
});
if (!window.Equilibrium) {
window.addEventListener('equilibrium:loaded', () => {
// setting this property to true will mount widget in iframe mode
window.Equilibrium.Widgets.iframeMode = true;
window.Equilibrium.init(userName, "https://api.eosn.io",function(tx, opt) {
console.log({ tx, opt });
document
.querySelector("#log-widget span")
.innerHTML = JSON.stringify({ tx, opt });
});
})
} else {
window.Equilibrium.init(userName, "https://api.eosn.io",function(tx, opt) {
console.log({ tx, opt });
document
.querySelector("#log-widget span")
.innerHTML = JSON.stringify({ tx, opt });
});
}