Qortal/qortal-ui
4
1
Fork 4
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-02-14 11:15:50 +00:00
Code Issues Projects Releases Wiki Activity

added wallet fields

Browse Source
This commit is contained in:
PhilReact 2023-10-26 02:03:29 +03:00
parent ed5253d6d0
commit ce3129ae7e
2 changed files with 82 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
core/language/us.json
View File

@ -1218,6 +1218,7 @@
"profile2": "Go to name registration", "profile2": "Go to name registration",
"profile3": "Update profile", "profile3": "Update profile",
"profile4": "Tagline", "profile4": "Tagline",
"profile5": "Bio" "profile5": "Bio",
"profile6": "Wallet Addresses"
} }
} }

131
core/src/components/friends-view/profile-modal-update.js
View File

@ -23,8 +23,9 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
onSubmit: { attribute: false }, onSubmit: { attribute: false },
editContent: { type: Object }, editContent: { type: Object },
onClose: { attribute: false }, onClose: { attribute: false },
tagline: {type: String}, tagline: { type: String },
bio: {type: String} bio: { type: String },
wallets: { type: Array },
}; };
} }
@ -34,11 +35,21 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
this.isLoading = false; this.isLoading = false;
this.nodeUrl = this.getNodeUrl(); this.nodeUrl = this.getNodeUrl();
this.myNode = this.getMyNode(); this.myNode = this.getMyNode();
this.tagline = ""; this.tagline = '';
this.bio = "", (this.bio = ''),
this.walletList = [ (this.walletList = [
"btcWallet", "ltcWallet", "dogeWallet","dgbWallet", "rvnWallet", "arrrWallet" 'btc_Address',
] 'ltc_Address',
'doge_Address',
'dgb_Address',
'rvn_Address',
'arrr_Address',
]);
let wallets = {};
this.walletList.forEach((item) => {
wallets[item] = '';
});
this.wallets = wallets;
} }
static get styles() { static get styles() {
@ -222,50 +233,68 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
<div class="modal-overlay ${this.isOpen ? '' : 'hidden'}"> <div class="modal-overlay ${this.isOpen ? '' : 'hidden'}">
<div class="modal-content"> <div class="modal-content">
<div class="inner-content"> <div class="inner-content">
<div style="height:15px"></div> <div style="height:15px"></div>
<div style="display: flex;flex-direction: column;"> <div style="display: flex;flex-direction: column;">
<label <label
for="tagline" for="tagline"
id="taglineLabel" id="taglineLabel"
style="color: var(--black);" style="color: var(--black);"
> >
${get('profile.profile4')} ${get('profile.profile4')}
</label> </label>
<textarea <textarea
class="input" class="input"
@change=${(e) => { @change=${(e) => {
this.tagline = e.target.value this.tagline = e.target.value;
}} }}
.value=${this.tagline} .value=${this.tagline}
?disabled=${this.isLoading} ?disabled=${this.isLoading}
id="tagline" id="tagline"
placeholder="${translate('profile.profile4')}" placeholder="${translate('profile.profile4')}"
rows="3" rows="3"
></textarea> ></textarea>
</div>
</div> <div style="height:15px"></div>
<div style="height:15px"></div> <div style="display: flex;flex-direction: column;">
<div style="display: flex;flex-direction: column;"> <label
<label for="bio"
for="bio" id="bioLabel"
id="bioLabel" style="color: var(--black);"
style="color: var(--black);" >
> ${get('profile.profile5')}
${get('profile.profile5')} </label>
</label> <textarea
<textarea class="input"
class="input" @change=${(e) => {
@change=${(e) => { this.bio = e.target.value;
this.bio = e.target.value }}
}} .value=${this.bio}
.value=${this.bio} ?disabled=${this.isLoading}
?disabled=${this.isLoading} id="bio"
id="bio" placeholder="${translate('profile.profile5')}"
placeholder="${translate('profile.profile5')}" rows="3"
rows="3" ></textarea>
></textarea> </div>
<div style="height:15px"></div>
</div> <p>${get('profile.profile6')}</p>
<div style="display: flex;flex-direction: column;">
${Object.keys(this.wallets).map((key) => {
return html`
<input
id=${key}
placeholder=${key}
class="input"
.value=${this.wallets[key]}
@change=${(e) => {
this.wallets = {
...this.wallets,
[key]: e.target.value,
};
}}
/>
`;
})}
</div>
</div> </div>
<div <div
style="display:flex;justify-content:space-between;align-items:center;margin-top:20px" style="display:flex;justify-content:space-between;align-items:center;margin-top:20px"