Merge pull request #79 from modx-pro/feat-uppy-localization

Добавлена локализация интерфейса галереи

Author: biz87

core/components/minishop3/lexicon/en/product.inc.php

@@ -163,6 +163,28 @@
 
 $_lang['ms3_gallery_errors'] = 'Upload Errors';
 
+// Uppy gallery uploader strings
+$_lang['ms3_gallery_uppy_drop_paste'] = 'Drop files here or %{browse}';
+$_lang['ms3_gallery_uppy_browse'] = 'browse';
+$_lang['ms3_gallery_uppy_browse_files'] = 'browse files';
+$_lang['ms3_gallery_uppy_browse_folders'] = 'browse folders';
+$_lang['ms3_gallery_uppy_upload_complete'] = 'Upload complete';
+$_lang['ms3_gallery_uppy_upload_failed'] = 'Upload failed';
+$_lang['ms3_gallery_uppy_uploading'] = 'Uploading...';
+$_lang['ms3_gallery_uppy_complete'] = 'Complete';
+$_lang['ms3_gallery_uppy_cancel'] = 'Cancel';
+$_lang['ms3_gallery_uppy_remove'] = 'Remove';
+$_lang['ms3_gallery_uppy_edit'] = 'Edit';
+$_lang['ms3_gallery_uppy_retry'] = 'Retry';
+$_lang['ms3_gallery_uppy_add_more'] = 'Add more';
+$_lang['ms3_gallery_uppy_x_files_selected_0'] = '%{smart_count} file selected';
+$_lang['ms3_gallery_uppy_x_files_selected_1'] = '%{smart_count} files selected';
+$_lang['ms3_gallery_uppy_x_files_selected_2'] = '%{smart_count} files selected';
+$_lang['ms3_gallery_uppy_upload_x_files_0'] = 'Upload %{smart_count} file';
+$_lang['ms3_gallery_uppy_upload_x_files_1'] = 'Upload %{smart_count} files';
+$_lang['ms3_gallery_uppy_upload_x_files_2'] = 'Upload %{smart_count} files';
+$_lang['ms3_gallery_uppy_note_max_size'] = 'Maximum size: %{maxSize}';
+
 $_lang['ms3_product_data_vue'] = 'Product Data (Vue)';
 
 // Vue field management widget

core/components/minishop3/lexicon/ru/product.inc.php

@@ -165,4 +165,26 @@
 
 $_lang['ms3_gallery_errors'] = 'Ошибки при загрузке';
 
+// Строки Uppy для загрузки в галерею
+$_lang['ms3_gallery_uppy_drop_paste'] = 'Перетащите файлы сюда или %{browse}';
+$_lang['ms3_gallery_uppy_browse'] = 'выбрать';
+$_lang['ms3_gallery_uppy_browse_files'] = 'выбрать файлы';
+$_lang['ms3_gallery_uppy_browse_folders'] = 'выбрать папки';
+$_lang['ms3_gallery_uppy_upload_complete'] = 'Загрузка завершена';
+$_lang['ms3_gallery_uppy_upload_failed'] = 'Ошибка загрузки';
+$_lang['ms3_gallery_uppy_uploading'] = 'Загрузка...';
+$_lang['ms3_gallery_uppy_complete'] = 'Готово';
+$_lang['ms3_gallery_uppy_cancel'] = 'Отмена';
+$_lang['ms3_gallery_uppy_remove'] = 'Удалить';
+$_lang['ms3_gallery_uppy_edit'] = 'Редактировать';
+$_lang['ms3_gallery_uppy_retry'] = 'Повторить';
+$_lang['ms3_gallery_uppy_add_more'] = 'Добавить ещё';
+$_lang['ms3_gallery_uppy_x_files_selected_0'] = '%{smart_count} файл выбран';
+$_lang['ms3_gallery_uppy_x_files_selected_1'] = '%{smart_count} файла выбрано';
+$_lang['ms3_gallery_uppy_x_files_selected_2'] = '%{smart_count} файлов выбрано';
+$_lang['ms3_gallery_uppy_upload_x_files_0'] = 'Загрузить %{smart_count} файл';
+$_lang['ms3_gallery_uppy_upload_x_files_1'] = 'Загрузить %{smart_count} файла';
+$_lang['ms3_gallery_uppy_upload_x_files_2'] = 'Загрузить %{smart_count} файлов';
+$_lang['ms3_gallery_uppy_note_max_size'] = 'Макс. размер: %{maxSize}';
+
 $_lang['ms3_product_data_vue'] = 'Данные товара (Vue)';

vueManager/src/components/gallery/GalleryUploader.vue

@@ -9,8 +9,11 @@ import Uppy from '@uppy/core'
 import Dashboard from '@uppy/dashboard'
 import ImageEditor from '@uppy/image-editor'
 import XHRUpload from '@uppy/xhr-upload'
+import { useLexicon } from '@vuetools/useLexicon'
 import { onBeforeUnmount, onMounted } from 'vue'
 
+const { _ } = useLexicon()
+
 const props = defineProps({
   productId: {
     type: [Number, String],
@@ -63,7 +66,47 @@ onBeforeUnmount(() => {
   }
 })
 
+const buildUppyLocale = () => {
+  const isRu = (window.MODx?.cultureKey || 'en').toLowerCase().startsWith('ru')
+  return {
+    strings: {
+      dropPasteFiles: _('ms3_gallery_uppy_drop_paste'),
+      browse: _('ms3_gallery_uppy_browse'),
+      browseFiles: _('ms3_gallery_uppy_browse_files'),
+      browseFolders: _('ms3_gallery_uppy_browse_folders'),
+      uploadComplete: _('ms3_gallery_uppy_upload_complete'),
+      uploadFailed: _('ms3_gallery_uppy_upload_failed'),
+      uploading: _('ms3_gallery_uppy_uploading'),
+      complete: _('ms3_gallery_uppy_complete'),
+      cancel: _('ms3_gallery_uppy_cancel'),
+      remove: _('ms3_gallery_uppy_remove'),
+      edit: _('ms3_gallery_uppy_edit'),
+      retry: _('ms3_gallery_uppy_retry'),
+      addMore: _('ms3_gallery_uppy_add_more'),
+      xFilesSelected: {
+        0: _('ms3_gallery_uppy_x_files_selected_0'),
+        1: _('ms3_gallery_uppy_x_files_selected_1'),
+        2: _('ms3_gallery_uppy_x_files_selected_2'),
+      },
+      uploadXFiles: {
+        0: _('ms3_gallery_uppy_upload_x_files_0'),
+        1: _('ms3_gallery_uppy_upload_x_files_1'),
+        2: _('ms3_gallery_uppy_upload_x_files_2'),
+      },
+    },
+    pluralize: isRu
+      ? n =>
+          n % 10 === 1 && n % 100 !== 11
+            ? 0
+            : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 10 || n % 100 >= 20)
+              ? 1
+              : 2
+      : n => (n === 1 ? 0 : 1),
+  }
+}
+
 const initUppy = () => {
+  const locale = buildUppyLocale()
   uppy = new Uppy({
     id: 'gallery-uploader',
     autoProceed: false,
@@ -74,29 +117,14 @@ const initUppy = () => {
       minNumberOfFiles: null,
       allowedFileTypes: props.allowedFileTypes,
     },
-    locale: {
-      strings: {
-        // English localization
-        dropPasteFiles: 'Drop files here or %{browse}',
-        browse: 'browse',
-        uploadComplete: 'Upload complete',
-        uploadFailed: 'Upload failed',
-        uploading: 'Uploading...',
-        complete: 'Complete',
-        cancel: 'Cancel',
-        remove: 'Remove',
-        edit: 'Edit',
-        retry: 'Retry',
-        addMore: 'Add more',
-        xFilesSelected: {
-          0: '%{smart_count} file selected',
-          1: '%{smart_count} files selected',
-          2: '%{smart_count} files selected',
-        },
-      },
-    },
+    locale,
   })
 
+  const noteText = _('ms3_gallery_uppy_note_max_size').replace(
+    '%{maxSize}',
+    formatBytes(props.maxFileSize)
+  )
+
   uppy.use(Dashboard, {
     target: '#uppy-dashboard',
     inline: true,
@@ -105,7 +133,7 @@ const initUppy = () => {
     proudlyDisplayPoweredByUppy: false,
     showProgressDetails: true,
     hideUploadButton: false,
-    note: `Maximum size: ${formatBytes(props.maxFileSize)}`,
+    note: noteText,
     theme: 'light',
   })
 

vueManager/src/scss/_variables.scss

@@ -39,6 +39,7 @@
 
   /* Colors — text */
   --ms3-text-primary: #374151;
+
   /* Объединённые muted/secondary (ранее были #6c757d, #6b7280, #64748b) */
   --ms3-text-muted: #64748b;
   --ms3-text-light: #94a3b8;