aboutsummaryrefslogtreecommitdiff
path: root/src/components/settings_modal/tabs/profile_tab.vue
diff options
context:
space:
mode:
authorShpuld Shpludson <shp@cock.li>2020-06-27 07:32:59 +0000
committerShpuld Shpludson <shp@cock.li>2020-06-27 07:32:59 +0000
commitc658f57abbf1409a18a54c6259aa44d429caf080 (patch)
tree6071d580d602fabc5ec63425c7dc349d8d855ac6 /src/components/settings_modal/tabs/profile_tab.vue
parent8150899a737648cb8c8852fa380c3ff4a98b132f (diff)
parentea0a12f6049241cb9e8fa7cd5bc6dc8b9852b57c (diff)
Merge branch 'iss-149/profile-fields-setting' into 'develop'
Profile fields setting See merge request pleroma/pleroma-fe!997
Diffstat (limited to 'src/components/settings_modal/tabs/profile_tab.vue')
-rw-r--r--src/components/settings_modal/tabs/profile_tab.vue48
1 files changed, 48 insertions, 0 deletions
diff --git a/src/components/settings_modal/tabs/profile_tab.vue b/src/components/settings_modal/tabs/profile_tab.vue
index decdb389..0f9210a6 100644
--- a/src/components/settings_modal/tabs/profile_tab.vue
+++ b/src/components/settings_modal/tabs/profile_tab.vue
@@ -95,6 +95,54 @@
{{ $t('settings.discoverable') }}
</Checkbox>
</p>
+ <div v-if="maxFields > 0">
+ <p>{{ $t('settings.profile_fields.label') }}</p>
+ <div
+ v-for="(_, i) in newFields"
+ :key="i"
+ class="profile-fields"
+ >
+ <EmojiInput
+ v-model="newFields[i].name"
+ enable-emoji-picker
+ hide-emoji-button
+ :suggest="userSuggestor"
+ >
+ <input
+ v-model="newFields[i].name"
+ :placeholder="$t('settings.profile_fields.name')"
+ >
+ </EmojiInput>
+ <EmojiInput
+ v-model="newFields[i].value"
+ enable-emoji-picker
+ hide-emoji-button
+ :suggest="userSuggestor"
+ >
+ <input
+ v-model="newFields[i].value"
+ :placeholder="$t('settings.profile_fields.value')"
+ >
+ </EmojiInput>
+ <div
+ class="icon-container"
+ >
+ <i
+ v-show="newFields.length > 1"
+ class="icon-cancel"
+ @click="deleteField(i)"
+ />
+ </div>
+ </div>
+ <a
+ v-if="newFields.length < maxFields"
+ class="add-field faint"
+ @click="addField"
+ >
+ <i class="icon-plus" />
+ {{ $t("settings.profile_fields.add_field") }}
+ </a>
+ </div>
<p>
<Checkbox v-model="bot">
{{ $t('settings.bot') }}