aboutsummaryrefslogtreecommitdiff
path: root/src/components/settings_modal
diff options
context:
space:
mode:
authorEkaterina Vaartis <vaartis@kotobank.ch>2024-01-22 23:43:20 +0300
committerEkaterina Vaartis <vaartis@kotobank.ch>2024-01-22 23:43:20 +0300
commitd5a5b8e25430e44690c51e56ad7f862ce363e458 (patch)
tree0042085d449a6309a906223414f7547d6795614a /src/components/settings_modal
parent4d7a9151542da6298a68bf577ad61acf6feb339b (diff)
Fix typo, add warning on replacing local pack
Diffstat (limited to 'src/components/settings_modal')
-rw-r--r--src/components/settings_modal/admin_tabs/emoji_tab.js4
-rw-r--r--src/components/settings_modal/admin_tabs/emoji_tab.scss4
-rw-r--r--src/components/settings_modal/admin_tabs/emoji_tab.vue14
-rw-r--r--src/components/settings_modal/helpers/emoji_editing_popover.vue2
4 files changed, 19 insertions, 5 deletions
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.js b/src/components/settings_modal/admin_tabs/emoji_tab.js
index a97cfd7a..58e1468f 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.js
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.js
@@ -60,6 +60,10 @@ const EmojiTab = {
}
return result
+ },
+ downloadWillReplaceLocal () {
+ return (this.remotePackDownloadAs.trim() === '' && this.pack.remote && this.pack.remote.baseName in this.knownLocalPacks) ||
+ (this.remotePackDownloadAs in this.knownLocalPacks)
}
},
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.scss b/src/components/settings_modal/admin_tabs/emoji_tab.scss
index 68711aee..cc918870 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.scss
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.scss
@@ -54,4 +54,8 @@
.emoji-tab-popover-file {
padding-top: 3px;
}
+
+ .warning {
+ color: var(--cOrange, $fallback--cOrange);
+ }
}
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.vue b/src/components/settings_modal/admin_tabs/emoji_tab.vue
index f2dc343a..5231f860 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.vue
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.vue
@@ -200,10 +200,16 @@
<div>
<div>
<div class="emoji-tab-popover-input">
- <label for="remote-download-as-input">{{ $t('admin_dash.emoji.download_as_name') }}</label>
- <input id="remote-download-as-input" class="emoji-data-input"
- v-model="remotePackDownloadAs"
- :placeholder="$t('admin_dash.emoji.download_as_name_full')">
+ <label>
+ {{ $t('admin_dash.emoji.download_as_name') }}
+ <input class="emoji-data-input"
+ v-model="remotePackDownloadAs"
+ :placeholder="$t('admin_dash.emoji.download_as_name_full')">
+ </label>
+
+ <div v-if="downloadWillReplaceLocal" class="warning">
+ <em>{{ $t('admin_dash.emoji.replace_warning') }}</em>
+ </div>
</div>
<button
diff --git a/src/components/settings_modal/helpers/emoji_editing_popover.vue b/src/components/settings_modal/helpers/emoji_editing_popover.vue
index 12f7a4f8..dfece424 100644
--- a/src/components/settings_modal/helpers/emoji_editing_popover.vue
+++ b/src/components/settings_modal/helpers/emoji_editing_popover.vue
@@ -168,7 +168,7 @@ export default {
})
}
},
- emits: ['updatePackFiles', 'displaError'],
+ emits: ['updatePackFiles', 'displayError'],
props: {
placement: String,
disabled: {