aboutsummaryrefslogtreecommitdiff
path: root/src/components/settings_modal/tabs/profile_tab.vue
diff options
context:
space:
mode:
authorShpuld Shpuldson <shp@cock.li>2020-06-27 12:10:02 +0300
committerShpuld Shpuldson <shp@cock.li>2020-06-27 12:10:02 +0300
commit58f9c1cc4932b8c2c3450aa215f5ebab6de1a4d7 (patch)
tree73389d25a7093eff4c19b84948149505e8854e10 /src/components/settings_modal/tabs/profile_tab.vue
parent504d48fc5a707a60f5c7f5d5cf92ab2af762bb2e (diff)
parent3113d904b921b1258c3709101d7e688767037079 (diff)
fix conflict in after_store
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') }}