From 79c70c1017ca24842cc2a026c6bf2fd4e923270f Mon Sep 17 00:00:00 2001
From: Johann150 <johann.galle@protonmail.com>
Date: Wed, 12 Oct 2022 01:26:56 +0200
Subject: [PATCH] allow to export only selected emoji

Changelog: Added
---
 locales/en-US.yml                          |  2 ++
 packages/client/src/pages/admin/emojis.vue | 20 +++++++++++++++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/locales/en-US.yml b/locales/en-US.yml
index fc2668719..a21f9a30d 100644
--- a/locales/en-US.yml
+++ b/locales/en-US.yml
@@ -65,6 +65,8 @@ directNotes: "Direct notes"
 importAndExport: "Import / Export"
 import: "Import"
 export: "Export"
+exportAll: "Export all"
+exportSelected: "Export selected"
 files: "Files"
 download: "Download"
 driveFileDeleteConfirm: "Are you sure you want to delete the file \"{name}\"? Notes\
diff --git a/packages/client/src/pages/admin/emojis.vue b/packages/client/src/pages/admin/emojis.vue
index 2417e48ca..04e0236f1 100644
--- a/packages/client/src/pages/admin/emojis.vue
+++ b/packages/client/src/pages/admin/emojis.vue
@@ -18,6 +18,7 @@
 						<MkButton inline @click="addTagBulk">{{ i18n.ts.addTag }}</MkButton>
 						<MkButton inline @click="removeTagBulk">{{ i18n.ts.removeTag }}</MkButton>
 						<MkButton inline @click="setTagBulk">{{ i18n.ts.setTag }}</MkButton>
+						<MkButton inline @click="exportSelected">{{ i18n.ts.exportSelected }}</MkButton>
 						<MkButton inline danger @click="delBulk">{{ i18n.ts.delete }}</MkButton>
 					</div>
 					<MkPagination ref="emojisPaginationComponent" :pagination="pagination">
@@ -170,7 +171,7 @@ const remoteMenu = (emoji, ev: MouseEvent) => {
 const menu = (ev: MouseEvent) => {
 	os.popupMenu([{
 		icon: 'fas fa-download',
-		text: i18n.ts.export,
+		text: i18n.ts.exportAll,
 		action: async () => {
 			os.api('export-custom-emojis', {
 			})
@@ -257,6 +258,23 @@ const setTagBulk = async () => {
 	emojisPaginationComponent.value.reload();
 };
 
+const exportSelected = async () => {
+	os.api('export-custom-emojis', {
+		ids: selectedEmojis.value,
+	})
+	.then(() => {
+		os.alert({
+			type: 'info',
+			text: i18n.ts.exportRequested,
+		});
+	}).catch((err) => {
+		os.alert({
+			type: 'error',
+			text: err.message,
+		});
+	});
+};
+
 const delBulk = async () => {
 	const { canceled } = await os.confirm({
 		type: 'warning',