Support for multilanguage installations

Author: medienbaecker

composer.json

@@ -3,7 +3,7 @@
     "description": "Alt Text Review",
     "license": "MIT",
     "type": "kirby-plugin",
-    "version": "1.0.0",
+    "version": "1.1.0",
     "authors": [
         {
             "name": "Thomas Günther",

index.css

@@ -44,24 +44,37 @@
 					$page = (int)$request->get('page', 1);
 					$limit = 100; // Fixed limit as requested
 
+					// Get current language from panel
+					$currentLanguage = kirby()->language();
+					$languageCode = $currentLanguage ? $currentLanguage->code() : null;
+					
 					// Collect all images
 					$allImages = [];
 					$pages = site()->index();
 
 					foreach ($pages as $sitePage) {
 						if ($sitePage->hasImages()) {
 							foreach ($sitePage->images() as $image) {
+								// Get alt text for current language
+								$altText = '';
+								if ($languageCode) {
+									$altText = $image->alt()->translation($languageCode)->value() ?? '';
+								} else {
+									$altText = $image->alt()->value() ?? '';
+								}
+								
 								$allImages[] = [
 									'id' => $image->id(),
 									'url' => $image->url(),
 									'filename' => $image->filename(),
-									'alt' => $image->alt()->value() ?? '',
+									'alt' => $altText,
 									'alt_reviewed' => $image->alt_reviewed()->toBool(),
 									'panelUrl' => $image->panel()->url(),
 									'pageUrl' => $image->page()->url(),
 									'pageTitle' => $sitePage->title()->value(),
 									'pageId' => $sitePage->id(),
 									'pagePanelUrl' => $sitePage->panel()->url(),
+									'language' => $languageCode,
 								];
 							}
 						}
@@ -99,7 +112,6 @@
 					$field = $request->body()->get('field');
 					$value = $request->body()->get('value');
 
-
 					if (!in_array($field, ['alt', 'alt_reviewed'])) {
 						return ['error' => t('medienbaecker.alt-text-review.invalidField')];
 					}
@@ -110,7 +122,17 @@
 							return ['error' => t('medienbaecker.alt-text-review.imageNotFound')];
 						}
 
-						$image->update([$field => $value]);
+						// Get current language for saving
+						$currentLanguage = kirby()->language();
+						$languageCode = $currentLanguage ? $currentLanguage->code() : null;
+						
+						// Save to specific language if multilingual site
+						if ($languageCode && $field === 'alt') {
+							$image->update([$field => $value], $languageCode);
+						} else {
+							$image->update([$field => $value]);
+						}
+						
 						return ['success' => true, 'message' => t('medienbaecker.alt-text-review.success')];
 					} catch (Exception $e) {
 						return ['error' => $e->getMessage()];

index.js

@@ -11,6 +11,9 @@
 					:theme="isComplete ? 'positive' : null">
 					{{ `${reviewedImagesCount}/${totalImagesCount}` }}
 				</k-button>
+				<k-button v-if="currentLanguage" element="span" variant="filled" size="sm">
+					{{ currentLanguage.toUpperCase() }}
+				</k-button>
 			</template>
 		</k-header>
 
@@ -94,13 +97,33 @@ export default {
 
 		hasAnyChanges() {
 			return Object.keys(this.currentImages).some(imageId => this.hasChanges(imageId));
+		},
+
+		currentLanguage() {
+			// Get current language from panel
+			return this.$panel.language ? this.$panel.language.code : null;
 		}
 	},
 
 	watch: {
 		page(newPage) {
 			// Load images when the page prop changes (from route)
 			this.loadImages(newPage);
+		},
+
+		currentLanguage(newLanguage, oldLanguage) {
+			// Reload images when language changes
+			if (newLanguage !== oldLanguage && oldLanguage !== undefined) {
+				const hasUnsaved = Object.keys(this.currentImages).some(imageId => this.hasChanges(imageId));
+				
+				if (hasUnsaved) {
+					if (!confirm(this.$t('medienbaecker.alt-text-review.unsavedChanges'))) {
+						return;
+					}
+				}
+				
+				this.loadImages(this.page);
+			}
 		}
 	},