Qortal/qortal-ui
1
0
Fork 0
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-04-24 20:07:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Removed formatting

Browse Source
This commit is contained in:
Justin Ferrari 2023-11-08 05:43:39 -05:00
parent 4c2d9cf938
commit aad094b4b4
1 changed files with 152 additions and 168 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -32,11 +32,11 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
hasFetchedArrr: { type: Boolean }, hasFetchedArrr: { type: Boolean },
isOpenCustomDataModal: { type: Boolean }, isOpenCustomDataModal: { type: Boolean },
customData: { type: Object }, customData: { type: Object },
newCustomDataField: { type: Object }, newCustomDataField: {type: Object},
newFieldName: { type: String }, newFieldName: {type: String},
qortalRequestCustomData: { type: Object }, qortalRequestCustomData: {type: Object},
newCustomDataKey: { type: String }, newCustomDataKey: {type: String},
isSaving: { type: Boolean }, isSaving: {type: Boolean}
}; };
} }
@ -75,10 +75,11 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
this.hasFetchedArrr = false; this.hasFetchedArrr = false;
this.isOpenCustomDataModal = false; this.isOpenCustomDataModal = false;
this.customData = {}; this.customData = {};
this.newCustomDataKey = ''; this.newCustomDataKey = ""
this.newCustomDataField = {}; this.newCustomDataField = {};
this.newFieldName = ''; this.newFieldName = '';
this.isSaving = false; this.isSaving = false
} }
static get styles() { static get styles() {
@ -239,20 +240,20 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
changedProperties.has('editContent') && changedProperties.has('editContent') &&
this.editContent this.editContent
) { ) {
const { bio, tagline, wallets, customData } = this.editContent; const {bio, tagline, wallets, customData} = this.editContent
this.bio = bio ?? ''; this.bio = bio ?? '';
this.tagline = tagline ?? ''; this.tagline = tagline ?? '';
let formWallets = { ...this.wallets }; let formWallets = {...this.wallets}
if (wallets && Object.keys(wallets).length) { if(wallets && Object.keys(wallets).length){
Object.keys(formWallets).forEach((key) => { Object.keys(formWallets).forEach((key)=> {
if (wallets[key]) { if(wallets[key]){
formWallets[key] = wallets[key]; formWallets[key] = wallets[key]
} }
}); })
} }
this.wallets = formWallets; this.wallets = formWallets
this.customData = { ...customData }; this.customData = {...customData}
this.requestUpdate(); this.requestUpdate();
} }
if ( if (
@ -260,13 +261,13 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
changedProperties.has('qortalRequestCustomData') && changedProperties.has('qortalRequestCustomData') &&
this.qortalRequestCustomData this.qortalRequestCustomData
) { ) {
this.isOpenCustomDataModal = true; this.isOpenCustomDataModal = true
this.newCustomDataField = { this.newCustomDataField = {...this.qortalRequestCustomData.payload.customData}
...this.qortalRequestCustomData.payload.customData, this.newCustomDataKey = this.qortalRequestCustomData.property
};
this.newCustomDataKey = this.qortalRequestCustomData.property;
this.requestUpdate(); this.requestUpdate();
} }
} }
async firstUpdated() { async firstUpdated() {
@ -307,11 +308,11 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
async getSelectedWalletAddress(wallet) { async getSelectedWalletAddress(wallet) {
switch (wallet) { switch (wallet) {
case 'arrr': case 'arrr':
if (!this.arrrWalletAddress) { if(!this.arrrWalletAddress){
try { try {
await this.fetchWalletAddress('arrr'); await this.fetchWalletAddress('arrr');
} catch (error) { } catch (error) {
console.log({ error }); console.log({error})
} }
} }
// Use address returned by core API // Use address returned by core API
@ -364,51 +365,51 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
tagline: this.tagline, tagline: this.tagline,
bio: this.bio, bio: this.bio,
wallets: this.wallets, wallets: this.wallets,
customData: this.customData, customData: this.customData
}; };
this.isSaving = true; this.isSaving = true
await this.onSubmit(data); await this.onSubmit(data);
this.setIsOpen(false); this.setIsOpen(false);
this.clearFields(); this.clearFields();
this.onClose('success'); this.onClose('success');
} catch (error) { } catch (error) {} finally {
} finally { this.isSaving = false
this.isSaving = false;
} }
} }
removeField(key) { removeField(key){
const copyObj = { ...this.newCustomDataField }; const copyObj = {...this.newCustomDataField}
delete copyObj[key]; delete copyObj[key]
this.newCustomDataField = copyObj; this.newCustomDataField = copyObj
} }
addField() { addField(){
const copyObj = { ...this.newCustomDataField }; const copyObj = {...this.newCustomDataField}
copyObj[this.newFieldName] = ''; copyObj[this.newFieldName] = ''
this.newCustomDataField = copyObj; this.newCustomDataField = copyObj
this.newFieldName = ''; this.newFieldName = ""
} }
addCustomData() { addCustomData(){
const copyObj = { ...this.customData }; const copyObj = {...this.customData}
copyObj[this.newCustomDataKey] = this.newCustomDataField; copyObj[this.newCustomDataKey] = this.newCustomDataField
this.customData = copyObj; this.customData = copyObj
this.newCustomDataKey = ''; this.newCustomDataKey = ""
this.newCustomDataField = {}; this.newCustomDataField = {};
this.newFieldName = ''; this.newFieldName = ''
this.isOpenCustomDataModal = false; this.isOpenCustomDataModal = false;
} }
updateCustomData(key, data) { updateCustomData(key, data){
this.isOpenCustomDataModal = true; this.isOpenCustomDataModal = true
this.newCustomDataField = data; this.newCustomDataField = data
this.newCustomDataKey = key; this.newCustomDataKey = key
} }
removeCustomData(key) { removeCustomData(key){
const copyObj = { ...this.customData }; const copyObj = {...this.customData}
delete copyObj[key]; delete copyObj[key]
this.customData = copyObj; this.customData = copyObj
} }
render() { render() {
@ -478,9 +479,7 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
> >
<input <input
id=${key} id=${key}
placeholder=${key + placeholder=${key + ' ' + get('settings.address')}
' ' +
get('settings.address')}
class="input" class="input"
.value=${this.wallets[key]} .value=${this.wallets[key]}
@change=${(e) => { @change=${(e) => {
@ -503,9 +502,7 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
position="bottom" position="bottom"
hover-delay=${200} hover-delay=${200}
hide-delay=${1} hide-delay=${1}
text=${translate( text=${translate('profile.profile21')}
'profile.profile21'
)}
> >
</vaadin-tooltip> </vaadin-tooltip>
</div> </div>
@ -519,10 +516,12 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
<div <div
style="display:flex;justify-content:center;flex-direction:column;gap:25px" style="display:flex;justify-content:center;flex-direction:column;gap:25px"
> >
<div <div
style="display:flex;gap:15px;align-items:center" style="display:flex;gap:15px;align-items:center"
> >
<p <p
style="color: var(--black);font-size:16px" style="color: var(--black);font-size:16px"
> >
${key} ${key}
@ -530,10 +529,7 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
<mwc-icon <mwc-icon
@click=${() => @click=${() =>
this.updateCustomData( this.updateCustomData(key,this.customData[key])}
key,
this.customData[key]
)}
style="color:var(--black);cursor:pointer" style="color:var(--black);cursor:pointer"
>edit</mwc-icon >edit</mwc-icon
> >
@ -565,6 +561,7 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
</button> </button>
<div style="display:flex;gap:10px;align-items:center"> <div style="display:flex;gap:10px;align-items:center">
<button <button
?disabled="${this.isLoading}" ?disabled="${this.isLoading}"
class="modal-button" class="modal-button"
@ -578,20 +575,14 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
?disabled="${this.isLoading}" ?disabled="${this.isLoading}"
class="modal-button" class="modal-button"
@click=${() => { @click=${() => {
if (this.isSaving) return; if(this.isSaving) return
this.saveProfile(); this.saveProfile();
}} }}
> >
${this.isSaving ${this.isSaving ? html`
? html` <paper-spinner-lite active></paper-spinner-lite>
<paper-spinner-lite ` : ''}
active ${this.isSaving ? '' : translate('profile.profile3') }
></paper-spinner-lite>
`
: ''}
${this.isSaving
? ''
: translate('profile.profile3')}
</button> </button>
</div> </div>
</div> </div>
@ -623,12 +614,14 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
> >
<input <input
id="key-name" id="key-name"
placeholder=${translate('profile.profile9')} placeholder=${translate(
'profile.profile9'
)}
?disabled=${!!this.qortalRequestCustomData} ?disabled=${!!this.qortalRequestCustomData}
class="input" class="input"
.value=${this.newCustomDataKey} .value=${this.newCustomDataKey}
@change=${(e) => { @change=${(e) => {
this.newCustomDataKey = e.target.value; this.newCustomDataKey = e.target.value
}} }}
/> />
</div> </div>
@ -636,8 +629,7 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
<div style="height:15px"></div> <div style="height:15px"></div>
<p>${translate('profile.profile10')}</p> <p>${translate('profile.profile10')}</p>
<div style="display: flex;flex-direction: column;"> <div style="display: flex;flex-direction: column;">
${Object.keys(this.newCustomDataField).map( ${Object.keys(this.newCustomDataField).map((key) => {
(key) => {
return html` return html`
<div <div
style="display:flex;justify-content:center;flex-direction:column" style="display:flex;justify-content:center;flex-direction:column"
@ -652,23 +644,16 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
<div <div
style="display:flex;gap:15px;align-items:center" style="display:flex;gap:15px;align-items:center"
> >
<input <input
id=${key} id=${key}
placeholder=${translate( placeholder=${translate('profile.profile13')}
'profile.profile13'
)}
class="input" class="input"
.value=${this .value=${this.newCustomDataField[key]}
.newCustomDataField[
key
]}
@change=${(e) => { @change=${(e) => {
this.newCustomDataField = this.newCustomDataField = {
{ ...this.newCustomDataField,
...this [key]: e.target.value,
.newCustomDataField,
[key]: e.target
.value,
}; };
}} }}
/> />
@ -682,19 +667,18 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
</div> </div>
</div> </div>
`; `;
} })}
)}
</div> </div>
<div style="height:15px"></div> <div style="height:15px"></div>
<div <div style="width:100%;display:flex;justify-content:center;gap:10px;margin-top:30px">
style="width:100%;display:flex;justify-content:center;gap:10px;margin-top:30px"
>
<input <input
placeholder=${translate('profile.profile12')} placeholder=${translate('profile.profile12')}
class="input" class="input"
.value=${this.newFieldName} .value=${this.newFieldName}
@change=${(e) => { @change=${(e) => {
this.newFieldName = e.target.value; this.newFieldName = e.target.value
}} }}
/> />
<button <button
@ -714,8 +698,8 @@ class ProfileModalUpdate extends connect(store)(LitElement) {
class="modal-button-red" class="modal-button-red"
?disabled="${this.isLoading}" ?disabled="${this.isLoading}"
@click="${() => { @click="${() => {
this.isOpenCustomDataModal = false; this.isOpenCustomDataModal = false
this.newCustomDataKey = ''; this.newCustomDataKey = ""
this.newCustomDataField = {}; this.newCustomDataField = {};
}}" }}"
> >