This commit is contained in:
AlphaX-Projects 2023-05-30 19:14:21 +02:00 committed by GitHub
parent ec1ee4eb07
commit 68d59b9dfd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,114 +0,0 @@
import { LitElement, html } from 'lit';
import { Epml } from '../../../../epml.js';
import '../../components/ButtonIconCopy.js';
import { use, translate, registerTranslateConfig } from 'lit-translate';
registerTranslateConfig({
loader: (lang) => fetch(`/language/${lang}.json`).then((res) => res.json()),
});
import '@polymer/paper-spinner/paper-spinner-lite.js';
import '@material/mwc-button';
import '@material/mwc-textfield';
import '@vaadin/button';
import { blocksNeed } from '../../../utils/blocks-needed.js';
import { pageStyles } from '../become-minter-css.src.js';
class YesSponsored extends LitElement {
static get properties() {
return {
addressInfo: { type: Object },
rewardSharePublicKey: { type: String },
isMinting: {type: Boolean}
};
}
constructor() {
super();
this.addressInfo = {};
this.rewardSharePublicKey = '';
this.isMinting = false
}
static styles = [pageStyles];
_levelUpBlocks() {
let countBlocksString = (
blocksNeed(0) -
(this.addressInfo?.blocksMinted +
this.addressInfo?.blocksMintedAdjustment)
).toString();
return countBlocksString;
}
render() {
return html`
<div class="inner-container">
<div class="column column-center">
<div class="column column-center">
<span class="level-black">
${translate('becomeMinterPage.bchange10')}
</span>
<hr style="width: 75%; color: #eee; border-radius: 80%; margin-bottom: 2rem;">
</div>
<br />
<div class="row row-center gap">
<div class="content-box">
<span class="title">
${translate('walletpage.wchange41')}
</span>
<hr style="color: #eee; border-radius: 90%; margin-bottom: 1rem;">
${this.isMinting ? html`
<h4>${translate('becomeMinterPage.bchange12')}</h4>
` : html`
<h4>${translate('mintingpage.mchange9')}</h4>
`}
</div>
</div>
<div class="row row-center gap">
<div class="content-box">
<span class="title">
${translate('becomeMinterPage.bchange13')}
</span>
<hr style="color: #eee; border-radius: 90%; margin-bottom: 1rem;">
<h4>
${this._levelUpBlocks()}
${translate('mintingpage.mchange26')}
</h4>
</div>
</div>
<div class="row row-center gap">
<div class="content-box">
<span class="title">
${translate('becomeMinterPage.bchange15')}
</span>
<hr style="color: #eee; border-radius: 90%; margin-bottom: 1rem;">
<h4 class="no-margin">
${translate('becomeMinterPage.bchange16')}
</h4>
<div class="row row-center column-center no-wrap">
<p class="address">
${this.rewardSharePublicKey}
</p>
<button-icon-copy
title="${translate('walletpage.wchange3')}"
onSuccessMessage="${translate('walletpage.wchange4')}"
onErrorMessage="${translate('walletpage.wchange39')}"
textToCopy=${this.rewardSharePublicKey}
buttonSize="28px"
iconSize="16px"
color="var(--copybutton)"
offsetLeft="4px"
>
</button-icon-copy>
</div>
</div>
</div>
</div>
</div>
`;
}
}
window.customElements.define('yes-sponsored', YesSponsored);